@ziky/ui 0.1.8 → 0.2.0

package/README.md

@@ -1,11 +1,43 @@
 # ridin-mfe-ui
 
-Shared UI package for RIDIN MFEs (published to npm as `@ziky/ui`).
-
-## Storybook
-
-```bash
-npm install
+Shared UI package for RIDIN MFEs (published to npm as `@ziky/ui`).
+
+## Usage
+
+```tsx
+import React from 'react';
+import { SmartCheckbox } from '@ziky/ui';
+
+export function Example() {
+  const [value, setValue] = React.useState(false);
+  return <SmartCheckbox label="Active" value={value} onValueChange={setValue} />;
+}
+```
+
+React Hook Form (via `Controller`):
+
+```tsx
+import { Controller } from 'react-hook-form';
+import { SmartCheckbox } from '@ziky/ui';
+
+<Controller
+  name="isActive"
+  control={control}
+  render={({ field, fieldState }) => (
+    <SmartCheckbox
+      label="Active"
+      value={field.value ?? false}
+      onValueChange={field.onChange}
+      errorText={fieldState.error?.message}
+    />
+  )}
+/>
+```
+
+## Storybook
+
+```bash
+npm install
 npm run storybook
 ```
 

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":"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"}

package/dist/components/ImageUploadField.d.ts

@@ -0,0 +1,21 @@
+import type { CSSProperties } from 'react';
+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'>;
+    className?: string;
+    style?: CSSProperties;
+};
+export declare function ImageUploadField({ label, value, onChange, file, onFileChange, onUpload, uploading, error, helperText, chooseLabel, uploadLabel, urlPlaceholder, filePickerProps, className, style, }: 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,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,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;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,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,EACf,SAAS,EACT,KAAK,GACN,EAAE,qBAAqB,2CAoFvB"}

package/dist/components/ImageUploadField.js

@@ -0,0 +1,35 @@
+"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, className, style, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, style: style, 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: 'minmax(80px, 120px) minmax(0, 1fr)',
+                    gap: '0.75rem',
+                    alignItems: 'center',
+                    background: 'var(--surface-0)',
+                }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                            width: '100%',
+                            minWidth: 80,
+                            height: 90,
+                            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', minWidth: 0 }, children: [typeof onChange === 'function' ? ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: value ?? '', onChange: (e) => onChange(e.target.value), placeholder: urlPlaceholder, style: { width: '100%' } })) : null, (0, jsx_runtime_1.jsxs)("div", { style: {
+                                    display: 'flex',
+                                    flexWrap: 'wrap',
+                                    gap: '0.75rem',
+                                    alignItems: 'center',
+                                }, children: [(0, jsx_runtime_1.jsx)("div", { style: { flex: '1 1 320px', minWidth: 0 }, 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, style: { whiteSpace: 'nowrap' } })] }), 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":"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"}

package/dist/components/SmartAvatar.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export type SmartAvatarProps = {
+    src?: string | null;
+    name?: string | null;
+    size?: number;
+    alt?: string;
+    title?: string;
+    href?: string;
+    target?: string;
+    rel?: string;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare function SmartAvatar({ src, name, size, alt, title, href, target, rel, onClick, className, style, }: SmartAvatarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SmartAvatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SmartAvatar.d.ts","sourceRoot":"","sources":["../../src/components/SmartAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAUF,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,IAAI,EACJ,IAAS,EACT,GAAQ,EACR,KAAK,EACL,IAAI,EACJ,MAAiB,EACjB,GAA2B,EAC3B,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,gBAAgB,2CAsFlB"}

package/dist/components/SmartAvatar.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.SmartAvatar = SmartAvatar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+function getInitials(value) {
+    const parts = value.trim().split(/\s+/).filter(Boolean);
+    if (!parts.length)
+        return '?';
+    const first = parts[0]?.[0] ?? '';
+    const last = parts.length > 1 ? parts[parts.length - 1]?.[0] ?? '' : '';
+    return (first + last).toUpperCase() || '?';
+}
+function SmartAvatar({ src, name, size = 36, alt = '', title, href, target = '_blank', rel = 'noreferrer noopener', onClick, className, style, }) {
+    const [errored, setErrored] = react_1.default.useState(false);
+    react_1.default.useEffect(() => {
+        setErrored(false);
+    }, [src]);
+    const initials = react_1.default.useMemo(() => getInitials(name?.trim() || ''), [name]);
+    const canShowImage = Boolean(src && src.trim() && !errored);
+    const interactive = Boolean(href || onClick);
+    const baseStyle = {
+        position: 'relative',
+        width: size,
+        height: size,
+        borderRadius: 9999,
+        overflow: 'hidden',
+        border: '1px solid var(--surface-border)',
+        background: 'var(--surface-100)',
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        userSelect: 'none',
+        cursor: interactive ? 'pointer' : undefined,
+        ...style,
+    };
+    const inner = canShowImage ? ((0, jsx_runtime_1.jsx)("img", { src: src ?? undefined, alt: alt, title: title, loading: "lazy", style: { width: '100%', height: '100%', objectFit: 'cover' }, onError: () => setErrored(true) })) : ((0, jsx_runtime_1.jsx)("span", { "aria-hidden": true, title: title, style: {
+            fontSize: Math.max(10, Math.round(size * 0.34)),
+            fontWeight: 700,
+            color: 'var(--text-700, #334155)',
+        }, children: initials }));
+    if (href) {
+        return ((0, jsx_runtime_1.jsx)("a", { href: href, target: target, rel: rel, onClick: onClick, className: className, style: { display: 'inline-flex' }, children: (0, jsx_runtime_1.jsx)("span", { style: baseStyle, "aria-label": name ?? alt, children: inner }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("span", { className: className, style: baseStyle, onClick: onClick, role: interactive ? 'button' : undefined, tabIndex: interactive ? 0 : undefined, "aria-label": name ?? alt, onKeyDown: (e) => {
+            if (!interactive)
+                return;
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                onClick?.(e);
+            }
+        }, children: inner }));
+}
+//# sourceMappingURL=SmartAvatar.js.map

package/dist/components/SmartAvatar.js.map

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

package/dist/components/SmartCheckbox.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export type SmartCheckboxLabelPosition = 'left' | 'right';
+type SmartCheckboxBaseProps = {
+    label?: React.ReactNode;
+    labelPosition?: SmartCheckboxLabelPosition;
+    helperText?: React.ReactNode;
+    errorText?: React.ReactNode;
+    invalid?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    name?: string;
+    inputId?: string;
+    tooltip?: string;
+    tooltipOptions?: unknown;
+    className?: string;
+    style?: React.CSSProperties;
+    onRawChange?: (event: unknown) => void;
+};
+export type SmartCheckboxProps = (SmartCheckboxBaseProps & {
+    triState?: false;
+    value?: boolean;
+    defaultValue?: boolean;
+    onValueChange?: (value: boolean) => void;
+}) | (SmartCheckboxBaseProps & {
+    triState: true;
+    value?: boolean | null;
+    defaultValue?: boolean | null;
+    onValueChange?: (value: boolean | null) => void;
+});
+export declare function SmartCheckbox(props: SmartCheckboxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SmartCheckbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SmartCheckbox.d.ts","sourceRoot":"","sources":["../../src/components/SmartCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,0BAA0B,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1D,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,0BAA0B,CAAC;IAC3C,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC1B,CAAC,sBAAsB,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C,CAAC,GACF,CAAC,sBAAsB,GAAG;IACxB,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAEP,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAsHtD"}

package/dist/components/SmartCheckbox.js

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartCheckbox = SmartCheckbox;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const checkbox_1 = require("primereact/checkbox");
+const tristatecheckbox_1 = require("primereact/tristatecheckbox");
+function SmartCheckbox(props) {
+    const { label, labelPosition = 'right', helperText, errorText, invalid, disabled, readOnly, required, name, inputId, tooltip, tooltipOptions, className, style, onRawChange, onValueChange, } = props;
+    const isTriState = props.triState === true;
+    const fallbackId = react_1.default.useId();
+    const checkboxId = inputId ?? `sakai-smart-checkbox-${fallbackId}`;
+    const valueProp = props.value;
+    const isControlled = valueProp !== undefined || (isTriState && valueProp === null);
+    const initialValue = react_1.default.useMemo(() => {
+        if (props.defaultValue !== undefined)
+            return props.defaultValue;
+        return isTriState ? null : false;
+    }, [isTriState, props.defaultValue]);
+    const [uncontrolledValue, setUncontrolledValue] = react_1.default.useState(initialValue);
+    const value = (isControlled ? valueProp : uncontrolledValue);
+    const showInvalid = Boolean(invalid || errorText);
+    const triStateRef = react_1.default.useRef(null);
+    const setValue = react_1.default.useCallback((next, rawEvent) => {
+        if (!isControlled)
+            setUncontrolledValue(next);
+        onValueChange?.(next);
+        onRawChange?.(rawEvent);
+    }, [isControlled, onRawChange, onValueChange]);
+    const onLabelClick = react_1.default.useCallback(() => {
+        if (disabled || readOnly)
+            return;
+        if (!isTriState)
+            return;
+        triStateRef.current?.getElement()?.click();
+    }, [disabled, isTriState, readOnly]);
+    const control = isTriState ? ((0, jsx_runtime_1.jsx)(tristatecheckbox_1.TriStateCheckbox, { ref: triStateRef, id: checkboxId, value: (value ?? null), onChange: (e) => setValue((e.value ?? null), e), disabled: disabled, readOnly: readOnly, required: required, invalid: showInvalid, tooltip: tooltip, tooltipOptions: tooltipOptions })) : ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { inputId: checkboxId, name: name, checked: Boolean(value), onChange: (e) => setValue(Boolean(e.checked), e), disabled: disabled, readOnly: readOnly, required: required, invalid: showInvalid, tooltip: tooltip, tooltipOptions: tooltipOptions }));
+    const labelNode = label ? (
+    // For TriStateCheckbox, htmlFor isn't supported; we forward click to the component.
+    (0, jsx_runtime_1.jsxs)("label", { className: "sakai-smart-checkbox__label", htmlFor: !isTriState ? checkboxId : undefined, onClick: isTriState ? onLabelClick : undefined, children: [label, required ? (0, jsx_runtime_1.jsx)("span", { className: "sakai-smart-checkbox__required", children: " *" }) : null] })) : null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: [
+            'sakai-smart-checkbox',
+            showInvalid ? 'sakai-smart-checkbox--invalid' : '',
+            disabled ? 'sakai-smart-checkbox--disabled' : '',
+            className ?? '',
+        ]
+            .filter(Boolean)
+            .join(' '), style: style, children: [(0, jsx_runtime_1.jsxs)("div", { className: "sakai-smart-checkbox__row", children: [labelPosition === 'left' ? labelNode : null, control, labelPosition === 'right' ? labelNode : null] }), errorText ? (0, jsx_runtime_1.jsx)("div", { className: "p-error sakai-smart-checkbox__helper", children: errorText }) : null, !errorText && helperText ? ((0, jsx_runtime_1.jsx)("div", { className: "sakai-smart-checkbox__helper", children: helperText })) : null] }));
+}
+//# sourceMappingURL=SmartCheckbox.js.map

package/dist/components/SmartCheckbox.js.map

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

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { type DataTableProps } from 'primereact/datatable';
+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;
+    showSearch?: boolean;
+    showClear?: boolean;
+    headerStart?: React.ReactNode;
+    headerEnd?: React.ReactNode;
+    reloadToken?: unknown;
+    debounceMs?: number;
+    tableStyle?: React.CSSProperties;
+    className?: string;
+    autoSortableColumns?: boolean;
+    autoFilterColumns?: boolean;
+    dataTableProps?: Partial<DataTableProps<any>>;
+};
+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;AAG1B,OAAO,EAIL,KAAK,cAAc,EAEpB,MAAM,sBAAsB,CAAC;AAI9B,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,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,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;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;CAC/C,CAAC;AAUF,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CA8L1F"}

package/dist/components/SmartDataTable/SmartDataTable.js

@@ -0,0 +1,132 @@
+"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 autoSortableColumns = props.autoSortableColumns ?? true;
+    const autoFilterColumns = props.autoFilterColumns ?? true;
+    const showSearch = props.showSearch ?? true;
+    const showClear = props.showClear ?? true;
+    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: [showSearch ? ((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...' })] })) : null, showClear ? ((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' } })) : null, props.headerEnd] })] }));
+    const enhancedChildren = react_1.default.useMemo(() => {
+        const filterable = new Set(props.filterFields ?? []);
+        return react_1.default.Children.map(props.children, (child) => {
+            if (!react_1.default.isValidElement(child))
+                return child;
+            const childProps = child.props ?? {};
+            const fieldName = typeof childProps.sortField === 'string'
+                ? childProps.sortField
+                : typeof childProps.field === 'string'
+                    ? childProps.field
+                    : undefined;
+            if (!fieldName)
+                return child;
+            const nextProps = {};
+            if (autoSortableColumns && childProps.sortable === undefined) {
+                nextProps.sortable = true;
+            }
+            if (autoFilterColumns && filterable.has(fieldName) && childProps.filter === undefined) {
+                nextProps.filter = true;
+                nextProps.showFilterMenu = false;
+            }
+            return Object.keys(nextProps).length ? react_1.default.cloneElement(child, nextProps) : child;
+        });
+    }, [autoFilterColumns, autoSortableColumns, props.children, props.filterFields]);
+    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, removableSort: true, 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, ...props.dataTableProps, children: enhancedChildren })] }));
+}
+//# sourceMappingURL=SmartDataTable.js.map