@likable-hair/svelte 3.0.32 → 3.0.34

package/dist/components/composed/list/PaginatedTable.svelte

@@ -91,6 +91,7 @@ function handleFiltersChange() {
     bind:sortedBy
     bind:sortDirection
     on:sort
+    on:rowClick
   >
     <svelte:fragment slot="header" let:head>
       <slot name="header" {head} >

package/dist/components/composed/list/PaginatedTable.svelte.d.ts

@@ -31,6 +31,11 @@ declare const __propDef: {
             sortedBy: string | undefined;
             sortDirection: string;
         }>;
+        rowClick: CustomEvent<{
+            item: {
+                [key: string]: any;
+            };
+        }>;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/components/simple/lists/SimpleTable.svelte

@@ -24,6 +24,11 @@ function handleHeaderClick(header) {
     sortDirection
   });
 }
+function handleRowClick(item) {
+  dispatch("rowClick", {
+    item
+  });
+}
 function formatDate(dateTime, dateFormat) {
   return dateTime.setLocale(dateFormat.locale).toFormat(dateFormat.format);
 }
@@ -73,7 +78,10 @@ function formatDate(dateTime, dateFormat) {
       </thead>
       <tbody>
         {#each items as item, i}
-          <tr class="item-tr {clazz.row || ''}">
+          <tr 
+            class="item-tr {clazz.row || ''}" 
+            on:click={() => handleRowClick(item)}
+          >
             {#each headers as header, j}
               <td class="{clazz.cell || ''}">
                 {#if header.type.key == "custom"}

package/dist/components/simple/lists/SimpleTable.svelte.d.ts

@@ -34,6 +34,11 @@ declare const __propDef: {
             sortedBy: string | undefined;
             sortDirection: string;
         }>;
+        rowClick: CustomEvent<{
+            item: {
+                [key: string]: any;
+            };
+        }>;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/components/simple/navigation/Drawer.svelte

@@ -17,7 +17,7 @@ $:
 
 <div
   style:position="fixed"
-  class="container"
+  class="drawer-container"
   class:left={position == 'left'}
   class:right={position == 'right'}
   class:top={position == 'top'}
@@ -75,7 +75,7 @@ $:
     transition: top var(--drawer-opening-speed, var(--drawer-default-opening-speed)) cubic-bezier(0.4, 0, 0.2, 1);
   }
 
-  .container {
+  .drawer-container {
     z-index: var(--drawer-z-index, var(--drawer-default-z-index));
     background-color: var(
       --drawer-background-color,

package/dist/index.d.ts

@@ -50,6 +50,9 @@ export { default as Filters } from './components/composed/search/Filters.svelte'
 export { default as GlobalSearchTextField } from './components/composed/search/GlobalSearchTextField.svelte';
 export { default as MenuOrDrawer } from './components/composed/common/MenuOrDrawer.svelte';
 export { default as MenuOrDrawerOptions } from './components/composed/common/MenuOrDrawerOptions.svelte';
+export { default as FilterBuilder } from './utils/filters/builder';
+export { default as FilterConverter } from './utils/filters/filters';
+export { default as FilterValidator } from './utils/filters/validator';
 export { default as mediaQuery } from './stores/mediaQuery';
 export { default as theme, toggleTheme, setTheme } from './stores/theme';
 export { default as SimpleTimeLine } from './components/simple/timeline/SimpleTimeLine.svelte';

package/dist/index.js

@@ -50,6 +50,9 @@ export { default as Filters } from './components/composed/search/Filters.svelte'
 export { default as GlobalSearchTextField } from './components/composed/search/GlobalSearchTextField.svelte';
 export { default as MenuOrDrawer } from './components/composed/common/MenuOrDrawer.svelte';
 export { default as MenuOrDrawerOptions } from './components/composed/common/MenuOrDrawerOptions.svelte';
+export { default as FilterBuilder } from './utils/filters/builder';
+export { default as FilterConverter } from './utils/filters/filters';
+export { default as FilterValidator } from './utils/filters/validator';
 export { default as mediaQuery } from './stores/mediaQuery';
 export { default as theme, toggleTheme, setTheme } from './stores/theme';
 export { default as SimpleTimeLine } from './components/simple/timeline/SimpleTimeLine.svelte';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair",
-  "version": "3.0.32",
+  "version": "3.0.34",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",