@zydon/common 2.7.64 → 2.7.65

package/dist/theme/theme-provider.js

@@ -1,11 +1,11 @@
-export { b as default } from '../chunk-4RNGASI4.js';
+export { b as default } from '../chunk-CU7PKEY2.js';
 import '../chunk-LDGBS7ZI.js';
+export { b as useSettingsContext } from '../chunk-2WG6OWB4.js';
 import '../chunk-6W52DPH4.js';
 import '../chunk-TWSAWMZ3.js';
 import '../chunk-ROVD7OGE.js';
 import '../chunk-EQYL7U3J.js';
 import '../chunk-WUFEPE2G.js';
-export { b as useSettingsContext } from '../chunk-2WG6OWB4.js';
 export { a as THEME_CONFIG } from '../chunk-GLRLKFPS.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=theme-provider.js.map

package/dist/theme/with-settings/index.d.ts

@@ -4,10 +4,6 @@ import { S as SettingsState } from '../../settings-583c107c.js';
 import { T as ThemeUpdateOptions } from '../../types-b8e8c021.js';
 import '@mui/material/styles/createTypography';
 
-/**
- * [1] settings @primaryColor
- * [2] settings @contrast
- */
 declare function updateCoreWithSettings(theme: ThemeUpdateOptions, settings: SettingsState): ThemeUpdateOptions;
 declare function updateComponentsWithSettings(settings: SettingsState): {
     components: Components<Omit<Theme, "palette" | "components"> & _mui_material_styles.CssVarsTheme>;

package/dist/types/sectionProps.d.ts

@@ -1,3 +1,4 @@
+import { StackProps } from '@mui/material/Stack';
 import { MutableRefObject, ReactNode } from 'react';
 
 interface SectionProps {
@@ -7,6 +8,7 @@ interface SectionProps {
     subTitle?: string;
     isRequired?: boolean;
     child: ReactNode;
+    sectionContentProps?: StackProps;
 }
 
 export { SectionProps };

package/dist/types/selectList.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+
+interface SelectListProps {
+    label?: ReactNode;
+    value?: string | string[];
+    multiple?: boolean;
+    options: {
+        label: ReactNode;
+        value: string;
+        disabled?: boolean;
+        startContent?: ReactNode;
+    }[];
+    total?: number;
+    onChange: (value: string | string[]) => void;
+    pagination?: {
+        page: number;
+        perPage: number;
+        onChange: (page: number, perPage: number) => void;
+    };
+    onSearch?: (search?: string) => void;
+    onAdd?: VoidFunction;
+    loading?: boolean;
+    loadingView?: ReactNode;
+    fetching?: boolean;
+    fetchingView?: ReactNode;
+    emptyView?: ReactNode;
+    helperText?: ReactNode;
+    error?: boolean;
+}
+
+export { SelectListProps };

package/dist/types/selectList.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=selectList.js.map

package/dist/types/selectList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/utils/compare.d.ts

@@ -1,26 +1,5 @@
 export { default as isEqual } from 'react-fast-compare';
 
-/**
- * Realiza comparação profunda entre dois valores com tratamento especial para Sets.
- *
- * Esta função utiliza react-fast-compare como base, mas adiciona lógica especial
- * para Sets que contêm objetos, já que react-fast-compare pode não comparar
- * corretamente Sets com objetos complexos em algumas situações.
- *
- * @param a - Primeiro valor a ser comparado
- * @param b - Segundo valor a ser comparado
- * @returns true se os valores são profundamente iguais, false caso contrário
- *
- * @example
- * ```typescript
- * const set1 = new Set([{id: 1}, {id: 2}]);
- * const set2 = new Set([{id: 1}, {id: 2}]);
- * deepCompareWithSets(set1, set2); // true
- *
- * deepCompareWithSets([1, 2, 3], [1, 2, 3]); // true
- * deepCompareWithSets({a: 1}, {a: 1}); // true
- * ```
- */
 declare const deepCompareWithSets: (a: unknown, b: unknown) => boolean;
 
 export { deepCompareWithSets };

package/dist/utils/execution.d.ts

@@ -1,76 +1,6 @@
 import * as lodash from 'lodash';
 
-/**
- * Executa imediatamente uma função e retorna seu resultado.
- *
- * Esta função utilitária é usada para avaliar expressões de forma "eager" (ansiosa),
- * executando a função fornecida imediatamente e retornando seu valor. É útil em
- * situações onde você quer forçar a execução imediata de uma função que poderia
- * ser avaliada de forma lazy (preguiçosa).
- *
- * @template T - O tipo do valor retornado pela função
- * @param fn - A função a ser executada imediatamente
- * @returns O resultado da execução da função
- *
- * @example
- * ```typescript
- * // Execução imediata de uma computação
- * const result = eager(() => {
- *   console.log('Executando agora!');
- *   return 42;
- * }); // result = 42, e o console.log é executado imediatamente
- *
- * // Útil para inicialização de valores
- * const config = eager(() => ({
- *   apiUrl: process.env.API_URL || 'http://localhost:3000',
- *   timeout: 5000
- * }));
- *
- * // Forçar execução de side effects
- * eager(() => {
- *   localStorage.setItem('initialized', 'true');
- *   return null;
- * });
- * ```
- */
 declare const eager: <T>(fn: () => T) => T;
-/**
- * Adia a execução de uma função para o próximo ciclo do event loop.
- *
- * Esta função utiliza setTimeout com delay 0 para agendar a execução da função
- * fornecida para o próximo tick do event loop. É útil para quebrar operações
- * síncronas longas ou para garantir que o DOM seja atualizado antes da execução.
- *
- * @template T - O tipo do valor retornado pela função
- * @param fn - A função a ser executada de forma adiada
- * @returns Uma Promise que resolve com o resultado da função
- *
- * @example
- * ```typescript
- * // Adiar execução para permitir atualização do DOM
- * const updateUI = async () => {
- *   setLoading(true);
- *
- *   const result = await defer(() => {
- *     return processLargeDataset(data);
- *   });
- *
- *   setLoading(false);
- *   return result;
- * };
- *
- * // Quebrar operação síncrona longa
- * const processInChunks = async (items: any[]) => {
- *   for (let i = 0; i < items.length; i += 100) {
- *     const chunk = items.slice(i, i + 100);
- *     processChunk(chunk);
- *
- *     // Permite que outras tarefas sejam executadas
- *     await defer(() => {});
- *   }
- * };
- * ```
- */
 declare const defer: <T>(fn: () => T) => Promise<T>;
 declare const debounce: {
     <T extends (...args: any) => any>(func: T, wait: number | undefined, options: lodash.DebounceSettingsLeading): lodash.DebouncedFuncLeading<T>;

package/dist/utils/object.d.ts

@@ -1,9 +1,3 @@
-/**
- * Define uma propriedade aninhada em um objeto usando notação de ponto
- * @param obj - O objeto onde definir a propriedade
- * @param path - O caminho da propriedade usando notação de ponto (ex: 'a.b.c')
- * @param value - O valor a ser definido
- */
 declare const setNestedProperty: (obj: Record<string, unknown>, path: string, value: unknown) => void;
 
 export { setNestedProperty };

package/dist/utils/paymentValidators.d.ts

@@ -1,9 +1,3 @@
-/**
- * Implementa o algoritmo de Luhn para validação de números de cartão de crédito.
- * Retorna true se o número for válido ou uma mensagem de erro caso contrário.
- *
- * @param cardNumber Número do cartão (com ou sem espaços)
- */
 declare const validateCardNumber: (cardNumber: string) => boolean | string;
 declare const validateExpirationDate: (value: string) => true | "Mês inválido" | "Cartão expirado";
 

package/dist/utils/popup.d.ts

@@ -1,10 +1,3 @@
-/**
- * Abre uma janela popup centralizada, ajustando para múltiplos monitores e zoom.
- * @param {string} url URL que será carregada na popup
- * @param {number} desiredWidth Largura desejada da popup (px)
- * @param {number} desiredHeight Altura desejada da popup (px)
- * @returns {Window|null} Referência à janela criada, ou null se bloqueada
- */
 declare const openCenteredPopup: (url: string, desiredWidth?: number, desiredHeight?: number) => Window | null;
 
 export { openCenteredPopup };

package/dist/utils/string.d.ts

@@ -1,8 +1,3 @@
-/**
- * Extrai as iniciais de um nome ou texto
- * @param name - Nome ou texto para extrair as iniciais
- * @returns String com as iniciais (máximo 2 caracteres)
- */
 declare const getInitials: (name: string) => string;
 
 export { getInitials };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zydon/common",
-  "version": "2.7.64",
+  "version": "2.7.65",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",
@@ -104,6 +104,7 @@
     "@types/color": "^3.0.6",
     "@types/invariant": "^2.2.37",
     "@types/jest": "^30.0.0",
+    "@types/jest-axe": "^3.5.9",
     "@types/lodash": "^4.17.20",
     "@types/node": "^20.0.0",
     "@types/react": "^18.3.4",
@@ -124,6 +125,7 @@
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
+    "jest-axe": "^10.0.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
     "jest-util": "^30.0.5",

package/dist/chunk-OTVEMGF2.js

@@ -1,12 +0,0 @@
-import { a } from './chunk-NQNNMRLC.js';
-import { useRef } from 'react';
-import A from '@mui/material/IconButton';
-import l from '@mui/material/InputAdornment';
-import g from '@mui/material/TextField';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var h=({onSearch:n,onChange:i,trigger:d="click",iconPosition:r="end",tabIndex:f,InputProps:o,iconButtonAriaLabel:s="Buscar",...e})=>{let u=useRef(null),a$1=jsx(A,{color:"inherit",onClick:()=>{n(u.current?.value);},"aria-label":s,children:jsx(a,{icon:"SEARCH_MAGNIFYING_GLASS",width:20,height:20,color:"text.secondary"})});return jsx(g,{inputRef:u,sx:{"& .MuiOutlinedInput-root":{backgroundColor:"background.paper","& input::placeholder":{color:"text.disabled",opacity:.7}}},InputProps:{...o,onKeyDown:t=>{t.key==="Enter"&&n(u.current?.value);},...r==="start"?{startAdornment:jsxs(l,{position:r,children:[a$1,o?.startAdornment]})}:{endAdornment:jsxs(l,{position:r,children:[a$1,o?.endAdornment]})}},inputProps:{tabIndex:f,name:e.name,...e.inputProps},onChange:t=>{if(d==="change"){n(t.target.value);return}t.target.value===""&&n(""),i&&i(t);},...e})},R=h;
-
-export { R as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-OTVEMGF2.js.map

package/dist/chunk-OTVEMGF2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/SearchInput/index.tsx"],"names":["useRef","IconButton","InputAdornment","TextField","jsx","jsxs","SearchInput","onSearch","onChange","trigger","iconPosition","tabIndex","InputProps","iconButtonAriaLabel","other","inputRef","seachIcon","Icon_default","e","SearchInput_default"],"mappings":"wCAAA,OAAS,UAAAA,MAAc,QACvB,OAAOC,MAAgB,2BACvB,OAAOC,MAAoB,+BAC3B,OAAOC,MAAe,0BA0BhB,cAAAC,EA6BU,QAAAC,MA7BV,oBApBN,IAAMC,EAAc,CAAC,CACnB,SAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,QACV,aAAAC,EAAe,MACf,SAAAC,EACA,WAAAC,EACA,oBAAAC,EAAsB,SACtB,GAAGC,CACL,IAAwB,CACtB,IAAMC,EAAWf,EAAyB,IAAI,EAExCgB,EACJZ,EAACH,EAAA,CACC,MAAM,UACN,QAAS,IAAM,CACbM,EAASQ,EAAS,SAAS,KAAK,CAClC,EACA,aAAYF,EAEZ,SAAAT,EAACa,EAAA,CACC,KAAK,0BACL,MAAO,GACP,OAAQ,GACR,MAAM,iBACR,EACF,EAGF,OACEb,EAACD,EAAA,CACC,SAAUY,EACV,GAAI,CACF,2BAA4B,CAC1B,gBAAiB,mBACjB,uBAAwB,CACtB,MAAO,gBACP,QAAS,EACX,CACF,CACF,EACA,WAAY,CACV,GAAGH,EACH,UAAWM,GAAK,CACVA,EAAE,MAAQ,SAASX,EAASQ,EAAS,SAAS,KAAK,CACzD,EACA,GAAIL,IAAiB,QACjB,CACE,eACEL,EAACH,EAAA,CAAe,SAAUQ,EACvB,UAAAM,EACAJ,GAAY,gBACf,CAEJ,EACA,CACE,aACEP,EAACH,EAAA,CAAe,SAAUQ,EACvB,UAAAM,EACAJ,GAAY,cACf,CAEJ,CACN,EACA,WAAY,CACV,SAAAD,EACA,KAAMG,EAAM,KACZ,GAAGA,EAAM,UACX,EACA,SAAUI,GAAK,CACb,GAAIT,IAAY,SAAU,CACxBF,EAASW,EAAE,OAAO,KAAK,EACvB,OAGEA,EAAE,OAAO,QAAU,IAAIX,EAAS,EAAE,EAElCC,GAAUA,EAASU,CAAC,CAC1B,EACC,GAAGJ,EACN,CAEJ,EAEOK,EAAQb","sourcesContent":["import { useRef } from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport TextField from '@mui/material/TextField';\n\nimport { SearchInputProps } from 'types/searchInputProps';\n\nimport Icon from '../Icon';\n\nconst SearchInput = ({\n  onSearch,\n  onChange,\n  trigger = 'click',\n  iconPosition = 'end',\n  tabIndex,\n  InputProps,\n  iconButtonAriaLabel = 'Buscar',\n  ...other\n}: SearchInputProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const seachIcon = (\n    <IconButton\n      color=\"inherit\"\n      onClick={() => {\n        onSearch(inputRef.current?.value);\n      }}\n      aria-label={iconButtonAriaLabel}\n    >\n      <Icon\n        icon=\"SEARCH_MAGNIFYING_GLASS\"\n        width={20}\n        height={20}\n        color=\"text.secondary\"\n      />\n    </IconButton>\n  );\n\n  return (\n    <TextField\n      inputRef={inputRef}\n      sx={{\n        '& .MuiOutlinedInput-root': {\n          backgroundColor: 'background.paper',\n          '& input::placeholder': {\n            color: 'text.disabled',\n            opacity: 0.7,\n          },\n        },\n      }}\n      InputProps={{\n        ...InputProps,\n        onKeyDown: e => {\n          if (e.key === 'Enter') onSearch(inputRef.current?.value);\n        },\n        ...(iconPosition === 'start'\n          ? {\n              startAdornment: (\n                <InputAdornment position={iconPosition}>\n                  {seachIcon}\n                  {InputProps?.startAdornment}\n                </InputAdornment>\n              ),\n            }\n          : {\n              endAdornment: (\n                <InputAdornment position={iconPosition}>\n                  {seachIcon}\n                  {InputProps?.endAdornment}\n                </InputAdornment>\n              ),\n            }),\n      }}\n      inputProps={{\n        tabIndex,\n        name: other.name,\n        ...other.inputProps,\n      }}\n      onChange={e => {\n        if (trigger === 'change') {\n          onSearch(e.target.value);\n          return;\n        }\n\n        if (e.target.value === '') onSearch('');\n\n        if (onChange) onChange(e);\n      }}\n      {...other}\n    />\n  );\n};\n\nexport default SearchInput;\n"]}

package/dist/{index-5a5e5dc8.d.ts → index-c8f1e6e7.d.ts}

@@ -286,10 +286,13 @@ declare const components: {
     MuiTimelineDot: {
         defaultProps?: Partial<_mui_lab_TimelineDot.TimelineDotProps> | undefined;
         styleOverrides?: Partial<_mui_material_styles_overrides.OverridesStyleRules<keyof _mui_lab_TimelineDot.TimelineDotClasses, "MuiTimelineDot", {
-            transitions: _mui_material.Transitions;
+            cssVarPrefix: string;
+            zIndex: _mui_material.ZIndex;
+            direction: _mui_system.Direction;
+            opacity: _mui_material.Opacity;
+            typography: _mui_material.TypographyVariants;
             palette: _mui_material.Palette;
             colorSchemes: Record<_mui_material.SupportedColorScheme, _mui_material.ColorSystem>;
-            cssVarPrefix: string;
             vars: _mui_material.ThemeVars;
             getCssVar: (field: _mui_material.ThemeCssVar, ...vars: _mui_material.ThemeCssVar[]) => string;
             getColorSchemeSelector: (colorScheme: _mui_material.SupportedColorScheme) => string;
@@ -300,16 +303,13 @@ declare const components: {
             spacing: _mui_system.Spacing;
             breakpoints: _mui_system.Breakpoints;
             shape: _mui_system.Shape;
-            typography: _mui_material.TypographyVariants;
+            transitions: _mui_material.Transitions;
             shadows: _mui_material.Shadows;
             mixins: _mui_material.Mixins;
-            zIndex: _mui_material.ZIndex;
-            direction: _mui_system.Direction;
             shouldSkipGeneratingVar: (keys: string[], value: string | number) => boolean;
             unstable_sxConfig: _mui_system.SxConfig;
             unstable_sx: (props: _mui_system.SxProps<_mui_material.Theme>) => _mui_styled_engine.CSSObject;
             applyStyles: _mui_system.ApplyStyles<"light" | "dark">;
-            opacity: _mui_material.Opacity;
             overlays: _mui_material.Overlays;
             customShadows: CustomShadows;
             unstable_strictMode?: boolean | undefined;
@@ -326,10 +326,13 @@ declare const components: {
     MuiTimelineConnector: {
         defaultProps?: Partial<_mui_lab_TimelineConnector.TimelineConnectorProps> | undefined;
         styleOverrides?: Partial<_mui_material_styles_overrides.OverridesStyleRules<"root", "MuiTimelineConnector", {
-            transitions: _mui_material.Transitions;
+            cssVarPrefix: string;
+            zIndex: _mui_material.ZIndex;
+            direction: _mui_system.Direction;
+            opacity: _mui_material.Opacity;
+            typography: _mui_material.TypographyVariants;
             palette: _mui_material.Palette;
             colorSchemes: Record<_mui_material.SupportedColorScheme, _mui_material.ColorSystem>;
-            cssVarPrefix: string;
             vars: _mui_material.ThemeVars;
             getCssVar: (field: _mui_material.ThemeCssVar, ...vars: _mui_material.ThemeCssVar[]) => string;
             getColorSchemeSelector: (colorScheme: _mui_material.SupportedColorScheme) => string;
@@ -340,16 +343,13 @@ declare const components: {
             spacing: _mui_system.Spacing;
             breakpoints: _mui_system.Breakpoints;
             shape: _mui_system.Shape;
-            typography: _mui_material.TypographyVariants;
+            transitions: _mui_material.Transitions;
             shadows: _mui_material.Shadows;
             mixins: _mui_material.Mixins;
-            zIndex: _mui_material.ZIndex;
-            direction: _mui_system.Direction;
             shouldSkipGeneratingVar: (keys: string[], value: string | number) => boolean;
             unstable_sxConfig: _mui_system.SxConfig;
             unstable_sx: (props: _mui_system.SxProps<_mui_material.Theme>) => _mui_styled_engine.CSSObject;
             applyStyles: _mui_system.ApplyStyles<"light" | "dark">;
-            opacity: _mui_material.Opacity;
             overlays: _mui_material.Overlays;
             customShadows: CustomShadows;
             unstable_strictMode?: boolean | undefined;