@issonujha/sdui-web 0.1.3 → 0.1.5

package/dist/cjs/EndpointTable.js

@@ -0,0 +1,57 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EndpointTable = EndpointTable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const DynamicTable_js_1 = require("./DynamicTable.js");
+const SduiWebProvider_js_1 = require("./SduiWebProvider.js");
+/**
+ * Convenience wrapper: owns pagination/sort/filter state but delegates the actual
+ * request to the host fetcher. The package itself performs no fetch.
+ */
+function EndpointTable({ endpoint }) {
+    const { apiBase = '', fetcher, userRoles } = (0, SduiWebProvider_js_1.useSdui)();
+    const [data, setData] = react_1.default.useState(null);
+    const [loading, setLoading] = react_1.default.useState(false);
+    const [error, setError] = react_1.default.useState(null);
+    const [page, setPage] = react_1.default.useState(0);
+    const [sort, setSort] = react_1.default.useState({ dir: 'desc' });
+    const [filters, setFilters] = react_1.default.useState({});
+    const load = react_1.default.useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const params = new URLSearchParams({ page: String(page) });
+            if (sort.key) {
+                params.set('sortBy', sort.key);
+                params.set('sortDir', sort.dir.toUpperCase());
+            }
+            Object.entries(filters).forEach(([key, value]) => {
+                if (value !== undefined && value !== null && value !== '')
+                    params.set(key, String(value));
+            });
+            const result = (await fetcher(`${apiBase}${endpoint}?${params.toString()}`));
+            setData(result);
+        }
+        catch {
+            setError('Could not load data');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [apiBase, endpoint, fetcher, page, sort, filters]);
+    react_1.default.useEffect(() => {
+        void load();
+    }, [load]);
+    if (error)
+        return (0, jsx_runtime_1.jsx)("div", { role: "alert", children: error });
+    if (!data)
+        return (0, jsx_runtime_1.jsx)("div", { children: "Loading\u2026" });
+    return ((0, jsx_runtime_1.jsx)(DynamicTable_js_1.DynamicTable, { data: data, loading: loading, userRoles: userRoles, onPageChange: setPage, onSortChange: (key, dir) => setSort({ key, dir }), onFilterChange: (next) => {
+            setFilters((prev) => ({ ...prev, ...next }));
+            setPage(0);
+        } }));
+}

package/dist/cjs/NavBar.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavBar = NavBar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sdui_core_1 = require("@issonujha/sdui-core");
+const SduiWebProvider_js_1 = require("./SduiWebProvider.js");
+/** Renders a navigation tree filtered by the current user's project roles. */
+function NavBar({ items, onNavigate, activeRoute, title }) {
+    const { hasRole, userRoles = [] } = (0, SduiWebProvider_js_1.useSdui)();
+    const _hasRole = hasRole; // kept for callers that pass a custom resolver
+    const visible = userRoles.length > 0 ? (0, sdui_core_1.filterNavByRoles)(items, userRoles) : items;
+    const render = (nodes) => nodes.map((node) => ((0, jsx_runtime_1.jsxs)("li", { style: { listStyle: 'none' }, children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => node.route && onNavigate?.({ route: node.route }), "aria-current": node.route === activeRoute ? 'page' : undefined, children: [node.icon ? `${node.icon} ` : '', node.label] }), node.children && node.children.length > 0 && ((0, jsx_runtime_1.jsx)("ul", { style: { marginLeft: 12 }, children: render(node.children) }))] }, node.id)));
+    return ((0, jsx_runtime_1.jsxs)("nav", { className: "sdui-nav", children: [title && (0, jsx_runtime_1.jsx)("strong", { children: title }), (0, jsx_runtime_1.jsx)("ul", { children: render(visible) })] }));
+}

package/dist/cjs/SduiWebProvider.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SduiWebProvider = SduiWebProvider;
+exports.useSdui = useSdui;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const SduiWebContext = (0, react_1.createContext)(null);
+function SduiWebProvider({ config, children, }) {
+    const roles = config.userRoles ?? [];
+    const permissions = config.userPermissions ?? [];
+    const value = {
+        ...config,
+        userRoles: roles,
+        userPermissions: permissions,
+        hasRole: (role) => roles.includes(role),
+        hasPermission: (permission) => permissions.includes(permission),
+    };
+    return (0, jsx_runtime_1.jsx)(SduiWebContext.Provider, { value: value, children: children });
+}
+function useSdui() {
+    const ctx = (0, react_1.useContext)(SduiWebContext);
+    if (!ctx)
+        throw new Error('useSdui must be used within a <SduiWebProvider>');
+    return ctx;
+}

package/dist/cjs/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SduiWebProvider.js"), exports);
+__exportStar(require("./DynamicTable.js"), exports);
+__exportStar(require("./EndpointTable.js"), exports);
+__exportStar(require("./DynamicComponentLoader.js"), exports);
+__exportStar(require("./NavBar.js"), exports);
+__exportStar(require("./DynamicTabRenderer.js"), exports);

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/dist/esm/DynamicComponentLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicComponentLoader.d.ts","sourceRoot":"","sources":["../../src/DynamicComponentLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AAE7F;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;CACnE,qBAUA"}

package/dist/esm/DynamicComponentLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicComponentLoader.js","sourceRoot":"","sources":["../../src/DynamicComponentLoader.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIxC;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,MAAM,GAIP;IACC,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAChD,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,eAAK,IAAI,EAAC,OAAO,oCAAqB,MAAM,CAAC,YAAY,IAAO,CAAC;IAC1E,CAAC;IACD,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,0CAAmB,YACrC,KAAC,SAAS,OAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,GAAI,GAC9B,CACZ,CAAC;AACJ,CAAC"}

package/dist/esm/DynamicTabRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicTabRenderer.d.ts","sourceRoot":"","sources":["../../src/DynamicTabRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACnD;AAED,yEAAyE;AACzE,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,SAAS,EACT,SAAc,EACd,QAAQ,EACR,QAAQ,GACT,EAAE,uBAAuB,qBAuBzB"}

package/dist/esm/DynamicTabRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicTabRenderer.js","sourceRoot":"","sources":["../../src/DynamicTabRenderer.tsx"],"names":[],"mappings":";AAgBA,yEAAyE;AACzE,MAAM,UAAU,kBAAkB,CAAC,EACjC,IAAI,EACJ,SAAS,EACT,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,QAAQ,GACgB;IACxB,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CACzB,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,aAAa,IAAI,GAAG,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CACtH,CAAC;IACF,MAAM,OAAO,GAAG,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IAE7C,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,YACnD,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,iBAEE,IAAI,EAAC,KAAK,mBACK,GAAG,CAAC,GAAG,KAAK,OAAO,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,YAEjC,GAAG,CAAC,KAAK,IALL,GAAG,CAAC,GAAG,CAML,CACV,CAAC,GACE,EACN,cAAK,SAAS,EAAC,gBAAgB,YAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,GAAO,IACxE,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/DynamicTable.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import type { ColumnDef, DataTableResponse, FilterDef, TableViewMode, KanbanStageDef, StageTransitionOption } from '@issonujha/sdui-core';
+export interface DynamicTableProps<T = any> {
+    data: DataTableResponse<T> | T[];
+    columns?: ColumnDef<T>[];
+    filters?: FilterDef[];
+    loading?: boolean;
+    error?: string | null;
+    userRoles?: string[];
+    viewMode?: TableViewMode;
+    onViewModeChange?: (mode: TableViewMode) => void;
+    availableViews?: TableViewMode[];
+    kanbanStages?: KanbanStageDef[];
+    stageKey?: string;
+    canDragRecord?: boolean | ((row: T) => boolean);
+    onTransitionStage?: (row: T, targetStageKey: string, option?: StageTransitionOption) => Promise<void> | void;
+    onPageChange?: (newPage: number) => void;
+    onRowsPerPageChange?: (newSize: number) => void;
+    onSortChange?: (columnKey: string, direction: 'asc' | 'desc') => void;
+    onFilterChange?: (activeFilters: Record<string, unknown>) => void;
+    onSearchChange?: (searchTerm: string) => void;
+    onSearch?: (searchTerm: string) => void;
+    searchValue?: string;
+    onRowClick?: (row: T) => void;
+    onExportCsv?: () => void;
+    onRefresh?: () => void;
+    title?: string;
+    subtitle?: string;
+    pageSizeOptions?: number[];
+    defaultRowsPerPage?: number;
+    renderCustomCard?: (row: T, onTransition?: (targetStageKey: string) => void) => React.ReactNode;
+    actions?: (row: T) => React.ReactNode;
+    rowActions?: (row: T) => React.ReactNode;
+    renderExpandedRow?: (row: T) => React.ReactNode;
+    activeFilters?: Record<string, unknown>;
+    emptyMessage?: string;
+    exportFilename?: string;
+    tableActions?: React.ReactNode;
+    extraHeaderActions?: React.ReactNode;
+    compact?: boolean;
+    enableExport?: boolean;
+    enableLiveReload?: boolean;
+    defaultLiveReload?: number;
+    showGlobalFilters?: boolean;
+}
+export declare function DynamicTable<T = any>({ data: rawData, columns: customColumns, filters: customFilters, loading, error, userRoles, viewMode: controlledViewMode, onViewModeChange, availableViews: propAvailableViews, kanbanStages: explicitKanbanStages, stageKey, canDragRecord, onTransitionStage, onPageChange, onRowsPerPageChange, onSortChange, onFilterChange, onSearchChange, onSearch, searchValue: controlledSearchValue, onRowClick, onExportCsv, onRefresh, title, subtitle, pageSizeOptions, defaultRowsPerPage, renderCustomCard, actions, rowActions, renderExpandedRow, activeFilters, emptyMessage, exportFilename, tableActions, extraHeaderActions, compact, enableExport, enableLiveReload, defaultLiveReload, showGlobalFilters, }: DynamicTableProps<T>): React.JSX.Element;
+export default DynamicTable;
+//# sourceMappingURL=DynamicTable.d.ts.map

package/dist/esm/DynamicTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicTable.d.ts","sourceRoot":"","sources":["../../src/DynamicTable.tsx"],"names":[],"mappings":"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"}