@bexis2/bexis2-core-ui 0.1.3 → 0.1.4

package/dist/components/Table/Table.svelte

@@ -77,7 +77,8 @@ const tableColumns = [
                 filterValue: filterValue2,
                 id,
                 tableId,
-                values
+                values,
+                toFilterableValueFn
               });
             }
           } : void 0,
@@ -149,12 +150,13 @@ const { filterValue } = pluginStates.tableFilter;
 						<tr {...rowAttrs} class="bg-primary-300">
 							{#each headerRow.cells as cell (cell.id)}
 								<Subscribe attrs={cell.attrs()} props={cell.props()} let:props let:attrs>
-									<th scope="col" class="!p-2" {...attrs}>
+									<th scope="col" class="!p-2 w-min" {...attrs}>
 										<div class="flex w-full justify-between items-center">
 											<div class="flex gap-1">
 												<span
 													class:underline={props.sort.order}
 													class:normal-case={cell.id !== cell.label}
+													class:cursor-pointer={!props.sort.disabled}
 													on:click={props.sort.toggle}
 													on:keydown={props.sort.toggle}
 												>
@@ -190,7 +192,7 @@ const { filterValue } = pluginStates.tableFilter;
 						<tr {...rowAttrs}>
 							{#each row.cells as cell (cell?.id)}
 								<Subscribe attrs={cell.attrs()} let:attrs>
-									<td {...attrs} class="!p-2">
+									<td {...attrs} class="!p-2 w-min">
 										<div class="flex items-center w-full h-full table-cell-fit">
 											<Render of={cell.render()} />
 										</div>

package/dist/components/Table/TableFilter.svelte

@@ -5,6 +5,7 @@ export let filterValue;
 export let values;
 export let id;
 export let tableId;
+export let toFilterableValueFn = void 0;
 let firstOption;
 let firstValue;
 let secondOption;
@@ -96,7 +97,7 @@ const popupFeatured = {
   target: popupId,
   placement: "bottom-start"
 };
-let type = typeof $values[0];
+let type = typeof (toFilterableValueFn ? toFilterableValueFn($values[0]) : $values[0]);
 if (type === "object") {
   if ($values[0] instanceof Date) {
     type = "date";

package/dist/components/Table/TableFilter.svelte.d.ts

@@ -5,6 +5,7 @@ declare const __propDef: {
         values: any;
         id: any;
         tableId: any;
+        toFilterableValueFn?: ((value: any) => any) | undefined;
     };
     events: {
         click: MouseEvent;

package/dist/stores/apistore.js

@@ -19,4 +19,5 @@ export function setApiConfig(_host, _user, _pw) {
     hostStore.update((h) => (h = _host));
     usernameStore.update((u) => (u = _user));
     passwordStore.update((p) => (p = _pw));
+    console.log('overwrite host', _host);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "private": false,
   "scripts": {
     "dev": "vite dev",

package/src/lib/components/Table/Table.svelte

@@ -97,7 +97,8 @@
 												filterValue,
 												id,
 												tableId,
-												values
+												values,
+												toFilterableValueFn
 											});
 										}
 								  }
@@ -175,12 +176,13 @@
 						<tr {...rowAttrs} class="bg-primary-300">
 							{#each headerRow.cells as cell (cell.id)}
 								<Subscribe attrs={cell.attrs()} props={cell.props()} let:props let:attrs>
-									<th scope="col" class="!p-2" {...attrs}>
+									<th scope="col" class="!p-2 w-min" {...attrs}>
 										<div class="flex w-full justify-between items-center">
 											<div class="flex gap-1">
 												<span
 													class:underline={props.sort.order}
 													class:normal-case={cell.id !== cell.label}
+													class:cursor-pointer={!props.sort.disabled}
 													on:click={props.sort.toggle}
 													on:keydown={props.sort.toggle}
 												>
@@ -216,7 +218,7 @@
 						<tr {...rowAttrs}>
 							{#each row.cells as cell (cell?.id)}
 								<Subscribe attrs={cell.attrs()} let:attrs>
-									<td {...attrs} class="!p-2">
+									<td {...attrs} class="!p-2 w-min">
 										<div class="flex items-center w-full h-full table-cell-fit">
 											<Render of={cell.render()} />
 										</div>

package/src/lib/components/Table/TableFilter.svelte

@@ -8,6 +8,7 @@
 	export let values;
 	export let id;
 	export let tableId;
+	export let toFilterableValueFn: undefined | ((value: any) => any) = undefined;
 
 	let firstOption;
 	let firstValue;
@@ -104,7 +105,7 @@
 		placement: 'bottom-start'
 	};
 
-	let type: string = typeof $values[0];
+	let type: string = typeof (toFilterableValueFn ? toFilterableValueFn($values[0]) : $values[0]);
 	if (type === 'object') {
 		if ($values[0] instanceof Date) {
 			type = 'date';

package/src/lib/components/page/menu/Menu.svelte

@@ -4,8 +4,7 @@
  import { faCog } from '@fortawesome/free-solid-svg-icons'
 
  import { onMount } from 'svelte';
-
-
+ 
  import { getMenuItems}  from './MenuDataCaller';
 
  import type { Menu } from "./menu";
@@ -16,9 +15,7 @@
  let menu:Menu;
 
  onMount(async () => {
-
   
-
   menu = await getMenuItems();
 
 })

package/src/lib/stores/apistore.ts

@@ -22,7 +22,10 @@ passwordStore.subscribe((value) => {
 
 export function setApiConfig(_host: string, _user: string, _pw: string) {
 	console.log('overwrite settings');
+	
 	hostStore.update((h) => (h = _host));
 	usernameStore.update((u) => (u = _user));
 	passwordStore.update((p) => (p = _pw));
+
+	console.log('overwrite host',_host);
 }