@mieweb/ui 0.10.0-dev.4 → 0.10.0-dev.40

package/dist/chunk-VEE46VTX.js

@@ -0,0 +1,166 @@
+import { ViewSwitcher } from './chunk-IT775BYG.js';
+import { GanttView } from './chunk-Y4QNLW7W.js';
+import { ListView } from './chunk-UNFDIBKJ.js';
+import { CalendarView } from './chunk-RZSSQ7AT.js';
+import { BoardView } from './chunk-XVW5DPPP.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var FIRST_ID = (views) => {
+  const first = views[0];
+  return (typeof first === "string" ? first : first?.id) ?? "list";
+};
+var readStored = (key) => {
+  try {
+    return globalThis.localStorage?.getItem(key) ?? null;
+  } catch {
+    return null;
+  }
+};
+var writeStored = (key, value) => {
+  try {
+    globalThis.localStorage?.setItem(key, value);
+  } catch {
+  }
+};
+function ViewSet({
+  views,
+  view,
+  defaultView,
+  onViewChange,
+  storageKey,
+  stages,
+  onMove,
+  toolbar,
+  filters,
+  overview,
+  table,
+  detail,
+  listProps,
+  boardProps,
+  calendarProps,
+  ganttProps,
+  className,
+  classNames,
+  ...shared
+}) {
+  const [internalView, setInternalView] = React.useState(
+    () => defaultView ?? FIRST_ID(views)
+  );
+  const offered = React.useMemo(
+    () => views.filter((v) => {
+      const id = typeof v === "string" ? v : v.id;
+      if (id === "overview") return overview != null;
+      if (id === "table") return table != null;
+      return true;
+    }),
+    [views, overview, table]
+  );
+  React.useEffect(() => {
+    if (!storageKey || view) return;
+    const stored = readStored(storageKey);
+    if (stored && offered.some((v) => (typeof v === "string" ? v : v.id) === stored))
+      setInternalView(stored);
+  }, [storageKey, view, offered]);
+  const requested = view ?? internalView;
+  const active = offered.some(
+    (v) => (typeof v === "string" ? v : v.id) === requested
+  ) ? requested : FIRST_ID(offered);
+  const changeView = (next) => {
+    if (!view) setInternalView(next);
+    if (storageKey && !view) writeStored(storageKey, next);
+    onViewChange?.(next);
+  };
+  const body = (() => {
+    switch (active) {
+      case "overview":
+        return overview ?? null;
+      case "table":
+        return table ?? null;
+      case "board":
+        return /* @__PURE__ */ jsx(
+          BoardView,
+          {
+            ...shared,
+            stages: stages ?? [],
+            onMove,
+            ...boardProps
+          }
+        );
+      case "calendar":
+        return /* @__PURE__ */ jsx(CalendarView, { ...shared, ...calendarProps });
+      case "gantt":
+        return /* @__PURE__ */ jsx(GanttView, { ...shared, ...ganttProps });
+      case "roadmap":
+        return /* @__PURE__ */ jsx(
+          GanttView,
+          {
+            ...shared,
+            ...ganttProps,
+            cadence: "quarter",
+            groupByLane: true
+          }
+        );
+      case "list":
+      default:
+        return /* @__PURE__ */ jsx(ListView, { ...shared, stages, ...listProps });
+    }
+  })();
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "view-set", className: cn("flex flex-col gap-3", className), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "view-set-toolbar",
+        className: cn("flex flex-wrap items-center gap-2", classNames?.toolbar),
+        children: [
+          toolbar,
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "view-set-switcher",
+              className: cn("ms-auto", classNames?.switcher),
+              children: /* @__PURE__ */ jsx(
+                ViewSwitcher,
+                {
+                  views: offered,
+                  value: active,
+                  onValueChange: changeView,
+                  label: shared.labels?.viewSwitcher
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    filters,
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "view-set-body",
+        className: cn(
+          // Plain column spans rather than an arbitrary grid template, so a
+          // Tailwind 3 consumer needs no extra safelist entry.
+          detail && "gap-3 lg:grid lg:grid-cols-3",
+          classNames?.body
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: cn("min-w-0", detail && "lg:col-span-2"), children: body }),
+          detail && /* @__PURE__ */ jsx(
+            "aside",
+            {
+              "data-slot": "view-set-detail",
+              className: cn("min-w-0", classNames?.detail),
+              children: detail
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+export { ViewSet };
+//# sourceMappingURL=chunk-VEE46VTX.js.map
+//# sourceMappingURL=chunk-VEE46VTX.js.map

package/dist/chunk-VEE46VTX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ViewSet/ViewSet.tsx"],"names":[],"mappings":"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","file":"chunk-VEE46VTX.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { ViewSwitcher, type ViewOption } from '../ViewSwitcher';\nimport { ListView, type ListViewProps } from '../ListView';\nimport { BoardView, type BoardLabels, type BoardViewProps } from '../BoardView';\nimport {\n  CalendarView,\n  type CalendarLabels,\n  type CalendarViewProps,\n} from '../CalendarView';\nimport { GanttView, type GanttLabels, type GanttViewProps } from '../GanttView';\nimport type { Stage, ViewBaseProps, ViewId } from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Every string any layout in the set can render.\n *\n * Each view extends `ViewLabels` with its own — the calendar's month arrows and\n * \"+n more\", the board's move announcements, the Gantt's undated footnote. They\n * are all shared props, so the per-view escape hatches below exclude `labels`;\n * without widening here a non-English host could translate the common strings\n * and nothing else, which would break the contract that every user-facing\n * string is overridable. A view ignores the keys it does not know.\n */\nexport type ViewSetLabels = Partial<CalendarLabels & BoardLabels & GanttLabels>;\n\n/**\n * Props `ViewSet` passes to every layout itself, beyond `ViewBaseProps`. Named\n * here so the per-view escape hatches below can exclude them by key rather than\n * by a hand-kept list that would drift the moment a shared prop is added.\n */\ntype ViewSetOwned = 'stages' | 'onMove' | 'timeZone' | 'locale';\n\ntype ViewOverrides<P, T> = Omit<\n  Partial<P>,\n  keyof ViewBaseProps<T> | ViewSetOwned\n>;\n\nexport interface ViewSetProps<T> extends ViewBaseProps<T> {\n  /** Every string any offered layout can render, not just the shared ones. */\n  labels?: ViewSetLabels;\n  /** Views to offer, in order. The first is the default when uncontrolled. */\n  views: readonly (ViewId | ViewOption)[];\n  view?: ViewId;\n  defaultView?: ViewId;\n  onViewChange?: (view: ViewId) => void;\n  /**\n   * Remembers the chosen view under this key. Ignored when `view` is\n   * controlled — a page with its own URL state should own it there instead.\n   */\n  storageKey?: string;\n  /** Stages for the board and for list grouping. */\n  stages?: readonly Stage[];\n  onMove?: BoardViewProps<T>['onMove'];\n  /**\n   * IANA zone the date views read day boundaries in. Shared, because a page\n   * showing one collection as a calendar and as a Gantt must place it on the\n   * same days in both.\n   */\n  timeZone?: string;\n  /** Locale for date formatting in the calendar and Gantt. */\n  locale?: string;\n\n  /** Rendered above the switcher row. */\n  toolbar?: React.ReactNode;\n  /** Rendered under the switcher row, above the view. */\n  filters?: React.ReactNode;\n  /** The `overview` view. Domain content — the library has no opinion on it. */\n  overview?: React.ReactNode;\n  /** The `table` view. A tabular collection is a grid, not a view component. */\n  table?: React.ReactNode;\n  /** Rendered beside the view, for a list-plus-detail layout. */\n  detail?: React.ReactNode;\n\n  /**\n   * Per-view escape hatches for props this shell does not surface. Shared props\n   * are excluded: one collection rendered several ways means switching view can\n   * never change the records, the selection or the load state.\n   *\n   * `ViewSetOwned` covers the props the shell passes itself but that are not on\n   * `ViewBaseProps`. They are spread after the shared ones, so leaving them open\n   * would let one layout carry different stages, a different mutation callback\n   * or a different time zone from its neighbours — the same collection quietly\n   * disagreeing with itself as you switch tabs.\n   */\n  listProps?: ViewOverrides<ListViewProps<T>, T>;\n  boardProps?: ViewOverrides<BoardViewProps<T>, T>;\n  calendarProps?: ViewOverrides<CalendarViewProps<T>, T>;\n  ganttProps?: ViewOverrides<GanttViewProps<T>, T>;\n\n  classNames?: Partial<\n    Record<'toolbar' | 'switcher' | 'body' | 'detail', string>\n  >;\n}\n\nconst FIRST_ID = (views: ViewSetProps<unknown>['views']) => {\n  const first = views[0];\n  return (typeof first === 'string' ? first : first?.id) ?? 'list';\n};\n\n// Remembering the view is an enhancement, never a requirement. `localStorage`\n// can exist and still throw — Safari private browsing and a blocked third-party\n// storage policy both raise on access — so optional chaining is not enough; an\n// unguarded read would take the whole page down to save a preference.\nconst readStored = (key: string): ViewId | null => {\n  try {\n    return (globalThis.localStorage?.getItem(key) as ViewId | null) ?? null;\n  } catch {\n    return null;\n  }\n};\n\nconst writeStored = (key: string, value: ViewId) => {\n  try {\n    globalThis.localStorage?.setItem(key, value);\n  } catch {\n    // Fall back to in-memory state for the session.\n  }\n};\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * The page-level composition: switcher, the enabled views, and the slots a page\n * needs around them. It owns which view is showing and nothing else — items,\n * selection and every mutation stay with the caller.\n */\nexport function ViewSet<T>({\n  views,\n  view,\n  defaultView,\n  onViewChange,\n  storageKey,\n  stages,\n  onMove,\n  toolbar,\n  filters,\n  overview,\n  table,\n  detail,\n  listProps,\n  boardProps,\n  calendarProps,\n  ganttProps,\n  className,\n  classNames,\n  ...shared\n}: ViewSetProps<T>) {\n  const [internalView, setInternalView] = React.useState<ViewId>(\n    () => defaultView ?? FIRST_ID(views)\n  );\n\n  // `overview` and `table` are the caller's content. Offering either without\n  // its slot would put a dead option in the switcher that renders a blank page.\n  const offered = React.useMemo(\n    () =>\n      views.filter((v) => {\n        const id = typeof v === 'string' ? v : v.id;\n        if (id === 'overview') return overview != null;\n        if (id === 'table') return table != null;\n        return true;\n      }),\n    [views, overview, table]\n  );\n\n  // Read storage after mount: a server render and the first client render must\n  // agree, and localStorage is not available to the former.\n  React.useEffect(() => {\n    if (!storageKey || view) return;\n    const stored = readStored(storageKey);\n    if (\n      stored &&\n      offered.some((v) => (typeof v === 'string' ? v : v.id) === stored)\n    )\n      setInternalView(stored);\n  }, [storageKey, view, offered]);\n\n  const requested = view ?? internalView;\n  const active = offered.some(\n    (v) => (typeof v === 'string' ? v : v.id) === requested\n  )\n    ? requested\n    : FIRST_ID(offered);\n\n  const changeView = (next: ViewId) => {\n    if (!view) setInternalView(next);\n    if (storageKey && !view) writeStored(storageKey, next);\n    onViewChange?.(next);\n  };\n\n  const body = (() => {\n    switch (active) {\n      case 'overview':\n        return overview ?? null;\n      case 'table':\n        return table ?? null;\n      case 'board':\n        return (\n          <BoardView\n            {...shared}\n            stages={stages ?? []}\n            onMove={onMove}\n            {...boardProps}\n          />\n        );\n      case 'calendar':\n        return <CalendarView {...shared} {...calendarProps} />;\n      case 'gantt':\n        return <GanttView {...shared} {...ganttProps} />;\n      case 'roadmap':\n        // A roadmap is the Gantt at a coarse cadence; see Views.mdx. The two\n        // props that make it one come last: `ganttProps` is shared with the\n        // plain `gantt` case, so a `cadence: 'day'` meant for that view must\n        // not quietly turn the Roadmap option into a daily chart.\n        return (\n          <GanttView\n            {...shared}\n            {...ganttProps}\n            cadence=\"quarter\"\n            groupByLane\n          />\n        );\n      case 'list':\n      default:\n        return <ListView {...shared} stages={stages} {...listProps} />;\n    }\n  })();\n\n  return (\n    <div data-slot=\"view-set\" className={cn('flex flex-col gap-3', className)}>\n      <div\n        data-slot=\"view-set-toolbar\"\n        className={cn('flex flex-wrap items-center gap-2', classNames?.toolbar)}\n      >\n        {toolbar}\n        <div\n          data-slot=\"view-set-switcher\"\n          className={cn('ms-auto', classNames?.switcher)}\n        >\n          <ViewSwitcher\n            views={offered}\n            value={active}\n            onValueChange={changeView}\n            label={shared.labels?.viewSwitcher}\n          />\n        </div>\n      </div>\n      {filters}\n      <div\n        data-slot=\"view-set-body\"\n        className={cn(\n          // Plain column spans rather than an arbitrary grid template, so a\n          // Tailwind 3 consumer needs no extra safelist entry.\n          detail && 'gap-3 lg:grid lg:grid-cols-3',\n          classNames?.body\n        )}\n      >\n        <div className={cn('min-w-0', detail && 'lg:col-span-2')}>{body}</div>\n        {detail && (\n          <aside\n            data-slot=\"view-set-detail\"\n            className={cn('min-w-0', classNames?.detail)}\n          >\n            {detail}\n          </aside>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-VFFV7EMT.cjs

@@ -0,0 +1,188 @@
+'use strict';
+
+var chunkXDIMTPZU_cjs = require('./chunk-XDIMTPZU.cjs');
+var chunkVINZZQBD_cjs = require('./chunk-VINZZQBD.cjs');
+var chunkPYI2IWNX_cjs = require('./chunk-PYI2IWNX.cjs');
+var chunkGM32IDVL_cjs = require('./chunk-GM32IDVL.cjs');
+var chunk4IS3QCOQ_cjs = require('./chunk-4IS3QCOQ.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var FIRST_ID = (views) => {
+  const first = views[0];
+  return (typeof first === "string" ? first : first?.id) ?? "list";
+};
+var readStored = (key) => {
+  try {
+    return globalThis.localStorage?.getItem(key) ?? null;
+  } catch {
+    return null;
+  }
+};
+var writeStored = (key, value) => {
+  try {
+    globalThis.localStorage?.setItem(key, value);
+  } catch {
+  }
+};
+function ViewSet({
+  views,
+  view,
+  defaultView,
+  onViewChange,
+  storageKey,
+  stages,
+  onMove,
+  toolbar,
+  filters,
+  overview,
+  table,
+  detail,
+  listProps,
+  boardProps,
+  calendarProps,
+  ganttProps,
+  className,
+  classNames,
+  ...shared
+}) {
+  const [internalView, setInternalView] = React__namespace.useState(
+    () => defaultView ?? FIRST_ID(views)
+  );
+  const offered = React__namespace.useMemo(
+    () => views.filter((v) => {
+      const id = typeof v === "string" ? v : v.id;
+      if (id === "overview") return overview != null;
+      if (id === "table") return table != null;
+      return true;
+    }),
+    [views, overview, table]
+  );
+  React__namespace.useEffect(() => {
+    if (!storageKey || view) return;
+    const stored = readStored(storageKey);
+    if (stored && offered.some((v) => (typeof v === "string" ? v : v.id) === stored))
+      setInternalView(stored);
+  }, [storageKey, view, offered]);
+  const requested = view ?? internalView;
+  const active = offered.some(
+    (v) => (typeof v === "string" ? v : v.id) === requested
+  ) ? requested : FIRST_ID(offered);
+  const changeView = (next) => {
+    if (!view) setInternalView(next);
+    if (storageKey && !view) writeStored(storageKey, next);
+    onViewChange?.(next);
+  };
+  const body = (() => {
+    switch (active) {
+      case "overview":
+        return overview ?? null;
+      case "table":
+        return table ?? null;
+      case "board":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          chunk4IS3QCOQ_cjs.BoardView,
+          {
+            ...shared,
+            stages: stages ?? [],
+            onMove,
+            ...boardProps
+          }
+        );
+      case "calendar":
+        return /* @__PURE__ */ jsxRuntime.jsx(chunkGM32IDVL_cjs.CalendarView, { ...shared, ...calendarProps });
+      case "gantt":
+        return /* @__PURE__ */ jsxRuntime.jsx(chunkVINZZQBD_cjs.GanttView, { ...shared, ...ganttProps });
+      case "roadmap":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          chunkVINZZQBD_cjs.GanttView,
+          {
+            ...shared,
+            ...ganttProps,
+            cadence: "quarter",
+            groupByLane: true
+          }
+        );
+      case "list":
+      default:
+        return /* @__PURE__ */ jsxRuntime.jsx(chunkPYI2IWNX_cjs.ListView, { ...shared, stages, ...listProps });
+    }
+  })();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "view-set", className: chunkS5RVSXDV_cjs.cn("flex flex-col gap-3", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-slot": "view-set-toolbar",
+        className: chunkS5RVSXDV_cjs.cn("flex flex-wrap items-center gap-2", classNames?.toolbar),
+        children: [
+          toolbar,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-slot": "view-set-switcher",
+              className: chunkS5RVSXDV_cjs.cn("ms-auto", classNames?.switcher),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkXDIMTPZU_cjs.ViewSwitcher,
+                {
+                  views: offered,
+                  value: active,
+                  onValueChange: changeView,
+                  label: shared.labels?.viewSwitcher
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    filters,
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-slot": "view-set-body",
+        className: chunkS5RVSXDV_cjs.cn(
+          // Plain column spans rather than an arbitrary grid template, so a
+          // Tailwind 3 consumer needs no extra safelist entry.
+          detail && "gap-3 lg:grid lg:grid-cols-3",
+          classNames?.body
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkS5RVSXDV_cjs.cn("min-w-0", detail && "lg:col-span-2"), children: body }),
+          detail && /* @__PURE__ */ jsxRuntime.jsx(
+            "aside",
+            {
+              "data-slot": "view-set-detail",
+              className: chunkS5RVSXDV_cjs.cn("min-w-0", classNames?.detail),
+              children: detail
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+exports.ViewSet = ViewSet;
+//# sourceMappingURL=chunk-VFFV7EMT.cjs.map
+//# sourceMappingURL=chunk-VFFV7EMT.cjs.map

package/dist/chunk-VFFV7EMT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ViewSet/ViewSet.tsx"],"names":["React","jsx","BoardView","CalendarView","GanttView","ListView","jsxs","cn","ViewSwitcher"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoGA,IAAM,QAAA,GAAW,CAAC,KAAA,KAA0C;AAC1D,EAAA,MAAM,KAAA,GAAQ,MAAM,CAAC,CAAA;AACrB,EAAA,OAAA,CAAQ,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,OAAO,EAAA,KAAO,MAAA;AAC5D,CAAA;AAMA,IAAM,UAAA,GAAa,CAAC,GAAA,KAA+B;AACjD,EAAA,IAAI;AACF,IAAA,OAAQ,UAAA,CAAW,YAAA,EAAc,OAAA,CAAQ,GAAG,CAAA,IAAuB,IAAA;AAAA,EACrE,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,IAAA;AAAA,EACT;AACF,CAAA;AAEA,IAAM,WAAA,GAAc,CAAC,GAAA,EAAa,KAAA,KAAkB;AAClD,EAAA,IAAI;AACF,IAAA,UAAA,CAAW,YAAA,EAAc,OAAA,CAAQ,GAAA,EAAK,KAAK,CAAA;AAAA,EAC7C,CAAA,CAAA,MAAQ;AAAA,EAER;AACF,CAAA;AAWO,SAAS,OAAA,CAAW;AAAA,EACzB,KAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAUA,gBAAA,CAAA,QAAA;AAAA,IAC5C,MAAM,WAAA,IAAe,QAAA,CAAS,KAAK;AAAA,GACrC;AAIA,EAAA,MAAM,OAAA,GAAgBA,gBAAA,CAAA,OAAA;AAAA,IACpB,MACE,KAAA,CAAM,MAAA,CAAO,CAAC,CAAA,KAAM;AAClB,MAAA,MAAM,EAAA,GAAK,OAAO,CAAA,KAAM,QAAA,GAAW,IAAI,CAAA,CAAE,EAAA;AACzC,MAAA,IAAI,EAAA,KAAO,UAAA,EAAY,OAAO,QAAA,IAAY,IAAA;AAC1C,MAAA,IAAI,EAAA,KAAO,OAAA,EAAS,OAAO,KAAA,IAAS,IAAA;AACpC,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAAA,IACH,CAAC,KAAA,EAAO,QAAA,EAAU,KAAK;AAAA,GACzB;AAIA,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,CAAC,cAAc,IAAA,EAAM;AACzB,IAAA,MAAM,MAAA,GAAS,WAAW,UAAU,CAAA;AACpC,IAAA,IACE,MAAA,IACA,OAAA,CAAQ,IAAA,CAAK,CAAC,CAAA,KAAA,CAAO,OAAO,CAAA,KAAM,QAAA,GAAW,CAAA,GAAI,CAAA,CAAE,EAAA,MAAQ,MAAM,CAAA;AAEjE,MAAA,eAAA,CAAgB,MAAM,CAAA;AAAA,EAC1B,CAAA,EAAG,CAAC,UAAA,EAAY,IAAA,EAAM,OAAO,CAAC,CAAA;AAE9B,EAAA,MAAM,YAAY,IAAA,IAAQ,YAAA;AAC1B,EAAA,MAAM,SAAS,OAAA,CAAQ,IAAA;AAAA,IACrB,CAAC,CAAA,KAAA,CAAO,OAAO,MAAM,QAAA,GAAW,CAAA,GAAI,EAAE,EAAA,MAAQ;AAAA,GAChD,GACI,SAAA,GACA,QAAA,CAAS,OAAO,CAAA;AAEpB,EAAA,MAAM,UAAA,GAAa,CAAC,IAAA,KAAiB;AACnC,IAAA,IAAI,CAAC,IAAA,EAAM,eAAA,CAAgB,IAAI,CAAA;AAC/B,IAAA,IAAI,UAAA,IAAc,CAAC,IAAA,EAAM,WAAA,CAAY,YAAY,IAAI,CAAA;AACrD,IAAA,YAAA,GAAe,IAAI,CAAA;AAAA,EACrB,CAAA;AAEA,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,QAAQ,MAAA;AAAQ,MACd,KAAK,UAAA;AACH,QAAA,OAAO,QAAA,IAAY,IAAA;AAAA,MACrB,KAAK,OAAA;AACH,QAAA,OAAO,KAAA,IAAS,IAAA;AAAA,MAClB,KAAK,OAAA;AACH,QAAA,uBACEC,cAAA;AAAA,UAACC,2BAAA;AAAA,UAAA;AAAA,YACE,GAAG,MAAA;AAAA,YACJ,MAAA,EAAQ,UAAU,EAAC;AAAA,YACnB,MAAA;AAAA,YACC,GAAG;AAAA;AAAA,SACN;AAAA,MAEJ,KAAK,UAAA;AACH,QAAA,uBAAOD,cAAA,CAACE,8BAAA,EAAA,EAAc,GAAG,MAAA,EAAS,GAAG,aAAA,EAAe,CAAA;AAAA,MACtD,KAAK,OAAA;AACH,QAAA,uBAAOF,cAAA,CAACG,2BAAA,EAAA,EAAW,GAAG,MAAA,EAAS,GAAG,UAAA,EAAY,CAAA;AAAA,MAChD,KAAK,SAAA;AAKH,QAAA,uBACEH,cAAA;AAAA,UAACG,2BAAA;AAAA,UAAA;AAAA,YACE,GAAG,MAAA;AAAA,YACH,GAAG,UAAA;AAAA,YACJ,OAAA,EAAQ,SAAA;AAAA,YACR,WAAA,EAAW;AAAA;AAAA,SACb;AAAA,MAEJ,KAAK,MAAA;AAAA,MACL;AACE,QAAA,sCAAQC,0BAAA,EAAA,EAAU,GAAG,MAAA,EAAQ,MAAA,EAAiB,GAAG,SAAA,EAAW,CAAA;AAAA;AAChE,EACF,CAAA,GAAG;AAEH,EAAA,uBACEC,eAAA,CAAC,SAAI,WAAA,EAAU,UAAA,EAAW,WAAWC,oBAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA,EACtE,QAAA,EAAA;AAAA,oBAAAD,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,kBAAA;AAAA,QACV,SAAA,EAAWC,oBAAA,CAAG,mCAAA,EAAqC,UAAA,EAAY,OAAO,CAAA;AAAA,QAErE,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,0BACDN,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,mBAAA;AAAA,cACV,SAAA,EAAWM,oBAAA,CAAG,SAAA,EAAW,UAAA,EAAY,QAAQ,CAAA;AAAA,cAE7C,QAAA,kBAAAN,cAAA;AAAA,gBAACO,8BAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,OAAA;AAAA,kBACP,KAAA,EAAO,MAAA;AAAA,kBACP,aAAA,EAAe,UAAA;AAAA,kBACf,KAAA,EAAO,OAAO,MAAA,EAAQ;AAAA;AAAA;AACxB;AAAA;AACF;AAAA;AAAA,KACF;AAAA,IACC,OAAA;AAAA,oBACDF,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,eAAA;AAAA,QACV,SAAA,EAAWC,oBAAA;AAAA;AAAA;AAAA,UAGT,MAAA,IAAU,8BAAA;AAAA,UACV,UAAA,EAAY;AAAA,SACd;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAN,cAAA,CAAC,SAAI,SAAA,EAAWM,oBAAA,CAAG,WAAW,MAAA,IAAU,eAAe,GAAI,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,UAC/D,MAAA,oBACCN,cAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,iBAAA;AAAA,cACV,SAAA,EAAWM,oBAAA,CAAG,SAAA,EAAW,UAAA,EAAY,MAAM,CAAA;AAAA,cAE1C,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA;AAEJ,GAAA,EACF,CAAA;AAEJ","file":"chunk-VFFV7EMT.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { ViewSwitcher, type ViewOption } from '../ViewSwitcher';\nimport { ListView, type ListViewProps } from '../ListView';\nimport { BoardView, type BoardLabels, type BoardViewProps } from '../BoardView';\nimport {\n  CalendarView,\n  type CalendarLabels,\n  type CalendarViewProps,\n} from '../CalendarView';\nimport { GanttView, type GanttLabels, type GanttViewProps } from '../GanttView';\nimport type { Stage, ViewBaseProps, ViewId } from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Every string any layout in the set can render.\n *\n * Each view extends `ViewLabels` with its own — the calendar's month arrows and\n * \"+n more\", the board's move announcements, the Gantt's undated footnote. They\n * are all shared props, so the per-view escape hatches below exclude `labels`;\n * without widening here a non-English host could translate the common strings\n * and nothing else, which would break the contract that every user-facing\n * string is overridable. A view ignores the keys it does not know.\n */\nexport type ViewSetLabels = Partial<CalendarLabels & BoardLabels & GanttLabels>;\n\n/**\n * Props `ViewSet` passes to every layout itself, beyond `ViewBaseProps`. Named\n * here so the per-view escape hatches below can exclude them by key rather than\n * by a hand-kept list that would drift the moment a shared prop is added.\n */\ntype ViewSetOwned = 'stages' | 'onMove' | 'timeZone' | 'locale';\n\ntype ViewOverrides<P, T> = Omit<\n  Partial<P>,\n  keyof ViewBaseProps<T> | ViewSetOwned\n>;\n\nexport interface ViewSetProps<T> extends ViewBaseProps<T> {\n  /** Every string any offered layout can render, not just the shared ones. */\n  labels?: ViewSetLabels;\n  /** Views to offer, in order. The first is the default when uncontrolled. */\n  views: readonly (ViewId | ViewOption)[];\n  view?: ViewId;\n  defaultView?: ViewId;\n  onViewChange?: (view: ViewId) => void;\n  /**\n   * Remembers the chosen view under this key. Ignored when `view` is\n   * controlled — a page with its own URL state should own it there instead.\n   */\n  storageKey?: string;\n  /** Stages for the board and for list grouping. */\n  stages?: readonly Stage[];\n  onMove?: BoardViewProps<T>['onMove'];\n  /**\n   * IANA zone the date views read day boundaries in. Shared, because a page\n   * showing one collection as a calendar and as a Gantt must place it on the\n   * same days in both.\n   */\n  timeZone?: string;\n  /** Locale for date formatting in the calendar and Gantt. */\n  locale?: string;\n\n  /** Rendered above the switcher row. */\n  toolbar?: React.ReactNode;\n  /** Rendered under the switcher row, above the view. */\n  filters?: React.ReactNode;\n  /** The `overview` view. Domain content — the library has no opinion on it. */\n  overview?: React.ReactNode;\n  /** The `table` view. A tabular collection is a grid, not a view component. */\n  table?: React.ReactNode;\n  /** Rendered beside the view, for a list-plus-detail layout. */\n  detail?: React.ReactNode;\n\n  /**\n   * Per-view escape hatches for props this shell does not surface. Shared props\n   * are excluded: one collection rendered several ways means switching view can\n   * never change the records, the selection or the load state.\n   *\n   * `ViewSetOwned` covers the props the shell passes itself but that are not on\n   * `ViewBaseProps`. They are spread after the shared ones, so leaving them open\n   * would let one layout carry different stages, a different mutation callback\n   * or a different time zone from its neighbours — the same collection quietly\n   * disagreeing with itself as you switch tabs.\n   */\n  listProps?: ViewOverrides<ListViewProps<T>, T>;\n  boardProps?: ViewOverrides<BoardViewProps<T>, T>;\n  calendarProps?: ViewOverrides<CalendarViewProps<T>, T>;\n  ganttProps?: ViewOverrides<GanttViewProps<T>, T>;\n\n  classNames?: Partial<\n    Record<'toolbar' | 'switcher' | 'body' | 'detail', string>\n  >;\n}\n\nconst FIRST_ID = (views: ViewSetProps<unknown>['views']) => {\n  const first = views[0];\n  return (typeof first === 'string' ? first : first?.id) ?? 'list';\n};\n\n// Remembering the view is an enhancement, never a requirement. `localStorage`\n// can exist and still throw — Safari private browsing and a blocked third-party\n// storage policy both raise on access — so optional chaining is not enough; an\n// unguarded read would take the whole page down to save a preference.\nconst readStored = (key: string): ViewId | null => {\n  try {\n    return (globalThis.localStorage?.getItem(key) as ViewId | null) ?? null;\n  } catch {\n    return null;\n  }\n};\n\nconst writeStored = (key: string, value: ViewId) => {\n  try {\n    globalThis.localStorage?.setItem(key, value);\n  } catch {\n    // Fall back to in-memory state for the session.\n  }\n};\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * The page-level composition: switcher, the enabled views, and the slots a page\n * needs around them. It owns which view is showing and nothing else — items,\n * selection and every mutation stay with the caller.\n */\nexport function ViewSet<T>({\n  views,\n  view,\n  defaultView,\n  onViewChange,\n  storageKey,\n  stages,\n  onMove,\n  toolbar,\n  filters,\n  overview,\n  table,\n  detail,\n  listProps,\n  boardProps,\n  calendarProps,\n  ganttProps,\n  className,\n  classNames,\n  ...shared\n}: ViewSetProps<T>) {\n  const [internalView, setInternalView] = React.useState<ViewId>(\n    () => defaultView ?? FIRST_ID(views)\n  );\n\n  // `overview` and `table` are the caller's content. Offering either without\n  // its slot would put a dead option in the switcher that renders a blank page.\n  const offered = React.useMemo(\n    () =>\n      views.filter((v) => {\n        const id = typeof v === 'string' ? v : v.id;\n        if (id === 'overview') return overview != null;\n        if (id === 'table') return table != null;\n        return true;\n      }),\n    [views, overview, table]\n  );\n\n  // Read storage after mount: a server render and the first client render must\n  // agree, and localStorage is not available to the former.\n  React.useEffect(() => {\n    if (!storageKey || view) return;\n    const stored = readStored(storageKey);\n    if (\n      stored &&\n      offered.some((v) => (typeof v === 'string' ? v : v.id) === stored)\n    )\n      setInternalView(stored);\n  }, [storageKey, view, offered]);\n\n  const requested = view ?? internalView;\n  const active = offered.some(\n    (v) => (typeof v === 'string' ? v : v.id) === requested\n  )\n    ? requested\n    : FIRST_ID(offered);\n\n  const changeView = (next: ViewId) => {\n    if (!view) setInternalView(next);\n    if (storageKey && !view) writeStored(storageKey, next);\n    onViewChange?.(next);\n  };\n\n  const body = (() => {\n    switch (active) {\n      case 'overview':\n        return overview ?? null;\n      case 'table':\n        return table ?? null;\n      case 'board':\n        return (\n          <BoardView\n            {...shared}\n            stages={stages ?? []}\n            onMove={onMove}\n            {...boardProps}\n          />\n        );\n      case 'calendar':\n        return <CalendarView {...shared} {...calendarProps} />;\n      case 'gantt':\n        return <GanttView {...shared} {...ganttProps} />;\n      case 'roadmap':\n        // A roadmap is the Gantt at a coarse cadence; see Views.mdx. The two\n        // props that make it one come last: `ganttProps` is shared with the\n        // plain `gantt` case, so a `cadence: 'day'` meant for that view must\n        // not quietly turn the Roadmap option into a daily chart.\n        return (\n          <GanttView\n            {...shared}\n            {...ganttProps}\n            cadence=\"quarter\"\n            groupByLane\n          />\n        );\n      case 'list':\n      default:\n        return <ListView {...shared} stages={stages} {...listProps} />;\n    }\n  })();\n\n  return (\n    <div data-slot=\"view-set\" className={cn('flex flex-col gap-3', className)}>\n      <div\n        data-slot=\"view-set-toolbar\"\n        className={cn('flex flex-wrap items-center gap-2', classNames?.toolbar)}\n      >\n        {toolbar}\n        <div\n          data-slot=\"view-set-switcher\"\n          className={cn('ms-auto', classNames?.switcher)}\n        >\n          <ViewSwitcher\n            views={offered}\n            value={active}\n            onValueChange={changeView}\n            label={shared.labels?.viewSwitcher}\n          />\n        </div>\n      </div>\n      {filters}\n      <div\n        data-slot=\"view-set-body\"\n        className={cn(\n          // Plain column spans rather than an arbitrary grid template, so a\n          // Tailwind 3 consumer needs no extra safelist entry.\n          detail && 'gap-3 lg:grid lg:grid-cols-3',\n          classNames?.body\n        )}\n      >\n        <div className={cn('min-w-0', detail && 'lg:col-span-2')}>{body}</div>\n        {detail && (\n          <aside\n            data-slot=\"view-set-detail\"\n            className={cn('min-w-0', classNames?.detail)}\n          >\n            {detail}\n          </aside>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}