shutro-erp 0.3.3 → 0.3.5

package/dist/ui/i18n/messages.js

@@ -88,8 +88,12 @@ export const en = {
         export: 'Export',
         exportCsv: 'CSV (all columns)',
         exportXlsx: 'Excel',
+        exportPdf: 'Print as PDF',
         exportFailed: 'The export failed: {{reason}}',
         columns: 'Columns',
+        pinned: 'Pinned at the start',
+        resetWidths: 'Reset column widths',
+        resize: 'Resize {{column}}',
         density: 'Density',
         statusOf: '{{field}}: {{state}}',
         nextState: 'Next',
@@ -110,6 +114,7 @@ export const en = {
         compact: 'Compact',
         comfortable: 'Comfortable',
         emptyTitle: 'Nothing here yet',
+        emptyNamed: 'No {{name}} yet',
         emptyHint: 'Records matching the current search will appear here.',
         emptyFiltered: 'No record matches the current search.',
         moved: '{{name}} moved to {{column}}',
@@ -163,6 +168,19 @@ export const en = {
         none: 'None',
         lines: 'Lines',
         addLine: 'Add a line',
+        nextStep: {
+            ready: 'Next step: {{step}}.',
+            before: 'Before {{step}}:',
+            missing_one: '{{count}} thing to fill in',
+            missing_other: '{{count}} things to fill in',
+        },
+        daysLeft: { today: 'Today', in: 'In {{count}} days', late: '{{count}} days late' },
+        image: {
+            choose: 'Choose a picture',
+            remove: 'Remove',
+            none: 'No picture',
+            saveFirst: 'Save the record first, then add its picture.',
+        },
         removeLine: 'Remove line',
         choose: 'Choose…',
         pasted_one: '{{count}} cell pasted',
@@ -231,8 +249,34 @@ export const en = {
         done: 'Mark done',
         recent: 'Recently opened',
         apps: 'Apps',
+        today: 'Today, {{date}}',
+        approve: 'Approve {{record}}',
+        review: 'Review',
+        dueToday: 'due today',
+        todo: 'Focus to-do',
+        meetings: 'Today’s meetings',
+        mentioned: '{{actor}} mentioned you on {{record}}',
+        saved: 'Your saved views',
     },
     toast: { region: 'Notifications', close: 'Close' },
+    image: {
+        choosePhoto: 'Change photo',
+        chooseLogo: 'Change logo',
+        remove: 'Remove',
+        hint: 'PNG, JPEG or WebP. It is made small (256 px) before it is sent.',
+        unreadable: 'This file is not an image the browser can read.',
+    },
+    oauth: {
+        title: '{{app}} wants to use your account',
+        as: 'Signed in as {{name}} ({{login}}).',
+        may: 'It will be able to:',
+        limits: 'Never more than you may do yourself. You can take this back at any time in Connected apps.',
+        back: 'You will go back to {{host}}.',
+        homepage: 'About the app',
+        already: 'You allowed this before.',
+        allow: 'Allow',
+        cancel: 'Cancel',
+    },
     palette: {
         switchCompany: 'Switch to {{name}}',
         profile: 'Your profile',
@@ -281,6 +325,11 @@ export const en = {
         custom: 'Custom filter',
         remove: 'Remove {{facet}}',
         or: 'or',
+        savedViews: 'Saved views',
+        allRecords: 'All',
+        moreViews_one: '{{count}} more',
+        moreViews_other: '{{count}} more',
+        shared: 'Shared',
     },
 };
 export const bn = {
@@ -369,8 +418,12 @@ export const bn = {
         export: 'এক্সপোর্ট',
         exportCsv: 'CSV (সব কলাম)',
         exportXlsx: 'এক্সেল',
+        exportPdf: 'PDF হিসেবে ছাপুন',
         exportFailed: 'এক্সপোর্ট ব্যর্থ: {{reason}}',
         columns: 'কলাম',
+        pinned: 'শুরুতে আটকানো',
+        resetWidths: 'কলামের প্রস্থ মুছুন',
+        resize: '{{column}} প্রস্থ বদলান',
         density: 'ঘনত্ব',
         statusOf: '{{field}}: {{state}}',
         nextState: 'পরবর্তী',
@@ -391,6 +444,7 @@ export const bn = {
         compact: 'সংক্ষিপ্ত',
         comfortable: 'স্বাভাবিক',
         emptyTitle: 'এখানে এখনো কিছু নেই',
+        emptyNamed: 'এখনো কোনো {{name}} নেই',
         emptyHint: 'বর্তমান খোঁজের সাথে মেলা রেকর্ড এখানে দেখা যাবে।',
         emptyFiltered: 'বর্তমান খোঁজের সাথে কোনো রেকর্ড মেলেনি।',
         moved: '{{name}} {{column}}-এ সরানো হয়েছে',
@@ -441,6 +495,19 @@ export const bn = {
         none: 'কিছু না',
         lines: 'লাইন',
         addLine: 'লাইন যোগ করুন',
+        nextStep: {
+            ready: 'পরের ধাপ: {{step}}।',
+            before: '{{step}}-এর আগে:',
+            missing_one: '{{count}}টি ঘর পূরণ করতে হবে',
+            missing_other: '{{count}}টি ঘর পূরণ করতে হবে',
+        },
+        daysLeft: { today: 'আজ', in: '{{count}} দিনে', late: '{{count}} দিন দেরি' },
+        image: {
+            choose: 'ছবি বাছুন',
+            remove: 'সরান',
+            none: 'ছবি নেই',
+            saveFirst: 'আগে রেকর্ডটি সংরক্ষণ করুন, তারপর ছবি যোগ করুন।',
+        },
         removeLine: 'লাইন সরান',
         choose: 'বেছে নিন…',
         pasted_one: '{{count}}টি ঘর পেস্ট হয়েছে',
@@ -509,8 +576,34 @@ export const bn = {
         done: 'সম্পন্ন',
         recent: 'সম্প্রতি খোলা',
         apps: 'অ্যাপস',
+        today: 'আজ, {{date}}',
+        approve: '{{record}} অনুমোদন করুন',
+        review: 'দেখুন',
+        dueToday: 'আজকের',
+        todo: 'Focus করণীয়',
+        meetings: 'আজকের সভা',
+        mentioned: '{{actor}} আপনাকে {{record}}-এ উল্লেখ করেছেন',
+        saved: 'আপনার সংরক্ষিত ভিউ',
     },
     toast: { region: 'বিজ্ঞপ্তি', close: 'বন্ধ করুন' },
+    image: {
+        choosePhoto: 'ছবি বদলান',
+        chooseLogo: 'লোগো বদলান',
+        remove: 'সরান',
+        hint: 'PNG, JPEG বা WebP। পাঠানোর আগে ছোট (২৫৬ px) করা হয়।',
+        unreadable: 'এই ফাইলটি ব্রাউজার পড়তে পারে এমন ছবি নয়।',
+    },
+    oauth: {
+        title: '{{app}} আপনার অ্যাকাউন্ট ব্যবহার করতে চায়',
+        as: '{{name}} ({{login}}) হিসেবে সাইন ইন করা।',
+        may: 'এটি যা করতে পারবে:',
+        limits: 'আপনি নিজে যা পারেন তার বেশি কখনো নয়। যেকোনো সময় সংযুক্ত অ্যাপস থেকে ফিরিয়ে নিতে পারেন।',
+        back: 'আপনি {{host}}-এ ফিরে যাবেন।',
+        homepage: 'অ্যাপ সম্পর্কে',
+        already: 'আপনি আগে এটি অনুমতি দিয়েছিলেন।',
+        allow: 'অনুমতি দিন',
+        cancel: 'বাতিল',
+    },
     palette: {
         switchCompany: '{{name}}-এ যান',
         profile: 'আপনার প্রোফাইল',
@@ -559,6 +652,11 @@ export const bn = {
         custom: 'নিজস্ব ফিল্টার',
         remove: '{{facet}} সরান',
         or: 'অথবা',
+        savedViews: 'সংরক্ষিত ভিউ',
+        allRecords: 'সব',
+        moreViews_one: 'আরও {{count}}টি',
+        moreViews_other: 'আরও {{count}}টি',
+        shared: 'শেয়ার করা',
     },
 };
 export const ar = {

package/dist/ui/index.d.ts

@@ -10,6 +10,7 @@ import { Registry } from './registry.js';
 export { ApiError, type ApiOptions, type AppEntry, type CurrentUser, createKoshApi, type KoshApi, type ListQuery, type MenuNode, NetworkError, type Problem, type Row, type ServedView, type Versioned, type ViewField, } from './api.js';
 export { KoshApp, type KoshAppProps, useLanguage } from './app.js';
 export { AppIcon } from './components/AppIcon.js';
+export * from './components/Avatar.js';
 export * from './components/primitives.js';
 export { type KoshContextValue, KoshProvider, type ThemeChoice, useKosh, useTheme, } from './context.js';
 export { type DesignContextValue, DesignProvider, type DesignSpot, useDesign, } from './design.js';
@@ -40,3 +41,4 @@ export declare const PACKAGE: {
     readonly name: string;
     readonly rfc: string;
 };
+export { DateField } from './views/DateField.js';

package/dist/ui/index.js

@@ -14,6 +14,7 @@ import { registerDefaultWidgets } from './views/widgets.js';
 export { ApiError, createKoshApi, NetworkError, } from './api.js';
 export { KoshApp, useLanguage } from './app.js';
 export { AppIcon } from './components/AppIcon.js';
+export * from './components/Avatar.js';
 export * from './components/primitives.js';
 export { KoshProvider, useKosh, useTheme, } from './context.js';
 export { DesignProvider, useDesign, } from './design.js';
@@ -51,3 +52,4 @@ export const PACKAGE = Object.freeze({
     name: 'shutro-erp/ui',
     rfc: 'RFC 0007',
 });
+export { DateField } from './views/DateField.js';

package/dist/ui/offline/queue.d.ts

@@ -11,8 +11,12 @@ export type ChangeStatus = 'pending' | 'conflict' | 'refused';
 export interface QueuedChange {
     readonly id: string;
     readonly at: number;
-    readonly kind: 'create' | 'update';
+    /** A record created or updated through the generated API, or a module's route replayed as sent (`request`). */
+    readonly kind: 'create' | 'update' | 'request';
     readonly model: string;
+    /** `request` only: the method and path, with `values` as the body. */
+    readonly method?: 'POST' | 'PATCH' | 'PUT' | undefined;
+    readonly path?: string | undefined;
     /** The list's label, for people (e.g. "Contacts"). */
     readonly modelLabel: string;
     readonly recordId: number | null;

package/dist/ui/offline/queue.js

@@ -127,6 +127,8 @@ export class OfflineQueue {
         try {
             if (item.kind === 'create')
                 await this.api.create(item.model, { ...item.values });
+            else if (item.kind === 'request')
+                await this.api.call(item.method ?? 'POST', item.path ?? '', { ...item.values });
             else
                 await this.api.update(item.model, item.recordId, { ...item.values }, item.etag);
             return 'synced';

package/dist/ui/registry.d.ts

@@ -17,6 +17,8 @@ export interface WidgetProps {
     /** Absent in display-only contexts (list cells, cards). */
     readonly onChange?: (value: unknown) => void;
     readonly invalid?: boolean;
+    /** The record's model, on forms (an image widget attaches its file to the record). */
+    readonly model?: string;
 }
 /** Props of a registered node component (`{ kind: 'component', component: 'approvals.Panel' }`). */
 export interface NodeComponentProps {
@@ -96,6 +98,9 @@ export interface PageProps {
     readonly api: KoshApi;
     /** The action's label. */
     readonly label?: string;
+    /** The app and action the page was opened from (a client action's page; absent for user pages). */
+    readonly app?: string;
+    readonly action?: string;
 }
 export declare class RegistryError extends Error {
     constructor(problem: string);
@@ -124,9 +129,13 @@ export declare class Registry {
     /** The widget for a node: its `widget`, else the field kind, else plain text. */
     widget(node: FieldNode, field: ViewField): ComponentType<WidgetProps>;
     component(name: string): ComponentType<NodeComponentProps> | undefined;
-    /** An item of the shell's header, before the language and theme menus (`notify.Bell`). */
+    /**
+     * An item of the shell's header, before the language and theme menus (`notify.Bell`). With `home`, it is also in
+     * the home page's corner, next to the account menu (notifications, messages).
+     */
     registerHeaderItem(name: string, component: ComponentType<HeaderItemProps>, options?: {
         readonly replace?: boolean;
+        readonly home?: boolean;
     }): this;
     /**
      * A personal page every signed-in user reaches from the user menu, outside any app (`settings.ApiKeys`):
@@ -147,6 +156,8 @@ export declare class Registry {
     headerItems(): readonly {
         readonly name: string;
         readonly component: ComponentType<HeaderItemProps>;
+        /** Also on the home page. */
+        readonly home: boolean;
     }[];
     /** A control next to every search box (the AI assistant's "Ask"). */
     registerSearchAssist(name: string, component: ComponentType<SearchAssistProps>, options?: {

package/dist/ui/registry.js

@@ -55,8 +55,16 @@ export class Registry {
     component(name) {
         return this.#entries.component.get(name);
     }
-    /** An item of the shell's header, before the language and theme menus (`notify.Bell`). */
+    #homeItems = new Set();
+    /**
+     * An item of the shell's header, before the language and theme menus (`notify.Bell`). With `home`, it is also in
+     * the home page's corner, next to the account menu (notifications, messages).
+     */
     registerHeaderItem(name, component, options = {}) {
+        if (options.home === true)
+            this.#homeItems.add(name);
+        else
+            this.#homeItems.delete(name);
         return this.#add('header', name, component, options.replace === true);
     }
     #userPageLabels = new Map();
@@ -83,6 +91,7 @@ export class Registry {
         return [...this.#entries.header].map(([name, component]) => ({
             name,
             component: component,
+            home: this.#homeItems.has(name),
         }));
     }
     /** A control next to every search box (the AI assistant's "Ask"). */

package/dist/ui/search/ViewTabs.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Saved views as tabs (RFC 0018 §4.3): above the search, *All* and the saved searches of this model and view type —
+ * the user's own and the shared ones —, the one matching the current search marked. A tab applies its search; more
+ * than a handful go into a *More* menu. Saving and the full list stay in the search bar's favorites menu; with
+ * nothing saved, there are no tabs.
+ */
+import { type SearchState } from '../../search/index.js';
+import type { ReactElement } from 'react';
+export declare function ViewTabs({ model, viewType, state, onChange, }: {
+    readonly model: string;
+    readonly viewType: string;
+    readonly state: SearchState;
+    readonly onChange: (state: SearchState) => void;
+}): ReactElement | null;

package/dist/ui/search/ViewTabs.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Saved views as tabs (RFC 0018 §4.3): above the search, *All* and the saved searches of this model and view type —
+ * the user's own and the shared ones —, the one matching the current search marked. A tab applies its search; more
+ * than a handful go into a *More* menu. Saving and the full list stay in the search bar's favorites menu; with
+ * nothing saved, there are no tabs.
+ */
+import { encodeSearch } from '../../search/index.js';
+import { useQuery } from '@tanstack/react-query';
+import { ChevronDown, Users } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { Button, Menu, MenuContent, MenuItem, MenuTrigger } from '../components/primitives.js';
+import { useKosh } from '../context.js';
+import { cn } from '../lib/cn.js';
+/** Tabs shown before the rest go into *More*. */
+const VISIBLE = 6;
+/** The search without its order: a tab matches whatever the columns are sorted by. */
+const key = (state) => encodeSearch({ ...state, order: [] });
+export function ViewTabs({ model, viewType, state, onChange, }) {
+    const { api } = useKosh();
+    const { t } = useTranslation();
+    // The search bar's favorites query: one request, one cache.
+    const favorites = useQuery({
+        queryKey: ['saved-views', model],
+        queryFn: () => api.list('kosh.saved_view', {
+            filter: { targetModel: model },
+            fields: ['name', 'state', 'shared', 'viewType'],
+        }),
+    });
+    const views = (favorites.data?.items ?? []).filter((v) => v['viewType'] === viewType || v['viewType'] === null);
+    if (views.length === 0)
+        return null;
+    const current = key(state);
+    const stateOf = (v) => v['state'] ?? {};
+    const active = views.find((v) => key(stateOf(v)) === current);
+    const tab = (label, selected, apply, shared = false) => (_jsxs(Button, { size: "sm", variant: "ghost", "aria-current": selected ? 'true' : undefined, onClick: apply, className: cn('h-8 rounded-none border-b-2 border-transparent px-3 text-muted-foreground hover:text-foreground', selected && 'border-primary font-medium text-foreground'), children: [label, shared ? _jsx(Users, { className: "size-3.5 opacity-60", "aria-label": t('search.shared') }) : null] }));
+    const shown = views.slice(0, VISIBLE);
+    const more = views.slice(VISIBLE);
+    return (_jsxs("nav", { "aria-label": t('search.savedViews'), className: "-mb-1 flex items-end gap-1 border-b", children: [tab(t('search.allRecords'), current === '' && active === undefined, () => onChange({})), shown.map((v) => (_jsx("span", { className: "contents", children: tab(String(v['name']), v === active, () => onChange(stateOf(v)), v['shared'] === true) }, v.id))), more.length === 0 ? null : (_jsxs(Menu, { children: [_jsx(MenuTrigger, { asChild: true, children: _jsxs(Button, { size: "sm", variant: "ghost", className: cn('h-8 rounded-none border-b-2 border-transparent px-3 text-muted-foreground', active !== undefined && more.includes(active) && 'border-primary text-foreground'), children: [active !== undefined && more.includes(active)
+                                    ? String(active['name'])
+                                    : t('search.moreViews', { count: more.length }), _jsx(ChevronDown, { className: "size-3.5", "aria-hidden": true })] }) }), _jsx(MenuContent, { align: "start", children: more.map((v) => (_jsx(MenuItem, { onSelect: () => onChange(stateOf(v)), children: String(v['name']) }, v.id))) })] }))] }));
+}

package/dist/ui/shell/Consent.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import { type KoshApi } from '../api.js';
+export declare function Consent({ api }: {
+    readonly api: KoshApi;
+}): ReactElement;

package/dist/ui/shell/Consent.js

@@ -0,0 +1,35 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The OAuth consent page (RFC 0017 §5.2), at `/oauth/authorize`: an app asks to act for the signed-in user. It names
+ * the app, where it sends the user back, and what it may do in words; *Allow* or *Cancel* — either returns to the
+ * app. The server checks the request (registered redirect, allowed scopes, PKCE) before anything is shown; signed out,
+ * the person signs in and comes back here.
+ */
+import { useMutation, useQuery } from '@tanstack/react-query';
+import { ExternalLink, ShieldCheck } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { ApiError } from '../api.js';
+import { Alert, Button, Card, Spinner } from '../components/primitives.js';
+export function Consent({ api }) {
+    const { t } = useTranslation();
+    const search = window.location.search;
+    const params = Object.fromEntries(new URLSearchParams(search));
+    const me = useQuery({ queryKey: ['me'], queryFn: () => api.me(), retry: false });
+    const screen = useQuery({
+        queryKey: ['oauth', 'consent', search],
+        queryFn: () => api.call('GET', `/api/v1/oauth/authorize${search}`),
+        enabled: me.isSuccess,
+        retry: false,
+    });
+    const decide = useMutation({
+        mutationFn: (decision) => api.call('POST', '/api/v1/oauth/authorize', { ...params, decision }),
+        onSuccess: ({ redirect }) => window.location.assign(redirect),
+    });
+    if (me.error instanceof ApiError && me.error.status === 401) {
+        // Signed out: sign in, then back here with the same request.
+        window.location.assign(`/login?next=${encodeURIComponent(`/oauth/authorize${search}`)}`);
+        return _jsx(Spinner, { label: t('app.loading') });
+    }
+    const error = me.error ?? screen.error ?? decide.error;
+    return (_jsx("main", { className: "grid min-h-screen place-items-center bg-background p-4", children: _jsx(Card, { className: "grid w-full max-w-md gap-5 p-6", children: error !== null ? (_jsx(Alert, { children: error instanceof ApiError ? error.message : String(error) })) : screen.data === undefined || me.data === undefined ? (_jsx(Spinner, { label: t('app.loading') })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid gap-1", children: [_jsx("span", { "aria-hidden": true, className: "mb-2 grid size-10 place-items-center rounded-lg bg-accent text-accent-foreground", children: _jsx(ShieldCheck, { className: "size-5" }) }), _jsx("h1", { className: "text-xl font-semibold", children: t('oauth.title', { app: screen.data.app.name }) }), _jsx("p", { className: "text-sm text-muted-foreground", children: t('oauth.as', { name: me.data.name, login: me.data.login }) })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx("h2", { className: "text-sm font-medium", children: t('oauth.may') }), _jsx("ul", { className: "grid gap-1.5 rounded-md border p-3 text-sm", children: screen.data.scopes.map((s) => (_jsxs("li", { className: "flex items-center gap-2", children: [_jsx(ShieldCheck, { className: "size-4 text-success", "aria-hidden": true }), s.label] }, s.scope))) }), _jsx("p", { className: "text-xs text-muted-foreground", children: t('oauth.limits') })] }), _jsxs("p", { className: "text-sm text-muted-foreground", children: [t('oauth.back', { host: screen.data.redirectHost }), screen.data.app.homepage === null ? null : (_jsxs(_Fragment, { children: [' ', _jsxs("a", { className: "inline-flex items-center gap-1 text-primary underline", href: screen.data.app.homepage, target: "_blank", rel: "noreferrer noopener", children: [t('oauth.homepage'), _jsx(ExternalLink, { className: "size-3", "aria-hidden": true })] })] }))] }), screen.data.alreadyAllowed ? _jsx(Alert, { tone: "info", children: t('oauth.already') }) : null, _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { busy: decide.isPending && decide.variables === 'deny', onClick: () => decide.mutate('deny'), children: t('oauth.cancel') }), _jsx(Button, { variant: "primary", busy: decide.isPending && decide.variables === 'allow', onClick: () => decide.mutate('allow'), children: t('oauth.allow') })] })] })) }) }));
+}