@coreui/vue-pro 5.4.0 → 5.5.0

package/src/components/toast/CToastHeader.ts

@@ -9,20 +9,11 @@ const CToastHeader = defineComponent({
      */
     closeButton: Boolean,
   },
-  emits: [
-    /**
-     * Event called after clicking the close button.
-     */
-    'close',
-  ],
-  setup(props, { slots, emit }) {
+  setup(props, { slots }) {
     return () =>
       h('div', { class: 'toast-header' }, [
         slots.default && slots.default(),
-        props.closeButton &&
-          h(CToastClose, {
-            onClose: () => emit('close'),
-          }),
+        props.closeButton && h(CToastClose),
       ])
   },
 })

package/src/components/tooltip/CTooltip.ts

@@ -1,8 +1,8 @@
-import { defineComponent, h, onMounted, PropType, ref, RendererElement, Transition } from 'vue'
+import { defineComponent, h, PropType, ref, RendererElement, Transition, useId } from 'vue'
 import type { Placement } from '@popperjs/core'
 
 import { CConditionalTeleport } from '../conditional-teleport'
-import { useUniqueId, usePopper } from '../../composables'
+import { usePopper } from '../../composables'
 import type { Placements, Triggers } from '../../types'
 import { executeAfterTransition } from '../../utils/transition'
 import { getRTLPlacement } from '../../utils'
@@ -113,10 +113,10 @@ const CTooltip = defineComponent({
   setup(props, { attrs, slots, emit }) {
     const togglerRef = ref()
     const tooltipRef = ref()
-    const uID = ref()
     const visible = ref(props.visible)
-    const { getUID } = useUniqueId('popover')
+
     const { initPopper, destroyPopper } = usePopper()
+    const uniqueId = `tooltip-${useId()}`
 
     const delay =
       typeof props.delay === 'number' ? { show: props.delay, hide: props.delay } : props.delay
@@ -145,10 +145,6 @@ const CTooltip = defineComponent({
       placement: getRTLPlacement(props.placement, togglerRef.value),
     }
 
-    onMounted(() => {
-      uID.value = getUID()
-    })
-
     const handleEnter = (el: RendererElement, done: () => void) => {
       emit('show')
       initPopper(togglerRef.value, tooltipRef.value, popperConfig)
@@ -208,7 +204,7 @@ const CTooltip = defineComponent({
                       },
                       attrs.class,
                     ],
-                    id: uID.value,
+                    id: uniqueId,
                     ref: tooltipRef,
                     role: 'tooltip',
                   },
@@ -229,7 +225,7 @@ const CTooltip = defineComponent({
       ),
       slots.toggler &&
         slots.toggler({
-          id: visible.value ? uID.value : null,
+          id: visible.value ? uniqueId : null,
           on: {
             click: (event: Event) =>
               props.trigger.includes('click') && toggleVisible(event, !visible.value),

package/src/composables/useUniqueId.ts

@@ -7,7 +7,7 @@ export const useUniqueId = (prefix: string = '') => {
     do {
       prefix += Math.floor(Math.random() * 1_000_000)
     } while (ids.value.includes(prefix))
-    
+
     ids.value.push(prefix)
     return prefix
   }

package/src/utils/ComponentProps.ts

@@ -0,0 +1,6 @@
+import { DefineComponent, ExtractPropTypes, ExtractPublicPropTypes } from 'vue'
+
+export type ComponentProps<T> =
+  T extends DefineComponent<ExtractPropTypes<infer Props>, any, any>
+    ? ExtractPublicPropTypes<Props>
+    : never

package/dist/cjs/components/smart-table/CSmartTableFilter.d.ts

@@ -1,43 +0,0 @@
-declare const CSmartTableFilter: import("vue").DefineComponent<{
-    filterLabel: {
-        type: StringConstructor;
-        require: boolean;
-        default: string;
-    };
-    filterPlaceholder: {
-        type: StringConstructor;
-        require: boolean;
-        default: string;
-    };
-    value: {
-        type: (NumberConstructor | StringConstructor)[];
-        require: boolean;
-        default: string;
-    };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("filterChange" | "filterInput")[], "filterChange" | "filterInput", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    filterLabel: {
-        type: StringConstructor;
-        require: boolean;
-        default: string;
-    };
-    filterPlaceholder: {
-        type: StringConstructor;
-        require: boolean;
-        default: string;
-    };
-    value: {
-        type: (NumberConstructor | StringConstructor)[];
-        require: boolean;
-        default: string;
-    };
-}>> & {
-    onFilterChange?: ((...args: any[]) => any) | undefined;
-    onFilterInput?: ((...args: any[]) => any) | undefined;
-}, {
-    value: string | number;
-    filterLabel: string;
-    filterPlaceholder: string;
-}, {}>;
-export { CSmartTableFilter };

package/dist/cjs/components/smart-table/CSmartTableItemsPerPageSelector.d.ts

@@ -1,43 +0,0 @@
-import { PropType } from 'vue';
-declare const CSmartTableItemsPerPageSelector: import("vue").DefineComponent<{
-    itemsPerPage: {
-        type: NumberConstructor;
-        default: undefined;
-        require: boolean;
-    };
-    itemsPerPageLabel: {
-        type: StringConstructor;
-        default: undefined;
-        require: boolean;
-    };
-    itemsPerPageOptions: {
-        type: PropType<number[]>;
-        default: () => never[];
-        require: boolean;
-    };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changeItemsPerPage"[], "changeItemsPerPage", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    itemsPerPage: {
-        type: NumberConstructor;
-        default: undefined;
-        require: boolean;
-    };
-    itemsPerPageLabel: {
-        type: StringConstructor;
-        default: undefined;
-        require: boolean;
-    };
-    itemsPerPageOptions: {
-        type: PropType<number[]>;
-        default: () => never[];
-        require: boolean;
-    };
-}>> & {
-    onChangeItemsPerPage?: ((...args: any[]) => any) | undefined;
-}, {
-    itemsPerPage: number;
-    itemsPerPageLabel: string;
-    itemsPerPageOptions: number[];
-}, {}>;
-export { CSmartTableItemsPerPageSelector };

package/dist/esm/components/smart-table/CSmartTableFilter.d.ts

@@ -1,43 +0,0 @@
-declare const CSmartTableFilter: import("vue").DefineComponent<{
-    filterLabel: {
-        type: StringConstructor;
-        require: boolean;
-        default: string;
-    };
-    filterPlaceholder: {
-        type: StringConstructor;
-        require: boolean;
-        default: string;
-    };
-    value: {
-        type: (NumberConstructor | StringConstructor)[];
-        require: boolean;
-        default: string;
-    };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("filterChange" | "filterInput")[], "filterChange" | "filterInput", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    filterLabel: {
-        type: StringConstructor;
-        require: boolean;
-        default: string;
-    };
-    filterPlaceholder: {
-        type: StringConstructor;
-        require: boolean;
-        default: string;
-    };
-    value: {
-        type: (NumberConstructor | StringConstructor)[];
-        require: boolean;
-        default: string;
-    };
-}>> & {
-    onFilterChange?: ((...args: any[]) => any) | undefined;
-    onFilterInput?: ((...args: any[]) => any) | undefined;
-}, {
-    value: string | number;
-    filterLabel: string;
-    filterPlaceholder: string;
-}, {}>;
-export { CSmartTableFilter };

package/dist/esm/components/smart-table/CSmartTableItemsPerPageSelector.d.ts

@@ -1,43 +0,0 @@
-import { PropType } from 'vue';
-declare const CSmartTableItemsPerPageSelector: import("vue").DefineComponent<{
-    itemsPerPage: {
-        type: NumberConstructor;
-        default: undefined;
-        require: boolean;
-    };
-    itemsPerPageLabel: {
-        type: StringConstructor;
-        default: undefined;
-        require: boolean;
-    };
-    itemsPerPageOptions: {
-        type: PropType<number[]>;
-        default: () => never[];
-        require: boolean;
-    };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changeItemsPerPage"[], "changeItemsPerPage", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    itemsPerPage: {
-        type: NumberConstructor;
-        default: undefined;
-        require: boolean;
-    };
-    itemsPerPageLabel: {
-        type: StringConstructor;
-        default: undefined;
-        require: boolean;
-    };
-    itemsPerPageOptions: {
-        type: PropType<number[]>;
-        default: () => never[];
-        require: boolean;
-    };
-}>> & {
-    onChangeItemsPerPage?: ((...args: any[]) => any) | undefined;
-}, {
-    itemsPerPage: number;
-    itemsPerPageLabel: string;
-    itemsPerPageOptions: number[];
-}, {}>;
-export { CSmartTableItemsPerPageSelector };

package/src/components/smart-table/CSmartTableFilter.ts

@@ -1,73 +0,0 @@
-import { defineComponent, h } from 'vue'
-import { CFormLabel } from '../form/CFormLabel'
-import { CFormInput } from '../form/CFormInput'
-
-const CSmartTableFilterProps = {
-  filterLabel: {
-    type: String,
-    require: false,
-    default: 'Filter:',
-  },
-  filterPlaceholder: {
-    type: String,
-    require: false,
-    default: 'type string...',
-  },
-  value: {
-    type: [String, Number],
-    require: false,
-    default: '',
-  },
-}
-
-const CSmartTableFilter = defineComponent({
-  name: 'CSmartTableFilter',
-  props: CSmartTableFilterProps,
-  emits: ['filterInput', 'filterChange'],
-  setup(props, { emit }) {
-    const handleFilterInput = (event: Event) => {
-      const target = event.target as HTMLInputElement
-      emit('filterInput', target.value)
-    }
-
-    const handleFilterChange = (event: Event) => {
-      const target = event.target as HTMLInputElement
-      emit('filterChange', target.value)
-    }
-
-    return () =>
-      h(
-        'div',
-        {
-          class: 'row mb-2',
-        },
-        {
-          default: () => [
-            h(
-              CFormLabel,
-              {
-                class: 'col-sm-auto col-form-label',
-              },
-              {
-                default: () => props.filterLabel,
-              },
-            ),
-            h(
-              'div',
-              {
-                class: 'col-sm-auto',
-              },
-              h(CFormInput, {
-                placeholder: props.filterPlaceholder,
-                value: props.value,
-                onInput: handleFilterInput,
-                onChange: handleFilterChange,
-              }),
-            ),
-          ],
-        },
-      )
-  },
-})
-
-export { CSmartTableFilter }

package/src/components/smart-table/CSmartTableItemsPerPageSelector.ts

@@ -1,82 +0,0 @@
-import { defineComponent, h, PropType } from 'vue'
-
-import { CFormLabel } from '../form/CFormLabel'
-import { CFormSelect } from '../form/CFormSelect'
-
-const CSmartTableItemsPerPageSelector = defineComponent({
-  name: 'CSmartTableItemsPerPageSelector',
-  props: {
-    itemsPerPage: {
-      type: Number,
-      default: undefined,
-      require: false,
-    },
-    itemsPerPageLabel: {
-      type: String,
-      default: undefined,
-      require: false,
-    },
-    itemsPerPageOptions: {
-      type: Array as PropType<number[]>,
-      default: () => [],
-      require: false,
-    },
-  },
-  emits: ['changeItemsPerPage'],
-  setup(props, { emit }) {
-    const handleChange = (event: Event) => {
-      const target = event.target as HTMLSelectElement
-      emit('changeItemsPerPage', Number(target.value))
-    }
-
-    return () =>
-      h(
-        'div',
-        {
-          class: 'row',
-        },
-        {
-          default: () => [
-            h(
-              CFormLabel,
-              {
-                class: 'col-auto col-form-label',
-              },
-              {
-                default: () => props.itemsPerPageLabel,
-              },
-            ),
-            h(
-              'div',
-              {
-                class: 'col-auto',
-              },
-              h(
-                CFormSelect,
-                {
-                  value: props.itemsPerPage,
-                  onChange: handleChange,
-                },
-                {
-                  default: () =>
-                    props.itemsPerPageOptions &&
-                    props.itemsPerPageOptions.map((number, index) => {
-                      return h(
-                        'option',
-                        {
-                          value: number,
-                          key: index,
-                        },
-                        number,
-                      )
-                    }),
-                },
-              ),
-            ),
-          ],
-        },
-      )
-  },
-})
-
-export { CSmartTableItemsPerPageSelector }