@coreui/vue-pro 4.1.2 → 4.2.0

package/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap

@@ -7,7 +7,8 @@ exports[`Customize CModal component renders correctly 1`] = `
       <div class=\\"modal-content bazinga\\">Default slot</div>
     </div>
   </div>
-</transition-stub>"
+</transition-stub>
+<!---->"
 `;
 
 exports[`Loads and display CModal component renders correctly 1`] = `

package/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap

@@ -1,5 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CSidebar component renders correctly 1`] = `"<div class=\\"sidebar sidebar-narrow sidebar-overlaid sidebar-fixed sidebar-xl sidebar-narrow-unfoldable\\">Default slot</div>"`;
+exports[`Customize CSidebar component renders correctly 1`] = `
+"<div class=\\"sidebar sidebar-narrow sidebar-overlaid sidebar-fixed sidebar-xl sidebar-narrow-unfoldable\\">Default slot</div>
+<!---->"
+`;
 
-exports[`Loads and display CSidebar component renders correctly 1`] = `"<div class=\\"sidebar hide\\">Default slot</div>"`;
+exports[`Loads and display CSidebar component renders correctly 1`] = `
+"<div class=\\"sidebar hide\\">Default slot</div>
+<!---->"
+`;

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

@@ -94,7 +94,6 @@ const CSmartTable = defineComponent({
      */
     columns: {
       type: Array as PropType<Column[] | string[]>,
-      default: () => [],
       required: false,
     },
     /**
@@ -422,7 +421,7 @@ const CSmartTable = defineComponent({
     // functions
 
     const isSortable = (i: number): boolean | undefined => {
-      const isDataColumn = itemsDataColumns.value.includes(rawColumnNames[i])
+      const isDataColumn = itemsDataColumns.value.includes(rawColumnNames.value[i])
       let column
       if (props.columns) column = props.columns[i]
       return (
@@ -538,16 +537,22 @@ const CSmartTable = defineComponent({
 
     // computed
 
-    const genCols = Object.keys(items.value[0] || {}).filter((el) => el.charAt(0) !== '_')
+    const genCols = computed(() =>
+      Object.keys(items.value[0] || {}).filter((el) => el.charAt(0) !== '_'),
+    )
 
-    const rawColumnNames = props.columns
-      ? props.columns.map((column: Column | string) => {
-          if (typeof column === 'object') return column.key
-          else return column
-        })
-      : genCols //! || el
+    const rawColumnNames = computed(() =>
+      props.columns
+        ? props.columns.map((column: Column | string) => {
+            if (typeof column === 'object') return column.key
+            else return column
+          })
+        : genCols.value,
+    ) //! || el
 
-    const itemsDataColumns = computed(() => rawColumnNames.filter((name) => genCols.includes(name)))
+    const itemsDataColumns = computed(() =>
+      rawColumnNames.value.filter((name) => genCols.value.includes(name)),
+    )
 
     // variables
 
@@ -708,7 +713,7 @@ const CSmartTable = defineComponent({
                           ...props.tableHeadProps,
                           columnFilter: props.columnFilter,
                           columnFilterValue: columnFilterState.value,
-                          columns: props.columns,
+                          columns: props.columns ? props.columns : rawColumnNames.value,
                           columnSorter: props.columnSorter,
                           selectable: props.selectable,
                           selectAll: selectedAll.value,
@@ -762,7 +767,6 @@ const CSmartTable = defineComponent({
                       currentItems: currentItems.value,
                       firstItemOnActivePageIndex: firstItemOnActivePageIndex.value,
                       noItemsLabel: props.noItemsLabel,
-                      columns: props.columns,
                       scopedSlots: slots,
                       selectable: props.selectable,
                       onRowChecked: (id: number, value: boolean) => handleRowChecked(id, value),
@@ -772,7 +776,7 @@ const CSmartTable = defineComponent({
                         columnName: string,
                         event: MouseEvent | boolean,
                       ) => handleRowClick(item, index, columnName, event),
-                      rawColumnNames: rawColumnNames,
+                      rawColumnNames: rawColumnNames.value,
                       clickableRows: props.clickableRows,
                       ...props.tableBodyProps,
                     }),
@@ -782,7 +786,7 @@ const CSmartTable = defineComponent({
                         ...props.tableFootProps,
                         columnFilter: false,
                         columnSorter: false,
-                        columns: props.columns,
+                        columns: props.columns ? props.columns : rawColumnNames.value,
                         selectable: props.selectable,
                         selectAll: selectedAll.value,
                         onFilterInput: (key: string, value: string) =>
@@ -822,7 +826,6 @@ const CSmartTable = defineComponent({
                       pages: numberOfPages.value,
                       activePage: activePage.value,
                       onActivePageChange: handleActivePageChange,
-                      limit: itemsPerPage.value,
                     })
                   : '',
               ),

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

@@ -27,11 +27,6 @@ const CSmartTableBody = defineComponent({
       default: undefined,
       require: false,
     },
-    columns: {
-      type: Array,
-      default: () => [],
-      require: true,
-    },
     rawColumnNames: {
       type: Array as PropType<string[]>,
       default: () => [],

package/src/components/toast/__tests__/__snapshots__/CToastClose.spec.ts.snap

@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CToastClose component renders correctly 1`] = `"<button class=\\"btn btn-undefined\\">Default slot</button>"`;
+exports[`Customize CToastClose component renders correctly 1`] = `"<button class=\\"btn btn-undefined\\" type=\\"button\\">Default slot</button>"`;
 
 exports[`Loads and display CToastClose component renders correctly 1`] = `"<button class=\\"btn btn-close\\" aria-label=\\"Close\\"></button>"`;