vueless 1.3.6-beta.8 → 1.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "1.3.6-beta.8",
+  "version": "1.3.6",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "author": "Johnny Grid <hello@vueless.com> (https://vueless.com)",
   "homepage": "https://vueless.com",
@@ -57,7 +57,7 @@
     "@vue/eslint-config-typescript": "^14.6.0",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
-    "@vueless/storybook": "^1.3.14",
+    "@vueless/storybook": "^1.3.16",
     "eslint": "^9.32.0",
     "eslint-plugin-storybook": "^10.0.2",
     "eslint-plugin-vue": "^10.3.0",

package/ui.container-drawer/UDrawer.vue

@@ -197,8 +197,6 @@ function closeDrawer() {
 }
 
 function onDragStart(e: MouseEvent | TouchEvent) {
-  e.preventDefault();
-
   const clientX = "touches" in e ? e.touches[0].clientX : e.clientX;
   const clientY = "touches" in e ? e.touches[0].clientY : e.clientY;
 
@@ -211,6 +209,8 @@ function onDragStart(e: MouseEvent | TouchEvent) {
 
   if (!props.handle || !isDraggingFromHandle.value) return;
 
+  e.preventDefault();
+
   document.addEventListener("mousemove", onDragMove);
   document.addEventListener("mouseup", onDragEnd);
   document.addEventListener("touchmove", onDragMove, { passive: false });
@@ -294,7 +294,7 @@ const {
   titleFallbackAttrs,
   closeButtonAttrs,
   closeIconAttrs,
-} = useUI<Config>(defaultConfig);
+} = useUI<Config>(defaultConfig, undefined, "drawer");
 </script>
 
 <template>

package/ui.data-table/tests/UTableRow.test.ts

@@ -6,7 +6,7 @@ import UTableRow from "../UTableRow.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";
 import UCheckbox from "../../ui.form-checkbox/UCheckbox.vue";
 
-import type { FlatRow, ColumnObject, UTableRowAttrs, Config } from "../types";
+import type { FlatRow, ColumnObject, UTableRowAttrs, Config, Row } from "../types";
 
 describe("UTableRow.vue", () => {
   const defaultColumns: ColumnObject[] = [
@@ -135,7 +135,7 @@ describe("UTableRow.vue", () => {
         ...defaultRow,
         name: {
           value: "John Doe",
-          class: (value, row) => `dynamic-${row.role}`,
+          class: (value: unknown, row: Row) => `dynamic-${row.role}`,
           contentClass: (value: unknown) => `content-${value}`,
         },
       };

package/ui.data-table/types.ts

@@ -6,16 +6,15 @@ import type { Config as UDividerConfig } from "../ui.container-divider/types";
 
 export type Config = typeof defaultConfig;
 
-type RowKeys = number | string | boolean | undefined | Date | Row | Row[] | ((row: Row) => string);
-
 export interface CellObject {
   contentClass?: string | ((value: unknown | string, row: Row) => string);
   class?: string | ((value: unknown | string, row: Row) => string);
-  [key: string]: unknown | string;
+  [key: string]: unknown;
 }
 
 export type RowId = string | number;
-export type Cell = CellObject | string;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type Cell = CellObject & any;
 
 export interface RowData {
   [key: string]: Cell;
@@ -32,7 +31,7 @@ export interface Row {
   rowDate?: string | Date;
   row?: Row | Row[];
   class?: string | ((row: Row) => string);
-  [key: string]: Cell | RowKeys;
+  [key: string]: unknown;
 }
 
 export interface FlatRow extends Row {

package/ui.form-listbox/config.ts

@@ -1,7 +1,7 @@
 export default /*tw*/ {
   wrapper: {
     base: `
-      my-2 p-1 flex flex-col gap-1 w-auto absolute z-50 shadow-sm
+      p-1 flex flex-col gap-1 w-auto absolute z-50 shadow-sm
       rounded-medium border border-solid border-default bg-default
       overflow-auto [-webkit-overflow-scrolling:touch]
       focus:outline-hidden

package/ui.text-block/config.ts

@@ -44,6 +44,7 @@ export default /*tw*/ {
         true: "leading-none",
       },
       wrap: {
+        true: "text-wrap wrap-anywhere",
         false: "text-nowrap",
       },
     },