@devix-tecnologia/timeline-vue 1.5.0 → 2.0.0

package/dist/types/components/timeline/moleculas/BotaoStatus.vue.d.ts

@@ -1,33 +1,33 @@
-import "material-symbols/outlined.css";
-import { PropType } from "vue";
-import { AoClicarEvento } from "../type";
+import 'material-symbols/outlined.css';
+import { PropType } from 'vue';
+import { Status } from '../type';
+import { Aparencia } from './Botao.vue';
 declare const _default: import("vue").DefineComponent<{
     aparencia: {
-        type: StringConstructor;
+        type: PropType<Aparencia>;
     };
     status: {
-        required: true;
-        type: StringConstructor;
-    };
-    aoClicar: {
-        required: false;
-        type: PropType<AoClicarEvento>;
+        type: PropType<Status>;
+        default: string;
     };
 }, {
+    emitirClick: (mouseEvent: MouseEvent) => void;
     classes: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (mouseEvent: MouseEvent) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     aparencia: {
-        type: StringConstructor;
+        type: PropType<Aparencia>;
     };
     status: {
-        required: true;
-        type: StringConstructor;
-    };
-    aoClicar: {
-        required: false;
-        type: PropType<AoClicarEvento>;
+        type: PropType<Status>;
+        default: string;
     };
-}>>, {}, {}>;
+}>> & {
+    onClick?: ((mouseEvent: MouseEvent) => any) | undefined;
+}, {
+    status: Status;
+}, {}>;
 export default _default;

package/dist/types/components/timeline/moleculas/CabecalhoEventoDetalhado.vue.d.ts

@@ -1,32 +1,24 @@
-import "material-symbols/outlined.css";
-import { PropType } from "vue";
-import { AoClicarEvento } from "../type";
-import { EventoDetalhado } from "../typeDetalhado";
+import 'material-symbols/outlined.css';
+import { PropType } from 'vue';
+import { EventoDetalhado } from '../typeDetalhado';
+import { Perfil } from '../type';
 declare const _default: import("vue").DefineComponent<{
-    perfilEvento: {
+    perfil: {
         required: true;
-        type: ObjectConstructor;
+        type: PropType<Perfil>;
     };
-    dadosEvento: {
+    evento: {
         required: true;
         type: PropType<EventoDetalhado>;
     };
-    aoClicar: {
-        required: false;
-        type: PropType<AoClicarEvento>;
-    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    perfilEvento: {
+    perfil: {
         required: true;
-        type: ObjectConstructor;
+        type: PropType<Perfil>;
     };
-    dadosEvento: {
+    evento: {
         required: true;
         type: PropType<EventoDetalhado>;
     };
-    aoClicar: {
-        required: false;
-        type: PropType<AoClicarEvento>;
-    };
 }>>, {}, {}>;
 export default _default;

package/dist/types/components/timeline/moleculas/EventoTimeline.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/timeline/moleculas/EventoTimeline.vue.d.ts

@@ -1,29 +1,30 @@
-import { PropType } from "vue";
-import { Categoria, AoClicarEvento } from "../type";
+import { PropType } from 'vue';
+import { Categoria, Status, Criticidade } from '../type';
 declare const _default: import("vue").DefineComponent<{
     status: {
         required: true;
-        type: StringConstructor;
+        type: PropType<Status>;
     };
     criticidade: {
         required: true;
-        type: StringConstructor;
+        type: PropType<Criticidade>;
     };
     ehAtual: {
-        required: true;
+        required: false;
         type: BooleanConstructor;
+        default: boolean;
     };
-    previsto: {
+    previstoPara: {
         required: true;
         type: DateConstructor;
     };
-    realizado: {
+    realizadoEm: {
         required: false;
         type: PropType<Date | null>;
     };
     categoria: {
         required: true;
-        type: () => Categoria;
+        type: PropType<Categoria>;
     };
     titulo: {
         required: true;
@@ -33,46 +34,48 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         type: StringConstructor;
     };
-    destaque: {
+    textoDestaque: {
         required: false;
         type: StringConstructor;
     };
-    aoClicar: {
+    clicavel: {
         required: false;
-        type: PropType<AoClicarEvento>;
+        type: BooleanConstructor;
+        default: boolean;
     };
 }, {
+    handleClick: (mouseEvent: MouseEvent) => void;
     eventoSelecionado: import("vue").ComputedRef<{
         atual: boolean;
         padrao: boolean;
     }>;
-    clicavel: import("vue").ComputedRef<{
-        clicavel: boolean;
-    }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (mouseEvent: MouseEvent) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     status: {
         required: true;
-        type: StringConstructor;
+        type: PropType<Status>;
     };
     criticidade: {
         required: true;
-        type: StringConstructor;
+        type: PropType<Criticidade>;
     };
     ehAtual: {
-        required: true;
+        required: false;
         type: BooleanConstructor;
+        default: boolean;
     };
-    previsto: {
+    previstoPara: {
         required: true;
         type: DateConstructor;
     };
-    realizado: {
+    realizadoEm: {
         required: false;
         type: PropType<Date | null>;
     };
     categoria: {
         required: true;
-        type: () => Categoria;
+        type: PropType<Categoria>;
     };
     titulo: {
         required: true;
@@ -82,13 +85,19 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         type: StringConstructor;
     };
-    destaque: {
+    textoDestaque: {
         required: false;
         type: StringConstructor;
     };
-    aoClicar: {
+    clicavel: {
         required: false;
-        type: PropType<AoClicarEvento>;
+        type: BooleanConstructor;
+        default: boolean;
     };
-}>>, {}, {}>;
+}>> & {
+    onClick?: ((mouseEvent: MouseEvent) => any) | undefined;
+}, {
+    clicavel: boolean;
+    ehAtual: boolean;
+}, {}>;
 export default _default;

package/dist/types/components/timeline/moleculas/Observacoes.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/timeline/moleculas/Observacoes.vue.d.ts

@@ -1,30 +1,27 @@
-import "material-symbols/outlined.css";
-import { PropType } from "vue";
-import { AoClicarEvento } from "../type";
-import { Observacao } from "../typeDetalhado";
+import 'material-symbols/outlined.css';
+import { PropType } from 'vue';
+import { Observacao } from '../typeDetalhado';
 declare const _default: import("vue").DefineComponent<{
     tituloBotao: {
         type: StringConstructor;
     };
-    aoClicar: {
-        required: false;
-        type: PropType<AoClicarEvento>;
-    };
     observacoes: {
         required: true;
         type: PropType<Observacao[]>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    emitirAdicionarClick: (mouseEvent: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    adicionarClick: (mouseEvent: MouseEvent) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tituloBotao: {
         type: StringConstructor;
     };
-    aoClicar: {
-        required: false;
-        type: PropType<AoClicarEvento>;
-    };
     observacoes: {
         required: true;
         type: PropType<Observacao[]>;
     };
-}>>, {}, {}>;
+}>> & {
+    onAdicionarClick?: ((mouseEvent: MouseEvent) => any) | undefined;
+}, {}, {}>;
 export default _default;

package/dist/types/components/timeline/moleculas/StatusEvento.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/timeline/moleculas/StatusEvento.vue.d.ts

@@ -1,29 +1,28 @@
-import "material-symbols/outlined.css";
-import { PropType } from "vue";
-import { AoClicarEvento } from "../type";
+import 'material-symbols/outlined.css';
+import { PropType } from 'vue';
+import { Aparencia } from './Botao.vue';
+import { Status } from '../type';
 declare const _default: import("vue").DefineComponent<{
     aparencia: {
-        type: StringConstructor;
+        type: PropType<Aparencia>;
     };
     status: {
         required: true;
-        type: StringConstructor;
+        type: PropType<Status>;
     };
-    aoClicar: {
-        required: false;
-        type: PropType<AoClicarEvento>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    handleEditarClick: (mouseEvent: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    editarClick: (mouseEvent: MouseEvent) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     aparencia: {
-        type: StringConstructor;
+        type: PropType<Aparencia>;
     };
     status: {
         required: true;
-        type: StringConstructor;
-    };
-    aoClicar: {
-        required: false;
-        type: PropType<AoClicarEvento>;
+        type: PropType<Status>;
     };
-}>>, {}, {}>;
+}>> & {
+    onEditarClick?: ((mouseEvent: MouseEvent) => any) | undefined;
+}, {}, {}>;
 export default _default;

package/dist/types/components/timeline/moleculas/Topo.vue.d.ts

@@ -1,4 +1,4 @@
-import "material-symbols/outlined.css";
+import 'material-symbols/outlined.css';
 declare const _default: import("vue").DefineComponent<{
     titulo: {
         type: StringConstructor;
@@ -9,12 +9,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     link: {};
 }, {
-    telaAnterior: () => void;
+    emitirVoltarClick: () => void;
     classes: import("vue").ComputedRef<{
-        "bg-escuro": boolean;
-        "bg-claro": boolean;
+        'bg-escuro': boolean;
+        'bg-claro': boolean;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    voltarClick: () => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     titulo: {
         type: StringConstructor;
     };
@@ -23,7 +25,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     link: {};
-}>>, {
+}>> & {
+    onVoltarClick?: (() => any) | undefined;
+}, {
     escuro: boolean;
 }, {}>;
 export default _default;

package/dist/types/components/timeline/organismos/EditarEvento.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/timeline/organismos/EditarEvento.vue.d.ts

@@ -1,28 +1,22 @@
-import { PropType } from "vue";
-import "material-symbols/outlined.css";
-import { AoClicarEvento } from "../type";
+import 'material-symbols/outlined.css';
 declare const _default: import("vue").DefineComponent<{
-    aoClicar: {
-        required: false;
-        type: PropType<AoClicarEvento>;
-    };
     salvarVisivel: {
         type: BooleanConstructor;
     };
 }, {
-    classes: import("vue").ComputedRef<{
-        visivel: boolean;
-        invisivel: boolean;
-    }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    aoClicar: {
-        required: false;
-        type: PropType<AoClicarEvento>;
-    };
+    emitirSalvarClick: (mouseEvent: MouseEvent) => void;
+    emitirCancelarClick: (mouseEvent: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    salvarClick: (mouseEvent: MouseEvent) => true;
+    cancelarClick: (mouseEvent: MouseEvent) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     salvarVisivel: {
         type: BooleanConstructor;
     };
-}>>, {
+}>> & {
+    onSalvarClick?: ((mouseEvent: MouseEvent) => any) | undefined;
+    onCancelarClick?: ((mouseEvent: MouseEvent) => any) | undefined;
+}, {
     salvarVisivel: boolean;
 }, {}>;
 export default _default;

package/dist/types/components/timeline/organismos/EventoDetalhado.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/timeline/organismos/EventoDetalhado.vue.d.ts

@@ -1,24 +1,33 @@
-import { PropType } from "vue";
-import "material-symbols/outlined.css";
-import { Perfil } from "../type";
-import { EventoDetalhado } from "../typeDetalhado";
+import { PropType } from 'vue';
+import 'material-symbols/outlined.css';
+import { Perfil } from '../type';
+import { EventoDetalhado } from '../typeDetalhado';
 declare const _default: import("vue").DefineComponent<{
-    perfilEvento: {
+    perfil: {
         required: true;
         type: PropType<Perfil>;
     };
-    dadosEvento: {
+    evento: {
         required: true;
         type: PropType<EventoDetalhado>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    perfilEvento: {
+}, {
+    handleEditarClick: (mouseEvent: MouseEvent) => void;
+    handleAdicionarObservacaoClick: (mouseEvent: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    statusEditarClick: (mouseEvent: MouseEvent) => true;
+    observacaoAdicionarClick: (mouseEvent: MouseEvent) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    perfil: {
         required: true;
         type: PropType<Perfil>;
     };
-    dadosEvento: {
+    evento: {
         required: true;
         type: PropType<EventoDetalhado>;
     };
-}>>, {}, {}>;
+}>> & {
+    onStatusEditarClick?: ((mouseEvent: MouseEvent) => any) | undefined;
+    onObservacaoAdicionarClick?: ((mouseEvent: MouseEvent) => any) | undefined;
+}, {}, {}>;
 export default _default;

package/dist/types/components/timeline/organismos/MyComponent.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/timeline/organismos/MyComponent.vue.d.ts

@@ -0,0 +1,11 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    handleButtonValueClick: (mouseEvent: MouseEvent) => void;
+    handleButtonStatusClick: (mouseEvent: MouseEvent) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clicaramNoBotaoUpdateValue: null;
+    clicaramNoBotaoUpdateStatus: null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onClicaramNoBotaoUpdateValue?: ((...args: any[]) => any) | undefined;
+    onClicaramNoBotaoUpdateStatus?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/types/components/timeline/organismos/Timeline.mock.d.ts

@@ -1,3 +1,3 @@
-import { Evento, Perfil } from "../type";
+import { Evento, Perfil } from '../type';
 export declare const dadosPerfil: Perfil;
 export declare const dadosEventos: Evento[];

package/dist/types/components/timeline/organismos/Timeline.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/timeline/organismos/Timeline.vue.d.ts

@@ -1,38 +1,44 @@
-import { Evento } from "../type";
-import "material-symbols/outlined.css";
+import { PropType } from 'vue';
+import { Evento, Perfil } from '../type';
+import 'material-symbols/outlined.css';
 type TipoEventoTimeline = {
-    tipo: "dia";
+    tipo: 'dia';
     valor: Date;
     key: number;
 } | {
-    tipo: "evento";
+    tipo: 'evento';
     valor: Evento;
     key: number;
 } | {
-    tipo: "eventos";
+    tipo: 'eventos';
     valor: Evento[];
     key: number;
 };
 declare const _default: import("vue").DefineComponent<{
     perfilTimeline: {
         required: false;
-        type: ObjectConstructor;
+        type: PropType<Perfil>;
     };
     eventosTimeline: {
         required: true;
-        type: ObjectConstructor;
+        type: PropType<Evento[]>;
     };
 }, {
     eventosPorTipo: import("vue").ComputedRef<TipoEventoTimeline[]>;
     scrollParaItemAtual: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    emitirEventoClick: (evento: Evento) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    eventoClick: (evento: Evento) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     perfilTimeline: {
         required: false;
-        type: ObjectConstructor;
+        type: PropType<Perfil>;
     };
     eventosTimeline: {
         required: true;
-        type: ObjectConstructor;
+        type: PropType<Evento[]>;
     };
-}>>, {}, {}>;
+}>> & {
+    onEventoClick?: ((evento: Evento) => any) | undefined;
+}, {}, {}>;
 export default _default;

package/dist/types/components/timeline/type.d.ts

@@ -1,26 +1,27 @@
 export type Perfil = {
     nome: string;
-    imagem: string | null;
-    icone: string | null;
+    imagem?: string;
+    icone?: string;
 };
 export type Categoria = {
     nome: string;
     icone: string;
 };
-export type AoClicarEvento = (evento: Evento) => void;
+export type Status = 'atrasado' | 'adiantado' | 'adiado' | 'realizado' | 'planejado' | 'cancelado';
+export type Criticidade = 'baixa' | 'media' | 'alta';
 export type Evento = {
     data: Date;
-    previsto: Date;
-    duracao: number | null;
-    realizado: Date | null;
+    previstoPara: Date;
+    duracao?: number;
+    realizado?: Date;
     tolerancia: number;
     titulo: string;
     subtitulo: string;
     destaque: string;
     categoria: Categoria;
-    status: "atrasado" | "adiantado" | "adiado" | "realizado" | "planejado" | "cancelado";
-    criticidade: "baixa" | "media" | "alta";
-    aoClicar?: AoClicarEvento;
+    status: Status;
+    criticidade: Criticidade;
     atual: boolean;
     scroll: boolean;
+    clicavel?: boolean;
 };

package/dist/types/components/timeline/typeDetalhado.d.ts

@@ -12,7 +12,4 @@ export type AoAdicionarObservacao = (eventoDetalhado: EventoDetalhado, observaca
 export type AoFechar = () => void;
 export type EventoDetalhado = Evento & {
     observacoes: Observacao[];
-    aoAlterarEvento?: AoAlterarEvento;
-    aoAdicionarObservacao?: AoAdicionarObservacao;
-    aoFechar?: AoFechar;
 };

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@devix-tecnologia/timeline-vue",
   "private": false,
-  "version": "1.5.0",
+  "version": "2.0.0",
   "license": "MIT",
   "scripts": {
     "dev": "vite",
+    "test:unit": "vitest",
     "build": "vue-tsc && vite build",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
@@ -15,12 +16,15 @@
     "@fontsource/material-icons": "^4.5.4",
     "date-fns": "^2.30.0",
     "material-symbols": "^0.5.5",
-    "vue": "^3.0.0"
+    "vue": "^3.0.0",
+    "wrap-ansi": "npm:wrap-ansi@^7.0.0"
   },
   "devDependencies": {
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^8.0.7",
     "@semantic-release/npm": "^9.0.1",
+    "@storybook/addon-a11y": "^7.5.3",
+    "@storybook/addon-designs": "^7.0.5",
     "@storybook/addon-essentials": "^7.0.7",
     "@storybook/addon-interactions": "^7.0.7",
     "@storybook/addon-links": "^7.0.7",
@@ -29,14 +33,21 @@
     "@storybook/testing-library": "^0.0.14-next.2",
     "@storybook/vue3": "^7.5.1",
     "@storybook/vue3-vite": "^7.0.7",
+    "@testing-library/vue": "^7.0.0",
     "@vitejs/plugin-vue": "^4.1.0",
+    "@vitest/coverage-v8": "^0.34.6",
+    "@vue/test-utils": "^2.4.1",
+    "add": "^2.0.6",
+    "happy-dom": "^12.10.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "semantic-release": "^19.0.5",
-    "storybook": "^7.0.7",
+    "storybook": "^7.5.3",
     "typescript": "^5.0.2",
     "vite": "^4.3.0",
-    "vue-tsc": "^1.2.0"
+    "vitest": "^0.34.6",
+    "vue-tsc": "^1.8.22",
+    "yarn": "^1.22.19"
   },
   "resolutions": {
     "wrap-ansi": "npm:wrap-ansi@^7.0.0"