@comercti/vue-components 0.10.0 → 0.11.0

package/index.d.ts

@@ -30,6 +30,9 @@ striped: boolean;
 orderByServer: boolean;
 expandLine: boolean;
 compact: boolean;
+loading: boolean;
+loadingType: "spinner" | "semi-circle" | "dots";
+truncated: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 rootRef: HTMLDivElement;
 }, HTMLDivElement>;
@@ -49,6 +52,7 @@ onBackToHome?: (value: boolean) => any;
 onLogout?: (value: boolean) => any;
 }>, {
 itemsMenu: ItensMenu_2[];
+itemsSearch: ItensMenu_2[];
 itemsMenuMyService: ItensMenu_2[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
@@ -113,6 +117,7 @@ click: (event: MouseEvent) => any;
 }, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{
 onClick?: (event: MouseEvent) => any;
 }>, {
+size: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
 type: "button" | "submit" | "a";
 disabled: boolean;
 variant: tipoVariante;
@@ -127,10 +132,10 @@ close: (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{
 onClose?: (value: boolean) => any;
 }>, {
+background: "white" | "green";
 rounded: boolean;
-isOpen: boolean;
-background: "1" | "2";
 position: "top" | "bottom";
+isOpen: boolean;
 showIcon: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
@@ -139,8 +144,8 @@ close: (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{
 onClose?: (value: boolean) => any;
 }>, {
-isOpen: boolean;
 background: "1" | "2";
+isOpen: boolean;
 closeOutside: boolean;
 showCloseButton: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -174,11 +179,8 @@ clear: () => any;
 onSubmit?: () => any;
 onClear?: () => any;
 }>, {
-color: string;
 title: string;
 variant: "dropdown" | "collapse";
-backgroundColor: string;
-titleColor: string;
 disabledSubmit: boolean;
 disabledClear: boolean;
 showClearButton: boolean;
@@ -201,28 +203,29 @@ change: (value: boolean | CustomEvent<any>) => any;
 "onUpdate:modelValue"?: (value: boolean | CustomEvent<any>) => any;
 onChange?: (value: boolean | CustomEvent<any>) => any;
 }>, {
+invalid: boolean;
 disabled: boolean;
 modelValue: boolean;
-invalid: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
 rootRef: HTMLDivElement;
 }, any>;
 
 declare const __VLS_component_4: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-"update:modelValue": (value: Date | CustomEvent<any>) => any;
-"update:start": (value: Date | CustomEvent<any>) => any;
-"update:end": (value: Date | CustomEvent<any>) => any;
+"update:modelValue": (value: string | number | Date | CustomEvent<any>) => any;
+"update:start": (value: string | number | Date | CustomEvent<any>) => any;
+"update:end": (value: string | number | Date | CustomEvent<any>) => any;
 }, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{
-"onUpdate:modelValue"?: (value: Date | CustomEvent<any>) => any;
-"onUpdate:start"?: (value: Date | CustomEvent<any>) => any;
-"onUpdate:end"?: (value: Date | CustomEvent<any>) => any;
+"onUpdate:modelValue"?: (value: string | number | Date | CustomEvent<any>) => any;
+"onUpdate:start"?: (value: string | number | Date | CustomEvent<any>) => any;
+"onUpdate:end"?: (value: string | number | Date | CustomEvent<any>) => any;
 }>, {
-disabled: boolean;
 invalid: boolean;
+disabled: boolean;
 range: boolean;
 rounded: boolean;
 noAlertIcon: boolean;
 modal: boolean;
+format: FormatDate;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
 rootRef: HTMLDivElement;
 }, any>;
@@ -233,17 +236,17 @@ focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string | number | CustomEvent<any>) => any;
 input: (value: string | number | CustomEvent<any>) => any;
-change: (value: string | number | CustomEvent<any>) => any;
 blur: (value: Event) => any;
+change: (value: string | number | CustomEvent<any>) => any;
 }, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{
 "onUpdate:modelValue"?: (value: string | number | CustomEvent<any>) => any;
 onInput?: (value: string | number | CustomEvent<any>) => any;
-onChange?: (value: string | number | CustomEvent<any>) => any;
 onBlur?: (value: Event) => any;
+onChange?: (value: string | number | CustomEvent<any>) => any;
 }>, {
 type: "text" | "password" | "email" | "number" | "tel" | "url" | "search" | "date";
-disabled: boolean;
 invalid: boolean;
+disabled: boolean;
 reserveSpaceFeedback: boolean;
 rounded: boolean;
 noAlertIcon: boolean;
@@ -286,8 +289,9 @@ onOpenDropdown?: () => any;
 onCloseDropdown?: () => any;
 }>, {
 search: boolean;
-disabled: boolean;
 invalid: boolean;
+disabled: boolean;
+reserveSpaceFeedback: boolean;
 multiple: boolean;
 closeChip: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
@@ -353,6 +357,8 @@ declare type __VLS_Props_11 = {
     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_12 = {
@@ -363,7 +369,7 @@ declare type __VLS_Props_12 = {
     /** Define o contorno do toggle */
     contoured?: boolean;
     /** Idenficador do toggle */
-    id: string;
+    id?: string;
     /** Informa que está invalido */
     invalid?: boolean;
     /** Label do toggle */
@@ -446,6 +452,8 @@ declare type __VLS_Props_15 = {
 declare type __VLS_Props_16 = {
     /** 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 */
@@ -465,6 +473,8 @@ declare type __VLS_Props_17 = {
     name?: string;
     /** Email do usuário */
     email?: string;
+    /** Array de opções de pesquisa do menu */
+    itemsSearch?: ItensMenu_2[];
 };
 
 declare type __VLS_Props_18 = {
@@ -510,6 +520,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 = {
@@ -555,7 +567,7 @@ declare type __VLS_Props_26 = {
     /** 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 */
@@ -633,14 +645,8 @@ declare type __VLS_Props_31 = {
 declare type __VLS_Props_32 = {
     /** 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 */
@@ -667,6 +673,8 @@ declare type __VLS_Props_33 = {
 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 */
@@ -722,7 +730,7 @@ declare type __VLS_Props_6 = {
 };
 
 declare type __VLS_Props_7 = {
-    modelValue?: Date | string | null;
+    modelValue?: Date | string | null | number;
     start?: Date | string | null;
     end?: Date | string | null;
     /** Habilita range */
@@ -747,6 +755,8 @@ declare type __VLS_Props_7 = {
     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 type __VLS_Props_8 = {
@@ -1527,10 +1537,10 @@ change: (value: ModelValueType | CustomEvent<any>) => any;
 "onUpdate:modelValue"?: (value: ModelValueType | CustomEvent<any>) => any;
 onChange?: (value: ModelValueType | CustomEvent<any>) => any;
 }>, {
+invalid: boolean;
 disabled: boolean;
 trueValue: string | number | boolean;
 falseValue: string | number | boolean;
-invalid: boolean;
 block: boolean;
 indeterminate: boolean;
 reserveSpaceFeedback: boolean;
@@ -1560,12 +1570,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>;
 
 export declare const CeFilterGroup: __VLS_WithTemplateSlots_24<typeof __VLS_component_24, __VLS_TemplateResult_24["slots"]>;
@@ -1575,8 +1585,8 @@ redirect: (valor?: string) => any;
 }, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{
 onRedirect?: (valor?: string) => any;
 }>, {
-variant: "1" | "2" | "3" | "4" | "5";
 background: "white" | "green";
+variant: "1" | "2" | "3" | "4" | "5";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare const CeInput: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
@@ -1590,6 +1600,7 @@ onUpdatePerPage?: (value: number) => any;
 }>, {
 disabled: boolean;
 textDirection: "left" | "right";
+position: "top" | "bottom";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 menuRef: HTMLDivElement;
 }, HTMLDivElement>;
@@ -1611,6 +1622,7 @@ toggleMenu: (clicado: boolean) => any;
 onRedirect?: (item: SubMenu | ItensMenu_2) => any;
 onToggleMenu?: (clicado: boolean) => any;
 }>, {
+itemsSearch: ItensMenu_2[];
 isHome: boolean;
 isSearch: boolean;
 isOpen: boolean;
@@ -1644,9 +1656,10 @@ change: (value: CustomEvent<any> | ModelValueType_2) => any;
 "onUpdate:modelValue"?: (value: CustomEvent<any> | ModelValueType_2) => any;
 onChange?: (value: CustomEvent<any> | ModelValueType_2) => any;
 }>, {
-disabled: boolean;
 invalid: boolean;
+disabled: boolean;
 block: boolean;
+row: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare const CeRow: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
@@ -1680,6 +1693,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: DefineComponent<SliderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -1726,10 +1741,10 @@ change: (value: boolean | CustomEvent<any>) => any;
 "onUpdate:modelValue"?: (value: boolean) => any;
 onChange?: (value: boolean | CustomEvent<any>) => any;
 }>, {
-disabled: boolean;
 invalid: boolean;
+disabled: boolean;
 contoured: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const CeTooltip: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
 
@@ -1755,6 +1770,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;
 };
 
 export declare const disableCeLoading: () => void;
@@ -1774,6 +1795,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);
@@ -1850,7 +1873,7 @@ declare interface ItemsSelection {
 }
 
 declare interface ItensMenu_2 {
-    text: string;
+    text?: string;
     path?: string;
     icon?: string;
     description?: string;
@@ -1880,7 +1903,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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comercti/vue-components",
-  "version": "0.10.0",
+  "version": "0.11.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",