@rangka/client 0.0.1

package/dist/widgets/components/DataWidget.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { useModelRecord } from '../data/useModelRecord.js';
+import { useModelQuery } from '../data/useModelQuery.js';
+import { useWidgetContext, WidgetContextProvider } from '../hooks/useWidgetContext.js';
+import { WidgetRenderer } from '../renderer/WidgetRenderer.js';
+export function DataWidget({ bind, props, on, childNodes }) {
+    const ctx = useWidgetContext();
+    const modelName = ctx.model;
+    const id = bind.id ?? undefined;
+    const pageSize = props.pageSize;
+    const placeholder = props.placeholder;
+    if (!modelName)
+        return null;
+    if (id) {
+        return (_jsx(DataRecordMode, { model: modelName, id: id, placeholder: placeholder, on: on, childNodes: childNodes }));
+    }
+    return (_jsx(DataListMode, { model: modelName, pageSize: pageSize, placeholder: placeholder, on: on, childNodes: childNodes }));
+}
+function DataRecordMode({ model, id, placeholder, on, childNodes, }) {
+    const parentCtx = useWidgetContext();
+    const { data, isLoading, error } = useModelRecord({ model, id });
+    React.useEffect(() => {
+        if (error)
+            on.error?.({ message: error.message });
+    }, [error, on]);
+    React.useEffect(() => {
+        if (data)
+            on.load?.({ record: data });
+    }, [data, on]);
+    if (isLoading) {
+        if (placeholder)
+            return (_jsx("div", { "data-rangka-widget": "data", "data-state": "loading", children: placeholder }));
+        return null;
+    }
+    if (!data) {
+        if (placeholder)
+            return (_jsx("div", { "data-rangka-widget": "data", "data-state": "empty", children: placeholder }));
+        return null;
+    }
+    const ctx = {
+        record: data,
+        model,
+        mode: 'view',
+        parent: parentCtx,
+    };
+    return (_jsx(WidgetContextProvider, { value: ctx, children: _jsx("div", { "data-rangka-widget": "data", children: _jsx(DataChildren, { childNodes: childNodes }) }) }));
+}
+function DataListMode({ model, pageSize, placeholder, on, childNodes, }) {
+    const parentCtx = useWidgetContext();
+    const { data, isLoading, error } = useModelQuery({
+        model,
+        pageSize: pageSize ?? 20,
+    });
+    React.useEffect(() => {
+        if (error)
+            on.error?.({ message: error.message });
+    }, [error, on]);
+    React.useEffect(() => {
+        if (data && data.length > 0)
+            on.load?.({ records: data });
+    }, [data, on]);
+    if (isLoading) {
+        if (placeholder)
+            return (_jsx("div", { "data-rangka-widget": "data", "data-state": "loading", children: placeholder }));
+        return null;
+    }
+    if (!data || data.length === 0) {
+        if (placeholder)
+            return (_jsx("div", { "data-rangka-widget": "data", "data-state": "empty", children: placeholder }));
+        return null;
+    }
+    const ctx = {
+        record: data[0],
+        records: data,
+        model,
+        mode: 'view',
+        parent: parentCtx,
+    };
+    return (_jsx(WidgetContextProvider, { value: ctx, children: _jsx("div", { "data-rangka-widget": "data", children: _jsx(DataChildren, { childNodes: childNodes }) }) }));
+}
+function DataChildren({ childNodes }) {
+    if (!childNodes || childNodes.length === 0)
+        return null;
+    return (_jsx(_Fragment, { children: childNodes.map((child, i) => (_jsx(WidgetRenderer, { node: child }, child.id ?? i))) }));
+}
+DataWidget.widgetMeta = {
+    name: 'data',
+    label: 'Data',
+    category: 'data',
+    schema: {
+        placeholder: { type: 'string' },
+        pageSize: { type: 'number' },
+    },
+    binding: 'model',
+    triggers: ['load', 'error'],
+    container: true,
+};
+//# sourceMappingURL=DataWidget.js.map

package/dist/widgets/components/DataWidget.js.map

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

package/dist/widgets/components/DatePickerWidget.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function DatePickerWidget({ props, bind, on }: WidgetProps): React.JSX.Element;
+export declare namespace DatePickerWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "input";
+        schema: {
+            label: {
+                type: "string";
+            };
+            disabled: {
+                type: "boolean";
+                default: boolean;
+            };
+        };
+        binding: "field";
+        triggers: string[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=DatePickerWidget.d.ts.map

package/dist/widgets/components/DatePickerWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/DatePickerWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,WAAW,qBAkDhE;yBAlDe,gBAAgB"}

package/dist/widgets/components/DatePickerWidget.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover';
+import { Button } from '@/components/ui/button';
+import { Calendar } from '@/components/ui/calendar';
+import { Field, FieldLabel } from '@/components/ui/field';
+import { CalendarIcon } from 'lucide-react';
+import { format, parseISO } from 'date-fns';
+export function DatePickerWidget({ props, bind, on }) {
+    const label = props.label ?? bind.meta?.label ?? '';
+    const disabled = props.disabled ?? bind.meta?.readOnly ?? false;
+    const [open, setOpen] = useState(false);
+    const error = bind.error;
+    const rawValue = bind.value;
+    const dateValue = rawValue ? parseISO(rawValue) : undefined;
+    const handleSelect = (day) => {
+        if (day) {
+            const iso = format(day, 'yyyy-MM-dd');
+            bind.setValue?.(iso);
+            on.change?.(iso);
+        }
+        setOpen(false);
+    };
+    return (_jsxs(Field, { children: [label && _jsx(FieldLabel, { children: label }), _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", disabled: disabled, className: "w-full justify-start text-left font-normal h-8 text-xs", children: [_jsx(CalendarIcon, { className: "mr-2 size-3.5 text-muted-foreground" }), dateValue ? (format(dateValue, 'PPP')) : (_jsx("span", { className: "text-muted-foreground", children: "Pick a date" }))] }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsx(Calendar, { mode: "single", selected: dateValue, onSelect: handleSelect, captionLayout: "dropdown", startMonth: new Date(1900, 0), endMonth: new Date(2100, 11) }) })] }), error && _jsx("p", { className: "text-xs text-destructive mt-1", children: error })] }));
+}
+DatePickerWidget.widgetMeta = {
+    name: 'datepicker',
+    label: 'Date Picker',
+    category: 'input',
+    schema: {
+        label: { type: 'string' },
+        disabled: { type: 'boolean', default: false },
+    },
+    binding: 'field',
+    triggers: ['change'],
+    container: false,
+};
+//# sourceMappingURL=DatePickerWidget.js.map

package/dist/widgets/components/DatePickerWidget.js.map

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

package/dist/widgets/components/DatetimeWidget.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function DatetimeWidget({ props, bind, on }: WidgetProps): React.JSX.Element;
+export declare namespace DatetimeWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "input";
+        schema: {
+            label: {
+                type: "string";
+            };
+            disabled: {
+                type: "boolean";
+                default: boolean;
+            };
+        };
+        binding: "field";
+        triggers: string[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=DatetimeWidget.d.ts.map

package/dist/widgets/components/DatetimeWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatetimeWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/DatetimeWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAcxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM/C,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,WAAW,qBA8H9D;yBA9He,cAAc"}

package/dist/widgets/components/DatetimeWidget.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover';
+import { Button } from '@/components/ui/button';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, } from '@/components/ui/select';
+import { Calendar } from '@/components/ui/calendar';
+import { Field, FieldLabel } from '@/components/ui/field';
+import { CalendarIcon } from 'lucide-react';
+import { format, parseISO, setHours, setMinutes } from 'date-fns';
+const HOURS = Array.from({ length: 12 }, (_, i) => (i === 0 ? 12 : i).toString());
+const MINUTES = Array.from({ length: 60 }, (_, i) => i.toString().padStart(2, '0'));
+const PERIODS = ['AM', 'PM'];
+export function DatetimeWidget({ props, bind, on }) {
+    const label = props.label ?? bind.meta?.label ?? '';
+    const disabled = props.disabled ?? bind.meta?.readOnly ?? false;
+    const [open, setOpen] = useState(false);
+    const rawValue = bind.value;
+    const dateValue = rawValue ? parseISO(rawValue) : undefined;
+    const hours = dateValue ? dateValue.getHours() : 0;
+    const minutes = dateValue ? dateValue.getMinutes() : 0;
+    const period = hours >= 12 ? 'PM' : 'AM';
+    const displayHour = hours % 12 === 0 ? 12 : hours % 12;
+    const updateValue = (day, h, m) => {
+        if (!day)
+            return;
+        let d = setHours(day, h);
+        d = setMinutes(d, m);
+        const iso = d.toISOString();
+        bind.setValue?.(iso);
+        on.change?.(iso);
+    };
+    const handleSelect = (day) => {
+        if (day) {
+            updateValue(day, hours, minutes);
+        }
+    };
+    const handleHourChange = (value) => {
+        const h12 = parseInt(value);
+        const h24 = period === 'AM' ? (h12 === 12 ? 0 : h12) : h12 === 12 ? 12 : h12 + 12;
+        const day = dateValue ?? new Date();
+        updateValue(day, h24, minutes);
+    };
+    const handleMinuteChange = (value) => {
+        const m = parseInt(value);
+        const day = dateValue ?? new Date();
+        updateValue(day, hours, m);
+    };
+    const handlePeriodChange = (value) => {
+        const h12 = displayHour;
+        const h24 = value === 'AM' ? (h12 === 12 ? 0 : h12) : h12 === 12 ? 12 : h12 + 12;
+        const day = dateValue ?? new Date();
+        updateValue(day, h24, minutes);
+    };
+    return (_jsxs(Field, { children: [label && _jsx(FieldLabel, { children: label }), _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", disabled: disabled, className: "w-full justify-start text-left font-normal h-8 text-xs", children: [_jsx(CalendarIcon, { className: "mr-2 size-3.5 text-muted-foreground" }), dateValue ? (format(dateValue, 'PPP hh:mm a')) : (_jsx("span", { className: "text-muted-foreground", children: "Pick date and time" }))] }) }), _jsxs(PopoverContent, { className: "w-auto p-0", align: "start", children: [_jsx(Calendar, { mode: "single", selected: dateValue, onSelect: handleSelect, captionLayout: "dropdown", startMonth: new Date(1900, 0), endMonth: new Date(2100, 11) }), _jsxs("div", { className: "flex items-center gap-2 border-t border-border px-3 py-2", children: [_jsxs(Select, { value: displayHour.toString(), onValueChange: handleHourChange, disabled: disabled, children: [_jsx(SelectTrigger, { className: "w-16 h-7 text-xs", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { position: "popper", className: "max-h-48", children: HOURS.map((h) => (_jsx(SelectItem, { value: h, className: "text-xs", children: h }, h))) })] }), _jsx("span", { className: "text-xs text-muted-foreground", children: ":" }), _jsxs(Select, { value: minutes.toString().padStart(2, '0'), onValueChange: handleMinuteChange, disabled: disabled, children: [_jsx(SelectTrigger, { className: "w-16 h-7 text-xs", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { position: "popper", className: "max-h-48", children: MINUTES.map((m) => (_jsx(SelectItem, { value: m, className: "text-xs", children: m }, m))) })] }), _jsxs(Select, { value: period, onValueChange: handlePeriodChange, disabled: disabled, children: [_jsx(SelectTrigger, { className: "w-16 h-7 text-xs", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: PERIODS.map((p) => (_jsx(SelectItem, { value: p, className: "text-xs", children: p }, p))) })] })] })] })] })] }));
+}
+DatetimeWidget.widgetMeta = {
+    name: 'datetime',
+    label: 'Date & Time',
+    category: 'input',
+    schema: {
+        label: { type: 'string' },
+        disabled: { type: 'boolean', default: false },
+    },
+    binding: 'field',
+    triggers: ['change'],
+    container: false,
+};
+//# sourceMappingURL=DatetimeWidget.js.map

package/dist/widgets/components/DatetimeWidget.js.map

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

package/dist/widgets/components/DividerWidget.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function DividerWidget({ props }: WidgetProps): React.JSX.Element;
+export declare namespace DividerWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "layout";
+        schema: {
+            margin: {
+                type: "enum";
+                options: string[];
+            };
+            marginY: {
+                type: "enum";
+                options: string[];
+            };
+        };
+        binding: "none";
+        triggers: never[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=DividerWidget.d.ts.map

package/dist/widgets/components/DividerWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividerWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/DividerWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAU/C,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW,qBAKnD;yBALe,aAAa"}

package/dist/widgets/components/DividerWidget.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Separator } from '@/components/ui/separator';
+const spacingMap = {
+    none: 'my-0',
+    sm: 'my-2',
+    md: 'my-4',
+    lg: 'my-6',
+    xl: 'my-8',
+};
+export function DividerWidget({ props }) {
+    const margin = props.margin ?? props.marginY ?? 'md';
+    const className = spacingMap[margin] ?? spacingMap.md;
+    return _jsx(Separator, { className: className });
+}
+DividerWidget.widgetMeta = {
+    name: 'divider',
+    label: 'Divider',
+    category: 'layout',
+    schema: {
+        margin: {
+            type: 'enum',
+            options: ['none', 'sm', 'md', 'lg', 'xl'],
+        },
+        marginY: {
+            type: 'enum',
+            options: ['none', 'sm', 'md', 'lg', 'xl'],
+        },
+    },
+    binding: 'none',
+    triggers: [],
+    container: false,
+};
+//# sourceMappingURL=DividerWidget.js.map

package/dist/widgets/components/DividerWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividerWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/DividerWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,MAAM,UAAU,GAA2B;IACzC,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;CACX,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAe;IAClD,MAAM,MAAM,GAAI,KAAK,CAAC,MAAiB,IAAK,KAAK,CAAC,OAAkB,IAAI,IAAI,CAAC;IAC7E,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,UAAU,CAAC,EAAE,CAAC;IAEtD,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC;AAC7C,CAAC;AAED,aAAa,CAAC,UAAU,GAAG;IACzB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,QAAiB;IAC3B,MAAM,EAAE;QACN,MAAM,EAAE;YACN,IAAI,EAAE,MAAe;YACrB,OAAO,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;SAC1C;QACD,OAAO,EAAE;YACP,IAAI,EAAE,MAAe;YACrB,OAAO,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;SAC1C;KACF;IACD,OAAO,EAAE,MAAe;IACxB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,KAAK;CACjB,CAAC"}

package/dist/widgets/components/DrawerWidget.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function DrawerWidget({ props, children }: WidgetProps): React.JSX.Element;
+export declare namespace DrawerWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "layout";
+        schema: {
+            width: {
+                type: "enum";
+                options: string[];
+                default: string;
+            };
+            title: {
+                type: "string";
+            };
+            closable: {
+                type: "boolean";
+                default: boolean;
+            };
+        };
+        binding: "none";
+        triggers: never[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=DrawerWidget.d.ts.map

package/dist/widgets/components/DrawerWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/DrawerWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS/C,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,qBA0B5D;yBA1Be,YAAY"}

package/dist/widgets/components/DrawerWidget.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Sheet, SheetContent, SheetHeader, SheetTitle } from '@/components/ui/sheet';
+import { usePageState } from '../hooks/usePageState.js';
+const sizeMap = {
+    sm: 'w-80',
+    md: 'w-[28rem]',
+    lg: 'w-[40rem]',
+};
+export function DrawerWidget({ props, children }) {
+    const title = props.title ?? '';
+    const size = props.width ?? 'md';
+    const closable = props.closable ?? true;
+    const visibleField = props._visibleField;
+    const state = usePageState();
+    const handleOpenChange = (open) => {
+        if (!open && closable && visibleField && visibleField.startsWith('$state.')) {
+            const key = visibleField.slice(7);
+            state.set(key, false);
+        }
+    };
+    return (_jsx(Sheet, { open: true, onOpenChange: handleOpenChange, children: _jsxs(SheetContent, { className: sizeMap[size], side: "right", children: [title && (_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: title }) })), _jsx("div", { className: "flex-1 overflow-y-auto p-4", children: children })] }) }));
+}
+DrawerWidget.widgetMeta = {
+    name: 'drawer',
+    label: 'Drawer',
+    category: 'layout',
+    schema: {
+        width: { type: 'enum', options: ['sm', 'md', 'lg'], default: 'md' },
+        title: { type: 'string' },
+        closable: { type: 'boolean', default: true },
+    },
+    binding: 'none',
+    triggers: [],
+    container: true,
+};
+//# sourceMappingURL=DrawerWidget.js.map

package/dist/widgets/components/DrawerWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerWidget.js","sourceRoot":"","sources":["../../../src/widgets/components/DrawerWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAErF,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,OAAO,GAAG;IACd,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;CAChB,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAe;IAC3D,MAAM,KAAK,GAAI,KAAK,CAAC,KAAgB,IAAI,EAAE,CAAC;IAC5C,MAAM,IAAI,GAAI,KAAK,CAAC,KAA4B,IAAI,IAAI,CAAC;IACzD,MAAM,QAAQ,GAAI,KAAK,CAAC,QAAoB,IAAI,IAAI,CAAC;IACrD,MAAM,YAAY,GAAG,KAAK,CAAC,aAAmC,CAAC;IAC/D,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAE7B,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAE,EAAE;QACzC,IAAI,CAAC,IAAI,IAAI,QAAQ,IAAI,YAAY,IAAI,YAAY,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;YAC5E,MAAM,GAAG,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAClC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,gBAAgB,YAC/C,MAAC,YAAY,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,OAAO,aACjD,KAAK,IAAI,CACR,KAAC,WAAW,cACV,KAAC,UAAU,cAAE,KAAK,GAAc,GACpB,CACf,EACD,cAAK,SAAS,EAAC,4BAA4B,YAAE,QAAQ,GAAO,IAC/C,GACT,CACT,CAAC;AACJ,CAAC;AAED,YAAY,CAAC,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,QAAiB;IAC3B,MAAM,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,MAAe,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;QAC5E,KAAK,EAAE,EAAE,IAAI,EAAE,QAAiB,EAAE;QAClC,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAkB,EAAE,OAAO,EAAE,IAAI,EAAE;KACtD;IACD,OAAO,EAAE,MAAe;IACxB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,IAAI;CAChB,CAAC"}

package/dist/widgets/components/DynamicLinkWidget.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function DynamicLinkWidget({ props, bind, on, context }: WidgetProps): React.JSX.Element;
+export declare namespace DynamicLinkWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "input";
+        schema: {
+            label: {
+                type: "string";
+            };
+            modelField: {
+                type: "string";
+            };
+            models: {
+                type: "array";
+            };
+            disabled: {
+                type: "boolean";
+                default: boolean;
+            };
+        };
+        binding: "field";
+        triggers: string[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=DynamicLinkWidget.d.ts.map

package/dist/widgets/components/DynamicLinkWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicLinkWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/DynamicLinkWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAoBxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,WAAW,qBA4F1E;yBA5Fe,iBAAiB"}

package/dist/widgets/components/DynamicLinkWidget.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, } from '@/components/ui/command';
+import { Button } from '@/components/ui/button';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, } from '@/components/ui/select';
+import { Field, FieldLabel } from '@/components/ui/field';
+import { cn } from '@/lib/utils';
+export function DynamicLinkWidget({ props, bind, on, context }) {
+    const label = props.label ?? bind.meta?.label ?? '';
+    const disabled = props.disabled ?? bind.meta?.readOnly ?? false;
+    const models = props.models ?? [];
+    const [open, setOpen] = useState(false);
+    const [search, setSearch] = useState('');
+    const options = (bind.meta?.options ?? []);
+    const currentValue = bind.value;
+    const selectedOption = options.find((o) => o.value === currentValue);
+    // The model type field name from the dynamicLink config
+    const modelField = props.modelField ?? '';
+    const currentModel = context.record[modelField] ?? '';
+    const handleModelChange = (model) => {
+        // Update the model type field on the record
+        on.change?.({ model, value: null });
+    };
+    const handleRecordSelect = (value) => {
+        bind.setValue?.(value);
+        on.change?.({ model: currentModel, value });
+        setOpen(false);
+        setSearch('');
+    };
+    const handleSearchChange = (value) => {
+        setSearch(value);
+        on.search?.(value);
+    };
+    return (_jsxs(Field, { children: [label && _jsx(FieldLabel, { children: label }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Select, { value: currentModel, onValueChange: handleModelChange, disabled: disabled, children: [_jsx(SelectTrigger, { className: "w-40 h-7 text-xs", children: _jsx(SelectValue, { placeholder: "Model..." }) }), _jsx(SelectContent, { children: models.map((m) => (_jsx(SelectItem, { value: m, children: m }, m))) })] }), _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", role: "combobox", "aria-expanded": open, disabled: disabled || !currentModel, className: "flex-1 justify-between font-normal h-7 text-xs", children: selectedOption ? (selectedOption.label) : (_jsx("span", { className: "text-muted-foreground", children: "Select record..." })) }) }), _jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: _jsxs(Command, { shouldFilter: false, children: [_jsx(CommandInput, { placeholder: "Search...", value: search, onValueChange: handleSearchChange }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: "No results found." }), _jsx(CommandGroup, { children: options.map((opt) => (_jsx(CommandItem, { value: opt.value, onSelect: () => handleRecordSelect(opt.value), className: cn(opt.value === currentValue && 'bg-accent'), children: opt.label }, opt.value))) })] })] }) })] })] })] }));
+}
+DynamicLinkWidget.widgetMeta = {
+    name: 'dynamic-link',
+    label: 'Dynamic Link',
+    category: 'input',
+    schema: {
+        label: { type: 'string' },
+        modelField: { type: 'string' },
+        models: { type: 'array' },
+        disabled: { type: 'boolean', default: false },
+    },
+    binding: 'field',
+    triggers: ['change', 'search'],
+    container: false,
+};
+//# sourceMappingURL=DynamicLinkWidget.js.map

package/dist/widgets/components/DynamicLinkWidget.js.map

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

package/dist/widgets/components/GridWidget.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+export declare function GridWidget({ props, children }: WidgetProps): React.JSX.Element;
+export declare namespace GridWidget {
+    var widgetMeta: {
+        name: string;
+        label: string;
+        category: "layout";
+        schema: {
+            columns: {
+                type: "number";
+                default: number;
+            };
+            gap: {
+                type: "enum";
+                options: string[];
+                default: string;
+            };
+            rowGap: {
+                type: "enum";
+                options: string[];
+            };
+            colGap: {
+                type: "enum";
+                options: string[];
+            };
+            autoFlow: {
+                type: "enum";
+                options: string[];
+                default: string;
+            };
+            responsive: {
+                type: "object";
+            };
+            padding: {
+                type: "enum";
+                options: string[];
+            };
+            paddingX: {
+                type: "enum";
+                options: string[];
+            };
+            paddingY: {
+                type: "enum";
+                options: string[];
+            };
+        };
+        binding: "none";
+        triggers: never[];
+        container: boolean;
+    };
+}
+//# sourceMappingURL=GridWidget.d.ts.map

package/dist/widgets/components/GridWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/components/GridWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AA+D/C,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,qBA2C1D;yBA3Ce,UAAU"}