@nocobase/app-plugin-projects 0.0.0-stage → 0.1.0-beta.2

package/dist/client/components/pm-expandable-textarea.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentProps, type ReactElement } from 'react';
+/**
+ * A text area for long text in a compact form, such as a status rule's instruction: it grows with its text up to a few
+ * lines and scrolls beyond them, until the corner button expands it to most of the screen's height.
+ */
+export declare function PmExpandableTextarea({ className, ...props }: ComponentProps<'textarea'>): ReactElement;
+//# sourceMappingURL=pm-expandable-textarea.d.ts.map

package/dist/client/components/pm-expandable-textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-expandable-textarea.d.ts","sourceRoot":"","sources":["../../../client/components/pm-expandable-textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAMzE;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,YAAY,CA4B3C"}

package/dist/client/components/pm-expandable-textarea.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { Maximize2Icon, Minimize2Icon } from 'lucide-react';
+import { useState } from 'react';
+import { cn } from 'cn';
+import { Button } from './ui/button.js';
+import { Textarea } from './ui/textarea.js';
+/**
+ * A text area for long text in a compact form, such as a status rule's instruction: it grows with its text up to a few
+ * lines and scrolls beyond them, until the corner button expands it to most of the screen's height.
+ */
+export function PmExpandableTextarea({ className, ...props }) {
+    const { t } = useTranslation();
+    const [expanded, setExpanded] = useState(false);
+    const label = t(expanded ? 'common.collapseText' : 'common.expandText');
+    return (_jsxs("div", { className: 'relative', "data-expanded": expanded || undefined, children: [_jsx(Textarea, { ...props, className: cn('pr-9', expanded ? 'min-h-48 max-h-[60dvh]' : 'max-h-32', className) }), _jsx(Button, { type: 'button', variant: 'ghost', size: 'icon-xs', className: 'absolute top-1.5 right-1.5 text-muted-foreground', "aria-label": label, title: label, "aria-expanded": expanded, onClick: () => setExpanded((value) => !value), children: expanded ? _jsx(Minimize2Icon, {}) : _jsx(Maximize2Icon, {}) })] }));
+}
+//# sourceMappingURL=pm-expandable-textarea.js.map

package/dist/client/components/pm-expandable-textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-expandable-textarea.js","sourceRoot":"","sources":["../../../client/components/pm-expandable-textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAA0C,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,SAAS,EACT,GAAG,KAAK,EACmB;IAC3B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC;IACxE,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,mBAAgB,QAAQ,IAAI,SAAS,aAC5D,KAAC,QAAQ,OACH,KAAK,EACT,SAAS,EAAE,EAAE,CACX,MAAM,EACN,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,UAAU,EAChD,SAAS,CACV,GACD,EACF,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,kDAAkD,gBAChD,KAAK,EACjB,KAAK,EAAE,KAAK,mBACG,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,YAE5C,QAAQ,CAAC,CAAC,CAAC,KAAC,aAAa,KAAG,CAAC,CAAC,CAAC,KAAC,aAAa,KAAG,GAC1C,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/client/components/pm-kind-icon.d.ts

@@ -0,0 +1,7 @@
+import { UserIcon } from 'lucide-react';
+import type { ComponentProps, ReactElement } from 'react';
+/** A kind's icon (`lib/kinds.ts`): a person, the system's cog, or one shape for every other registered kind. */
+export declare function PmKindIcon({ kind, ...props }: {
+    readonly kind: string;
+} & ComponentProps<typeof UserIcon>): ReactElement;
+//# sourceMappingURL=pm-kind-icon.d.ts.map

package/dist/client/components/pm-kind-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-kind-icon.d.ts","sourceRoot":"","sources":["../../../client/components/pm-kind-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1D,gHAAgH;AAChH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,GAAG,KAAK,EACT,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG,YAAY,CAI5E"}

package/dist/client/components/pm-kind-icon.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CogIcon, ShapesIcon, UserIcon } from 'lucide-react';
+import { SYSTEM_KIND, USER_KIND } from '../../shared/kinds.js';
+/** A kind's icon (`lib/kinds.ts`): a person, the system's cog, or one shape for every other registered kind. */
+export function PmKindIcon({ kind, ...props }) {
+    if (kind === USER_KIND)
+        return _jsx(UserIcon, { ...props });
+    if (kind === SYSTEM_KIND)
+        return _jsx(CogIcon, { ...props });
+    return _jsx(ShapesIcon, { ...props });
+}
+//# sourceMappingURL=pm-kind-icon.js.map

package/dist/client/components/pm-kind-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-kind-icon.js","sourceRoot":"","sources":["../../../client/components/pm-kind-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAG7D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAE/D,gHAAgH;AAChH,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,GAAG,KAAK,EACoD;IAC5D,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,KAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;IACvD,IAAI,IAAI,KAAK,WAAW;QAAE,OAAO,KAAC,OAAO,OAAK,KAAK,GAAI,CAAC;IACxD,OAAO,KAAC,UAAU,OAAK,KAAK,GAAI,CAAC;AACnC,CAAC"}

package/dist/client/components/pm-labels.d.ts

@@ -0,0 +1,28 @@
+import type { ReactElement } from 'react';
+import { type Color } from '../../shared/common.js';
+import type { Label } from '../../shared/labels.js';
+/** The coloured dot of a label; decorative, the name beside it carries the meaning. */
+export declare function PmLabelDot({ color, className, }: {
+    readonly color: Color;
+    readonly className?: string;
+}): ReactElement;
+/** A label as a tag in its colour's tint. */
+export declare function PmLabelChip({ label, }: {
+    readonly label: Label;
+}): ReactElement;
+/** The dot and name, for list items and chips inside a picker. */
+export declare function PmLabelName({ label, }: {
+    readonly label: Label;
+}): ReactElement;
+/**
+ * The palette as swatches, one radio each. The colour's name is the swatch's accessible name, so the choice does not
+ * rest on colour alone.
+ */
+export declare function PmColorSwatches({ value, label, disabled, onChange, }: {
+    readonly value: Color;
+    /** What is being coloured, for the group's accessible name. */
+    readonly label: string;
+    readonly disabled?: boolean;
+    readonly onChange: (color: Color) => void;
+}): ReactElement;
+//# sourceMappingURL=pm-labels.d.ts.map

package/dist/client/components/pm-labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-labels.d.ts","sourceRoot":"","sources":["../../../client/components/pm-labels.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAU,KAAK,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAMpD,uFAAuF;AACvF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,YAAY,CAWf;AAED,6CAA6C;AAC7C,wBAAgB,WAAW,CAAC,EAC1B,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;CACvB,GAAG,YAAY,CAMf;AAED,kEAAkE;AAClE,wBAAgB,WAAW,CAAC,EAC1B,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;CACvB,GAAG,YAAY,CAOf;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C,GAAG,YAAY,CA6Bf"}

package/dist/client/components/pm-labels.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { CheckIcon } from 'lucide-react';
+import { COLORS } from '../../shared/common.js';
+import { COLOR_TONE } from '../lib/status.js';
+import { cn } from 'cn';
+import { PmTag } from './pm-tag.js';
+import { PM_TONE_DOT_CLASS } from './pm-tones.js';
+/** The coloured dot of a label; decorative, the name beside it carries the meaning. */
+export function PmLabelDot({ color, className, }) {
+    return (_jsx("span", { "aria-hidden": 'true', className: cn('size-2 shrink-0 rounded-full', PM_TONE_DOT_CLASS[COLOR_TONE[color]], className) }));
+}
+/** A label as a tag in its colour's tint. */
+export function PmLabelChip({ label, }) {
+    return (_jsx(PmTag, { tone: COLOR_TONE[label.color], className: 'max-w-40 font-normal', children: _jsx("span", { className: 'truncate', children: label.name }) }));
+}
+/** The dot and name, for list items and chips inside a picker. */
+export function PmLabelName({ label, }) {
+    return (_jsxs("span", { className: 'inline-flex min-w-0 items-center gap-1.5', children: [_jsx(PmLabelDot, { color: label.color }), _jsx("span", { className: 'truncate', children: label.name })] }));
+}
+/**
+ * The palette as swatches, one radio each. The colour's name is the swatch's accessible name, so the choice does not
+ * rest on colour alone.
+ */
+export function PmColorSwatches({ value, label, disabled, onChange, }) {
+    const { t } = useTranslation();
+    return (_jsx("div", { role: 'radiogroup', "aria-label": label, className: 'flex gap-1', children: COLORS.map((color) => (_jsx("button", { type: 'button', role: 'radio', disabled: disabled, "aria-checked": value === color, "aria-label": t(`colors.${color}`), title: t(`colors.${color}`), onClick: () => {
+                if (value !== color)
+                    onChange(color);
+            }, className: cn('flex size-4 items-center justify-center rounded-full ring-offset-1 ring-offset-background outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50', PM_TONE_DOT_CLASS[COLOR_TONE[color]], value === color && 'ring-2 ring-foreground/60'), children: value === color ? (_jsx(CheckIcon, { className: 'size-3 text-background', "aria-hidden": 'true' })) : null }, color))) }));
+}
+//# sourceMappingURL=pm-labels.js.map

package/dist/client/components/pm-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-labels.js","sourceRoot":"","sources":["../../../client/components/pm-labels.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,MAAM,EAAc,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,uFAAuF;AACvF,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,GAIV;IACC,OAAO,CACL,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,8BAA8B,EAC9B,iBAAiB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EACpC,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAED,6CAA6C;AAC7C,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,GAGN;IACC,OAAO,CACL,KAAC,KAAK,IAAC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,sBAAsB,YACpE,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,CAAC,IAAI,GAAQ,GACxC,CACT,CAAC;AACJ,CAAC;AAED,kEAAkE;AAClE,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,GAGN;IACC,OAAO,CACL,gBAAM,SAAS,EAAC,0CAA0C,aACxD,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,EAClC,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,CAAC,IAAI,GAAQ,IACzC,CACR,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GAOT;IACC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,cAAK,IAAI,EAAC,YAAY,gBAAa,KAAK,EAAE,SAAS,EAAC,YAAY,YAC7D,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,kBACJ,KAAK,KAAK,KAAK,gBACjB,CAAC,CAAC,UAAU,KAAK,EAAE,CAAC,EAChC,KAAK,EAAE,CAAC,CAAC,UAAU,KAAK,EAAE,CAAC,EAC3B,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,KAAK,KAAK,KAAK;oBAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;YACvC,CAAC,EACD,SAAS,EAAE,EAAE,CACX,yKAAyK,EACzK,iBAAiB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EACpC,KAAK,KAAK,KAAK,IAAI,2BAA2B,CAC/C,YAEA,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,CACjB,KAAC,SAAS,IAAC,SAAS,EAAC,wBAAwB,iBAAa,MAAM,GAAG,CACpE,CAAC,CAAC,CAAC,IAAI,IAlBH,KAAK,CAmBH,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/client/components/pm-live.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+/**
+ * A progress ring: the done share as a primary arc on a muted track, the percentage
+ * inside when there is room. Decorative when a label beside it says the same.
+ */
+export declare function PmProgressRing({ percent, size, label, showValue, className, }: {
+    readonly percent: number;
+    /** Pixel size; a fixed size on purpose, like an icon. */
+    readonly size?: number;
+    readonly label?: string;
+    readonly showValue?: boolean;
+    readonly className?: string;
+}): ReactElement;
+//# sourceMappingURL=pm-live.d.ts.map

package/dist/client/components/pm-live.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-live.d.ts","sourceRoot":"","sources":["../../../client/components/pm-live.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAS,EACT,KAAK,EACL,SAAgB,EAChB,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,YAAY,CAoDf"}

package/dist/client/components/pm-live.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from 'cn';
+/**
+ * A progress ring: the done share as a primary arc on a muted track, the percentage
+ * inside when there is room. Decorative when a label beside it says the same.
+ */
+export function PmProgressRing({ percent, size = 40, label, showValue = true, className, }) {
+    const value = Math.min(100, Math.max(0, Math.round(percent)));
+    const stroke = size >= 32 ? 3.5 : 2.5;
+    const radius = (size - stroke) / 2;
+    const circumference = 2 * Math.PI * radius;
+    return (_jsxs("span", { className: cn('relative inline-flex shrink-0 items-center justify-center', className), style: { width: size, height: size }, ...(label
+            ? {
+                role: 'img',
+                'aria-label': label,
+            }
+            : { 'aria-hidden': true }), children: [_jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [_jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: 'none', strokeWidth: stroke, className: 'stroke-muted' }), _jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: 'none', strokeWidth: stroke, strokeLinecap: 'round', strokeDasharray: circumference, strokeDashoffset: circumference * (1 - value / 100), transform: `rotate(-90 ${size / 2} ${size / 2})`, className: cn('transition-[stroke-dashoffset] duration-300 ease-out motion-reduce:transition-none', value >= 100 ? 'stroke-success' : 'stroke-primary') })] }), showValue && size >= 32 ? (_jsx("span", { className: 'absolute text-xs font-medium tracking-tight tabular-nums', children: value })) : null] }));
+}
+//# sourceMappingURL=pm-live.js.map

package/dist/client/components/pm-live.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-live.js","sourceRoot":"","sources":["../../../client/components/pm-live.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AAExB;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,GAAG,EAAE,EACT,KAAK,EACL,SAAS,GAAG,IAAI,EAChB,SAAS,GAQV;IACC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACtC,MAAM,MAAM,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACnC,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;IAC3C,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,SAAS,CACV,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAChC,CAAC,KAAK;YACR,CAAC,CAAC;gBACE,IAAI,EAAE,KAAK;gBACX,YAAY,EAAE,KAAK;aACpB;YACH,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,aAE5B,eAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,IAAI,EAAE,aAC5D,iBACE,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,MAAM,EACnB,SAAS,EAAC,cAAc,GACxB,EACF,iBACE,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,MAAM,EACnB,aAAa,EAAC,OAAO,EACrB,eAAe,EAAE,aAAa,EAC9B,gBAAgB,EAAE,aAAa,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC,EACnD,SAAS,EAAE,cAAc,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,GAAG,EAChD,SAAS,EAAE,EAAE,CACX,oFAAoF,EACpF,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CACnD,GACD,IACE,EACL,SAAS,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAEzB,eAAM,SAAS,EAAC,0DAA0D,YACvE,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC"}

package/dist/client/components/pm-markdown-toc.d.ts

@@ -0,0 +1,12 @@
+export interface TocHeading {
+    readonly level: 1 | 2 | 3;
+    readonly text: string;
+    readonly id: string;
+}
+/**
+ * The document's `h1`–`h3` headings in order, skipping fenced code blocks, for the table of contents. ATX
+ * headings (`#`, `##`, `###`) only — a Setext heading (underlined with `===`/`---`) is rare in these documents and
+ * would shift the ids `PmMarkdown headings` assigns out of step with this list, since both are matched positionally.
+ */
+export declare function extractMarkdownHeadings(content: string): TocHeading[];
+//# sourceMappingURL=pm-markdown-toc.d.ts.map

package/dist/client/components/pm-markdown-toc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-markdown-toc.d.ts","sourceRoot":"","sources":["../../../client/components/pm-markdown-toc.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;CACrB;AAuBD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,MAAM,GAAG,UAAU,EAAE,CAqBrE"}

package/dist/client/components/pm-markdown-toc.js

@@ -0,0 +1,47 @@
+const FENCE = /^\s*(```|~~~)/u;
+const ATX_HEADING = /^(#{1,3})\s+(.+?)\s*#*$/u;
+function slugifyHeading(text) {
+    return (text
+        .trim()
+        .toLowerCase()
+        .replace(/[^\p{L}\p{N}]+/gu, '-')
+        .replace(/^-+|-+$/gu, '') || 'section');
+}
+/** A fresh `id` for each occurrence of the same heading text, so repeated titles ("Overview") stay unique. */
+function dedupeId(seen, text) {
+    const base = slugifyHeading(text);
+    const count = seen.get(base) ?? 0;
+    seen.set(base, count + 1);
+    return count === 0 ? base : `${base}-${count}`;
+}
+/**
+ * The document's `h1`–`h3` headings in order, skipping fenced code blocks, for the table of contents. ATX
+ * headings (`#`, `##`, `###`) only — a Setext heading (underlined with `===`/`---`) is rare in these documents and
+ * would shift the ids `PmMarkdown headings` assigns out of step with this list, since both are matched positionally.
+ */
+export function extractMarkdownHeadings(content) {
+    const seen = new Map();
+    const headings = [];
+    let inFence = false;
+    for (const line of content.split(/\r\n?|\n/u)) {
+        if (FENCE.test(line)) {
+            inFence = !inFence;
+            continue;
+        }
+        if (inFence)
+            continue;
+        const match = ATX_HEADING.exec(line);
+        if (!match)
+            continue;
+        const text = (match[2] ?? '').trim();
+        if (!text)
+            continue;
+        headings.push({
+            level: match[1].length,
+            text,
+            id: dedupeId(seen, text),
+        });
+    }
+    return headings;
+}
+//# sourceMappingURL=pm-markdown-toc.js.map

package/dist/client/components/pm-markdown-toc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-markdown-toc.js","sourceRoot":"","sources":["../../../client/components/pm-markdown-toc.ts"],"names":[],"mappings":"AAMA,MAAM,KAAK,GAAG,gBAAgB,CAAC;AAC/B,MAAM,WAAW,GAAG,0BAA0B,CAAC;AAE/C,SAAS,cAAc,CAAC,IAAY;IAClC,OAAO,CACL,IAAI;SACD,IAAI,EAAE;SACN,WAAW,EAAE;SACb,OAAO,CAAC,kBAAkB,EAAE,GAAG,CAAC;SAChC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,IAAI,SAAS,CACzC,CAAC;AACJ,CAAC;AAED,8GAA8G;AAC9G,SAAS,QAAQ,CAAC,IAAyB,EAAE,IAAY;IACvD,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;IAC1B,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,KAAK,EAAE,CAAC;AACjD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAAC,OAAe;IACrD,MAAM,IAAI,GAAG,IAAI,GAAG,EAAkB,CAAC;IACvC,MAAM,QAAQ,GAAiB,EAAE,CAAC;IAClC,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,KAAK,MAAM,IAAI,IAAI,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC;QAC9C,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YACrB,OAAO,GAAG,CAAC,OAAO,CAAC;YACnB,SAAS;QACX,CAAC;QACD,IAAI,OAAO;YAAE,SAAS;QACtB,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,IAAI,CAAC,KAAK;YAAE,SAAS;QACrB,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QACrC,IAAI,CAAC,IAAI;YAAE,SAAS;QACpB,QAAQ,CAAC,IAAI,CAAC;YACZ,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAmB;YACnC,IAAI;YACJ,EAAE,EAAE,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;SACzB,CAAC,CAAC;IACL,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/client/components/pm-markdown.d.ts

@@ -0,0 +1,15 @@
+import type { ReactElement } from 'react';
+import type { TocHeading } from './pm-markdown-toc.js';
+export interface PmMarkdownProps {
+    readonly content: string;
+    readonly className?: string;
+    /**
+     * `extractMarkdownHeadings(content)` (`np-markdown-toc.ts`), to give the rendered `h1`/`h2`/`h3` elements matching
+     * `id`s so a page can scroll to them. Ids are consumed in document order, one per heading
+     * rendered; omit to render headings without ids (the default, for comments and descriptions).
+     */
+    readonly headings?: readonly TocHeading[];
+}
+/** Markdown for issue descriptions and comments, with mentions shown as chips and `mermaid` code blocks as diagrams. */
+export declare function PmMarkdown({ content, className, headings, }: PmMarkdownProps): ReactElement;
+//# sourceMappingURL=pm-markdown.d.ts.map

package/dist/client/components/pm-markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-markdown.d.ts","sourceRoot":"","sources":["../../../client/components/pm-markdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,OAAO,CAAC;AAQ1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;CAC3C;AA8ID,wHAAwH;AACxH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,GAAG,YAAY,CAahC"}

package/dist/client/components/pm-markdown.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MermaidDiagram, mermaidSource } from '@nocobase/markdown-mermaid';
+import Markdown, { defaultUrlTransform } from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { MENTION_KIND_PATTERN } from '../lib/mentions.js';
+import { remarkCjkAutolink } from '../lib/remark-cjk-autolink.js';
+import { cn } from 'cn';
+import { PmKindIcon } from './pm-kind-icon.js';
+// `mention://<kind>/<id>` URLs are mention links (`lib/mentions.ts`). react-markdown's default
+// transform drops unknown schemes, so mentions are let through here and rendered as chips; every other URL keeps the
+// default sanitisation.
+const MENTION_HREF = new RegExp(`^mention://(${MENTION_KIND_PATTERN})/`, 'u');
+function urlTransform(url) {
+    return MENTION_HREF.test(url) ? url : defaultUrlTransform(url);
+}
+function MentionOrLink({ href, children, node: _node, ...props }) {
+    const mention = href ? MENTION_HREF.exec(href) : null;
+    if (mention) {
+        return (_jsxs("span", { "data-mention": mention[1], className: 'inline-flex items-center gap-0.5 rounded-md bg-secondary px-1 py-px align-baseline font-medium text-secondary-foreground', children: [_jsx(PmKindIcon, { kind: mention[1] ?? '', className: 'size-3', "aria-hidden": 'true' }), children] }));
+    }
+    return (_jsx("a", { href: href, target: '_blank', rel: 'noreferrer', className: 'font-medium text-primary underline underline-offset-4', ...props, children: children }));
+}
+// Compact prose for comments and descriptions: the Typography primitives are sized for long-form pages, which would
+// make every comment look like an article. Only tokens and the Tailwind scale are used.
+const baseComponents = {
+    a: MentionOrLink,
+    p: ({ node: _node, ...props }) => (_jsx("p", { className: 'leading-6 not-first:mt-2', ...props })),
+    ul: ({ node: _node, ...props }) => (_jsx("ul", { className: 'my-2 ml-5 list-disc space-y-1', ...props })),
+    ol: ({ node: _node, ...props }) => (_jsx("ol", { className: 'my-2 ml-5 list-decimal space-y-1', ...props })),
+    blockquote: ({ node: _node, ...props }) => (_jsx("blockquote", { className: 'my-2 border-l-2 pl-3 text-muted-foreground', ...props })),
+    code: ({ node: _node, className, ...props }) => (_jsx("code", { className: cn('rounded bg-muted px-1 py-0.5 font-mono text-xs', className), ...props })),
+    pre: ({ node, ...props }) => {
+        const block = (_jsx("pre", { className: 'my-2 overflow-x-auto rounded-lg bg-muted p-3 font-mono text-xs [&>code]:bg-transparent [&>code]:p-0', ...props }));
+        const source = mermaidSource(node);
+        return source === undefined ? (block) : (_jsx(MermaidDiagram, { source: source, fallback: block, className: 'my-2 overflow-x-auto [&_svg]:mx-auto' }));
+    },
+    table: ({ node: _node, ...props }) => (_jsx("div", { className: 'my-2 w-full overflow-x-auto', children: _jsx("table", { className: 'w-full text-sm', ...props }) })),
+    th: ({ node: _node, ...props }) => (_jsx("th", { className: 'border px-2 py-1 text-left font-medium', ...props })),
+    td: ({ node: _node, ...props }) => (_jsx("td", { className: 'border px-2 py-1', ...props })),
+    hr: ({ node: _node, ...props }) => _jsx("hr", { className: 'my-3', ...props }),
+};
+/**
+ * `h1`/`h2`/`h3` renderers that hand out `headings[]`'s ids in document order, one per heading rendered. Built fresh
+ * on every `PmMarkdown` render (not memoized) so the counter starts over each time; react-markdown re-invokes every
+ * component on every render regardless, so memoizing this object would only leave the counter stuck past the end
+ * of `headings` after the first render.
+ */
+function headingComponents(headings) {
+    let index = 0;
+    const nextId = () => headings?.[index++]?.id;
+    return {
+        h1: ({ node: _node, ...props }) => (_jsx("h1", { id: nextId(), className: 'mt-4 mb-2 text-lg font-semibold first:mt-0', ...props })),
+        h2: ({ node: _node, ...props }) => (_jsx("h2", { id: nextId(), className: 'mt-4 mb-2 text-base font-semibold first:mt-0', ...props })),
+        h3: ({ node: _node, ...props }) => (_jsx("h3", { id: nextId(), className: 'mt-3 mb-1.5 text-sm font-semibold first:mt-0', ...props })),
+    };
+}
+/** Markdown for issue descriptions and comments, with mentions shown as chips and `mermaid` code blocks as diagrams. */
+export function PmMarkdown({ content, className, headings, }) {
+    const components = { ...baseComponents, ...headingComponents(headings) };
+    return (_jsx("div", { className: cn('min-w-0 text-sm wrap-anywhere', className), children: _jsx(Markdown, { remarkPlugins: [remarkGfm, remarkCjkAutolink], urlTransform: urlTransform, components: components, children: content }) }));
+}
+//# sourceMappingURL=pm-markdown.js.map

package/dist/client/components/pm-markdown.js.map

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

package/dist/client/components/pm-multi-select.d.ts

@@ -0,0 +1,26 @@
+import { type ReactElement, type ReactNode } from 'react';
+export interface PmMultiSelectOption {
+    readonly value: string;
+    readonly label: string;
+    readonly disabled?: boolean;
+    /** Rendered in the list and the chip instead of the plain label (a colored dot, an icon). */
+    readonly render?: ReactNode;
+}
+/**
+ * A chips multi-select over id values, built on the Base UI `Combobox multiple` the schedule reference uses.
+ *
+ * With `onCreate`, typing a name no option has offers "Create …"; choosing it calls `onCreate` with the typed text
+ * and selects the id it resolves to (labels are created this way,).
+ */
+export declare function PmMultiSelect({ id, options, value, onChange, onCreate, placeholder, emptyText, disabled, 'aria-label': ariaLabel, }: {
+    readonly id?: string;
+    readonly options: readonly PmMultiSelectOption[];
+    readonly value: readonly string[];
+    readonly onChange: (value: string[]) => void;
+    readonly onCreate?: (name: string) => Promise<string | undefined>;
+    readonly placeholder?: string;
+    readonly emptyText?: string;
+    readonly disabled?: boolean;
+    readonly 'aria-label'?: string;
+}): ReactElement;
+//# sourceMappingURL=pm-multi-select.d.ts.map

package/dist/client/components/pm-multi-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-multi-select.d.ts","sourceRoot":"","sources":["../../../client/components/pm-multi-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAepE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,6FAA6F;IAC7F,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;CAC7B;AAID;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,SAAS,GACxB,EAAE;IACD,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,OAAO,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACjD,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAClE,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC,GAAG,YAAY,CAmFf"}

package/dist/client/components/pm-multi-select.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { useState } from 'react';
+import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxContent, ComboboxEmpty, ComboboxItem, ComboboxList, ComboboxValue, useComboboxAnchor, } from './ui/combobox.js';
+const CREATE_PREFIX = '\u0000create:';
+/**
+ * A chips multi-select over id values, built on the Base UI `Combobox multiple` the schedule reference uses.
+ *
+ * With `onCreate`, typing a name no option has offers "Create …"; choosing it calls `onCreate` with the typed text
+ * and selects the id it resolves to (labels are created this way,).
+ */
+export function PmMultiSelect({ id, options, value, onChange, onCreate, placeholder, emptyText, disabled, 'aria-label': ariaLabel, }) {
+    const { t } = useTranslation();
+    const anchor = useComboboxAnchor();
+    const [input, setInput] = useState('');
+    const [creating, setCreating] = useState(false);
+    const byValue = new Map(options.map((option) => [option.value, option]));
+    const typed = input.trim();
+    const canCreate = onCreate !== undefined &&
+        typed !== '' &&
+        !options.some((option) => option.label.toLowerCase() === typed.toLowerCase());
+    const items = [
+        ...options.map((option) => option.value),
+        ...(canCreate ? [CREATE_PREFIX + typed] : []),
+    ];
+    const labelOf = (item) => item.startsWith(CREATE_PREFIX)
+        ? t('common.createNamed', { name: item.slice(CREATE_PREFIX.length) })
+        : (byValue.get(item)?.label ?? item);
+    async function handleChange(next) {
+        const created = next.find((item) => item.startsWith(CREATE_PREFIX));
+        const kept = next.filter((item) => !item.startsWith(CREATE_PREFIX));
+        if (!created || !onCreate) {
+            onChange(kept);
+            return;
+        }
+        setCreating(true);
+        try {
+            const newId = await onCreate(created.slice(CREATE_PREFIX.length));
+            onChange(newId ? [...kept, newId] : kept);
+            setInput('');
+        }
+        finally {
+            setCreating(false);
+        }
+    }
+    return (_jsxs(Combobox, { multiple: true, autoHighlight: true, items: items, value: [...value], disabled: disabled || creating, itemToStringLabel: labelOf, inputValue: input, onInputValueChange: setInput, onValueChange: (next) => void handleChange(next), children: [_jsxs(ComboboxChips, { ref: anchor, className: 'min-h-8', children: [_jsx(ComboboxValue, { children: value.map((item) => (_jsx(ComboboxChip, { showRemove: !byValue.get(item)?.disabled, children: byValue.get(item)?.render ?? labelOf(item) }, item))) }), _jsx(ComboboxChipsInput, { id: id, "aria-label": ariaLabel, placeholder: value.length === 0 ? placeholder : undefined })] }), _jsxs(ComboboxContent, { anchor: anchor, children: [_jsx(ComboboxEmpty, { children: emptyText ?? t('common.noOptions') }), _jsx(ComboboxList, { children: (item) => (_jsx(ComboboxItem, { value: item, disabled: byValue.get(item)?.disabled, children: byValue.get(item)?.render ?? labelOf(item) }, item)) })] })] }));
+}
+//# sourceMappingURL=pm-multi-select.js.map

package/dist/client/components/pm-multi-select.js.map

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

package/dist/client/components/pm-property-fields.d.ts

@@ -0,0 +1,47 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { Label } from '../../shared/labels.js';
+/** A label and its value, one row of the properties panel. */
+export declare function PropertyRow({ label, htmlFor, children, }: {
+    readonly label: ReactNode;
+    readonly htmlFor?: string;
+    readonly children: ReactNode;
+}): ReactElement;
+export interface SimpleOption {
+    readonly value: string;
+    readonly label: string;
+    readonly disabled?: boolean;
+}
+/** A select over plain options; `noneLabel` adds an empty choice, shown as a dash with `noneAsDash`. */
+export declare function PropertySelect({ id, options, value, noneLabel, noneAsDash, disabled, size, renderValue, 'aria-label': ariaLabel, onChange, }: {
+    readonly id: string;
+    readonly options: readonly SimpleOption[];
+    readonly value: string | null | undefined;
+    readonly noneLabel?: string;
+    readonly noneAsDash?: boolean;
+    readonly disabled?: boolean;
+    /** `sm` for the properties panel, `default` inside a form. */
+    readonly size?: 'sm' | 'default';
+    /** Draws the selected value, for example as a badge. */
+    readonly renderValue?: (value: string) => ReactNode;
+    readonly 'aria-label'?: string;
+    readonly onChange: (value: string | null) => void;
+}): ReactElement;
+/** A calendar date with a clear button; values are `YYYY-MM-DD`. */
+export declare function DateField({ id, value, disabled, clearLabel, size, onChange, }: {
+    readonly id: string;
+    readonly value: string | null | undefined;
+    readonly disabled?: boolean;
+    readonly clearLabel: string;
+    readonly size?: 'sm' | 'default';
+    readonly onChange: (value: string | null) => void;
+}): ReactElement;
+/** Labels as a chips multi-select; with `canCreate`, typing a new name creates the label. */
+export declare function LabelsField({ id, labels, value, disabled, canCreate, onChange, }: {
+    readonly id: string;
+    readonly labels: readonly Label[];
+    readonly value: readonly string[];
+    readonly disabled?: boolean;
+    readonly canCreate: boolean;
+    readonly onChange: (labelIds: string[]) => void;
+}): ReactElement;
+//# sourceMappingURL=pm-property-fields.d.ts.map

package/dist/client/components/pm-property-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-property-fields.d.ts","sourceRoot":"","sources":["../../../client/components/pm-property-fields.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAiBpD,8DAA8D;AAC9D,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B,GAAG,YAAY,CAaf;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wGAAwG;AACxG,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,OAAO,EACP,KAAK,EACL,SAAS,EACT,UAAkB,EAClB,QAAQ,EACR,IAAW,EACX,WAAW,EACX,YAAY,EAAE,SAAS,EACvB,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,CAAC;IAC1C,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,8DAA8D;IAC9D,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACjC,wDAAwD;IACxD,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACpD,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD,GAAG,YAAY,CAoDf;AAED,oEAAoE;AACpE,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,KAAK,EACL,QAAQ,EACR,UAAU,EACV,IAAW,EACX,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD,GAAG,YAAY,CA8Bf;AASD,6FAA6F;AAC7F,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,MAAM,EAAE,SAAS,KAAK,EAAE,CAAC;IAClC,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACjD,GAAG,YAAY,CAsCf"}

package/dist/client/components/pm-property-fields.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { useQueryClient } from '@tanstack/react-query';
+import { XIcon } from 'lucide-react';
+import { COLORS } from '../../shared/common.js';
+import { pmKeys } from '../api/keys.js';
+import { DatePicker } from './date-picker.js';
+import { PmLabelName } from './pm-labels.js';
+import { PmMultiSelect } from './pm-multi-select.js';
+import { Button } from './ui/button.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from './ui/select.js';
+import { useNotify } from '../hooks/use-notify.js';
+import { usePmApi } from '../hooks/use-pm-api.js';
+import { fromDateOnly, toDateOnly, useDateFnsLocale } from '../lib/format.js';
+/** A label and its value, one row of the properties panel. */
+export function PropertyRow({ label, htmlFor, children, }) {
+    return (_jsxs("div", { className: 'grid grid-cols-[6rem_minmax(0,1fr)] items-center gap-3 text-sm', children: [htmlFor ? (_jsx("label", { htmlFor: htmlFor, className: 'text-muted-foreground', children: label })) : (_jsx("span", { className: 'text-muted-foreground', children: label })), _jsx("div", { className: 'min-w-0', children: children })] }));
+}
+/** A select over plain options; `noneLabel` adds an empty choice, shown as a dash with `noneAsDash`. */
+export function PropertySelect({ id, options, value, noneLabel, noneAsDash = false, disabled, size = 'sm', renderValue, 'aria-label': ariaLabel, onChange, }) {
+    const items = [
+        ...(noneLabel ? [{ value: 'none', label: noneLabel }] : []),
+        ...options,
+    ];
+    const selected = value ?? 'none';
+    // A current value the options lack (a disabled account, a deleted project) still shows.
+    if (!items.some((item) => item.value === selected))
+        items.push({ value: selected, label: selected });
+    return (_jsxs(Select, { items: items, value: selected, disabled: disabled, onValueChange: (next) => {
+            if (next === null || next === selected)
+                return;
+            onChange(next === 'none' ? null : next);
+        }, children: [_jsx(SelectTrigger, { id: id, size: size, className: 'w-full', "aria-label": ariaLabel, children: _jsx(SelectValue, { children: (current) => current === 'none' && noneAsDash ? (_jsxs("span", { className: 'text-muted-foreground', children: ["\u2014", _jsx("span", { className: 'sr-only', children: noneLabel })] })) : renderValue && current !== 'none' ? (renderValue(current)) : ((items.find((item) => item.value === current)?.label ?? current)) }) }), _jsx(SelectContent, { className: 'w-auto max-w-[min(var(--container-sm),var(--available-width))] min-w-(--anchor-width) [&_[data-slot=select-item]>:first-child]:whitespace-normal', children: items.map((item) => (_jsx(SelectItem, { value: item.value, disabled: item.disabled, children: item.label }, item.value))) })] }));
+}
+/** A calendar date with a clear button; values are `YYYY-MM-DD`. */
+export function DateField({ id, value, disabled, clearLabel, size = 'sm', onChange, }) {
+    const locale = useDateFnsLocale();
+    return (_jsxs("div", { className: 'flex w-full min-w-0 items-center gap-1', children: [_jsx(DatePicker, { id: id, className: size === 'sm' ? 'h-7 min-w-0 flex-1 text-sm' : 'min-w-0 flex-1', value: fromDateOnly(value), locale: locale, formatString: 'PP', disabled: disabled, placeholder: '\u2014', onChange: (date) => onChange(toDateOnly(date)) }), value ? (_jsx(Button, { variant: 'ghost', size: 'icon-xs', className: 'shrink-0', "aria-label": clearLabel, disabled: disabled, onClick: () => onChange(null), children: _jsx(XIcon, {}) })) : null] }));
+}
+/** A colour for a new label, spread over the palette by name so labels created in a row differ. */
+function colorFor(name) {
+    let hash = 0;
+    for (const char of name)
+        hash = (hash * 31 + char.charCodeAt(0)) >>> 0;
+    return COLORS[hash % COLORS.length] ?? 'gray';
+}
+/** Labels as a chips multi-select; with `canCreate`, typing a new name creates the label. */
+export function LabelsField({ id, labels, value, disabled, canCreate, onChange, }) {
+    const { t } = useTranslation();
+    const api = usePmApi();
+    const notify = useNotify();
+    const queryClient = useQueryClient();
+    async function create(name) {
+        try {
+            const label = await api.createLabel({ name, color: colorFor(name) });
+            queryClient.setQueryData(pmKeys.labels, (current) => [
+                ...(current ?? []),
+                label,
+            ]);
+            void queryClient.invalidateQueries({ queryKey: pmKeys.labels });
+            return label.id;
+        }
+        catch (error) {
+            notify.error(error, t('labels.createFailed'));
+            return undefined;
+        }
+    }
+    return (_jsx(PmMultiSelect, { id: id, "aria-label": t('properties.labels'), options: labels.map((label) => ({
+            value: label.id,
+            label: label.name,
+            render: _jsx(PmLabelName, { label: label }),
+        })), value: value, disabled: disabled, placeholder: t('labels.placeholder'), emptyText: t('labels.empty'), ...(canCreate ? { onCreate: create } : {}), onChange: onChange }));
+}
+//# sourceMappingURL=pm-property-fields.js.map

package/dist/client/components/pm-property-fields.js.map

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