@flamingo-stack/openframe-frontend-core 0.0.248 → 0.0.249

package/dist/chunk-WTTLEGEO.js

@@ -1,162 +0,0 @@
-"use client";
-import {
-  OPENFRAME_DEV_SECTIONS,
-  PageLayout,
-  PageShell,
-  SearchInput,
-  StatusFilterComponent
-} from "./chunk-OTFJKBDW.js";
-import {
-  init_next_navigation,
-  usePathname,
-  useRouter,
-  useSearchParams
-} from "./chunk-PLJLE4A4.js";
-
-// src/components/shared/dev-section/dev-section-view.tsx
-import { useState, useEffect } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function DevSectionView({ sectionKey, hero, preControls, children }) {
-  const section = OPENFRAME_DEV_SECTIONS[sectionKey];
-  const router = useRouter();
-  const pathname = usePathname();
-  const searchParams = useSearchParams();
-  const search = section.search;
-  const filter = section.filter;
-  const currentSearch = search ? searchParams.get(search.paramKey) || "" : "";
-  const currentFilterValue = filter ? searchParams.get(filter.paramKey) || filter.defaultValue : "";
-  const [searchValue, setSearchValue] = useState(() => currentSearch);
-  useEffect(() => {
-    setSearchValue(currentSearch);
-  }, [currentSearch]);
-  const handleSearchSubmit = (value) => {
-    if (!search) return;
-    const params = new URLSearchParams(searchParams.toString());
-    if (value.trim()) params.set(search.paramKey, value.trim());
-    else params.delete(search.paramKey);
-    router.replace(`${pathname}?${params.toString()}`, { scroll: false });
-  };
-  const handleFilterChange = (value) => {
-    if (!filter) return;
-    const params = new URLSearchParams(searchParams.toString());
-    if (value === filter.defaultValue) params.delete(filter.paramKey);
-    else params.set(filter.paramKey, value);
-    router.replace(`${pathname}?${params.toString()}`, { scroll: false });
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col gap-10", children: [
-    hero ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("h1", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary flex items-center gap-3", children: [
-        hero.icon,
-        hero.title ?? section.hero.title
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "font-['DM_Sans'] font-medium text-[18px] leading-[28px] text-ods-text-secondary max-w-3xl", children: hero.description })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between w-full", children: /* @__PURE__ */ jsxs("h2", { className: "font-['Azeret_Mono'] font-semibold text-[32px] md:text-[40px] lg:text-[48px] leading-[40px] md:leading-[48px] lg:leading-[56px] text-ods-text-primary tracking-[-0.64px] md:tracking-[-0.8px] lg:tracking-[-0.96px]", children: [
-      section.hero.title,
-      /* @__PURE__ */ jsx("span", { className: "text-ods-accent", children: ":" })
-    ] }) }),
-    preControls,
-    (search || filter) && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      search && /* @__PURE__ */ jsx(
-        SearchInput,
-        {
-          showDropdown: false,
-          placeholder: search.placeholder,
-          value: searchValue,
-          onChange: setSearchValue,
-          onSubmit: handleSearchSubmit
-        }
-      ),
-      filter && /* @__PURE__ */ jsx(
-        StatusFilterComponent,
-        {
-          selectedStatus: currentFilterValue,
-          onStatusChange: handleFilterChange,
-          statusOptions: [...filter.options]
-        }
-      )
-    ] }),
-    children
-  ] });
-}
-
-// src/components/shared/dev-section/dev-section-page.tsx
-init_next_navigation();
-import { jsx as jsx2 } from "react/jsx-runtime";
-var SECTION_HERO_ICON_CLASS = "h-10 w-10 text-ods-accent";
-function DevSectionPage({
-  sectionKey,
-  children,
-  preControls,
-  backButton,
-  title,
-  subtitle
-}) {
-  const router = useRouter();
-  const section = OPENFRAME_DEV_SECTIONS[sectionKey];
-  const Icon = section.icon;
-  const backCfg = backButton === false ? void 0 : {
-    label: (backButton ? backButton.label : void 0) ?? "Back to home",
-    onClick: () => router.push((backButton ? backButton.href : void 0) ?? "/")
-  };
-  return /* @__PURE__ */ jsx2(PageShell, { children: /* @__PURE__ */ jsx2(PageLayout, { backButton: backCfg, children: /* @__PURE__ */ jsx2(
-    DevSectionView,
-    {
-      sectionKey,
-      hero: {
-        icon: /* @__PURE__ */ jsx2(Icon, { className: SECTION_HERO_ICON_CLASS }),
-        title,
-        description: subtitle ?? section.hero.description
-      },
-      preControls,
-      children
-    }
-  ) }) });
-}
-
-// src/components/shared/dev-section/dev-card-row.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function DevCardRowContent({
-  title,
-  subtitle,
-  description,
-  emptyDescription = "No description provided",
-  rightBadges
-}) {
-  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]", children: [
-      /* @__PURE__ */ jsx3("div", { className: "min-h-[24px] flex items-center", children: /* @__PURE__ */ jsx3("h3", { className: "text-h3 text-ods-text-primary tracking-[-0.36px] flex-1 line-clamp-2 md:truncate break-words", children: title }) }),
-      /* @__PURE__ */ jsx3("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx3("p", { className: "text-h5 text-ods-text-secondary uppercase tracking-[-0.28px] truncate", children: subtitle }) }),
-      /* @__PURE__ */ jsx3("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsx3("p", { className: "text-h4 text-ods-text-secondary line-clamp-3 break-words", children: description || emptyDescription }) })
-    ] }),
-    /* @__PURE__ */ jsx3("div", { className: "flex-shrink-0 self-start flex flex-col gap-2", children: rightBadges })
-  ] });
-}
-function DevCardRowSkeleton() {
-  return /* @__PURE__ */ jsx3("div", { className: "border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]", children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]", children: [
-      /* @__PURE__ */ jsx3("div", { className: "min-h-[24px] flex items-center", children: /* @__PURE__ */ jsx3("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }) }),
-      /* @__PURE__ */ jsx3("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx3("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-1/2" }) }),
-      /* @__PURE__ */ jsx3("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs2("div", { className: "flex-1 space-y-1", children: [
-        /* @__PURE__ */ jsx3("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
-        /* @__PURE__ */ jsx3("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
-        /* @__PURE__ */ jsx3("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-2/3" })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "flex-shrink-0 self-start flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx3("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx3("div", { className: "h-[32px] w-[120px] bg-ods-border rounded animate-pulse" })
-    ] })
-  ] }) });
-}
-function DevCardRowSkeletonList({ rows = 5 }) {
-  return /* @__PURE__ */ jsx3("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: Array.from({ length: rows }, (_, i) => /* @__PURE__ */ jsx3(DevCardRowSkeleton, {}, i)) });
-}
-
-export {
-  DevSectionView,
-  DevSectionPage,
-  DevCardRowContent,
-  DevCardRowSkeleton,
-  DevCardRowSkeletonList
-};
-//# sourceMappingURL=chunk-WTTLEGEO.js.map

package/dist/chunk-WTTLEGEO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/shared/dev-section/dev-section-view.tsx","../src/components/shared/dev-section/dev-section-page.tsx","../src/components/shared/dev-section/dev-card-row.tsx"],"sourcesContent":["'use client';\n\n/**\n * DevSectionView — the canonical chrome for ANY dev-center section\n * (Roadmap / Delivery / Releases). One component, used in BOTH:\n *\n *   - tabbed `/roadmap-and-releases` (compact title mode, no `hero`)\n *   - full-page `/roadmap`, `/bug-fixes-and-enhancements`, `/releases`\n *     (hero mode with icon + description + back link)\n *\n * Owns: title rendering, the inline search input, the filter pill row,\n * and the URL-param wiring that connects both. The list `children`\n * receive a clean URL contract — they read `?<paramKey>=...` via\n * `useSearchParams()` and refetch on change. No duplicated controls.\n */\n\nimport type { ReactNode } from 'react';\nimport { useState, useEffect } from 'react';\nimport { useRouter, useSearchParams, usePathname } from '../../../embed-shims';\nimport { SearchInput } from '../../ui';\nimport { StatusFilterComponent } from '../../features';\nimport {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\n\nexport interface DevSectionViewProps {\n  /** Which section to render — drives title, search, and filter\n   *  config via the `OPENFRAME_DEV_SECTIONS` registry. */\n  sectionKey: OpenframeDevSectionKey;\n  /** When set, renders the rich page-level hero (icon + h1 + description).\n   *  Omit for the compact tab-context heading. */\n  hero?: {\n    /** Pre-rendered icon JSX. Server components render the icon themselves\n     *  and pass the element here — function references can't cross the\n     *  server→client boundary, but React elements can. */\n    icon: ReactNode;\n    /** Hero title. Falls back to `OPENFRAME_DEV_SECTIONS[sectionKey].hero.title`\n     *  when omitted, so embedders can override the (OpenFrame-specific) default\n     *  copy without forking the registry. */\n    title?: string;\n    description: string;\n  };\n  /** Optional slot rendered BETWEEN the hero and the search/filter\n   *  controls. Use this for an entry-action surface that should sit\n   *  above the list (e.g. the Help Center's \"Open a new ticket\" form).\n   *  The slot is wrapped in the same `gap-10` flex column so spacing\n   *  matches the surrounding chrome — callers should NOT add their\n   *  own top/bottom margin. Renders `null` (no DOM) when omitted. */\n  preControls?: ReactNode;\n  /** The page-specific list body. Reads URL params written by this\n   *  component (search input + filter pills). */\n  children: ReactNode;\n}\n\nexport function DevSectionView({ sectionKey, hero, preControls, children }: DevSectionViewProps) {\n  const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n  const router = useRouter();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  const search = section.search;\n  const filter = section.filter;\n\n  const currentSearch = search ? searchParams.get(search.paramKey) || '' : '';\n  const currentFilterValue = filter\n    ? searchParams.get(filter.paramKey) || filter.defaultValue\n    : '';\n\n  // Controlled search-input state — input commits to the URL only on\n  // Enter (not on every keystroke), preserving the legacy behavior.\n  // Lazy init from URL avoids a brief flash of stale value on first\n  // paint after URL-driven re-render (e.g. tab switch).\n  const [searchValue, setSearchValue] = useState(() => currentSearch);\n  useEffect(() => {\n    setSearchValue(currentSearch);\n  }, [currentSearch]);\n\n  const handleSearchSubmit = (value: string) => {\n    if (!search) return;\n    const params = new URLSearchParams(searchParams.toString());\n    if (value.trim()) params.set(search.paramKey, value.trim());\n    else params.delete(search.paramKey);\n    router.replace(`${pathname}?${params.toString()}`, { scroll: false });\n  };\n\n  const handleFilterChange = (value: string) => {\n    if (!filter) return;\n    const params = new URLSearchParams(searchParams.toString());\n    if (value === filter.defaultValue) params.delete(filter.paramKey);\n    else params.set(filter.paramKey, value);\n    router.replace(`${pathname}?${params.toString()}`, { scroll: false });\n  };\n\n  return (\n    <div className=\"w-full flex flex-col gap-10\">\n      {hero ? (\n        <div className=\"space-y-4\">\n          <h1 className=\"text-h1 tracking-[-1.12px] text-ods-text-primary flex items-center gap-3\">\n            {hero.icon}\n            {hero.title ?? section.hero.title}\n          </h1>\n          <p className=\"font-['DM_Sans'] font-medium text-[18px] leading-[28px] text-ods-text-secondary max-w-3xl\">\n            {hero.description}\n          </p>\n        </div>\n      ) : (\n        <div className=\"flex items-center justify-between w-full\">\n          <h2 className=\"font-['Azeret_Mono'] font-semibold text-[32px] md:text-[40px] lg:text-[48px] leading-[40px] md:leading-[48px] lg:leading-[56px] text-ods-text-primary tracking-[-0.64px] md:tracking-[-0.8px] lg:tracking-[-0.96px]\">\n            {section.hero.title}\n            <span className=\"text-ods-accent\">:</span>\n          </h2>\n        </div>\n      )}\n\n      {preControls}\n\n      {(search || filter) && (\n        <div className=\"space-y-4\">\n          {search && (\n            <SearchInput\n              showDropdown={false}\n              placeholder={search.placeholder}\n              value={searchValue}\n              onChange={setSearchValue}\n              onSubmit={handleSearchSubmit}\n            />\n          )}\n          {filter && (\n            <StatusFilterComponent\n              selectedStatus={currentFilterValue}\n              onStatusChange={handleFilterChange}\n              statusOptions={[...filter.options]}\n            />\n          )}\n        </div>\n      )}\n\n      {children}\n    </div>\n  );\n}\n","'use client';\n\n/**\n * DevSectionPage — full-page wrapper for a dev-center section\n * (`/roadmap`, `/bug-fixes-and-enhancements`, `/releases`).\n *\n * Mounts the lib's canonical `PageLayout` directly (no in-app wrapper)\n * so the back-button affordance stays in lockstep with whatever the\n * design system ships — any future lib change to BackButton / TitleBlock\n * propagates automatically.\n *\n * Composition: `PageShell` → `PageLayout` (back-to-home wired) →\n * `DevSectionView` (icon hero + search + filter pills) → list body.\n *\n * Adding a new section is one entry in `OPENFRAME_DEV_SECTIONS` plus a\n * single-line page file mounting this factory with the new key.\n */\n\nimport type { ReactNode } from 'react';\nimport { useRouter } from '../../../embed-shims/next-navigation';\nimport { PageShell, PageLayout } from '../../ui';\nimport { DevSectionView } from './dev-section-view';\nimport {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\n\nconst SECTION_HERO_ICON_CLASS = 'h-10 w-10 text-ods-accent';\n\nexport interface DevSectionPageProps {\n  sectionKey: OpenframeDevSectionKey;\n  /** The page-specific list body (e.g. `<RoadmapList />`). */\n  children: ReactNode;\n  /** Optional slot rendered BETWEEN the hero and search/filter — see\n   *  `DevSectionView.preControls`. Used by surfaces that want an entry\n   *  action (e.g. Help Center's \"Open a new ticket\" form) above the\n   *  controls instead of below them. */\n  preControls?: ReactNode;\n  /** Back-button config — same shape as `LegalDocumentPage` /\n   *  `ReleaseDetailPage`. Pass `false` to hide entirely. Default\n   *  `{ label: 'Back to home', href: '/' }` — embedders whose \"home\" isn't `/`\n   *  should override `href`, or pass `false` if the embed has no home page. */\n  backButton?: { label?: string; href?: string } | false;\n  /** Override the hero title. Defaults to the (OpenFrame-specific) copy in\n   *  `OPENFRAME_DEV_SECTIONS[sectionKey].hero.title`. Set this to brand the\n   *  section for a non-OpenFrame embed. */\n  title?: string;\n  /** Override the hero subtitle/description. Defaults to\n   *  `OPENFRAME_DEV_SECTIONS[sectionKey].hero.description`. */\n  subtitle?: string;\n}\n\nexport function DevSectionPage({\n  sectionKey,\n  children,\n  preControls,\n  backButton,\n  title,\n  subtitle,\n}: DevSectionPageProps) {\n  const router = useRouter();\n  const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n  const Icon = section.icon;\n\n  // Back-button config — mirrors LegalDocumentPage / ReleaseDetailPage.\n  // Default: { label: 'Back to home', href: '/' }. Pass `false` to hide.\n  // After `backButton &&` narrowing, inner type is `{ label?, href? } |\n  // undefined`; don't re-compare to `false` (TS2367).\n  const backCfg =\n    backButton === false\n      ? undefined\n      : {\n          label: (backButton ? backButton.label : undefined) ?? 'Back to home',\n          onClick: () => router.push((backButton ? backButton.href : undefined) ?? '/'),\n        };\n\n  return (\n    <PageShell>\n      <PageLayout backButton={backCfg}>\n        <DevSectionView\n          sectionKey={sectionKey}\n          hero={{\n            icon: <Icon className={SECTION_HERO_ICON_CLASS} />,\n            title,\n            description: subtitle ?? section.hero.description,\n          }}\n          preControls={preControls}\n        >\n          {children}\n        </DevSectionView>\n      </PageLayout>\n    </PageShell>\n  );\n}\n","'use client';\n\n/**\n * Shared row chrome for any `DevSectionPage` list (delivery, tickets,\n * future sections). One source of truth for the layout that every\n * dev-section card row uses:\n *   left column  → title (h3) / subtitle (h5 uppercase) / description\n *                  (h4 line-clamp-3), each in a fixed min-height block\n *                  so rows align across the grid\n *   right column → caller-supplied stacked badges\n *\n * Surface stays small on purpose — `rightBadges` is a `ReactNode` so\n * the caller decides how many badges (delivery: 2, tickets: 1-2,\n * future: anything). No behavior baked in: the caller wraps the row\n * in a `<div>` (static, like delivery) or `<button>` (clickable, like\n * tickets) and renders the row content via this component.\n *\n * Pair with `DevCardRowSkeletonList` for the loading state — the\n * skeleton mirrors the same min-heights so the in-flight UI doesn't\n * shift the layout when real data lands.\n *\n * NOTE: the ticket conversation row is NOT here — it renders the shared\n * `<ChatMessageRow>` (`components/chat/chat-message-row.tsx`), the SAME\n * component the OpenMSP Slack-community feed uses, so the two surfaces stay\n * pixel-identical by construction.\n */\n\nimport type { ReactNode } from 'react';\n\nexport interface DevCardRowContentProps {\n  title: string;\n  /** Single-line uppercase metadata (e.g. \"UPDATED today, #4271, Code review\"). */\n  subtitle: string;\n  /** 3-line description block. Empty string renders the fallback. */\n  description: string;\n  /** Fallback copy when `description` is empty. Defaults to a generic\n   *  string; ticket / delivery surfaces override. */\n  emptyDescription?: string;\n  /** Right column — caller renders its own stacked badges. */\n  rightBadges: ReactNode;\n}\n\nexport function DevCardRowContent({\n  title,\n  subtitle,\n  description,\n  emptyDescription = 'No description provided',\n  rightBadges,\n}: DevCardRowContentProps) {\n  return (\n    <div className=\"flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full\">\n      <div className=\"flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]\">\n        <div className=\"min-h-[24px] flex items-center\">\n          <h3 className=\"text-h3 text-ods-text-primary tracking-[-0.36px] flex-1 line-clamp-2 md:truncate break-words\">\n            {title}\n          </h3>\n        </div>\n        <div className=\"min-h-[20px] flex items-center\">\n          <p className=\"text-h5 text-ods-text-secondary uppercase tracking-[-0.28px] truncate\">\n            {subtitle}\n          </p>\n        </div>\n        <div className=\"min-h-[72px] flex items-center\">\n          <p className=\"text-h4 text-ods-text-secondary line-clamp-3 break-words\">\n            {description || emptyDescription}\n          </p>\n        </div>\n      </div>\n      <div className=\"flex-shrink-0 self-start flex flex-col gap-2\">\n        {rightBadges}\n      </div>\n    </div>\n  );\n}\n\n/**\n * Skeleton rendering for a single row — the bars mirror the same\n * min-heights as `DevCardRowContent` so the loading→loaded swap\n * doesn't reflow.\n */\nexport function DevCardRowSkeleton() {\n  return (\n    <div className=\"border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]\">\n      <div className=\"flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full\">\n        <div className=\"flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]\">\n          <div className=\"min-h-[24px] flex items-center\">\n            <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n          </div>\n          <div className=\"min-h-[20px] flex items-center\">\n            <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-1/2\" />\n          </div>\n          <div className=\"min-h-[72px] flex items-center\">\n            <div className=\"flex-1 space-y-1\">\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-2/3\" />\n            </div>\n          </div>\n        </div>\n        <div className=\"flex-shrink-0 self-start flex flex-col gap-2\">\n          <div className=\"h-[32px] w-[100px] bg-ods-border rounded animate-pulse\" />\n          <div className=\"h-[32px] w-[120px] bg-ods-border rounded animate-pulse\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * The standard \"5 skeleton rows inside a bordered card\" loading state\n * used by every list shell. Both delivery (`delivery-table.tsx`) and\n * tickets (`tickets-list.tsx`) mount this directly.\n */\nexport function DevCardRowSkeletonList({ rows = 5 }: { rows?: number }) {\n  return (\n    <div className=\"bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full\">\n      {Array.from({ length: rows }, (_, i) => (\n        <DevCardRowSkeleton key={i} />\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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","names":["jsx","jsx","jsxs"]}