@comercti/react-components 0.20.0 → 0.22.0

package/index.d.ts

@@ -173,8 +173,11 @@ showCloseButton: boolean;
 
 declare const __VLS_component_21: DefineComponent<__VLS_Props_26, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{}>, {
 focus: boolean;
-location: "left" | "top" | "right" | "bottom";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+location: "top" | "bottom" | "left" | "right";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+activatorRef: HTMLDivElement;
+tooltipRef: HTMLDivElement;
+}, any>;
 
 declare const __VLS_component_22: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{}>, {
 color: number;
@@ -205,6 +208,19 @@ openMenu: boolean;
 layout: "default" | "base" | "minimal";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
+declare const __VLS_component_27: DefineComponent<__VLS_Props_35, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"toggle-collapse": (value: ICollapse[]) => any;
+}, string, PublicProps, Readonly<__VLS_Props_35> & Readonly<{
+"onToggle-collapse"?: (value: ICollapse[]) => any;
+}>, {
+items: Array<Record<string, unknown>>;
+variant: "accordion" | "card" | "minimal" | "compact";
+openTheFirst: boolean;
+allOpen: boolean;
+direction: "row" | "column";
+closeCollapse: number | null;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 declare const __VLS_component_3: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
 declare const __VLS_component_4: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -530,17 +546,11 @@ declare type __VLS_Props_19 = {
 };
 
 declare type __VLS_Props_2 = {
-    /** Define o label do componente */
     label: string;
-    /** Define os valores exibidos no select */
     options: number[];
-    /** Desabilita o componente */
     disabled?: boolean;
-    /** Define a direção do texto */
     textDirection?: 'left' | 'right';
-    /** Define o valor selecionado */
     modelValue: number;
-    /**Define a posição de abertura das opções */
     position?: 'top' | 'bottom';
 };
 
@@ -623,11 +633,8 @@ declare type __VLS_Props_25 = {
 };
 
 declare type __VLS_Props_26 = {
-    /** Texto do tooltip */
     text: string;
-    /** Localização do tooltip */
-    location: 'left' | 'top' | 'right' | 'bottom';
-    /** Ativa o tooltip quando o elemento estiver em foco */
+    location?: 'top' | 'bottom' | 'left' | 'right';
     focus?: boolean;
 };
 
@@ -711,6 +718,15 @@ declare type __VLS_Props_34 = {
     }[];
 };
 
+declare type __VLS_Props_35 = {
+    items: Array<Record<string, unknown>>;
+    openTheFirst?: boolean;
+    allOpen?: boolean;
+    variant: 'accordion' | 'card' | 'minimal' | 'compact';
+    direction?: 'row' | 'column';
+    closeCollapse?: number | null;
+};
+
 declare type __VLS_Props_4 = {
     /** Tipo do button (`attrs:to` ou `attrs:href` podem sobrepor essa regra) */
     type?: 'button' | 'submit' | 'a';
@@ -827,6 +843,8 @@ declare function __VLS_template(): {
     slots: Readonly<NonNullable<{
         [key: string]: (props: {
             item: Record<string, any>;
+            indexItem: number;
+            indexHeader: number;
         }) => VNode[];
     } & {
         /**Slot usado para exibir a paginação da tabela */
@@ -846,6 +864,8 @@ declare function __VLS_template(): {
     }>> & {
         [key: string]: (props: {
             item: Record<string, any>;
+            indexItem: number;
+            indexHeader: number;
         }) => VNode[];
     } & {
         /**Slot usado para exibir a paginação da tabela */
@@ -1041,15 +1061,14 @@ declare function __VLS_template_20(): {
 
 declare function __VLS_template_21(): {
     attrs: Partial<{}>;
-    slots: Readonly<{
-        /** Permite passar qualquer elemento como ativador do tooltip */
-        activator: () => VNode[];
-    }> & {
-        /** Permite passar qualquer elemento como ativador do tooltip */
-        activator: () => VNode[];
+    slots: {
+        activator?(_: {}): any;
     };
-    refs: {};
-    rootEl: HTMLDivElement;
+    refs: {
+        activatorRef: HTMLDivElement;
+        tooltipRef: HTMLDivElement;
+    };
+    rootEl: any;
 };
 
 declare function __VLS_template_22(): {
@@ -1171,6 +1190,33 @@ declare function __VLS_template_26(): {
     rootEl: any;
 };
 
+declare function __VLS_template_27(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        [key: string]: (props: {
+            item: Record<string, any>;
+        }) => VNode[];
+        header?: (props: {
+            item: Record<string, any>;
+        }) => VNode[];
+        content?: (props: {
+            item: Record<string, any>;
+        }) => VNode[];
+    }> & {
+        [key: string]: (props: {
+            item: Record<string, any>;
+        }) => VNode[];
+        header?: (props: {
+            item: Record<string, any>;
+        }) => VNode[];
+        content?: (props: {
+            item: Record<string, any>;
+        }) => VNode[];
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
 declare function __VLS_template_3(): {
     attrs: Partial<{}>;
     slots: {
@@ -1353,6 +1399,8 @@ declare type __VLS_TemplateResult_25 = ReturnType<typeof __VLS_template_25>;
 
 declare type __VLS_TemplateResult_26 = ReturnType<typeof __VLS_template_26>;
 
+declare type __VLS_TemplateResult_27 = ReturnType<typeof __VLS_template_27>;
+
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
 
 declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
@@ -1481,6 +1529,12 @@ declare type __VLS_WithTemplateSlots_26<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_27<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_3<T, S> = T & {
     new (): {
         $slots: S;
@@ -1557,6 +1611,8 @@ export declare const CeCheckboxGroup: default_2.ComponentType<typeof _default_13
 
 export declare const CeCol: default_2.ComponentType<typeof _default_22>;
 
+export declare const CeCollapse: default_2.ComponentType<typeof _default_46>;
+
 export declare const CeContainer: default_2.ComponentType<typeof _default_24>;
 
 export declare const CeContentDivider: default_2.ComponentType<typeof _default_42>;
@@ -1690,7 +1746,7 @@ declare type DataTableProps = {
     truncated?: boolean;
     /** String com as diretivas tailwind a serem aplicadas ao slot pagination */
     paginationStyle?: string;
-    /** Habilita a funcionalidade de copiar o conteúdo da célula ao clicar nela */
+    /** Habilita a funcionalidade de copiar o conteúdo da célula ao clicar */
     copyable?: boolean;
 };
 
@@ -1903,6 +1959,8 @@ declare const _default_44: __VLS_WithTemplateSlots_26<typeof __VLS_component_26,
 
 declare const _default_45: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
+declare const _default_46: __VLS_WithTemplateSlots_27<typeof __VLS_component_27, __VLS_TemplateResult_27["slots"]>;
+
 declare const _default_5: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: number) => any;
 updatePerPage: (value: number) => any;
@@ -1915,7 +1973,9 @@ textDirection: "left" | "right";
 position: "top" | "bottom";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 menuRef: HTMLDivElement;
-}, HTMLDivElement>;
+referenceRef: HTMLButtonElement;
+dropdownRef: HTMLUListElement;
+}, any>;
 
 declare const _default_6: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string) => any;
@@ -1993,6 +2053,11 @@ declare interface IBreadcrumbsProps {
     variant?: 'primary' | 'secondary' | 'text';
 }
 
+declare interface ICollapse {
+    index: number;
+    value: boolean;
+}
+
 declare interface IData_2<T = unknown> {
     [key: string]: T;
 }
@@ -2260,5 +2325,6 @@ declare module 'vue' {
         'ce-footer': typeof FooterComponent;
         'ce-layout': typeof LayoutComponent;
         'ce-section-footer': typeof SectionFooterComponent;
+        'ce-collapse': typeof CollapseComponent;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comercti/react-components",
-  "version": "0.20.0",
+  "version": "0.22.0",
   "types": "index.d.ts",
   "type": "module",
   "license": "private",
@@ -10,6 +10,7 @@
   ],
   "description": "",
   "dependencies": {
+    "@popperjs/core": "^2.11.8",
     "@wdns/vue-code-block": "^2.3.5",
     "date-fns": "^4.1.0",
     "highlight.js": "^11.11.1",