vueless 0.0.704 → 0.0.706

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.704",
+  "version": "0.0.706",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.data-table/UTable.vue

@@ -227,7 +227,7 @@ watch(
   },
   { deep: true },
 );
-watch(() => tableRows.value.length, updateSelectedRows);
+watch(() => tableRows.value, updateSelectedRows, { deep: true });
 watch(() => props.rows, synchronizeTableItemsWithProps, { deep: true });
 watch(isHeaderSticky, setHeaderCellWidth);
 watch(isFooterSticky, (newValue) =>
@@ -326,7 +326,17 @@ function synchronizeTableItemsWithProps() {
 }
 
 function updateSelectedRows() {
-  selectedRows.value = tableRows.value.filter((row) => row.isChecked).map((row) => row.id);
+  const newSelectedRows = tableRows.value.filter((row) => row.isChecked).map((row) => row.id);
+  const isNewRowsSelected = newSelectedRows.every((newRow) => selectedRows.value.includes(newRow));
+  const isSelectedSameRows = selectedRows.value.every((selectedRow) =>
+    newSelectedRows.includes(selectedRow),
+  );
+
+  if (isNewRowsSelected && isSelectedSameRows) {
+    return;
+  }
+
+  selectedRows.value = newSelectedRows;
 }
 
 function onKeyupEsc(event: KeyboardEvent) {

package/ui.dropdown-link/UDropdownLink.vue

@@ -73,7 +73,13 @@ const { config, getDataTest, wrapperAttrs, dropdownLinkAttrs, dropdownListAttrs,
 </script>
 
 <template>
-  <div v-click-outside="hideOptions" v-bind="wrapperAttrs">
+  <div
+    v-click-outside="hideOptions"
+    tabindex="1"
+    v-bind="wrapperAttrs"
+    @keydown.enter="onClickLink"
+    @keydown.space.prevent="onClickLink"
+  >
     <!--
       @slot Use it to add something before the label.
       @binding {boolean} opened
@@ -82,6 +88,7 @@ const { config, getDataTest, wrapperAttrs, dropdownLinkAttrs, dropdownListAttrs,
 
     <ULink
       :id="elementId"
+      tabindex="-1"
       :size="size"
       :label="label"
       :color="color"
@@ -91,8 +98,6 @@ const { config, getDataTest, wrapperAttrs, dropdownLinkAttrs, dropdownListAttrs,
       v-bind="dropdownLinkAttrs"
       :data-test="getDataTest()"
       @click="onClickLink"
-      @keydown.enter="onClickLink"
-      @keydown.space.prevent="onClickLink"
     >
       <template #default>
         <!--

package/ui.dropdown-link/config.ts

@@ -1,13 +1,20 @@
 export default /*tw*/ {
   wrapper: {
-    base: "relative inline-flex items-center rounded",
+    base: `
+      relative inline-flex items-center outline-0 rounded
+      focus-visible:ring-dynamic focus-visible:ring-offset-4 focus-visible:ring-{color}-600
+    `,
     variants: {
+      color: {
+        grayscale: "focus-visible:ring-gray-900",
+        white: "focus-visible:ring-white",
+      },
       opened: {
         true: "group",
       },
     },
   },
-  dropdownLink: "{ULink}",
+  dropdownLink: "{ULink} focus-visible:ring-offset-0 focus-visible:ring-0",
   toggleIcon: {
     base: "{UIcon} block transition duration-300 group-[]:rotate-180",
     variants: {