@coreui/vue-pro 4.1.2 → 4.2.0

package/README.md

@@ -43,7 +43,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.1.2.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.2.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue-pro.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue-pro`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue-pro`

package/dist/components/button/CButton.d.ts

@@ -59,6 +59,18 @@ export declare const CButton: import("vue").DefineComponent<{
         required: false;
         validator: (value: string) => boolean;
     };
+    /**
+     * Specifies the type of button. Always specify the type attribute for the `<button>` element.
+     * Different browsers may use different default types for the `<button>` element.
+     *
+     * @values 'button', 'submit', 'reset'
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+        validator: (value: string) => boolean;
+    };
     /**
      * Set the button variant to an outlined button or a ghost button.
      *
@@ -72,7 +84,7 @@ export declare const CButton: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Toggle the active state for the component.
      */
@@ -133,6 +145,18 @@ export declare const CButton: import("vue").DefineComponent<{
         required: false;
         validator: (value: string) => boolean;
     };
+    /**
+     * Specifies the type of button. Always specify the type attribute for the `<button>` element.
+     * Different browsers may use different default types for the `<button>` element.
+     *
+     * @values 'button', 'submit', 'reset'
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+        validator: (value: string) => boolean;
+    };
     /**
      * Set the button variant to an outlined button or a ghost button.
      *
@@ -144,7 +168,10 @@ export declare const CButton: import("vue").DefineComponent<{
         required: false;
         validator: (value: string) => boolean;
     };
-}>>, {
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    type: string;
     disabled: boolean;
     variant: string;
     component: string;

package/dist/components/dropdown/CDropdown.d.ts

@@ -12,6 +12,18 @@ declare const CDropdown: import("vue").DefineComponent<{
         required: false;
         validator: (value: string | any) => boolean;
     };
+    /**
+     * Configure the auto close behavior of the dropdown:
+     * - `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.
+     * - `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)
+     * - `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.
+     * - `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu.
+     */
+    autoClose: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: boolean | string) => boolean;
+    };
     /**
      * Sets a darker color scheme to match a dark navbar.
      */
@@ -97,6 +109,18 @@ declare const CDropdown: import("vue").DefineComponent<{
         required: false;
         validator: (value: string | any) => boolean;
     };
+    /**
+     * Configure the auto close behavior of the dropdown:
+     * - `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.
+     * - `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)
+     * - `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.
+     * - `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu.
+     */
+    autoClose: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: boolean | string) => boolean;
+    };
     /**
      * Sets a darker color scheme to match a dark navbar.
      */
@@ -176,6 +200,7 @@ declare const CDropdown: import("vue").DefineComponent<{
     variant: string;
     direction: string;
     alignment: string | Record<string, any>;
+    autoClose: string | boolean;
     placement: Placement;
     popper: boolean;
     trigger: string | unknown[];

package/dist/components/dropdown/CDropdownToggle.d.ts

@@ -1,3 +1,5 @@
+import { PropType } from 'vue';
+import { Triggers } from '../Types';
 declare const CDropdownToggle: import("vue").DefineComponent<{
     /**
      * Toggle the active state for the component.
@@ -32,6 +34,10 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
         default: string;
         require: boolean;
     };
+    /**
+     * Create a custom toggler which accepts any content.
+     */
+    custom: BooleanConstructor;
     /**
      * Toggle the disabled state for the component.
      */
@@ -64,6 +70,16 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+     *
+     * @type 'hover' | 'focus' | 'click'
+     */
+    trigger: {
+        type: PropType<Triggers>;
+        default: string;
+        required: false;
+    };
     /**
      * Set the button variant to an outlined button or a ghost button.
      *
@@ -77,7 +93,9 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Toggle the active state for the component.
      */
@@ -111,6 +129,10 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
         default: string;
         require: boolean;
     };
+    /**
+     * Create a custom toggler which accepts any content.
+     */
+    custom: BooleanConstructor;
     /**
      * Toggle the disabled state for the component.
      */
@@ -143,6 +165,16 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+     *
+     * @type 'hover' | 'focus' | 'click'
+     */
+    trigger: {
+        type: PropType<Triggers>;
+        default: string;
+        required: false;
+    };
     /**
      * Set the button variant to an outlined button or a ghost button.
      *
@@ -161,6 +193,8 @@ declare const CDropdownToggle: import("vue").DefineComponent<{
     component: string;
     size: string;
     active: boolean;
+    trigger: Triggers;
     caret: boolean;
+    custom: boolean;
 }>;
 export { CDropdownToggle };

package/dist/components/smart-table/CSmartTable.d.ts

@@ -66,7 +66,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
      */
     columns: {
         type: PropType<string[] | Column[]>;
-        default: () => never[];
         required: false;
     };
     /**
@@ -345,7 +344,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
      */
     columns: {
         type: PropType<string[] | Column[]>;
-        default: () => never[];
         required: false;
     };
     /**
@@ -574,7 +572,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
     pagination: boolean;
     activePage: number;
     clickableRows: boolean;
-    columns: string[] | Column[];
     selectable: boolean;
     columnFilterValue: ColumnFilterValue;
     columnSorter: boolean | Sorter;

package/dist/components/smart-table/CSmartTableBody.d.ts

@@ -20,11 +20,6 @@ declare const CSmartTableBody: import("vue").DefineComponent<{
         default: undefined;
         require: boolean;
     };
-    columns: {
-        type: ArrayConstructor;
-        default: () => never[];
-        require: boolean;
-    };
     rawColumnNames: {
         type: PropType<string[]>;
         default: () => never[];
@@ -58,11 +53,6 @@ declare const CSmartTableBody: import("vue").DefineComponent<{
         default: undefined;
         require: boolean;
     };
-    columns: {
-        type: ArrayConstructor;
-        default: () => never[];
-        require: boolean;
-    };
     rawColumnNames: {
         type: PropType<string[]>;
         default: () => never[];
@@ -82,7 +72,6 @@ declare const CSmartTableBody: import("vue").DefineComponent<{
     currentItems: Item[];
     firstItemOnActivePageIndex: number;
     noItemLabel: string;
-    columns: unknown[];
     rawColumnNames: string[];
     scopedSlots: Record<string, any>;
     selectable: boolean;

package/dist/components/smart-table/CSmartTableHead.d.ts

@@ -81,10 +81,10 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
     onSortClick?: ((...args: any[]) => any) | undefined;
 }, {
     component: string;
-    columns: string[] | Column[];
     selectable: boolean;
     clearSorterAndFilter: string;
     columnSorter: boolean | Sorter;
+    columns: string[] | Column[];
     sorterState: SorterValue;
 }>;
 export { CSmartTableHead };