@comercti/react-components 0.10.0 → 0.12.0

package/index.d.ts

@@ -31,6 +31,9 @@ striped: boolean;
 orderByServer: boolean;
 expandLine: boolean;
 compact: boolean;
+loading: boolean;
+loadingType: "spinner" | "semi-circle" | "dots";
+truncated: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 rootRef: HTMLDivElement;
 }, HTMLDivElement>;
@@ -58,6 +61,7 @@ onLogout?: (value: boolean) => any;
 }>, {
 itemsMenu: ItensMenu_2[];
 itemsMenuMyService: ItensMenu_2[];
+itemsSearch: ItensMenu_2[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_13: DefineComponent<IBreadcrumbsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -109,10 +113,7 @@ onSubmit?: () => any;
 onClear?: () => any;
 }>, {
 title: string;
-color: string;
 variant: "dropdown" | "collapse";
-backgroundColor: string;
-titleColor: string;
 disabledSubmit: boolean;
 disabledClear: boolean;
 showClearButton: boolean;
@@ -134,9 +135,9 @@ close: (value: boolean) => any;
 onClose?: (value: boolean) => any;
 }>, {
 rounded: boolean;
-isOpen: boolean;
+background: "white" | "green";
 position: "top" | "bottom";
-background: "1" | "2";
+isOpen: boolean;
 showIcon: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
@@ -151,6 +152,7 @@ onClick?: (event: MouseEvent) => any;
 disabled: boolean;
 block: boolean;
 type: "button" | "submit" | "a";
+size: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
 rounded: "small" | "medium" | "large";
 variant: tipoVariante;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
@@ -162,8 +164,8 @@ close: (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{
 onClose?: (value: boolean) => any;
 }>, {
-isOpen: boolean;
 background: "1" | "2";
+isOpen: boolean;
 closeOutside: boolean;
 showCloseButton: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -219,13 +221,13 @@ rootRef: HTMLDivElement;
 }, any>;
 
 declare const __VLS_component_5: DefineComponent<__VLS_Props_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-"update:modelValue": (value: CustomEvent<any> | Date) => any;
-"update:start": (value: CustomEvent<any> | Date) => any;
-"update:end": (value: CustomEvent<any> | Date) => any;
+"update:modelValue": (value: string | number | CustomEvent<any> | Date) => any;
+"update:start": (value: string | number | CustomEvent<any> | Date) => any;
+"update:end": (value: string | number | CustomEvent<any> | Date) => any;
 }, string, PublicProps, Readonly<__VLS_Props_9> & Readonly<{
-"onUpdate:modelValue"?: (value: CustomEvent<any> | Date) => any;
-"onUpdate:start"?: (value: CustomEvent<any> | Date) => any;
-"onUpdate:end"?: (value: CustomEvent<any> | Date) => any;
+"onUpdate:modelValue"?: (value: string | number | CustomEvent<any> | Date) => any;
+"onUpdate:start"?: (value: string | number | CustomEvent<any> | Date) => any;
+"onUpdate:end"?: (value: string | number | CustomEvent<any> | Date) => any;
 }>, {
 invalid: boolean;
 disabled: boolean;
@@ -233,6 +235,7 @@ range: boolean;
 rounded: boolean;
 noAlertIcon: boolean;
 modal: boolean;
+format: FormatDate;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
 rootRef: HTMLDivElement;
 }, any>;
@@ -297,6 +300,7 @@ onCloseDropdown?: () => any;
 }>, {
 invalid: boolean;
 disabled: boolean;
+reserveSpaceFeedback: boolean;
 search: boolean;
 multiple: boolean;
 closeChip: boolean;
@@ -387,6 +391,8 @@ declare type __VLS_Props_12 = {
     disabled?: boolean;
     /** Abrange toda a largura de um elemento para o radio */
     block?: boolean;
+    /** Exibe os radios em uma linha */
+    row?: boolean;
 };
 
 declare type __VLS_Props_13 = {
@@ -397,7 +403,7 @@ declare type __VLS_Props_13 = {
     /** Define o contorno do toggle */
     contoured?: boolean;
     /** Idenficador do toggle */
-    id: string;
+    id?: string;
     /** Informa que está invalido */
     invalid?: boolean;
     /** Label do toggle */
@@ -499,11 +505,15 @@ declare type __VLS_Props_18 = {
     name?: string;
     /** Email do usuário */
     email?: string;
+    /** Array de opções de pesquisa do menu */
+    itemsSearch?: ItensMenu_2[];
 };
 
 declare type __VLS_Props_19 = {
     /** Array de opções do menu */
     items: ItensMenu_2[];
+    /** Array de opções de pesquisa do menu */
+    itemsSearch?: ItensMenu_2[];
     /** Define se o menu está na home */
     isHome?: boolean;
     /** Define se o input de pesquisa será exibido */
@@ -523,6 +533,8 @@ declare type __VLS_Props_2 = {
     textDirection?: 'left' | 'right';
     /** Define o valor selecionado */
     modelValue: number;
+    /**Define a posição de abertura das opções */
+    position?: 'top' | 'bottom';
 };
 
 declare type __VLS_Props_20 = {
@@ -554,14 +566,8 @@ declare type __VLS_Props_21 = {
 declare type __VLS_Props_22 = {
     /** Define o tipo do filtro */
     variant?: 'dropdown' | 'collapse';
-    /** Define a cor do texto e do ícone */
-    color?: string;
-    /** Define a cor do background */
-    backgroundColor?: string;
     /** Define o título do filtro */
     title: string;
-    /** Define a cor do título do filtro */
-    titleColor?: string;
     /** Define o texto do botão */
     text: string;
     /**Desabilita o botão de submit */
@@ -591,7 +597,7 @@ declare type __VLS_Props_24 = {
     /** Define se o banner abre ou fecha */
     isOpen: boolean;
     /** Define a cor do background */
-    background?: '1' | '2';
+    background?: 'white' | 'green';
     /** Define o border radius do banner */
     rounded?: boolean;
     /** Define se o icone aparece */
@@ -701,6 +707,8 @@ declare type __VLS_Props_34 = {
 declare type __VLS_Props_4 = {
     /** Tipo do button (`attrs:to` ou `attrs:href` podem sobrepor essa regra) */
     type?: 'button' | 'submit' | 'a';
+    /** Tamanho do button */
+    size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     /** Variante de cores do button */
     variant?: tipoVariante;
     /** Arredondamento do button */
@@ -778,7 +786,7 @@ declare type __VLS_Props_8 = {
 };
 
 declare type __VLS_Props_9 = {
-    modelValue?: Date | string | null;
+    modelValue?: Date | string | null | number;
     start?: Date | string | null;
     end?: Date | string | null;
     /** Habilita range */
@@ -803,6 +811,8 @@ declare type __VLS_Props_9 = {
     rounded?: boolean;
     /** Desativa o sinalizador do input (quando não usa `slots['append-inner']`) */
     noAlertIcon?: boolean;
+    /** Define o formato da data retornada */
+    format?: FormatDate;
 };
 
 declare function __VLS_template(): {
@@ -1613,6 +1623,8 @@ declare interface CeSelectFieldProps {
     search?: boolean;
     /** Ativa botão de remover chip value */
     closeChip?: boolean;
+    /** Se o select deve reservar espaço para feedback de erro */
+    reserveSpaceFeedback?: boolean;
 }
 
 export declare const CeSlider: default_2.ComponentType<typeof _default_19>;
@@ -1651,6 +1663,12 @@ declare type DataTableProps = {
     expandLine?: boolean;
     /** Define o estilo compacto da tabela */
     compact?: boolean;
+    /** Exibi o loading na tabela */
+    loading?: boolean;
+    /** tipo do loading na tabela */
+    loadingType?: 'spinner' | 'semi-circle' | 'dots';
+    /** Define se o texto das células será truncado */
+    truncated?: boolean;
 };
 
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -1692,12 +1710,12 @@ updateFiles: (file: FileItem[]) => any;
 onUpdateFiles?: (file: FileItem[]) => any;
 }>, {
 disabled: boolean;
+clear: boolean;
 accept: string[];
 multiple: boolean;
 maxFile: number;
 maxFileSize: number;
 selectAll: boolean;
-clear: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare const _default_16: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
@@ -1715,6 +1733,7 @@ onChange?: (value: CustomEvent<any> | ModelValueType_2) => any;
 invalid: boolean;
 disabled: boolean;
 block: boolean;
+row: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const _default_18: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
@@ -1756,7 +1775,7 @@ onChange?: (value: boolean | CustomEvent<any>) => any;
 invalid: boolean;
 disabled: boolean;
 contoured: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare const _default_21: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
 
@@ -1779,6 +1798,7 @@ toggleMenu: (clicado: boolean) => any;
 onRedirect?: (item: SubMenu | ItensMenu_2) => any;
 onToggleMenu?: (clicado: boolean) => any;
 }>, {
+itemsSearch: ItensMenu_2[];
 isHome: boolean;
 isSearch: boolean;
 isOpen: boolean;
@@ -1818,8 +1838,8 @@ declare const _default_36: __VLS_WithTemplateSlots_21<typeof __VLS_component_21,
 
 declare const _default_37: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{}>, {
 type: "spinner" | "semi-circle" | "dots";
-background: "smoky" | "transparent";
 showLoading: boolean;
+background: "smoky" | "transparent";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const _default_38: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
@@ -1837,8 +1857,8 @@ redirect: (valor?: string) => any;
 }, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{
 onRedirect?: (valor?: string) => any;
 }>, {
-variant: "1" | "2" | "3" | "4" | "5";
 background: "white" | "green";
+variant: "1" | "2" | "3" | "4" | "5";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const _default_43: __VLS_WithTemplateSlots_26<typeof __VLS_component_26, __VLS_TemplateResult_26["slots"]>;
@@ -1854,6 +1874,7 @@ onUpdatePerPage?: (value: number) => any;
 }>, {
 disabled: boolean;
 textDirection: "left" | "right";
+position: "top" | "bottom";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 menuRef: HTMLDivElement;
 }, HTMLDivElement>;
@@ -1908,6 +1929,8 @@ declare interface FileItem {
     status: string;
 }
 
+declare type FormatDate = 'yyyy-MM-dd' | 'dd/MM/yyyy' | 'timestamp' | 'iso' | 'string';
+
 declare type Header = {
     text: string;
     value: string | ((item: Record<string, unknown>) => string);
@@ -1984,7 +2007,7 @@ declare interface ItemsSelection {
 }
 
 declare interface ItensMenu_2 {
-    text: string;
+    text?: string;
     path?: string;
     icon?: string;
     description?: string;
@@ -2014,7 +2037,7 @@ declare interface IVariants {
 
 declare type ModelValueType = string | number | boolean | (string | number | boolean)[];
 
-declare type ModelValueType_2 = string | number;
+declare type ModelValueType_2 = string | number | boolean;
 
 declare interface optsRadio {
     label?: string;
@@ -2025,11 +2048,15 @@ declare interface optsRadio {
 
 declare type PaginationProps = {
     /** Total de páginas */
-    totalPages: number;
+    totalPages?: number;
     /** Página atual */
     currentPage: number;
     /** Itens por página */
-    itemsPerPage: number;
+    itemsPerPage?: number;
+    /** totalItems + itemsPerPage, geram o total de páginas (alternativa ao totalPages) */
+    totalItems?: number;
+    /** Valor do currentPage para two-way binding (v-model) */
+    modelValue?: number;
 };
 
 export declare const removeCeToast: (id: number) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comercti/react-components",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "types": "index.d.ts",
   "type": "module",
   "license": "private",
@@ -11,6 +11,7 @@
   "description": "",
   "dependencies": {
     "@wdns/vue-code-block": "^2.3.5",
+    "date-fns": "^4.1.0",
     "highlight.js": "^11.11.1",
     "prismjs": "^1.30.0",
     "react": "^17.0.2",
@@ -30,6 +31,7 @@
     "@storybook/addon-onboarding": "8.5.5",
     "@storybook/addon-postcss": "^2.0.0",
     "@storybook/addon-viewport": "^8.5.5",
+    "@storybook/addons": "^7.6.17",
     "@storybook/blocks": "8.5.5",
     "@storybook/manager-api": "^8.5.5",
     "@storybook/test": "8.5.5",
@@ -62,6 +64,7 @@
     "prettier": "^3.5.1",
     "storybook": "8.5.5",
     "storybook-addon-vue-mdx": "^1.0.6",
+    "storybook-dark-mode": "^4.0.2",
     "tailwindcss": "^3.4.17",
     "typescript": "~5.7.3",
     "vite": "^6.1.0",