@arqel-dev/ui 0.11.0 → 0.14.0

package/dist/chunk-L3JBBN4H.js

@@ -0,0 +1,27 @@
+// src/widgets/types.ts
+function toRowShape(data) {
+  return data.labels.map((label, i) => {
+    const row = { name: label };
+    data.datasets.forEach((ds, j) => {
+      row[`dataset${j}`] = ds.data[i] ?? 0;
+    });
+    return row;
+  });
+}
+var PALETTE = [
+  "#2563eb",
+  "#10b981",
+  "#f59e0b",
+  "#ef4444",
+  "#8b5cf6",
+  "#ec4899",
+  "#14b8a6",
+  "#f97316"
+];
+function colorFor(dataset, index) {
+  return dataset.color ?? PALETTE[index % PALETTE.length] ?? "#2563eb";
+}
+
+export { colorFor, toRowShape };
+//# sourceMappingURL=chunk-L3JBBN4H.js.map
+//# sourceMappingURL=chunk-L3JBBN4H.js.map

package/dist/chunk-L3JBBN4H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/widgets/types.ts"],"names":[],"mappings":";AA4CO,SAAS,WAAW,IAAA,EAAyD;AAClF,EAAA,OAAO,IAAA,CAAK,MAAA,CAAO,GAAA,CAAI,CAAC,OAAO,CAAA,KAAM;AACnC,IAAA,MAAM,GAAA,GAAuC,EAAE,IAAA,EAAM,KAAA,EAAM;AAC3D,IAAA,IAAA,CAAK,QAAA,CAAS,OAAA,CAAQ,CAAC,EAAA,EAAI,CAAA,KAAM;AAC/B,MAAA,GAAA,CAAI,UAAU,CAAC,CAAA,CAAE,IAAI,EAAA,CAAG,IAAA,CAAK,CAAC,CAAA,IAAK,CAAA;AAAA,IACrC,CAAC,CAAA;AACD,IAAA,OAAO,GAAA;AAAA,EACT,CAAC,CAAA;AACH;AAEA,IAAM,OAAA,GAAU;AAAA,EACd,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA;AAEO,SAAS,QAAA,CAAS,SAAuB,KAAA,EAAuB;AACrE,EAAA,OAAO,QAAQ,KAAA,IAAS,OAAA,CAAQ,KAAA,GAAQ,OAAA,CAAQ,MAAM,CAAA,IAAK,SAAA;AAC7D","file":"chunk-L3JBBN4H.js","sourcesContent":["export type ChartType = 'line' | 'bar' | 'area' | 'pie' | 'donut' | 'radar';\n\nexport interface ChartDataset {\n  label: string;\n  data: number[];\n  color?: string;\n}\n\nexport interface ChartData {\n  labels: string[];\n  datasets: ChartDataset[];\n}\n\nexport interface ChartWidgetProps {\n  widget: {\n    name: string;\n    type: 'chart';\n    heading?: string | undefined;\n    description?: string | undefined;\n    chartType: ChartType;\n    chartData: ChartData;\n    chartOptions?: Record<string, unknown> | undefined;\n    height: number;\n    showLegend: boolean;\n    showGrid: boolean;\n  };\n}\n\nexport interface ChartSubProps {\n  chartData: ChartData;\n  chartOptions?: Record<string, unknown> | undefined;\n  height: number;\n  showLegend: boolean;\n  showGrid: boolean;\n}\n\n/**\n * Translates the PHP-side `{labels, datasets}` shape into Recharts' expected\n * row shape: `[{ name: label, dataset1: value, dataset2: value, ... }]`.\n *\n * Dataset keys are stable indices (`dataset0`, `dataset1`, ...) so chart\n * components can pair them with their human label/color via the datasets\n * array passed to `<Line dataKey=\"dataset0\" name={datasets[0].label} />`.\n */\nexport function toRowShape(data: ChartData): Array<Record<string, number | string>> {\n  return data.labels.map((label, i) => {\n    const row: Record<string, number | string> = { name: label };\n    data.datasets.forEach((ds, j) => {\n      row[`dataset${j}`] = ds.data[i] ?? 0;\n    });\n    return row;\n  });\n}\n\nconst PALETTE = [\n  '#2563eb',\n  '#10b981',\n  '#f59e0b',\n  '#ef4444',\n  '#8b5cf6',\n  '#ec4899',\n  '#14b8a6',\n  '#f97316',\n];\n\nexport function colorFor(dataset: ChartDataset, index: number): string {\n  return dataset.color ?? PALETTE[index % PALETTE.length] ?? '#2563eb';\n}\n"]}

package/dist/chunk-M6NI45DQ.js

@@ -0,0 +1,49 @@
+import { PageHeader } from './chunk-MXUXMHOK.js';
+import { FormActions } from './chunk-MTZJDFQ6.js';
+import { FormRenderer } from './chunk-4JJS2SVS.js';
+import { useArqelForm } from '@arqel-dev/hooks';
+import { usePage, router } from '@inertiajs/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var FALLBACK_SCHEMA = {
+  schema: [],
+  columns: 1,
+  model: null,
+  inline: false,
+  disabled: false
+};
+function ArqelCreatePage() {
+  const page = usePage();
+  const props = page.props;
+  const fields = props.fields ?? [];
+  const schema = props.form ?? FALLBACK_SCHEMA;
+  const form = useArqelForm({ fields });
+  const submit = (e) => {
+    e.preventDefault();
+    const slug = props.resource?.slug ?? "";
+    const basePath = props.resource?.panelPath ?? "/admin";
+    router.post(`${basePath}/${slug}`, form.data, {
+      preserveScroll: true
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx(PageHeader, { title: `Create ${props.resource?.label ?? "record"}`, description: null }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: submit, className: "space-y-6", children: [
+      /* @__PURE__ */ jsx(
+        FormRenderer,
+        {
+          schema,
+          fields,
+          values: form.data,
+          onChange: (name, value) => form.setData(name, value),
+          errors: form.errors
+        }
+      ),
+      /* @__PURE__ */ jsx(FormActions, { processing: form.processing, onCancel: () => window.history.back() })
+    ] })
+  ] });
+}
+
+export { ArqelCreatePage };
+//# sourceMappingURL=chunk-M6NI45DQ.js.map
+//# sourceMappingURL=chunk-M6NI45DQ.js.map

package/dist/chunk-M6NI45DQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pages/ArqelCreatePage.tsx"],"names":[],"mappings":";;;;;;;AAmBA,IAAM,eAAA,GAA8B;AAAA,EAClC,QAAQ,EAAC;AAAA,EACT,OAAA,EAAS,CAAA;AAAA,EACT,KAAA,EAAO,IAAA;AAAA,EACP,MAAA,EAAQ,KAAA;AAAA,EACR,QAAA,EAAU;AACZ,CAAA;AASe,SAAR,eAAA,GAAgD;AACrD,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,QAAQ,IAAA,CAAK,KAAA;AACnB,EAAA,MAAM,MAAA,GAAU,KAAA,CAAM,MAAA,IAAU,EAAC;AACjC,EAAA,MAAM,MAAA,GAAU,MAA2C,IAAA,IAAQ,eAAA;AAEnE,EAAA,MAAM,IAAA,GAAO,YAAA,CAAa,EAAE,MAAA,EAAQ,CAAA;AAEpC,EAAA,MAAM,MAAA,GAAS,CAAC,CAAA,KAAuB;AACrC,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,MAAM,IAAA,GAAO,KAAA,CAAM,QAAA,EAAU,IAAA,IAAQ,EAAA;AACrC,IAAA,MAAM,QAAA,GAAW,KAAA,CAAM,QAAA,EAAU,SAAA,IAAa,QAAA;AAC9C,IAAA,MAAA,CAAO,KAAK,CAAA,EAAG,QAAQ,IAAI,IAAI,CAAA,CAAA,EAAI,KAAK,IAAA,EAA+B;AAAA,MACrE,cAAA,EAAgB;AAAA,KACjB,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAO,CAAA,OAAA,EAAU,KAAA,CAAM,UAAU,KAAA,IAAS,QAAQ,CAAA,CAAA,EAAI,WAAA,EAAa,IAAA,EAAM,CAAA;AAAA,oBACrF,IAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAU,MAAA,EAAQ,WAAU,WAAA,EAChC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,MAAA;AAAA,UACA,MAAA;AAAA,UACA,QAAQ,IAAA,CAAK,IAAA;AAAA,UACb,UAAU,CAAC,IAAA,EAAM,UAAU,IAAA,CAAK,OAAA,CAAQ,MAAM,KAAK,CAAA;AAAA,UACnD,QAAQ,IAAA,CAAK;AAAA;AAAA,OACf;AAAA,sBACA,GAAA,CAAC,WAAA,EAAA,EAAY,UAAA,EAAY,IAAA,CAAK,UAAA,EAAY,UAAU,MAAM,MAAA,CAAO,OAAA,CAAQ,IAAA,EAAK,EAAG;AAAA,KAAA,EACnF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-M6NI45DQ.js","sourcesContent":["/**\n * Default Inertia page for `arqel::create`.\n *\n * Renders a `<FormRenderer>` over the schema/fields the server\n * emits (with `record: null`). Submission goes through Inertia's\n * `useForm` via `useArqelForm` from `@arqel-dev/hooks` — this page is\n * just the layout shell.\n */\n\nimport { useArqelForm } from '@arqel-dev/hooks';\nimport type { FieldSchema } from '@arqel-dev/types/fields';\nimport type { FormSchema } from '@arqel-dev/types/forms';\nimport type { ResourceCreateProps } from '@arqel-dev/types/resources';\nimport { router, usePage } from '@inertiajs/react';\nimport type { FormEvent, JSX } from 'react';\nimport { FormActions } from '../form/FormActions.js';\nimport { FormRenderer } from '../form/FormRenderer.js';\nimport { PageHeader } from '../utility/PageHeader.js';\n\nconst FALLBACK_SCHEMA: FormSchema = {\n  schema: [],\n  columns: 1,\n  model: null,\n  inline: false,\n  disabled: false,\n};\n\ninterface ArqelFormShape {\n  data: Record<string, unknown>;\n  setData: (name: string, value: unknown) => void;\n  errors: Record<string, string[]>;\n  processing: boolean;\n}\n\nexport default function ArqelCreatePage(): JSX.Element {\n  const page = usePage();\n  const props = page.props as unknown as ResourceCreateProps;\n  const fields = (props.fields ?? []) as FieldSchema[];\n  const schema = (props as unknown as { form?: FormSchema }).form ?? FALLBACK_SCHEMA;\n\n  const form = useArqelForm({ fields }) as unknown as ArqelFormShape;\n\n  const submit = (e: FormEvent): void => {\n    e.preventDefault();\n    const slug = props.resource?.slug ?? '';\n    const basePath = props.resource?.panelPath ?? '/admin';\n    router.post(`${basePath}/${slug}`, form.data as Record<string, never>, {\n      preserveScroll: true,\n    });\n  };\n\n  return (\n    <div className=\"space-y-6\">\n      <PageHeader title={`Create ${props.resource?.label ?? 'record'}`} description={null} />\n      <form onSubmit={submit} className=\"space-y-6\">\n        <FormRenderer\n          schema={schema}\n          fields={fields}\n          values={form.data}\n          onChange={(name, value) => form.setData(name, value)}\n          errors={form.errors}\n        />\n        <FormActions processing={form.processing} onCancel={() => window.history.back()} />\n      </form>\n    </div>\n  );\n}\n"]}

package/dist/chunk-MTNFFSVA.js

@@ -0,0 +1,92 @@
+import { cn } from './chunk-B7ULUJVO.js';
+import { usePage } from '@inertiajs/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Breadcrumbs(props) {
+  if (props.items === void 0) {
+    return /* @__PURE__ */ jsx(SharedBreadcrumbs, { ...props });
+  }
+  return /* @__PURE__ */ jsx(BreadcrumbsList, { ...props, items: props.items });
+}
+function SharedBreadcrumbs(props) {
+  const page = usePage();
+  const items = page.props.panel?.breadcrumbs ?? [];
+  return /* @__PURE__ */ jsx(BreadcrumbsList, { ...props, items });
+}
+function BreadcrumbsList({
+  items,
+  separator = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "/" }),
+  className
+}) {
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: cn("text-sm", className), children: /* @__PURE__ */ jsx("ol", { className: "flex flex-wrap items-center gap-2 text-muted-foreground", children: items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
+      isLast || !item.url ? /* @__PURE__ */ jsx("span", { "aria-current": isLast ? "page" : void 0, className: "text-foreground", children: item.label }) : /* @__PURE__ */ jsx("a", { href: item.url, className: "hover:underline", children: item.label }),
+      !isLast && separator
+    ] }, `${item.label}-${item.url ?? "leaf"}`);
+  }) }) });
+}
+function EmptyState({ title, description, icon, action, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center gap-3 px-4 py-12 text-center text-muted-foreground",
+        className
+      ),
+      children: [
+        icon && /* @__PURE__ */ jsx("div", { className: "text-3xl", children: icon }),
+        /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-foreground", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "max-w-md text-sm", children: description }),
+        action && /* @__PURE__ */ jsx("div", { className: "mt-2", children: action })
+      ]
+    }
+  );
+}
+function ErrorState({ status, title, description, action, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "alert",
+      className: cn("flex flex-col items-center gap-3 px-4 py-16 text-center", className),
+      children: [
+        status && /* @__PURE__ */ jsx("span", { className: "text-sm font-mono text-muted-foreground", children: status }),
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "max-w-md text-sm text-muted-foreground", children: description }),
+        action && /* @__PURE__ */ jsx("div", { className: "mt-2", children: action })
+      ]
+    }
+  );
+}
+var VARIANT_CLASSES = {
+  line: "h-4 w-full",
+  block: "h-24 w-full",
+  circle: "h-10 w-10 rounded-full"
+};
+function LoadingSkeleton({
+  variant = "line",
+  width,
+  height,
+  count = 1,
+  className
+}) {
+  const items = Array.from({ length: count }, (_, i) => i);
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", "aria-hidden": "true", children: items.map((i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: { width, height },
+      className: cn(
+        "animate-pulse bg-muted",
+        variant !== "circle" && "rounded-sm",
+        VARIANT_CLASSES[variant],
+        className
+      )
+    },
+    i
+  )) });
+}
+
+export { Breadcrumbs, EmptyState, ErrorState, LoadingSkeleton };
+//# sourceMappingURL=chunk-MTNFFSVA.js.map
+//# sourceMappingURL=chunk-MTNFFSVA.js.map

package/dist/chunk-MTNFFSVA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utility/Breadcrumbs.tsx","../src/utility/EmptyState.tsx","../src/utility/ErrorState.tsx","../src/utility/LoadingSkeleton.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"chunk-MTNFFSVA.js","sourcesContent":["/**\n * `<Breadcrumbs>` — renders the panel's breadcrumb trail.\n *\n * Items can be passed explicitly, or auto-resolved from Inertia shared\n * props (`panel.breadcrumbs`, populated server-side by\n * `Arqel\\Nav\\BreadcrumbsBuilder`). Each item is a link unless it's the\n * last entry, which is rendered as plain text and marked\n * `aria-current=\"page\"`.\n *\n * `usePage()` is only invoked when `items` is omitted — explicit-items\n * usage works outside Inertia (e.g. dashboard widgets, tests).\n */\n\nimport { usePage } from '@inertiajs/react';\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface BreadcrumbItem {\n  label: string;\n  url?: string | null;\n}\n\nexport interface BreadcrumbsProps {\n  items?: BreadcrumbItem[];\n  separator?: ReactNode;\n  className?: string;\n}\n\ninterface PanelWithCrumbs {\n  panel?: { breadcrumbs?: BreadcrumbItem[] } | null;\n}\n\nexport function Breadcrumbs(props: BreadcrumbsProps) {\n  if (props.items === undefined) {\n    return <SharedBreadcrumbs {...props} />;\n  }\n  return <BreadcrumbsList {...props} items={props.items} />;\n}\n\nfunction SharedBreadcrumbs(props: BreadcrumbsProps) {\n  const page = usePage();\n  const items = (page.props as unknown as PanelWithCrumbs).panel?.breadcrumbs ?? [];\n  return <BreadcrumbsList {...props} items={items} />;\n}\n\nfunction BreadcrumbsList({\n  items,\n  separator = <span aria-hidden=\"true\">/</span>,\n  className,\n}: BreadcrumbsProps & { items: BreadcrumbItem[] }) {\n  if (items.length === 0) return null;\n\n  return (\n    <nav aria-label=\"Breadcrumb\" className={cn('text-sm', className)}>\n      <ol className=\"flex flex-wrap items-center gap-2 text-muted-foreground\">\n        {items.map((item, index) => {\n          const isLast = index === items.length - 1;\n          return (\n            <li key={`${item.label}-${item.url ?? 'leaf'}`} className=\"flex items-center gap-2\">\n              {isLast || !item.url ? (\n                <span aria-current={isLast ? 'page' : undefined} className=\"text-foreground\">\n                  {item.label}\n                </span>\n              ) : (\n                <a href={item.url} className=\"hover:underline\">\n                  {item.label}\n                </a>\n              )}\n              {!isLast && separator}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n","/**\n * `<EmptyState>` — standardised empty-state block.\n *\n * Used by DataTable's empty slot and as a stand-alone fallback when\n * a resource collection has zero records.\n */\n\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface EmptyStateProps {\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  action?: ReactNode;\n  className?: string;\n}\n\nexport function EmptyState({ title, description, icon, action, className }: EmptyStateProps) {\n  return (\n    <div\n      className={cn(\n        'flex flex-col items-center gap-3 px-4 py-12 text-center text-muted-foreground',\n        className,\n      )}\n    >\n      {icon && <div className=\"text-3xl\">{icon}</div>}\n      <h2 className=\"text-base font-semibold text-foreground\">{title}</h2>\n      {description && <p className=\"max-w-md text-sm\">{description}</p>}\n      {action && <div className=\"mt-2\">{action}</div>}\n    </div>\n  );\n}\n","/**\n * `<ErrorState>` — generic error block (404 / 403 / 500).\n *\n * Phase 1 ships a plain layout; richer illustrations / Heroicons land\n * with `@arqel-dev/fields` icon registry.\n */\n\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface ErrorStateProps {\n  status?: number;\n  title: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n  className?: string;\n}\n\nexport function ErrorState({ status, title, description, action, className }: ErrorStateProps) {\n  return (\n    <div\n      role=\"alert\"\n      className={cn('flex flex-col items-center gap-3 px-4 py-16 text-center', className)}\n    >\n      {status && <span className=\"text-sm font-mono text-muted-foreground\">{status}</span>}\n      <h1 className=\"text-2xl font-semibold tracking-tight\">{title}</h1>\n      {description && <p className=\"max-w-md text-sm text-muted-foreground\">{description}</p>}\n      {action && <div className=\"mt-2\">{action}</div>}\n    </div>\n  );\n}\n","/**\n * `<LoadingSkeleton>` — animated placeholder block.\n *\n * Variants:\n *   - `line`: single text line (default)\n *   - `block`: rectangular block (cards, hero areas)\n *   - `circle`: circular (avatars)\n *\n * Heights / widths default to readable values; override via Tailwind\n * classes or explicit `height` / `width` props for bespoke layouts.\n */\n\nimport { cn } from '../utils/cn.js';\n\nexport type SkeletonVariant = 'line' | 'block' | 'circle';\n\nexport interface LoadingSkeletonProps {\n  variant?: SkeletonVariant;\n  width?: number | string;\n  height?: number | string;\n  count?: number;\n  className?: string;\n}\n\nconst VARIANT_CLASSES: Record<SkeletonVariant, string> = {\n  line: 'h-4 w-full',\n  block: 'h-24 w-full',\n  circle: 'h-10 w-10 rounded-full',\n};\n\nexport function LoadingSkeleton({\n  variant = 'line',\n  width,\n  height,\n  count = 1,\n  className,\n}: LoadingSkeletonProps) {\n  const items = Array.from({ length: count }, (_, i) => i);\n  return (\n    <div className=\"flex flex-col gap-2\" aria-hidden=\"true\">\n      {items.map((i) => (\n        <div\n          key={i}\n          style={{ width, height }}\n          className={cn(\n            'animate-pulse bg-muted',\n            variant !== 'circle' && 'rounded-sm',\n            VARIANT_CLASSES[variant],\n            className,\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n"]}

package/dist/chunk-MTZJDFQ6.js

@@ -0,0 +1,32 @@
+import { Button } from './chunk-FHRQ7PWE.js';
+import { cn } from './chunk-B7ULUJVO.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function FormActions({
+  submitLabel = "Save",
+  cancelLabel = "Cancel",
+  onCancel,
+  processing = false,
+  disabled = false,
+  extra,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-wrap items-center justify-end gap-2 border-t border-border pt-4",
+        className
+      ),
+      children: [
+        extra && /* @__PURE__ */ jsx("div", { className: "mr-auto", children: extra }),
+        onCancel && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, disabled: processing, children: cancelLabel }),
+        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: processing || disabled, children: processing ? "Saving\u2026" : submitLabel })
+      ]
+    }
+  );
+}
+
+export { FormActions };
+//# sourceMappingURL=chunk-MTZJDFQ6.js.map
+//# sourceMappingURL=chunk-MTZJDFQ6.js.map

package/dist/chunk-MTZJDFQ6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form/FormActions.tsx"],"names":[],"mappings":";;;;AAsBO,SAAS,WAAA,CAAY;AAAA,EAC1B,WAAA,GAAc,MAAA;AAAA,EACd,WAAA,GAAc,QAAA;AAAA,EACd,QAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,QAAA,GAAW,KAAA;AAAA,EACX,KAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,2EAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,KAAA,oBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QACzC,QAAA,oBACC,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,OAAA,EAAQ,OAAA,EAAQ,OAAA,EAAS,QAAA,EAAU,QAAA,EAAU,UAAA,EAChE,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,wBAEF,GAAA,CAAC,UAAO,IAAA,EAAK,QAAA,EAAS,UAAU,UAAA,IAAc,QAAA,EAC3C,QAAA,EAAA,UAAA,GAAa,cAAA,GAAY,WAAA,EAC5B;AAAA;AAAA;AAAA,GACF;AAEJ","file":"chunk-MTZJDFQ6.js","sourcesContent":["/**\n * `<FormActions>` — submit + cancel + extra slots.\n *\n * Sits at the bottom of a form. The submit button is `type=\"submit\"`\n * so wrapping a `<form>` around `<FormRenderer>` + `<FormActions>`\n * triggers the form's onSubmit naturally.\n */\n\nimport type { ReactNode } from 'react';\nimport { Button } from '../action/Button.js';\nimport { cn } from '../utils/cn.js';\n\nexport interface FormActionsProps {\n  submitLabel?: string;\n  cancelLabel?: string;\n  onCancel?: () => void;\n  processing?: boolean;\n  disabled?: boolean;\n  extra?: ReactNode;\n  className?: string;\n}\n\nexport function FormActions({\n  submitLabel = 'Save',\n  cancelLabel = 'Cancel',\n  onCancel,\n  processing = false,\n  disabled = false,\n  extra,\n  className,\n}: FormActionsProps) {\n  return (\n    <div\n      className={cn(\n        'flex flex-wrap items-center justify-end gap-2 border-t border-border pt-4',\n        className,\n      )}\n    >\n      {extra && <div className=\"mr-auto\">{extra}</div>}\n      {onCancel && (\n        <Button type=\"button\" variant=\"ghost\" onClick={onCancel} disabled={processing}>\n          {cancelLabel}\n        </Button>\n      )}\n      <Button type=\"submit\" disabled={processing || disabled}>\n        {processing ? 'Saving…' : submitLabel}\n      </Button>\n    </div>\n  );\n}\n"]}

package/dist/chunk-MXUXMHOK.js

@@ -0,0 +1,16 @@
+import { cn } from './chunk-B7ULUJVO.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function PageHeader({ title, description, actions, className }) {
+  return /* @__PURE__ */ jsxs("header", { className: cn("flex flex-wrap items-start gap-4", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: description })
+    ] }),
+    actions && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: actions })
+  ] });
+}
+
+export { PageHeader };
+//# sourceMappingURL=chunk-MXUXMHOK.js.map
+//# sourceMappingURL=chunk-MXUXMHOK.js.map

package/dist/chunk-MXUXMHOK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utility/PageHeader.tsx"],"names":[],"mappings":";;;AAiBO,SAAS,WAAW,EAAE,KAAA,EAAO,WAAA,EAAa,OAAA,EAAS,WAAU,EAAoB;AACtF,EAAA,4BACG,QAAA,EAAA,EAAO,SAAA,EAAW,EAAA,CAAG,kCAAA,EAAoC,SAAS,CAAA,EACjE,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,uCAAA,EAAyC,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC5D,WAAA,oBAAe,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sCAAsC,QAAA,EAAA,WAAA,EAAY;AAAA,KAAA,EACjF,CAAA;AAAA,IACC,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qCAAqC,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EAC1E,CAAA;AAEJ","file":"chunk-MXUXMHOK.js","sourcesContent":["/**\n * `<PageHeader>` — title + optional description + action slot.\n *\n * Used at the top of Resource pages right under `<Breadcrumbs>`. Pass\n * `actions` to render a row of buttons aligned right.\n */\n\nimport type { ReactNode } from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface PageHeaderProps {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  className?: string;\n}\n\nexport function PageHeader({ title, description, actions, className }: PageHeaderProps) {\n  return (\n    <header className={cn('flex flex-wrap items-start gap-4', className)}>\n      <div className=\"min-w-0 flex-1\">\n        <h1 className=\"text-2xl font-semibold tracking-tight\">{title}</h1>\n        {description && <p className=\"mt-1 text-sm text-muted-foreground\">{description}</p>}\n      </div>\n      {actions && <div className=\"flex flex-wrap items-center gap-2\">{actions}</div>}\n    </header>\n  );\n}\n"]}

package/dist/chunk-PXON56HL.js

@@ -0,0 +1,35 @@
+import { DashboardGrid } from './chunk-47HD7ALI.js';
+import { usePage, router } from '@inertiajs/react';
+import { jsx } from 'react/jsx-runtime';
+
+function ArqelDashboardPage() {
+  const { dashboard, filterValues } = usePage().props;
+  const handleFilterChange = (name, value) => {
+    const current = filterValues ?? {};
+    const next = { ...current };
+    if (value === void 0 || value === null || value === "") {
+      delete next[name];
+    } else {
+      next[name] = value;
+    }
+    const path = dashboard.path ?? `/admin/dashboards/${dashboard.id}`;
+    const params = Object.keys(next).length > 0 ? { filters: next } : {};
+    router.get(path, params, {
+      preserveState: true,
+      preserveScroll: true,
+      replace: true
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    DashboardGrid,
+    {
+      dashboard,
+      filterValues: filterValues ?? {},
+      onFilterChange: handleFilterChange
+    }
+  );
+}
+
+export { ArqelDashboardPage };
+//# sourceMappingURL=chunk-PXON56HL.js.map
+//# sourceMappingURL=chunk-PXON56HL.js.map

package/dist/chunk-PXON56HL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pages/ArqelDashboardPage.tsx"],"names":[],"mappings":";;;;AA0Be,SAAR,kBAAA,GAAmD;AACxD,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAI,SAAiC,CAAE,KAAA;AAEvE,EAAA,MAAM,kBAAA,GAAqB,CAAC,IAAA,EAAc,KAAA,KAAyB;AACjE,IAAA,MAAM,OAAA,GAAU,gBAAgB,EAAC;AACjC,IAAA,MAAM,IAAA,GAAgC,EAAE,GAAG,OAAA,EAAQ;AACnD,IAAA,IAAI,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA,IAAQ,UAAU,EAAA,EAAI;AACzD,MAAA,OAAO,KAAK,IAAI,CAAA;AAAA,IAClB,CAAA,MAAO;AACL,MAAA,IAAA,CAAK,IAAI,CAAA,GAAI,KAAA;AAAA,IACf;AAEA,IAAA,MAAM,IAAA,GAAO,SAAA,CAAU,IAAA,IAAQ,CAAA,kBAAA,EAAqB,UAAU,EAAE,CAAA,CAAA;AAChE,IAAA,MAAM,MAAA,GAAU,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,EAAE,OAAA,EAAS,IAAA,EAAK,GAAI,EAAC;AAEpE,IAAA,MAAA,CAAO,GAAA,CAAI,MAAM,MAAA,EAAQ;AAAA,MACvB,aAAA,EAAe,IAAA;AAAA,MACf,cAAA,EAAgB,IAAA;AAAA,MAChB,OAAA,EAAS;AAAA,KACV,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,YAAA,EAAc,gBAAgB,EAAC;AAAA,MAC/B,cAAA,EAAgB;AAAA;AAAA,GAClB;AAEJ","file":"chunk-PXON56HL.js","sourcesContent":["/**\n * Default Inertia page for `arqel::dashboard`.\n *\n * Bridges the Inertia payload emitted by\n * `Arqel\\Widgets\\Http\\Controllers\\DashboardController::show` into the\n * existing `<DashboardGrid>` component. The grid already handles the\n * heading/description chrome, the filter bar and the responsive\n * widget grid (column spans, polling, deferred fetch), so this page\n * only owns one piece of glue: lifting filter state up into the URL\n * so deep-link refreshes rehydrate cleanly.\n *\n * Filter changes navigate via `router.get(path, { filters: ... })`,\n * matching `DashboardController::show` which reads\n * `$request->input('filters', [])` and forwards it as `filterValues`.\n */\n\nimport { router, usePage } from '@inertiajs/react';\nimport type { JSX } from 'react';\nimport { DashboardGrid, type DashboardPayload } from '../widgets/index.js';\n\ninterface ArqelDashboardPageProps {\n  dashboard: DashboardPayload;\n  filterValues?: Record<string, unknown>;\n  [key: string]: unknown;\n}\n\nexport default function ArqelDashboardPage(): JSX.Element {\n  const { dashboard, filterValues } = usePage<ArqelDashboardPageProps>().props;\n\n  const handleFilterChange = (name: string, value: unknown): void => {\n    const current = filterValues ?? {};\n    const next: Record<string, unknown> = { ...current };\n    if (value === undefined || value === null || value === '') {\n      delete next[name];\n    } else {\n      next[name] = value;\n    }\n\n    const path = dashboard.path ?? `/admin/dashboards/${dashboard.id}`;\n    const params = (Object.keys(next).length > 0 ? { filters: next } : {}) as never;\n\n    router.get(path, params, {\n      preserveState: true,\n      preserveScroll: true,\n      replace: true,\n    });\n  };\n\n  return (\n    <DashboardGrid\n      dashboard={dashboard}\n      filterValues={filterValues ?? {}}\n      onFilterChange={handleFilterChange}\n    />\n  );\n}\n"]}