@svadmin/ui 0.29.3 → 0.29.4

package/dist/components/AutoTable.svelte.d.ts

@@ -0,0 +1,44 @@
+import type { Sort, FieldDefinition } from '@svadmin/core';
+import type { Snippet } from 'svelte';
+interface Props {
+    resourceName: string;
+    selectable?: boolean;
+    /** Custom header actions (right side) */
+    headerActions?: Snippet;
+    /** Custom cell renderers by field key */
+    columns?: Record<string, Snippet<[{
+        value: unknown;
+        record: Record<string, unknown>;
+    }]>>;
+    /** Global fallback cell renderer */
+    defaultCellRenderer?: Snippet<[{
+        field: FieldDefinition;
+        value: unknown;
+        record: Record<string, unknown>;
+    }]>;
+    /** Custom row actions (edit/delete column) */
+    rowActions?: Snippet<[{
+        record: Record<string, unknown>;
+        id: string | number;
+    }]>;
+    /** Custom empty state */
+    emptyState?: Snippet;
+    /** Expandable row content */
+    expandedRowRender?: Snippet<[{
+        record: Record<string, unknown>;
+    }]>;
+    /** Externally controlled pagination */
+    pagination?: {
+        current: number;
+        pageSize: number;
+    };
+    /** Externally controlled sorters */
+    sorters?: Sort[];
+    /** Custom batch actions to render when rows are selected */
+    batchActions?: Snippet<[{
+        selectedIds: string[];
+    }]>;
+}
+declare const AutoTable: import("svelte").Component<Props, {}, "">;
+type AutoTable = ReturnType<typeof AutoTable>;
+export default AutoTable;

package/dist/components/Breadcrumbs.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+  import { getResources } from '@svadmin/core';
+  import { currentPath } from '@svadmin/core/router';
+  import { t } from '@svadmin/core/i18n';
+  import * as Breadcrumb from './ui/breadcrumb/index.js';
+
+  const resources = getResources();
+  let path = $state(currentPath());
+
+  function onHashChange() { path = currentPath(); }
+
+  interface Crumb { label: string; href: string; }
+
+  const crumbs = $derived.by(() => {
+    const result: Crumb[] = [{ label: t('common.home'), href: '#/' }];
+    if (path === '/') return result;
+
+    const segments = path.split('/').filter(Boolean);
+    const resourceName = segments[0];
+    const res = resources.find(r => r.name === resourceName);
+
+    if (res) {
+      result.push({ label: res.label, href: `#/${res.name}` });
+
+      if (segments[1] === 'create') {
+        result.push({ label: t('common.create'), href: `#/${res.name}/create` });
+      } else if (segments[1] === 'edit' && segments[2]) {
+        result.push({ label: `${t('common.edit')} #${segments[2]}`, href: `#/${res.name}/edit/${segments[2]}` });
+      } else if (segments[1] === 'show' && segments[2]) {
+        result.push({ label: `${t('common.detail')} #${segments[2]}`, href: `#/${res.name}/show/${segments[2]}` });
+      }
+    }
+    return result;
+  });
+</script>
+
+<svelte:window onhashchange={onHashChange} />
+
+{#if crumbs.length > 1}
+  <Breadcrumb.Root class="mb-4">
+    <Breadcrumb.List>
+      {#each crumbs as crumb, i (crumb.href)}
+        {#if i > 0}
+          <Breadcrumb.Separator />
+        {/if}
+        <Breadcrumb.Item>
+          <span class="inline-flex svadmin-page-enter" style="animation-duration: 0.2s;">
+          {#if i === crumbs.length - 1}
+            <Breadcrumb.Page>{crumb.label}</Breadcrumb.Page>
+          {:else}
+            <Breadcrumb.Link href={crumb.href}>{crumb.label}</Breadcrumb.Link>
+          {/if}
+          </span>
+        </Breadcrumb.Item>
+      {/each}
+    </Breadcrumb.List>
+  </Breadcrumb.Root>
+{/if}

package/dist/components/Breadcrumbs.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Breadcrumbs: import("svelte").Component<Record<string, never>, {}, "">;
+type Breadcrumbs = ReturnType<typeof Breadcrumbs>;
+export default Breadcrumbs;

package/dist/components/CanAccess.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import { useCan } from '@svadmin/core';
+  import type { Action } from '@svadmin/core';
+
+  let { resource, action, params, children, fallback } = $props<{
+    resource: string;
+    action: Action;
+    params?: Record<string, unknown>;
+    children: Snippet;
+    fallback?: Snippet;
+  }>();
+
+  const can = useCan(() => ({ resource, action, params }));
+</script>
+
+{#if can.isLoading}
+  <!-- Loading: nothing rendered -->
+{:else if can.allowed}
+  {@render children()}
+{:else if fallback}
+  {@render fallback()}
+{/if}

package/dist/components/CanAccess.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { Snippet } from 'svelte';
+import type { Action } from '@svadmin/core';
+type $$ComponentProps = {
+    resource: string;
+    action: Action;
+    params?: Record<string, unknown>;
+    children: Snippet;
+    fallback?: Snippet;
+};
+declare const CanAccess: import("svelte").Component<$$ComponentProps, {}, "">;
+type CanAccess = ReturnType<typeof CanAccess>;
+export default CanAccess;

package/dist/components/CatchAllNavigate.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { useIsAuthenticated } from '@svadmin/core';
+  import { navigate } from '@svadmin/core/router';
+  import NavigateToResource from './NavigateToResource.svelte';
+  
+  const auth = useIsAuthenticated();
+
+  $effect(() => {
+    if (!auth.isLoading && !auth.isAuthenticated) {
+      navigate('/login');
+    }
+  });
+</script>
+
+{#if auth.isLoading}
+  <div class="flex h-screen w-screen items-center justify-center">
+    <div class="h-8 w-8 animate-spin rounded-full border-4 border-primary border-r-transparent"></div>
+  </div>
+{:else if auth.isAuthenticated}
+  <NavigateToResource />
+{/if}

package/dist/components/CatchAllNavigate.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const CatchAllNavigate: import("svelte").Component<Record<string, never>, {}, "">;
+type CatchAllNavigate = ReturnType<typeof CatchAllNavigate>;
+export default CatchAllNavigate;