@gandalan/weblibs 1.5.8 → 1.5.10

package/index.js

@@ -8,12 +8,17 @@ export { createAuthManager, fluentIdasAuthManager } from "./api/fluentAuthManage
 export { fetchEnvConfig } from "./api/fluentEnvUtils";
 export { restClient } from "./api/fluentRestClient";
 
+// re-export all modules from the ui folder as named exports
+export * from "./ui/index.js";
+
 /**
  * @typedef {Object} NeherApp3Module
  * @property {string} moduleName
  * @property {(app: NeherApp3) => void} setup 
- * @property {(node : HTMLElement, props : *) => function} mount Must return an unmount function
- * @property {string?} embedUrl 
+ * @property {(node : HTMLElement, props : NeherApp3Props) => function} mount Must return an unmount function
+ * @property {string?} embedUrl
+ * @property {string[]} extraCSS
+ * @property {boolean} useShadowDom - If true, the app will be embedded in a shadow DOM. This is required for CSS isolation. 
  */
 
 /**
@@ -37,6 +42,7 @@ export { restClient } from "./api/fluentRestClient";
  * @property {string} url - Relative URL to use for routes
  * @property {string} text - Display text
  * @property {string} [parent] - Parent menu item (optional). If not set, the item will be added to the top level menu.
+ * @property {boolean} [hidden] - If true, the menu item will not be displayed
  */
 
 /**
@@ -45,3 +51,11 @@ export { restClient } from "./api/fluentRestClient";
  * @global
  */
 globalThis.neherapp3 = globalThis.neherapp3 || {};
+
+/**
+ * @typedef {Object} NeherApp3Props
+ * @property {import("./api/fluentApi").FluentApi} api
+ * @property {import("./api/fluentAuthManager").FluentAuthManager} authManager
+ * @property {import("./api/fluentApi").FluentApi} idas
+ */
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gandalan/weblibs",
-  "version": "1.5.8",
+  "version": "1.5.10",
   "description": "WebLibs for Gandalan JS/TS projects",
   "keywords": [
     "gandalan"

package/ui/Grid.svelte

@@ -0,0 +1,44 @@
+<script>
+    let { 
+        data, 
+        hideCols = [], 
+        onclick=(row, col) => {}, 
+        dataCell = defaultDataCell, 
+        headerCell = defaultHeaderCell 
+    } = $props();
+</script>
+
+{#if data.length}
+<table class="w-full">
+    <thead>
+        <tr>
+            {#each Object.keys(data[0]) as key}
+            {#if hideCols.indexOf(key) === -1}
+            <th>{@render headerCell(key)}</th>
+            {/if}
+            {/each}
+        </tr>
+    </thead>
+    <tbody class="overflow-auto">
+        {#each data as row}
+        <tr class="hover:bg-gray-300" class:cursor-pointer={onclick}>
+            {#each Object.keys(data[0]) as key}
+            {#if hideCols.indexOf(key) === -1}
+            <td onclick={(e) => { e.preventDefault(); onclick(row, key); }}>{@render dataCell(row[key])}</td>
+            {/if}
+            {/each}
+        </tr>
+        {/each}
+    </tbody>
+</table>
+{:else}
+<progress>Loading</progress>
+{/if}
+
+{#snippet defaultHeaderCell(content)}
+<b>{content}</b>
+{/snippet}
+
+{#snippet defaultDataCell(content)}
+{content}
+{/snippet}

package/ui/css/app.css

@@ -0,0 +1,9 @@
+@import "tailwindcss";
+
+h1 { @apply text-2xl font-bold flex items-center; }
+h1 img { @apply pr-3 h-6; }
+button { @apply bg-gray-200 border border-gray-300 text-black px-2 py-2 rounded-md hover:bg-white; }
+input { @apply border border-gray-300 text-black px-2 py-2 rounded-md; }
+table { @apply w-full; }
+th { @apply border border-gray-300 p-1 text-left bg-[#868686] text-white font-normal sticky top-0; }
+td { @apply border border-gray-300 text-black p-1; }

package/ui/index.js

@@ -0,0 +1,3 @@
+import Grid from "./Grid.svelte";
+
+export { Grid };

package/jsconfig.json

@@ -1,21 +0,0 @@
-{
-    "compilerOptions": {
-        "allowJs": true,
-        /**
-         * Typecheck JS in `.svelte` and `.js` files by default.
-         * Disable this if you'd like to use dynamic types.
-         */
-        "checkJs": false, // Default: true
-        "esModuleInterop": true,
-        "forceConsistentCasingInFileNames": true,
-        "resolveJsonModule": true,
-        "skipLibCheck": true,
-        "lib": [ "ES6" ],
-        /**
-         * To have warnings / errors of the Svelte compiler at the
-         * correct position, enable source maps by default.
-         */
-        "sourceMap": true,
-        "strict": true
-    }
-}