@mieweb/ui 0.10.0-dev.31 → 0.10.0-dev.32

package/dist/chunk-ORCCJ5VY.cjs

@@ -0,0 +1,218 @@
+'use strict';
+
+var chunkLC7PVBXH_cjs = require('./chunk-LC7PVBXH.cjs');
+var chunkYVL3XATO_cjs = require('./chunk-YVL3XATO.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-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 defaultRecordLayoutLabels = {
+  sidebar: "Record details",
+  aside: "Related records",
+  main: "Record content",
+  tabs: "Record sections",
+  sidebarToggle: "Details"
+};
+var bodyVariants = classVarianceAuthority.cva("grid grid-cols-1 items-start gap-6 p-4 sm:p-6", {
+  variants: {
+    sidebar: { true: "", false: "" },
+    aside: { true: "", false: "" }
+  },
+  compoundVariants: [
+    {
+      sidebar: true,
+      aside: false,
+      class: "md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)]"
+    },
+    {
+      sidebar: true,
+      aside: true,
+      class: "md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)_20rem]"
+    },
+    {
+      sidebar: false,
+      aside: true,
+      class: "xl:grid-cols-[minmax(0,1fr)_20rem]"
+    }
+  ]
+});
+function readOpen(key) {
+  try {
+    const raw = window.localStorage.getItem(key);
+    return raw === null ? void 0 : raw === "true";
+  } catch {
+    return void 0;
+  }
+}
+var RecordLayout = React__namespace.forwardRef(
+  ({
+    header,
+    sidebar,
+    aside,
+    tabs,
+    activeTab,
+    defaultTab,
+    onTabChange,
+    tabsUrlParam,
+    sidebarCollapsible = true,
+    defaultSidebarOpen = false,
+    sidebarStorageKey,
+    labels: labelsProp,
+    className,
+    children,
+    ...rest
+  }, ref) => {
+    const labels = { ...defaultRecordLayoutLabels, ...labelsProp };
+    const sidebarId = React__namespace.useId();
+    const [open, setOpen] = React__namespace.useState(defaultSidebarOpen);
+    React__namespace.useEffect(() => {
+      if (!sidebarStorageKey) return;
+      const stored = readOpen(sidebarStorageKey);
+      if (stored !== void 0) setOpen(stored);
+    }, [sidebarStorageKey]);
+    const toggle = () => {
+      const next = !open;
+      setOpen(next);
+      if (!sidebarStorageKey) return;
+      try {
+        window.localStorage.setItem(sidebarStorageKey, String(next));
+      } catch {
+      }
+    };
+    const hasSidebar = sidebar != null;
+    const hasAside = aside != null;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "record-layout",
+        className: chunkS5RVSXDV_cjs.cn("bg-background flex flex-col", className),
+        ...rest,
+        children: [
+          header,
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              "data-slot": "record-layout-body",
+              className: bodyVariants({ sidebar: hasSidebar, aside: hasAside }),
+              children: [
+                hasSidebar && /* @__PURE__ */ jsxRuntime.jsxs(
+                  "aside",
+                  {
+                    "data-slot": "record-layout-sidebar",
+                    "aria-label": labels.sidebar,
+                    className: chunkS5RVSXDV_cjs.cn(
+                      "min-w-0 md:sticky md:top-[var(--record-layout-sticky-top,1rem)] md:max-h-[calc(100dvh-var(--record-layout-sticky-top,1rem)-1rem)] md:overflow-y-auto",
+                      hasAside && "md:row-span-2 xl:row-span-1"
+                    ),
+                    children: [
+                      sidebarCollapsible && /* @__PURE__ */ jsxRuntime.jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          "aria-expanded": open,
+                          "aria-controls": sidebarId,
+                          onClick: toggle,
+                          className: "border-border bg-card text-foreground hover:bg-muted focus-visible:ring-ring flex w-full items-center justify-between rounded-lg border px-4 py-3 text-sm font-medium focus-visible:ring-2 focus-visible:outline-none md:hidden",
+                          children: [
+                            labels.sidebarToggle,
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              lucideReact.ChevronDown,
+                              {
+                                "aria-hidden": "true",
+                                className: chunkS5RVSXDV_cjs.cn(
+                                  "h-4 w-4 transition-transform motion-reduce:transition-none",
+                                  open && "rotate-180"
+                                )
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          id: sidebarId,
+                          className: chunkS5RVSXDV_cjs.cn(
+                            sidebarCollapsible && "mt-3 md:mt-0",
+                            sidebarCollapsible && !open && "hidden md:block"
+                          ),
+                          children: sidebar
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "section",
+                  {
+                    "data-slot": "record-layout-main",
+                    "aria-label": labels.main,
+                    className: "min-w-0",
+                    children: tabs && tabs.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+                      chunkLC7PVBXH_cjs.Tabs,
+                      {
+                        value: activeTab,
+                        defaultValue: defaultTab ?? tabs[0].id,
+                        onValueChange: onTabChange,
+                        urlParam: tabsUrlParam,
+                        urlValues: tabs.map((t) => t.id),
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(chunkLC7PVBXH_cjs.TabsList, { "aria-label": labels.tabs, className: "overflow-x-auto", children: tabs.map((t) => /* @__PURE__ */ jsxRuntime.jsxs(chunkLC7PVBXH_cjs.TabsTrigger, { value: t.id, children: [
+                            t.label,
+                            t.count != null && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                              " ",
+                              /* @__PURE__ */ jsxRuntime.jsx(chunkYVL3XATO_cjs.Badge, { size: "sm", variant: "secondary", children: t.count })
+                            ] })
+                          ] }, t.id)) }),
+                          tabs.map((t) => /* @__PURE__ */ jsxRuntime.jsx(chunkLC7PVBXH_cjs.TabsContent, { value: t.id, children: t.content }, t.id))
+                        ]
+                      }
+                    ) : children
+                  }
+                ),
+                hasAside && /* @__PURE__ */ jsxRuntime.jsx(
+                  "aside",
+                  {
+                    "data-slot": "record-layout-aside",
+                    "aria-label": labels.aside,
+                    className: "flex min-w-0 flex-col gap-4",
+                    children: aside
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+RecordLayout.displayName = "RecordLayout";
+
+exports.RecordLayout = RecordLayout;
+exports.defaultRecordLayoutLabels = defaultRecordLayoutLabels;
+//# sourceMappingURL=chunk-ORCCJ5VY.cjs.map
+//# sourceMappingURL=chunk-ORCCJ5VY.cjs.map

package/dist/chunk-ORCCJ5VY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RecordLayout/RecordLayout.tsx"],"names":["cva","React","jsxs","cn","jsx","ChevronDown","Tabs","TabsList","TabsTrigger","Fragment","Badge","TabsContent"],"mappings":"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","file":"chunk-ORCCJ5VY.cjs","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Badge } from '../Badge/Badge';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../Tabs/Tabs';\n\nexport interface RecordLayoutTab {\n  id: string;\n  label: string;\n  count?: number;\n  content: React.ReactNode;\n}\n\nexport interface RecordLayoutLabels {\n  sidebar: string;\n  aside: string;\n  main: string;\n  tabs: string;\n  sidebarToggle: string;\n}\n\nexport const defaultRecordLayoutLabels: RecordLayoutLabels = {\n  sidebar: 'Record details',\n  aside: 'Related records',\n  main: 'Record content',\n  tabs: 'Record sections',\n  sidebarToggle: 'Details',\n};\n\nconst bodyVariants = cva('grid grid-cols-1 items-start gap-6 p-4 sm:p-6', {\n  variants: {\n    sidebar: { true: '', false: '' },\n    aside: { true: '', false: '' },\n  },\n  compoundVariants: [\n    {\n      sidebar: true,\n      aside: false,\n      class:\n        'md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)]',\n    },\n    {\n      sidebar: true,\n      aside: true,\n      class:\n        'md:grid-cols-[18rem_minmax(0,1fr)] xl:grid-cols-[20rem_minmax(0,1fr)_20rem]',\n    },\n    {\n      sidebar: false,\n      aside: true,\n      class: 'xl:grid-cols-[minmax(0,1fr)_20rem]',\n    },\n  ],\n});\n\nexport interface RecordLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Usually a `RecordHeader`. */\n  header?: React.ReactNode;\n  /** Start column: the record's fields. */\n  sidebar?: React.ReactNode;\n  /** End column from `xl`; below the main column on tablet and mobile. */\n  aside?: React.ReactNode;\n  /** Rendered with `Tabs` in the main column; replaces `children`. */\n  tabs?: RecordLayoutTab[];\n  activeTab?: string;\n  defaultTab?: string;\n  onTabChange?: (id: string) => void;\n  /** Query parameter that mirrors the active tab (uncontrolled only). */\n  tabsUrlParam?: string;\n  /** Below `md`, hide the sidebar behind a toggle. */\n  sidebarCollapsible?: boolean;\n  defaultSidebarOpen?: boolean;\n  /** Persists the mobile sidebar's open state in `localStorage`. */\n  sidebarStorageKey?: string;\n  labels?: Partial<RecordLayoutLabels>;\n}\n\nfunction readOpen(key: string): boolean | undefined {\n  try {\n    const raw = window.localStorage.getItem(key);\n    return raw === null ? undefined : raw === 'true';\n  } catch {\n    return undefined;\n  }\n}\n\nexport const RecordLayout = React.forwardRef<HTMLDivElement, RecordLayoutProps>(\n  (\n    {\n      header,\n      sidebar,\n      aside,\n      tabs,\n      activeTab,\n      defaultTab,\n      onTabChange,\n      tabsUrlParam,\n      sidebarCollapsible = true,\n      defaultSidebarOpen = false,\n      sidebarStorageKey,\n      labels: labelsProp,\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const labels = { ...defaultRecordLayoutLabels, ...labelsProp };\n    const sidebarId = React.useId();\n    const [open, setOpen] = React.useState(defaultSidebarOpen);\n\n    React.useEffect(() => {\n      if (!sidebarStorageKey) return;\n      const stored = readOpen(sidebarStorageKey);\n      if (stored !== undefined) setOpen(stored);\n    }, [sidebarStorageKey]);\n\n    const toggle = () => {\n      const next = !open;\n      setOpen(next);\n      if (!sidebarStorageKey) return;\n      try {\n        window.localStorage.setItem(sidebarStorageKey, String(next));\n      } catch {\n        // Storage blocked: the preference just doesn't persist.\n      }\n    };\n\n    const hasSidebar = sidebar != null;\n    const hasAside = aside != null;\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"record-layout\"\n        className={cn('bg-background flex flex-col', className)}\n        {...rest}\n      >\n        {header}\n        <div\n          data-slot=\"record-layout-body\"\n          className={bodyVariants({ sidebar: hasSidebar, aside: hasAside })}\n        >\n          {hasSidebar && (\n            <aside\n              data-slot=\"record-layout-sidebar\"\n              aria-label={labels.sidebar}\n              className={cn(\n                'min-w-0 md:sticky md:top-[var(--record-layout-sticky-top,1rem)] md:max-h-[calc(100dvh-var(--record-layout-sticky-top,1rem)-1rem)] md:overflow-y-auto',\n                hasAside && 'md:row-span-2 xl:row-span-1'\n              )}\n            >\n              {sidebarCollapsible && (\n                <button\n                  type=\"button\"\n                  aria-expanded={open}\n                  aria-controls={sidebarId}\n                  onClick={toggle}\n                  className=\"border-border bg-card text-foreground hover:bg-muted focus-visible:ring-ring flex w-full items-center justify-between rounded-lg border px-4 py-3 text-sm font-medium focus-visible:ring-2 focus-visible:outline-none md:hidden\"\n                >\n                  {labels.sidebarToggle}\n                  <ChevronDown\n                    aria-hidden=\"true\"\n                    className={cn(\n                      'h-4 w-4 transition-transform motion-reduce:transition-none',\n                      open && 'rotate-180'\n                    )}\n                  />\n                </button>\n              )}\n              <div\n                id={sidebarId}\n                className={cn(\n                  sidebarCollapsible && 'mt-3 md:mt-0',\n                  sidebarCollapsible && !open && 'hidden md:block'\n                )}\n              >\n                {sidebar}\n              </div>\n            </aside>\n          )}\n          <section\n            data-slot=\"record-layout-main\"\n            aria-label={labels.main}\n            className=\"min-w-0\"\n          >\n            {tabs && tabs.length > 0 ? (\n              <Tabs\n                value={activeTab}\n                defaultValue={defaultTab ?? tabs[0].id}\n                onValueChange={onTabChange}\n                urlParam={tabsUrlParam}\n                urlValues={tabs.map((t) => t.id)}\n              >\n                <TabsList aria-label={labels.tabs} className=\"overflow-x-auto\">\n                  {tabs.map((t) => (\n                    <TabsTrigger key={t.id} value={t.id}>\n                      {t.label}\n                      {t.count != null && (\n                        <>\n                          {' '}\n                          <Badge size=\"sm\" variant=\"secondary\">\n                            {t.count}\n                          </Badge>\n                        </>\n                      )}\n                    </TabsTrigger>\n                  ))}\n                </TabsList>\n                {tabs.map((t) => (\n                  <TabsContent key={t.id} value={t.id}>\n                    {t.content}\n                  </TabsContent>\n                ))}\n              </Tabs>\n            ) : (\n              children\n            )}\n          </section>\n          {hasAside && (\n            <aside\n              data-slot=\"record-layout-aside\"\n              aria-label={labels.aside}\n              className=\"flex min-w-0 flex-col gap-4\"\n            >\n              {aside}\n            </aside>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nRecordLayout.displayName = 'RecordLayout';\n"]}

package/dist/{chunk-CRS2CQWM.js → chunk-OSTSZDQC.js}

@@ -1,4 +1,4 @@
-import { Dropdown, DropdownItem, DropdownSeparator } from './chunk-E2PBPQGS.js';
+import { Dropdown, DropdownItem, DropdownSeparator } from './chunk-EEOGIGIA.js';
 import { useEscapeKey } from './chunk-T4ME7QCT.js';
 import { useClickOutside } from './chunk-62ZOA6PX.js';
 import { useAnchoredPosition } from './chunk-WSNMQQ4P.js';
@@ -1962,5 +1962,5 @@ function notifyComposerMigrationOnce(surface) {
 }
 
 export { AttachmentPicker, AttachmentPreviewItem, CameraButton, ChatComposer, ComposerModelSelector, DEFAULT_ACCEPTED_FILE_TYPES, DEFAULT_MAX_FILE_SIZE, DragDropZone, generateAttachmentId, getFileType, notifyComposerMigrationOnce, validateFile };
-//# sourceMappingURL=chunk-CRS2CQWM.js.map
-//# sourceMappingURL=chunk-CRS2CQWM.js.map
+//# sourceMappingURL=chunk-OSTSZDQC.js.map
+//# sourceMappingURL=chunk-OSTSZDQC.js.map