@humandialog/forms.svelte 0.5.18 → 0.5.20

package/components/button.svelte

@@ -8,11 +8,15 @@ export let params = null;
 export let context = "";
 export let typename = "";
 export let action = null;
+export let hiddenFunc = void 0;
+export let disabledFunc = void 0;
 let ctx = context ? context : getContext("ctx");
 let is_table_component = getContext("rIs-table-component");
 let can_be_activated = true;
 let item = null;
-let additional_class = $$restProps.class ?? "";
+let definedClass = $$restProps.class ?? "";
+let hidden = false;
+let disabled = false;
 let last_tick = -1;
 $:
   setup($data_tick_store);
@@ -20,10 +24,18 @@ function setup(data_tick_store2) {
   if (data_tick_store2 <= last_tick)
     return;
   last_tick = data_tick_store2;
-  if (!action) {
+  {
     item = self ?? $contextItemsStore[ctx];
     if (!typename)
       typename = $contextTypesStore[ctx];
+    if (!typename && !!item) {
+      if (item.$type)
+        typename = item.$type;
+      else if (item.$ref) {
+        let s = item.$ref.split("/");
+        typename = s[1];
+      }
+    }
   }
   if (is_table_component) {
     if ($contextItemsStore["sel"] != self)
@@ -31,14 +43,33 @@ function setup(data_tick_store2) {
     else
       can_be_activated = true;
   } else
-    can_be_activated = true;
+    can_be_activated = !!item;
+  if (hiddenFunc) {
+    if (item)
+      hidden = hiddenFunc(item);
+    else
+      hidden = true;
+  } else if (disabledFunc) {
+    if (item)
+      disabled = disabledFunc(item);
+    else
+      disabled = true;
+  } else
+    disabled = !item;
 }
 async function click() {
   if (action) {
-    if (params)
-      action(params);
-    else
-      action();
+    if (context) {
+      if (params)
+        action(item, params);
+      else
+        action(item);
+    } else {
+      if (params)
+        action(params);
+      else
+        action();
+    }
     $data_tick_store = $data_tick_store + 1;
   } else if (item && operation && typename) {
     try {
@@ -58,7 +89,7 @@ async function click() {
 
 {#if is_table_component}
     {#if can_be_activated}
-        <Button on:click={click} class="h-7 {additional_class}" 
+        <Button on:click={click} class="h-7 {definedClass}"
                 disabled={!can_be_activated}
                 color='alternative'
                 >
@@ -67,8 +98,11 @@ async function click() {
     {/if}
 {:else}
 
-    <Button on:click={click} class="h-7 {additional_class}" 
-            disabled={!can_be_activated}>
+    <button on:click={click}
+            class={definedClass}
+            {hidden}
+            {disabled}>
         <slot/>
-    </Button>
+    </button>
+
 {/if}

package/components/button.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
         context?: string | undefined;
         typename?: string | undefined;
         action?: null | undefined;
+        hiddenFunc?: undefined;
+        disabledFunc?: undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/kanban/kanban.svelte

@@ -47,8 +47,10 @@ export async function reload(data, selectElement = KEEP_SELECTION) {
       selectElementId = 0;
       break;
     case KEEP_SELECTION:
-      selectElementId = currentSelectedItem ? currentSelectedItem.Id : 0;
-      selectedColumnIdx = definition.columns.findIndex((c2) => c2.state == currentSelectedItem[sa]);
+      if (currentSelectedItem) {
+        selectElementId = currentSelectedItem.Id ?? 0;
+        selectedColumnIdx = definition.columns.findIndex((c2) => c2.state == currentSelectedItem[sa]);
+      }
       break;
     case SELECT_PREVIOUS:
       if (currentSelectedItem) {
@@ -74,8 +76,8 @@ export async function reload(data, selectElement = KEEP_SELECTION) {
       break;
     case KEEP_OR_SELECT_NEXT:
       {
-        selectElementId = currentSelectedItem.Id ?? 0;
         if (currentSelectedItem) {
+          selectElementId = currentSelectedItem.Id ?? 0;
           const currentItemState = currentSelectedItem[sa];
           selectedColumnIdx = definition.columns.findIndex((c2) => c2.state == currentItemState);
           const columnItems = allItems.filter((e) => e[sa] == currentItemState);

package/desk.svelte

@@ -69,15 +69,18 @@
             set_dark_mode_default(layout.dark.default)
     }
 
+    
     if(layout.operations != undefined)
     {
         if(layout.operations.optional)
             layout.mainToolbar.operations = true;
 
-        if(layout.operations.default)
+        if(layout.operations.default != undefined)
             set_default_tools_visible(layout.operations.default)
     }
-    
+    else
+        set_default_tools_visible(false)
+
     $: { visible_sidebar = $main_sidebar_visible_store
         
         if(visible_sidebar == "*")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humandialog/forms.svelte",
-  "version": "0.5.18",
+  "version": "0.5.20",
   "description": "Basic Svelte UI components for Object Reef applications",
   "devDependencies": {
     "@playwright/test": "^1.28.1",