@multiplatform.one/components 5.0.27 → 6.0.0

package/dist/jsx/layouts/layouts.spec.native.js

@@ -0,0 +1,272 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@testing-library/react");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var React = __toESM(require("react"));
+var import_vitest = require("vitest");
+var Debug = __toESM(require("./Debug/index.native.js"));
+var Layouts = __toESM(require("./index.native.js"));
+var import_sidebar = require("./sidebar.native.js");
+var import_toolbar = require("./toolbar.native.js");
+var import_ViewSwitcher = require("./ViewSwitcher.native.js");
+var import_breadcrumbs = require("./breadcrumbs.native.js");
+var import_tags = require("./tags.native.js");
+(0, import_vitest.afterEach)(import_react.cleanup);
+(0, import_vitest.describe)("Layouts Index", function () {
+  (0, import_vitest.it)("should export everything from Debug", function () {
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = Object.keys(Debug)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var key = _step.value;
+        (0, import_vitest.expect)(Layouts).toHaveProperty(key);
+        (0, import_vitest.expect)(Layouts[key]).toBe(Debug[key]);
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+  });
+  (0, import_vitest.it)("should export Sidebar", function () {
+    (0, import_vitest.expect)(Layouts).toHaveProperty("Sidebar");
+  });
+  (0, import_vitest.it)("should export Toolbar", function () {
+    (0, import_vitest.expect)(Layouts).toHaveProperty("Toolbar");
+  });
+  (0, import_vitest.it)("should export ViewSwitcher", function () {
+    (0, import_vitest.expect)(Layouts).toHaveProperty("ViewSwitcher");
+  });
+  (0, import_vitest.it)("should export Breadcrumbs", function () {
+    (0, import_vitest.expect)(Layouts).toHaveProperty("Breadcrumbs");
+  });
+  (0, import_vitest.it)("should export Attachments", function () {
+    (0, import_vitest.expect)(Layouts).toHaveProperty("Attachments");
+  });
+  (0, import_vitest.it)("should export Tags", function () {
+    (0, import_vitest.expect)(Layouts).toHaveProperty("Tags");
+  });
+  (0, import_vitest.it)("should export Timeline", function () {
+    (0, import_vitest.expect)(Layouts).toHaveProperty("Timeline");
+  });
+});
+(0, import_vitest.describe)("Sidebar", function () {
+  (0, import_vitest.it)("renders sections and items as ListItem with title and count", function () {
+    var sections = [{
+      title: "Navigation",
+      items: [{
+        label: "Home",
+        value: "home",
+        active: true
+      }, {
+        label: "Settings",
+        value: "settings",
+        count: 3
+      }]
+    }, {
+      title: "Reports",
+      items: [{
+        label: "Sales",
+        value: "sales"
+      }]
+    }];
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sidebar.Sidebar, {
+      sections
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("Navigation")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Reports")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Home")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Settings")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Sales")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("(3)")).toBeInTheDocument();
+  });
+});
+(0, import_vitest.describe)("Toolbar", function () {
+  (0, import_vitest.it)("renders actions from props and calls action callbacks", function () {
+    var onSave = import_vitest.vi.fn();
+    var onDelete = import_vitest.vi.fn();
+    var primaryActions = [{
+      label: "Save",
+      onPress: onSave,
+      variant: "primary"
+    }];
+    var secondaryActions = [{
+      label: "Delete",
+      onPress: onDelete,
+      variant: "destructive"
+    }];
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toolbar.Toolbar, {
+      primaryActions,
+      secondaryActions
+    }));
+    var saveButton = import_react.screen.getByText("Save");
+    var deleteButton = import_react.screen.getByText("Delete");
+    (0, import_vitest.expect)(saveButton).toBeInTheDocument();
+    (0, import_vitest.expect)(deleteButton).toBeInTheDocument();
+    import_react.fireEvent.click(saveButton);
+    (0, import_vitest.expect)(onSave).toHaveBeenCalledTimes(1);
+    import_react.fireEvent.click(deleteButton);
+    (0, import_vitest.expect)(onDelete).toHaveBeenCalledTimes(1);
+  });
+});
+(0, import_vitest.describe)("ViewSwitcher", function () {
+  (0, import_vitest.it)("renders view options as ToggleGroup items", function () {
+    var onViewChange = import_vitest.vi.fn();
+    var views = [{
+      type: "list",
+      label: "List"
+    }, {
+      type: "table",
+      label: "Table"
+    }, {
+      type: "kanban",
+      label: "Kanban"
+    }];
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewSwitcher.ViewSwitcher, {
+      views,
+      currentView: "list",
+      onViewChange
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("List")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Table")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Kanban")).toBeInTheDocument();
+  });
+});
+(0, import_vitest.describe)("Breadcrumbs", function () {
+  (0, import_vitest.it)("renders items from props and calls onNavigate", function () {
+    var onNavigate = import_vitest.vi.fn();
+    var items = [{
+      label: "Home",
+      href: "/"
+    }, {
+      label: "Products",
+      href: "/products"
+    }, {
+      label: "Widget"
+    }];
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_breadcrumbs.Breadcrumbs, {
+      items,
+      onNavigate
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("Home")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Products")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Widget")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getAllByText("/")).toHaveLength(2);
+    import_react.fireEvent.click(import_react.screen.getByText("Home"));
+    (0, import_vitest.expect)(onNavigate).toHaveBeenCalledWith("/");
+  });
+});
+(0, import_vitest.describe)("Tags", function () {
+  (0, import_vitest.it)("renders tag list with chip-styled buttons", function () {
+    var onRemove = import_vitest.vi.fn();
+    var onAdd = import_vitest.vi.fn();
+    var tags = [{
+      id: "tag-1",
+      label: "urgent"
+    }, {
+      id: "tag-2",
+      label: "important"
+    }, {
+      id: "tag-3",
+      label: "review"
+    }];
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tags.Tags, {
+      tags,
+      onAdd,
+      onRemove
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("urgent")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("important")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("review")).toBeInTheDocument();
+  });
+});
+(0, import_vitest.describe)("Attachments", function () {
+  (0, import_vitest.it)("renders attachment items with file name and size", function () {
+    var {
+      Attachments
+    } = Layouts;
+    var items = [{
+      id: "file-1",
+      fileName: "report.pdf",
+      fileUrl: "/files/report.pdf",
+      fileSize: 1024 * 512,
+      fileType: "application/pdf"
+    }, {
+      id: "file-2",
+      fileName: "photo.jpg",
+      fileUrl: "/files/photo.jpg",
+      fileSize: 1024 * 1024 * 2,
+      isImage: true
+    }];
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(Attachments, {
+      items
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("report.pdf")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("photo.jpg")).toBeInTheDocument();
+  });
+});
+(0, import_vitest.describe)("Timeline", function () {
+  (0, import_vitest.it)("renders timeline entries with author names", function () {
+    var {
+      Timeline
+    } = Layouts;
+    var entries = [{
+      id: "entry-1",
+      type: "comment",
+      content: "Looks good!",
+      author: "Alice",
+      timestamp: "2026-01-15T10:00:00Z"
+    }, {
+      id: "entry-2",
+      type: "version",
+      author: "Bob",
+      timestamp: "2026-01-15T11:00:00Z",
+      changes: [{
+        field: "status",
+        old: "Open",
+        new: "Closed"
+      }]
+    }];
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(Timeline, {
+      entries
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("Alice")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Bob")).toBeInTheDocument();
+  });
+});
+//# sourceMappingURL=layouts.spec.native.js.map

package/dist/jsx/layouts/layouts.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__copyProps","to","from","except","desc","key","call","get","enumerable","__toESM","mod","isNodeMode","target","__esModule","value","import_jsx_runtime","require","import_react","import_test_utils","React","import_vitest","Debug","Layouts","import_sidebar","import_toolbar","import_ViewSwitcher","import_breadcrumbs","import_tags","afterEach","cleanup","describe","it","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","keys","Symbol","iterator","_step","next","done","expect","toHaveProperty","toBe","err","return","sections","title","items","label","active","count","renderWithProviders","jsx","Sidebar","screen","getByText","toBeInTheDocument","onSave","vi","fn","onDelete","primaryActions","onPress","variant","secondaryActions","Toolbar","saveButton","deleteButton","fireEvent","click","toHaveBeenCalledTimes","onViewChange","views","type","ViewSwitcher","currentView","onNavigate"],"sources":["../../../src/layouts/layouts.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/layouts/page.mjs

@@ -0,0 +1,182 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { H1, H2, Paragraph, ScrollView, Separator, XStack, YStack } from "tamagui";
+import { componentColors } from "../componentColors.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Screen({
+  children,
+  scroll = true,
+  maxWidth = 1200,
+  bleed = false,
+  noPadding = false,
+  scrollViewProps,
+  ...rest
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const inner = /* @__PURE__ */jsx(YStack, {
+    flex: 1,
+    width: "100%",
+    ...(maxWidth && !bleed ? {
+      maxWidth,
+      alignSelf: "center"
+    } : null),
+    ...(noPadding ? null : knobProps.panelPadding),
+    ...knobProps.gapLg,
+    ...rest,
+    children
+  });
+  if (!scroll) {
+    return /* @__PURE__ */jsx(YStack, {
+      flex: 1,
+      backgroundColor: "$background",
+      children: inner
+    });
+  }
+  return /* @__PURE__ */jsx(ScrollView, {
+    flex: 1,
+    backgroundColor: "$background",
+    ...scrollViewProps,
+    children: inner
+  });
+}
+function PageHeader({
+  title,
+  subtitle,
+  heading,
+  actions,
+  divider = true,
+  children,
+  ...rest
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const titleNode = heading ?? (title ? /* @__PURE__ */jsx(H1, {
+    margin: 0,
+    children: title
+  }) : null);
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    ...rest,
+    children: [/* @__PURE__ */jsxs(XStack, {
+      justifyContent: "space-between",
+      alignItems: "center",
+      flexWrap: "wrap",
+      ...knobProps.gap,
+      children: [titleNode ? /* @__PURE__ */jsx(YStack, {
+        children: titleNode
+      }) : null, actions ? /* @__PURE__ */jsx(XStack, {
+        ...knobProps.gap,
+        alignItems: "center",
+        flexWrap: "wrap",
+        children: actions
+      }) : null]
+    }), subtitle ? /* @__PURE__ */jsx(Paragraph, {
+      color: componentColors.text.muted,
+      size: "$5",
+      margin: 0,
+      children: subtitle
+    }) : null, children, divider ? /* @__PURE__ */jsx(Separator, {
+      borderColor: componentColors.divider
+    }) : null]
+  });
+}
+function PageSection({
+  title,
+  description,
+  heading,
+  divider = true,
+  surface = false,
+  children,
+  ...rest
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const headingNode = heading ?? (title ? /* @__PURE__ */jsx(H2, {
+    margin: 0,
+    children: title
+  }) : null);
+  const surfaceProps = surface ? {
+    backgroundColor: componentColors.surface.background,
+    borderRadius: "$4",
+    borderWidth: 1,
+    borderColor: componentColors.surface.border,
+    ...knobProps.panelPadding
+  } : {};
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    ...surfaceProps,
+    ...rest,
+    children: [headingNode || description ? /* @__PURE__ */jsxs(YStack, {
+      gap: "$2",
+      children: [headingNode, description ? /* @__PURE__ */jsx(Paragraph, {
+        color: componentColors.text.muted,
+        size: "$4",
+        margin: 0,
+        children: description
+      }) : null, divider ? /* @__PURE__ */jsx(Separator, {
+        borderColor: componentColors.divider
+      }) : null]
+    }) : null, children]
+  });
+}
+function EmptyState({
+  title,
+  description,
+  icon,
+  action,
+  children,
+  ...rest
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsxs(YStack, {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    ...rest,
+    children: [icon, /* @__PURE__ */jsx(H2, {
+      textAlign: "center",
+      margin: 0,
+      children: title
+    }), description ? /* @__PURE__ */jsx(Paragraph, {
+      color: componentColors.text.muted,
+      textAlign: "center",
+      maxWidth: 520,
+      margin: 0,
+      children: description
+    }) : null, action, children]
+  });
+}
+function ScreenToolbar({
+  leading,
+  trailing,
+  children,
+  ...rest
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsxs(XStack, {
+    justifyContent: "space-between",
+    alignItems: "center",
+    ...knobProps.gap,
+    ...rest,
+    children: [/* @__PURE__ */jsx(XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      children: leading
+    }), children, /* @__PURE__ */jsx(XStack, {
+      ...knobProps.gap,
+      alignItems: "center",
+      children: trailing
+    })]
+  });
+}
+export { EmptyState, PageHeader, PageSection, Screen, ScreenToolbar };
+//# sourceMappingURL=page.mjs.map

package/dist/jsx/layouts/page.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","H1","H2","Paragraph","ScrollView","Separator","XStack","YStack","componentColors","jsx","jsxs","Screen","children","scroll","maxWidth","bleed","noPadding","scrollViewProps","rest","knobProps","inner","flex","width","alignSelf","panelPadding","gapLg","backgroundColor","PageHeader","title","subtitle","heading","actions","divider","titleNode","margin","gap","justifyContent","alignItems","flexWrap","color","text","muted","size","borderColor","PageSection","description","surface","headingNode","surfaceProps","background","borderRadius","borderWidth","border","EmptyState","icon","action","textAlign","ScreenToolbar","leading","trailing"],"sources":["../../../src/layouts/page.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}