@ziky/ui 0.1.7 → 0.1.9

package/dist/components/ActivityList.d.ts

@@ -0,0 +1,15 @@
+export type ActivityItem = {
+    id: string;
+    title: string;
+    timestamp?: string;
+    description?: string;
+    icon?: string;
+    tone?: 'primary' | 'success' | 'warn' | 'danger';
+};
+export type ActivityListProps = {
+    title?: string;
+    items: ActivityItem[];
+    className?: string;
+};
+export declare function ActivityList({ title, items, className }: ActivityListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActivityList.d.ts.map

package/dist/components/ActivityList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityList.d.ts","sourceRoot":"","sources":["../../src/components/ActivityList.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,KAAyB,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CA+B9F"}

package/dist/components/ActivityList.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActivityList = ActivityList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function ActivityList({ title = 'Recent Activity', items, className }) {
+    return ((0, jsx_runtime_1.jsxs)("section", { className: `card sakai-activity${className ? ` ${className}` : ''}`.trim(), children: [(0, jsx_runtime_1.jsx)("div", { className: "sakai-activity__header", children: (0, jsx_runtime_1.jsx)("h3", { className: "sakai-activity__title", children: title }) }), (0, jsx_runtime_1.jsx)("ul", { className: "sakai-activity__list", children: items.map((item) => ((0, jsx_runtime_1.jsxs)("li", { className: "sakai-activity__item", children: [(0, jsx_runtime_1.jsx)("span", { className: `sakai-activity__icon sakai-activity__icon--${item.tone ?? 'primary'}`, "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("i", { className: item.icon ?? 'pi pi-bell' }) }), (0, jsx_runtime_1.jsxs)("div", { className: "sakai-activity__content", children: [(0, jsx_runtime_1.jsxs)("div", { className: "sakai-activity__row", children: [(0, jsx_runtime_1.jsx)("span", { className: "sakai-activity__item-title", children: item.title }), item.timestamp ? ((0, jsx_runtime_1.jsx)("span", { className: "sakai-activity__time", children: item.timestamp })) : null] }), item.description ? ((0, jsx_runtime_1.jsx)("p", { className: "sakai-activity__description", children: item.description })) : null] })] }, item.id))) })] }));
+}
+//# sourceMappingURL=ActivityList.js.map

package/dist/components/ActivityList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityList.js","sourceRoot":"","sources":["../../src/components/ActivityList.tsx"],"names":[],"mappings":";;AAiBA,oCA+BC;;AA/BD,SAAgB,YAAY,CAAC,EAAE,KAAK,GAAG,iBAAiB,EAAE,KAAK,EAAE,SAAS,EAAqB;IAC7F,OAAO,CACL,qCAAS,SAAS,EAAE,sBAAsB,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,aACjF,gCAAK,SAAS,EAAC,wBAAwB,YACrC,+BAAI,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAM,GAC9C,EACN,+BAAI,SAAS,EAAC,sBAAsB,YACjC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,gCAAkB,SAAS,EAAC,sBAAsB,aAChD,iCACE,SAAS,EAAE,8CAA8C,IAAI,CAAC,IAAI,IAAI,SAAS,EAAE,iBACrE,MAAM,YAElB,8BAAG,SAAS,EAAE,IAAI,CAAC,IAAI,IAAI,YAAY,GAAI,GACtC,EACP,iCAAK,SAAS,EAAC,yBAAyB,aACtC,iCAAK,SAAS,EAAC,qBAAqB,aAClC,iCAAM,SAAS,EAAC,4BAA4B,YAAE,IAAI,CAAC,KAAK,GAAQ,EAC/D,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,iCAAM,SAAS,EAAC,sBAAsB,YAAE,IAAI,CAAC,SAAS,GAAQ,CAC/D,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,8BAAG,SAAS,EAAC,6BAA6B,YAAE,IAAI,CAAC,WAAW,GAAK,CAClE,CAAC,CAAC,CAAC,IAAI,IACJ,KAjBC,IAAI,CAAC,EAAE,CAkBX,CACN,CAAC,GACC,IACG,CACX,CAAC;AACJ,CAAC"}

package/dist/components/DashboardPanel.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type DashboardPanelProps = {
+    title: string;
+    subtitle?: string;
+    actions?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function DashboardPanel({ title, subtitle, actions, children, className, }: DashboardPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DashboardPanel.d.ts.map

package/dist/components/DashboardPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPanel.d.ts","sourceRoot":"","sources":["../../src/components/DashboardPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,2CAarB"}

package/dist/components/DashboardPanel.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DashboardPanel = DashboardPanel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function DashboardPanel({ title, subtitle, actions, children, className, }) {
+    return ((0, jsx_runtime_1.jsxs)("section", { className: `card sakai-panel${className ? ` ${className}` : ''}`.trim(), children: [(0, jsx_runtime_1.jsxs)("header", { className: "sakai-panel__header", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "sakai-panel__title", children: title }), subtitle ? (0, jsx_runtime_1.jsx)("p", { className: "sakai-panel__subtitle", children: subtitle }) : null] }), actions ? (0, jsx_runtime_1.jsx)("div", { className: "sakai-panel__actions", children: actions }) : null] }), (0, jsx_runtime_1.jsx)("div", { className: "sakai-panel__body", children: children })] }));
+}
+//# sourceMappingURL=DashboardPanel.js.map

package/dist/components/DashboardPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPanel.js","sourceRoot":"","sources":["../../src/components/DashboardPanel.tsx"],"names":[],"mappings":";;AAUA,wCAmBC;;AAnBD,SAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,GACW;IACpB,OAAO,CACL,qCAAS,SAAS,EAAE,mBAAmB,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,aAC9E,oCAAQ,SAAS,EAAC,qBAAqB,aACrC,4CACE,+BAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EAC9C,QAAQ,CAAC,CAAC,CAAC,8BAAG,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,IAClE,EACL,OAAO,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,sBAAsB,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,IAChE,EACT,gCAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,IAC3C,CACX,CAAC;AACJ,CAAC"}

package/dist/components/DashboardStatCard.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export type DashboardStatCardProps = {
+    title: string;
+    value: string | number;
+    icon?: string;
+    variant?: 'default' | 'success' | 'warn' | 'danger';
+    trend?: {
+        value: string;
+        direction?: 'up' | 'down' | 'neutral';
+        label?: string;
+    };
+    footer?: React.ReactNode;
+    className?: string;
+};
+export declare function DashboardStatCard({ title, value, icon, variant, trend, footer, className, }: DashboardStatCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DashboardStatCard.d.ts.map

package/dist/components/DashboardStatCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardStatCard.d.ts","sourceRoot":"","sources":["../../src/components/DashboardStatCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IACpD,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;QACtC,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAUF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAmB,EACnB,KAAK,EACL,MAAM,EACN,SAAS,GACV,EAAE,sBAAsB,2CA6BxB"}

package/dist/components/DashboardStatCard.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DashboardStatCard = DashboardStatCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const trendIconMap = {
+    up: 'pi pi-arrow-up-right',
+    down: 'pi pi-arrow-down-right',
+    neutral: 'pi pi-minus',
+};
+function DashboardStatCard({ title, value, icon, variant = 'default', trend, footer, className, }) {
+    const trendDirection = trend?.direction ?? 'neutral';
+    const trendIcon = trend ? trendIconMap[trendDirection] : null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `card sakai-stat-card sakai-stat-card--${variant}${className ? ` ${className}` : ''}`.trim(), children: [(0, jsx_runtime_1.jsxs)("div", { className: "sakai-stat-card__top", children: [(0, jsx_runtime_1.jsx)("span", { className: "sakai-stat-card__title", children: title }), icon ? ((0, jsx_runtime_1.jsx)("span", { className: "sakai-stat-card__icon", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("i", { className: icon }) })) : null] }), (0, jsx_runtime_1.jsx)("div", { className: "sakai-stat-card__value", children: value }), trend ? ((0, jsx_runtime_1.jsxs)("div", { className: `sakai-stat-card__trend sakai-stat-card__trend--${trendDirection}`, children: [trendIcon ? (0, jsx_runtime_1.jsx)("i", { className: trendIcon, "aria-hidden": "true" }) : null, (0, jsx_runtime_1.jsx)("span", { children: trend.value }), trend.label ? (0, jsx_runtime_1.jsx)("span", { className: "sakai-stat-card__trend-label", children: trend.label }) : null] })) : null, footer ? (0, jsx_runtime_1.jsx)("div", { className: "sakai-stat-card__footer", children: footer }) : null] }));
+}
+//# sourceMappingURL=DashboardStatCard.js.map

package/dist/components/DashboardStatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardStatCard.js","sourceRoot":"","sources":["../../src/components/DashboardStatCard.tsx"],"names":[],"mappings":";;AAwBA,8CAqCC;;AA3CD,MAAM,YAAY,GAAgD;IAChE,EAAE,EAAE,sBAAsB;IAC1B,IAAI,EAAE,wBAAwB;IAC9B,OAAO,EAAE,aAAa;CACvB,CAAC;AAEF,SAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,GAAG,SAAS,EACnB,KAAK,EACL,MAAM,EACN,SAAS,GACc;IACvB,MAAM,cAAc,GAAG,KAAK,EAAE,SAAS,IAAI,SAAS,CAAC;IACrD,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE9D,OAAO,CACL,iCACE,SAAS,EAAE,yCAAyC,OAAO,GACzD,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAChC,EAAE,CAAC,IAAI,EAAE,aAET,iCAAK,SAAS,EAAC,sBAAsB,aACnC,iCAAM,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAQ,EACtD,IAAI,CAAC,CAAC,CAAC,CACN,iCAAM,SAAS,EAAC,uBAAuB,iBAAa,MAAM,YACxD,8BAAG,SAAS,EAAE,IAAI,GAAI,GACjB,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,gCAAK,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAO,EACpD,KAAK,CAAC,CAAC,CAAC,CACP,iCAAK,SAAS,EAAE,kDAAkD,cAAc,EAAE,aAC/E,SAAS,CAAC,CAAC,CAAC,8BAAG,SAAS,EAAE,SAAS,iBAAc,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,EAClE,2CAAO,KAAK,CAAC,KAAK,GAAQ,EACzB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,iCAAM,SAAS,EAAC,8BAA8B,YAAE,KAAK,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IACrF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,yBAAyB,YAAE,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,IACpE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/FilePicker.d.ts

@@ -0,0 +1,22 @@
+type FilePickerStrings = {
+    noFile: string;
+    hint: string;
+    choose: string;
+    change: string;
+    clear: string;
+    max: (max: string) => string;
+    tooLarge: (max: string) => string;
+};
+export type FilePickerProps = {
+    file: File | null;
+    onFileChange: (file: File | null) => void;
+    accept?: string;
+    disabled?: boolean;
+    helperText?: string;
+    maxSizeBytes?: number;
+    chooseLabel?: string;
+    strings?: Partial<FilePickerStrings>;
+};
+export declare function FilePicker({ file, onFileChange, accept, disabled, helperText, maxSizeBytes, chooseLabel, strings, }: FilePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilePicker.d.ts.map

package/dist/components/FilePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../src/components/FilePicker.tsx"],"names":[],"mappings":"AAWA,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7B,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CACnC,CAAC;AAYF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACtC,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,EACX,OAAO,GACR,EAAE,eAAe,2CAqJjB"}

package/dist/components/FilePicker.js

@@ -0,0 +1,93 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilePicker = FilePicker;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const button_1 = require("primereact/button");
+function formatBytes(size) {
+    if (!size || size <= 0)
+        return '0 B';
+    const units = ['B', 'KB', 'MB', 'GB', 'TB'];
+    const idx = Math.min(units.length - 1, Math.floor(Math.log(size) / Math.log(1024)));
+    const value = size / Math.pow(1024, idx);
+    return `${value.toFixed(value >= 10 || idx === 0 ? 0 : 1)} ${units[idx]}`;
+}
+const defaultStrings = {
+    noFile: 'No file selected',
+    hint: 'Drag & drop a file here or click to choose',
+    choose: 'Choose file',
+    change: 'Change',
+    clear: 'Clear',
+    max: (max) => `Max ${max}`,
+    tooLarge: (max) => `File exceeds ${max}.`,
+};
+function FilePicker({ file, onFileChange, accept, disabled, helperText, maxSizeBytes, chooseLabel, strings, }) {
+    const s = react_1.default.useMemo(() => ({ ...defaultStrings, ...(strings ?? {}) }), [strings]);
+    const inputId = react_1.default.useId();
+    const inputRef = react_1.default.useRef(null);
+    const [dragActive, setDragActive] = react_1.default.useState(false);
+    const [error, setError] = react_1.default.useState(null);
+    const safeSetFile = react_1.default.useCallback((next) => {
+        if (!next) {
+            setError(null);
+            onFileChange(null);
+            if (inputRef.current)
+                inputRef.current.value = '';
+            return;
+        }
+        if (typeof maxSizeBytes === 'number' && maxSizeBytes > 0 && next.size > maxSizeBytes) {
+            setError(s.tooLarge(formatBytes(maxSizeBytes)));
+            onFileChange(null);
+            if (inputRef.current)
+                inputRef.current.value = '';
+            return;
+        }
+        setError(null);
+        onFileChange(next);
+    }, [maxSizeBytes, onFileChange, s]);
+    const onChoose = react_1.default.useCallback(() => {
+        if (disabled)
+            return;
+        inputRef.current?.click();
+    }, [disabled]);
+    const onInputChange = react_1.default.useCallback((e) => {
+        safeSetFile(e.target.files?.[0] ?? null);
+    }, [safeSetFile]);
+    const onDrop = react_1.default.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragActive(false);
+        if (disabled)
+            return;
+        const dropped = e.dataTransfer.files?.[0] ?? null;
+        safeSetFile(dropped);
+    }, [disabled, safeSetFile]);
+    const onDragOver = react_1.default.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    }, []);
+    const onDragEnter = react_1.default.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!disabled)
+            setDragActive(true);
+    }, [disabled]);
+    const onDragLeave = react_1.default.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setDragActive(false);
+    }, []);
+    const name = file?.name ?? s.noFile;
+    const details = file ? `${formatBytes(file.size)}${file.type ? ` • ${file.type}` : ''}` : '';
+    const chooseText = chooseLabel ?? s.choose;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "sakai-file-picker", children: [(0, jsx_runtime_1.jsx)("input", { id: inputId, ref: inputRef, type: "file", accept: accept, disabled: disabled, onChange: onInputChange, style: { display: 'none' } }), (0, jsx_runtime_1.jsxs)("div", { className: `sakai-file-picker__drop${dragActive ? ' sakai-file-picker__drop--drag' : ''}`, onClick: onChoose, onDrop: onDrop, onDragOver: onDragOver, onDragEnter: onDragEnter, onDragLeave: onDragLeave, role: "button", tabIndex: 0, "aria-disabled": disabled, onKeyDown: (e) => {
+                    if (disabled)
+                        return;
+                    if (e.key === 'Enter' || e.key === ' ')
+                        onChoose();
+                }, children: [(0, jsx_runtime_1.jsx)("div", { className: "sakai-file-picker__icon", children: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-cloud-upload text-600" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "sakai-file-picker__meta", children: [(0, jsx_runtime_1.jsx)("div", { className: "sakai-file-picker__name", children: name }), (0, jsx_runtime_1.jsx)("div", { className: "sakai-file-picker__sub", children: details || s.hint })] }), (0, jsx_runtime_1.jsxs)("div", { className: "sakai-file-picker__actions", onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsx)(button_1.Button, { label: file ? s.change : chooseText, icon: "pi pi-folder-open", onClick: onChoose, outlined: true, disabled: disabled }), file ? ((0, jsx_runtime_1.jsx)(button_1.Button, { icon: "pi pi-times", rounded: true, text: true, severity: "secondary", onClick: () => safeSetFile(null), disabled: disabled, tooltip: s.clear, tooltipOptions: { position: 'top' } })) : null] })] }), error ? (0, jsx_runtime_1.jsx)("div", { className: "p-error sakai-file-picker__helper", children: error }) : null, helperText || maxSizeBytes ? ((0, jsx_runtime_1.jsxs)("div", { className: "sakai-file-picker__helper", children: [helperText ? helperText : null, helperText && maxSizeBytes ? ' • ' : null, maxSizeBytes ? s.max(formatBytes(maxSizeBytes)) : null] })) : null] }));
+}
+//# sourceMappingURL=FilePicker.js.map

package/dist/components/FilePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker.js","sourceRoot":"","sources":["../../src/components/FilePicker.tsx"],"names":[],"mappings":";;;;;AA0CA,gCA8JC;;AAxMD,kDAA0B;AAC1B,8CAA2C;AAE3C,SAAS,WAAW,CAAC,IAAY;IAC/B,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC;QAAE,OAAO,KAAK,CAAC;IACrC,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACpF,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACzC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;AAC5E,CAAC;AAYD,MAAM,cAAc,GAAsB;IACxC,MAAM,EAAE,kBAAkB;IAC1B,IAAI,EAAE,4CAA4C;IAClD,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,GAAG,EAAE;IAC1B,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,gBAAgB,GAAG,GAAG;CAC1C,CAAC;AAaF,SAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,EACX,OAAO,GACS;IAChB,MAAM,CAAC,GAAsB,eAAK,CAAC,OAAO,CACxC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,cAAc,EAAE,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE,CAAC,EACjD,CAAC,OAAO,CAAC,CACV,CAAC;IACF,MAAM,OAAO,GAAG,eAAK,CAAC,KAAK,EAAE,CAAC;IAC9B,MAAM,QAAQ,GAAG,eAAK,CAAC,MAAM,CAA0B,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CACnC,CAAC,IAAiB,EAAE,EAAE;QACpB,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,IAAI,QAAQ,CAAC,OAAO;gBAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;YAClD,OAAO;QACT,CAAC;QAED,IAAI,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,YAAY,EAAE,CAAC;YACrF,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YAChD,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,IAAI,QAAQ,CAAC,OAAO;gBAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;YAClD,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,EAAE,CAAC,CAAC,CAChC,CAAC;IAEF,MAAM,QAAQ,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,QAAQ;YAAE,OAAO;QACrB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,aAAa,GAAG,eAAK,CAAC,WAAW,CACrC,CAAC,CAAsC,EAAE,EAAE;QACzC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC;IAC3C,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,MAAM,GAAG,eAAK,CAAC,WAAW,CAC9B,CAAC,CAAkB,EAAE,EAAE;QACrB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,QAAQ;YAAE,OAAO;QACrB,MAAM,OAAO,GAAG,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;QAClD,WAAW,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,QAAQ,EAAE,WAAW,CAAC,CACxB,CAAC;IAEF,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAAC,CAAC,CAAkB,EAAE,EAAE;QAC1D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CACnC,CAAC,CAAkB,EAAE,EAAE;QACrB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,QAAQ;YAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAAC,CAAC,CAAkB,EAAE,EAAE;QAC3D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,IAAI,EAAE,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC;IACpC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7F,MAAM,UAAU,GAAG,WAAW,IAAI,CAAC,CAAC,MAAM,CAAC;IAE3C,OAAO,CACL,iCAAK,SAAS,EAAC,mBAAmB,aAChC,kCACE,EAAE,EAAE,OAAO,EACX,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAC1B,EAEF,iCACE,SAAS,EAAE,0BAA0B,UAAU,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAAE,EAAE,EACzF,OAAO,EAAE,QAAQ,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,mBACI,QAAQ,EACvB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,IAAI,QAAQ;wBAAE,OAAO;oBACrB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG;wBAAE,QAAQ,EAAE,CAAC;gBACrD,CAAC,aAED,gCAAK,SAAS,EAAC,yBAAyB,YACtC,8BAAG,SAAS,EAAC,6BAA6B,GAAG,GACzC,EAEN,iCAAK,SAAS,EAAC,yBAAyB,aACtC,gCAAK,SAAS,EAAC,yBAAyB,YAAE,IAAI,GAAO,EACrD,gCAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,IAAI,CAAC,CAAC,IAAI,GAAO,IAC7D,EAEN,iCAAK,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAC7E,uBAAC,eAAM,IACL,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACnC,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,QAAQ,EACjB,QAAQ,QACR,QAAQ,EAAE,QAAQ,GAClB,EACD,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,eAAM,IACL,IAAI,EAAC,aAAa,EAClB,OAAO,QACP,IAAI,QACJ,QAAQ,EAAC,WAAW,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAChC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,KAAK,EAChB,cAAc,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,GACnC,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,EAEL,KAAK,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAC/E,UAAU,IAAI,YAAY,CAAC,CAAC,CAAC,CAC5B,iCAAK,SAAS,EAAC,2BAA2B,aACvC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAC9B,UAAU,IAAI,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EACzC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IACnD,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/components/ImageUploadField.d.ts

@@ -0,0 +1,18 @@
+import type { FilePickerProps } from './FilePicker';
+export type ImageUploadFieldProps = {
+    label: string;
+    value?: string | null;
+    onChange?: (value: string) => void;
+    file: File | null;
+    onFileChange: (file: File | null) => void;
+    onUpload: () => void;
+    uploading?: boolean;
+    error?: string | null;
+    helperText?: string;
+    chooseLabel?: string;
+    uploadLabel?: string;
+    urlPlaceholder?: string;
+    filePickerProps?: Omit<FilePickerProps, 'file' | 'onFileChange'>;
+};
+export declare function ImageUploadField({ label, value, onChange, file, onFileChange, onUpload, uploading, error, helperText, chooseLabel, uploadLabel, urlPlaceholder, filePickerProps, }: ImageUploadFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ImageUploadField.d.ts.map

package/dist/components/ImageUploadField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUploadField.d.ts","sourceRoot":"","sources":["../../src/components/ImageUploadField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC;CAClE,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAiB,EACjB,KAAK,EACL,UAAU,EACV,WAAW,EACX,WAAW,EACX,cAAc,EACd,eAAe,GAChB,EAAE,qBAAqB,2CA+EvB"}

package/dist/components/ImageUploadField.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageUploadField = ImageUploadField;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const button_1 = require("primereact/button");
+const inputtext_1 = require("primereact/inputtext");
+const FilePicker_1 = require("./FilePicker");
+function ImageUploadField({ label, value, onChange, file, onFileChange, onUpload, uploading = false, error, helperText, chooseLabel, uploadLabel, urlPlaceholder, filePickerProps, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { style: { display: 'block', marginBottom: '0.25rem' }, children: label }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                    border: '1px dashed var(--surface-border)',
+                    borderRadius: 12,
+                    padding: '0.75rem',
+                    display: 'grid',
+                    gridTemplateColumns: '80px 1fr',
+                    gap: '0.75rem',
+                    alignItems: 'center',
+                    background: 'var(--surface-0)',
+                }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                            width: 80,
+                            height: 80,
+                            borderRadius: 10,
+                            background: 'var(--surface-100)',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            overflow: 'hidden',
+                        }, children: value ? ((0, jsx_runtime_1.jsx)("img", { src: value, alt: "preview", style: { width: '100%', height: '100%', objectFit: 'cover' } })) : ((0, jsx_runtime_1.jsx)("i", { className: "pi pi-image", style: { fontSize: 28, color: 'var(--text-color-secondary)' } })) }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'grid', gap: '0.5rem' }, children: [typeof onChange === 'function' ? ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: value ?? '', onChange: (e) => onChange(e.target.value), placeholder: urlPlaceholder })) : null, (0, jsx_runtime_1.jsxs)("div", { style: {
+                                    display: 'grid',
+                                    gridTemplateColumns: '1fr auto',
+                                    gap: '0.75rem',
+                                    alignItems: 'center',
+                                }, children: [(0, jsx_runtime_1.jsx)(FilePicker_1.FilePicker, { file: file, onFileChange: onFileChange, accept: "image/*", helperText: helperText, chooseLabel: chooseLabel, ...filePickerProps }), (0, jsx_runtime_1.jsx)(button_1.Button, { label: uploadLabel ?? 'Upload', icon: "pi pi-cloud-upload", onClick: onUpload, loading: uploading, disabled: !file || uploading })] }), error ? (0, jsx_runtime_1.jsx)("div", { className: "p-error", children: error }) : null] })] })] }));
+}
+//# sourceMappingURL=ImageUploadField.js.map

package/dist/components/ImageUploadField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUploadField.js","sourceRoot":"","sources":["../../src/components/ImageUploadField.tsx"],"names":[],"mappings":";;AAsBA,4CA6FC;;AAlHD,8CAA2C;AAC3C,oDAAiD;AAEjD,6CAA0C;AAkB1C,SAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,UAAU,EACV,WAAW,EACX,WAAW,EACX,cAAc,EACd,eAAe,GACO;IACtB,OAAO,CACL,4CACE,kCAAO,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,YAAG,KAAK,GAAS,EAC5E,iCACE,KAAK,EAAE;oBACL,MAAM,EAAE,kCAAkC;oBAC1C,YAAY,EAAE,EAAE;oBAChB,OAAO,EAAE,SAAS;oBAClB,OAAO,EAAE,MAAM;oBACf,mBAAmB,EAAE,UAAU;oBAC/B,GAAG,EAAE,SAAS;oBACd,UAAU,EAAE,QAAQ;oBACpB,UAAU,EAAE,kBAAkB;iBAC/B,aAED,gCACE,KAAK,EAAE;4BACL,KAAK,EAAE,EAAE;4BACT,MAAM,EAAE,EAAE;4BACV,YAAY,EAAE,EAAE;4BAChB,UAAU,EAAE,oBAAoB;4BAChC,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,QAAQ;4BACxB,QAAQ,EAAE,QAAQ;yBACnB,YAEA,KAAK,CAAC,CAAC,CAAC,CACP,gCACE,GAAG,EAAE,KAAK,EACV,GAAG,EAAC,SAAS,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAC5D,CACH,CAAC,CAAC,CAAC,CACF,8BACE,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,GAC7D,CACH,GACG,EAEN,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,aAC3C,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,CAChC,uBAAC,qBAAS,IACR,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,WAAW,EAAE,cAAc,GAC3B,CACH,CAAC,CAAC,CAAC,IAAI,EACR,iCACE,KAAK,EAAE;oCACL,OAAO,EAAE,MAAM;oCACf,mBAAmB,EAAE,UAAU;oCAC/B,GAAG,EAAE,SAAS;oCACd,UAAU,EAAE,QAAQ;iCACrB,aAED,uBAAC,uBAAU,IACT,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAC,SAAS,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,KACpB,eAAe,GACnB,EACF,uBAAC,eAAM,IACL,KAAK,EAAE,WAAW,IAAI,QAAQ,EAC9B,IAAI,EAAC,oBAAoB,EACzB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,IAAI,IAAI,SAAS,GAC5B,IACE,EACL,KAAK,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,SAAS,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,IAClD,IACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/SectionHeader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type SectionHeaderProps = {
+    title: string;
+    subtitle?: string;
+    actions?: React.ReactNode;
+    className?: string;
+};
+export declare function SectionHeader({ title, subtitle, actions, className }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SectionHeader.d.ts.map

package/dist/components/SectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../src/components/SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAUxF"}

package/dist/components/SectionHeader.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionHeader = SectionHeader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function SectionHeader({ title, subtitle, actions, className }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `sakai-section-header${className ? ` ${className}` : ''}`.trim(), children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { className: "sakai-section-header__title", children: title }), subtitle ? (0, jsx_runtime_1.jsx)("p", { className: "sakai-section-header__subtitle", children: subtitle }) : null] }), actions ? (0, jsx_runtime_1.jsx)("div", { className: "sakai-section-header__actions", children: actions }) : null] }));
+}
+//# sourceMappingURL=SectionHeader.js.map

package/dist/components/SectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../../src/components/SectionHeader.tsx"],"names":[],"mappings":";;AASA,sCAUC;;AAVD,SAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAsB;IACvF,OAAO,CACL,iCAAK,SAAS,EAAE,uBAAuB,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,aAC9E,4CACE,+BAAI,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAM,EACvD,QAAQ,CAAC,CAAC,CAAC,8BAAG,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAK,CAAC,CAAC,CAAC,IAAI,IAC3E,EACL,OAAO,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,+BAA+B,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,IAC5E,CACP,CAAC;AACJ,CAAC"}

package/dist/components/SmartDataTable/SmartDataTable.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { SmartDataTableQuery, SmartDataTableResult } from './types';
+type SmartDataTableProps<T extends Record<string, any>> = {
+    prefix: string;
+    dataKey: string;
+    fetchData: (query: SmartDataTableQuery) => Promise<SmartDataTableResult<T>>;
+    children: React.ReactNode;
+    title?: React.ReactNode;
+    emptyMessage?: React.ReactNode;
+    defaultRows?: number;
+    rowsPerPageOptions?: number[];
+    extraKeys?: string[];
+    filterFields?: string[];
+    searchPlaceholder?: string;
+    headerStart?: React.ReactNode;
+    headerEnd?: React.ReactNode;
+    reloadToken?: unknown;
+    debounceMs?: number;
+    tableStyle?: React.CSSProperties;
+    className?: string;
+};
+export declare function SmartDataTable<T extends Record<string, any>>(props: SmartDataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SmartDataTable.d.ts.map

package/dist/components/SmartDataTable/SmartDataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartDataTable.d.ts","sourceRoot":"","sources":["../../../src/components/SmartDataTable/SmartDataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEzE,KAAK,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IACxD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAUF,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAoJ1F"}

package/dist/components/SmartDataTable/SmartDataTable.js

@@ -0,0 +1,104 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDataTable = SmartDataTable;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const api_1 = require("primereact/api");
+const button_1 = require("primereact/button");
+const datatable_1 = require("primereact/datatable");
+const inputtext_1 = require("primereact/inputtext");
+const utils_1 = require("primereact/utils");
+const urlState_1 = require("./urlState");
+function toDataTableFilters(filterFields, values) {
+    const meta = {};
+    for (const field of filterFields ?? []) {
+        meta[field] = { value: values[field] ?? null, matchMode: api_1.FilterMatchMode.CONTAINS };
+    }
+    return meta;
+}
+function SmartDataTable(props) {
+    const { fetchData, reloadToken } = props;
+    const { query, setQuery } = (0, urlState_1.useSmartDataTableUrlState)({
+        prefix: props.prefix,
+        defaultRows: props.defaultRows,
+        extraKeys: props.extraKeys,
+    });
+    const [rows, setRows] = react_1.default.useState([]);
+    const [total, setTotal] = react_1.default.useState(0);
+    const [loading, setLoading] = react_1.default.useState(false);
+    const [error, setError] = react_1.default.useState(null);
+    const [searchValue, setSearchValue] = react_1.default.useState(query.q ?? '');
+    react_1.default.useEffect(() => {
+        setSearchValue(query.q ?? '');
+    }, [query.q]);
+    const debounceMs = props.debounceMs ?? 300;
+    react_1.default.useEffect(() => {
+        let cancelled = false;
+        const handle = window.setTimeout(() => {
+            if (cancelled)
+                return;
+            void (async () => {
+                setLoading(true);
+                setError(null);
+                try {
+                    const res = await fetchData(query);
+                    if (cancelled)
+                        return;
+                    setRows(res.data ?? []);
+                    setTotal(res.total ?? 0);
+                }
+                catch (e) {
+                    if (cancelled)
+                        return;
+                    setRows([]);
+                    setTotal(0);
+                    setError(e instanceof Error ? e.message : String(e));
+                }
+                finally {
+                    if (!cancelled)
+                        setLoading(false);
+                }
+            })();
+        }, debounceMs);
+        return () => {
+            cancelled = true;
+            window.clearTimeout(handle);
+        };
+    }, [debounceMs, fetchData, query, reloadToken]);
+    const first = (query.page - 1) * query.rows;
+    const onPage = (event) => {
+        const nextRows = event.rows ?? query.rows;
+        const nextPage = Math.floor((event.first ?? 0) / nextRows) + 1;
+        setQuery({ page: nextPage, rows: nextRows });
+    };
+    const onSort = (event) => {
+        const sortField = typeof event.sortField === 'string' ? event.sortField : undefined;
+        const sortOrder = event.sortOrder === 1 || event.sortOrder === -1 ? event.sortOrder : undefined;
+        setQuery({ sortField, sortOrder, page: 1 });
+    };
+    const filters = react_1.default.useMemo(() => toDataTableFilters(props.filterFields, query.filters), [props.filterFields, query.filters]);
+    const onFilter = (event) => {
+        const nextFilters = {};
+        for (const field of props.filterFields ?? []) {
+            const meta = event.filters?.[field];
+            const value = meta?.value;
+            if (value != null && String(value).trim())
+                nextFilters[field] = String(value);
+        }
+        setQuery({ filters: nextFilters, page: 1 });
+    };
+    const clearAll = () => {
+        setSearchValue('');
+        setQuery({ page: 1, q: '', filters: {}, sortField: undefined, sortOrder: undefined }, { resetPage: true });
+    };
+    const header = ((0, jsx_runtime_1.jsxs)("div", { className: "rd-smart-table__header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "rd-smart-table__header-left", children: [props.title ? (0, jsx_runtime_1.jsx)("div", { className: "rd-smart-table__title", children: props.title }) : null, props.headerStart] }), (0, jsx_runtime_1.jsxs)("div", { className: "rd-smart-table__header-right", children: [(0, jsx_runtime_1.jsxs)("span", { className: "p-input-icon-left rd-smart-table__search", children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-search" }), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: searchValue, onChange: (e) => {
+                                    const next = e.target.value;
+                                    setSearchValue(next);
+                                    setQuery({ q: next, page: 1 });
+                                }, placeholder: props.searchPlaceholder ?? 'Search...' })] }), (0, jsx_runtime_1.jsx)(button_1.Button, { icon: "pi pi-filter-slash", text: true, severity: "secondary", onClick: clearAll, tooltip: "Clear filters", tooltipOptions: { position: 'top' } }), props.headerEnd] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.classNames)('rd-smart-table', props.className), children: [error ? (0, jsx_runtime_1.jsx)("div", { className: "rd-smart-table__error", children: error }) : null, (0, jsx_runtime_1.jsx)(datatable_1.DataTable, { value: rows, lazy: true, paginator: true, first: first, rows: query.rows, totalRecords: total, onPage: onPage, rowsPerPageOptions: props.rowsPerPageOptions ?? [10, 20, 50], sortField: query.sortField, sortOrder: query.sortOrder, onSort: onSort, filters: filters, onFilter: props.filterFields?.length ? onFilter : undefined, filterDisplay: props.filterFields?.length ? 'row' : undefined, loading: loading, size: "small", dataKey: props.dataKey, stripedRows: true, rowHover: true, emptyMessage: props.emptyMessage, header: header, tableStyle: props.tableStyle, children: props.children })] }));
+}
+//# sourceMappingURL=SmartDataTable.js.map

package/dist/components/SmartDataTable/SmartDataTable.js.map

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

package/dist/components/SmartDataTable/applyClientQuery.d.ts

@@ -0,0 +1,9 @@
+import type { SmartDataTableQuery, SmartDataTableResult } from './types';
+type ApplyOptions<T> = {
+    searchFields?: Array<keyof T>;
+    filterFields?: Array<keyof T>;
+    getFieldValue?: (row: T, field: string) => unknown;
+};
+export declare function applySmartDataTableQuery<T>(rows: T[], query: SmartDataTableQuery, options?: ApplyOptions<T>): SmartDataTableResult<T>;
+export {};
+//# sourceMappingURL=applyClientQuery.d.ts.map

package/dist/components/SmartDataTable/applyClientQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyClientQuery.d.ts","sourceRoot":"","sources":["../../../src/components/SmartDataTable/applyClientQuery.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEzE,KAAK,YAAY,CAAC,CAAC,IAAI;IACrB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CACpD,CAAC;AAeF,wBAAgB,wBAAwB,CAAC,CAAC,EACxC,IAAI,EAAE,CAAC,EAAE,EACT,KAAK,EAAE,mBAAmB,EAC1B,OAAO,GAAE,YAAY,CAAC,CAAC,CAAM,GAC5B,oBAAoB,CAAC,CAAC,CAAC,CAsCzB"}

package/dist/components/SmartDataTable/applyClientQuery.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applySmartDataTableQuery = applySmartDataTableQuery;
+function normalize(value) {
+    return String(value ?? '').toLowerCase();
+}
+function defaultGetFieldValue(row, field) {
+    return row[field];
+}
+function matchesContains(haystack, needle) {
+    if (!needle)
+        return true;
+    return normalize(haystack).includes(needle);
+}
+function applySmartDataTableQuery(rows, query, options = {}) {
+    const searchNeedle = normalize(query.q);
+    const getFieldValue = options.getFieldValue ?? (defaultGetFieldValue);
+    const filtered = rows.filter((row) => {
+        if (searchNeedle && options.searchFields?.length) {
+            const matchAny = options.searchFields.some((field) => matchesContains(getFieldValue(row, String(field)), searchNeedle));
+            if (!matchAny)
+                return false;
+        }
+        for (const [field, value] of Object.entries(query.filters ?? {})) {
+            if (!value)
+                continue;
+            if (!matchesContains(getFieldValue(row, field), normalize(value)))
+                return false;
+        }
+        return true;
+    });
+    const sorted = (() => {
+        if (!query.sortField || !query.sortOrder)
+            return filtered;
+        const field = query.sortField;
+        const order = query.sortOrder;
+        return [...filtered].sort((a, b) => {
+            const av = getFieldValue(a, field);
+            const bv = getFieldValue(b, field);
+            const an = Number(av);
+            const bn = Number(bv);
+            if (Number.isFinite(an) && Number.isFinite(bn))
+                return order * (an - bn);
+            return order * normalize(av).localeCompare(normalize(bv));
+        });
+    })();
+    const total = sorted.length;
+    const start = Math.max(0, (query.page - 1) * query.rows);
+    const data = sorted.slice(start, start + query.rows);
+    return { data, total };
+}
+//# sourceMappingURL=applyClientQuery.js.map

package/dist/components/SmartDataTable/applyClientQuery.js.map

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

package/dist/components/SmartDataTable/types.d.ts

@@ -0,0 +1,17 @@
+import type { DataTableFilterMeta } from 'primereact/datatable';
+export type SmartSortOrder = 1 | -1;
+export type SmartDataTableQuery = {
+    page: number;
+    rows: number;
+    sortField?: string;
+    sortOrder?: SmartSortOrder;
+    q?: string;
+    filters: Record<string, string>;
+    extra: Record<string, string>;
+};
+export type SmartDataTableResult<T> = {
+    data: T[];
+    total: number;
+};
+export type SmartDataTableFilterMeta = DataTableFilterMeta;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/SmartDataTable/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SmartDataTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAEpC,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,CAAC"}

package/dist/components/SmartDataTable/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/SmartDataTable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/SmartDataTable/types.ts"],"names":[],"mappings":""}