@multiplatform.one/components 5.0.27 → 6.0.0

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

@@ -0,0 +1,344 @@
+"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 import_Calendar = require("./Calendar.native.js");
+var ViewExports = __toESM(require("./index.native.js"));
+var import_List = require("./List.native.js");
+var import_Kanban = require("./Kanban.native.js");
+var import_TreeView = require("./TreeView.native.js");
+var import_ImageGrid = require("./ImageGrid.native.js");
+import_vitest.vi.mock("@tanstack/react-virtual", function () {
+  return {
+    useVirtualizer: function useVirtualizer(opts) {
+      var size = opts.estimateSize();
+      var items = Array.from({
+        length: opts.count
+      }, function (_, i) {
+        return {
+          index: i,
+          key: String(i),
+          start: i * size,
+          end: (i + 1) * size,
+          size
+        };
+      });
+      return {
+        getVirtualItems: function getVirtualItems() {
+          return items;
+        },
+        getTotalSize: function getTotalSize() {
+          return opts.count * size;
+        },
+        measureElement: function measureElement() {}
+      };
+    }
+  };
+});
+(0, import_vitest.afterEach)(import_react.cleanup);
+(0, import_vitest.describe)("List", function () {
+  (0, import_vitest.it)("renders items from array prop", function () {
+    var items = [{
+      id: "1",
+      name: "Pikachu"
+    }, {
+      id: "2",
+      name: "Charmander"
+    }, {
+      id: "3",
+      name: "Bulbasaur"
+    }];
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_List.List, {
+      items,
+      renderItem: function renderItem(item) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+          "data-testid": `item-${item.id}`,
+          children: item.name
+        });
+      },
+      height: 300,
+      estimateSize: 50
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("Pikachu")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Charmander")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Bulbasaur")).toBeInTheDocument();
+  });
+  (0, import_vitest.it)("renders empty message when items array is empty", function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_List.List, {
+      items: [],
+      renderItem: function renderItem() {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {});
+      },
+      emptyMessage: "No Pokemon found"
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("No Pokemon found")).toBeInTheDocument();
+  });
+  (0, import_vitest.it)("renders rows as ListItem with listitem role", function () {
+    var items = [{
+      id: "1",
+      name: "Pikachu"
+    }, {
+      id: "2",
+      name: "Charmander"
+    }];
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_List.List, {
+      items,
+      renderItem: function renderItem(item) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+          children: item.name
+        });
+      },
+      height: 300,
+      estimateSize: 50
+    }));
+    var listItems = container.querySelectorAll('[role="listitem"]');
+    (0, import_vitest.expect)(listItems.length).toBe(2);
+  });
+});
+(0, import_vitest.describe)("List virtualization", function () {
+  (0, import_vitest.it)("uses useVirtualizer with absolute positioning for windowed rendering", function () {
+    var _renderedItems_;
+    var items = Array.from({
+      length: 50
+    }, function (_, i) {
+      return {
+        id: String(i),
+        name: `Item ${i}`
+      };
+    });
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_List.List, {
+      items,
+      renderItem: function renderItem(item) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+          "data-testid": `item-${item.id}`,
+          children: item.name
+        });
+      },
+      height: 200,
+      estimateSize: 50,
+      overscan: 2
+    }));
+    var renderedItems = container.querySelectorAll('[data-testid^="item-"]');
+    (0, import_vitest.expect)(renderedItems.length).toBeGreaterThan(0);
+    var firstItemParent = (_renderedItems_ = renderedItems[0]) === null || _renderedItems_ === void 0 ? void 0 : _renderedItems_.closest('[role="listitem"]');
+    (0, import_vitest.expect)(firstItemParent).toBeTruthy();
+  });
+});
+(0, import_vitest.describe)("Kanban", function () {
+  (0, import_vitest.it)("renders columns and cards from props", function () {
+    var columns = [{
+      id: "todo",
+      title: "To Do",
+      items: [{
+        id: "1",
+        title: "Task 1"
+      }, {
+        id: "2",
+        title: "Task 2"
+      }]
+    }, {
+      id: "done",
+      title: "Done",
+      items: [{
+        id: "3",
+        title: "Task 3"
+      }]
+    }];
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Kanban.Kanban, {
+      columns,
+      renderCard: function renderCard(item) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+          children: item.title
+        });
+      },
+      estimateSize: 80
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("To Do")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Done")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Task 1")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Task 2")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Task 3")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("2")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("1")).toBeInTheDocument();
+  });
+});
+(0, import_vitest.describe)("TreeView", function () {
+  (0, import_vitest.it)("renders nested tree data from props", function () {
+    var nodes = [{
+      id: "root",
+      label: "Root Node",
+      children: [{
+        id: "child-1",
+        label: "Child 1"
+      }, {
+        id: "child-2",
+        label: "Child 2",
+        children: [{
+          id: "grandchild",
+          label: "Grandchild"
+        }]
+      }]
+    }, {
+      id: "root-2",
+      label: "Root 2"
+    }];
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_TreeView.TreeView, {
+      nodes,
+      renderNode: function renderNode(node) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+          children: node.label
+        });
+      },
+      defaultExpandedIds: ["root", "child-2"],
+      height: 400
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("Root Node")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Root 2")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Child 1")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Child 2")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Grandchild")).toBeInTheDocument();
+  });
+});
+(0, import_vitest.describe)("ImageGrid", function () {
+  (0, import_vitest.it)("renders image items from props", function () {
+    var items = [{
+      id: "1",
+      title: "Photo A",
+      url: "https://example.com/a.jpg"
+    }, {
+      id: "2",
+      title: "Photo B",
+      url: "https://example.com/b.jpg"
+    }, {
+      id: "3",
+      title: "Photo C",
+      url: "https://example.com/c.jpg"
+    }];
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageGrid.ImageGrid, {
+      items,
+      columns: 3,
+      renderItem: function renderItem(item) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+          "data-testid": `grid-item-${item.id}`,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+            children: item.title
+          })
+        });
+      },
+      height: 400,
+      estimateSize: 200
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("Photo A")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Photo B")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Photo C")).toBeInTheDocument();
+  });
+  (0, import_vitest.it)("renders empty message when items array is empty", function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageGrid.ImageGrid, {
+      items: [],
+      renderItem: function renderItem() {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {});
+      },
+      emptyMessage: "No images"
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("No images")).toBeInTheDocument();
+  });
+});
+(0, import_vitest.describe)("Calendar", function () {
+  (0, import_vitest.it)("renders events from props", function () {
+    var today = /* @__PURE__ */new Date();
+    var events = [{
+      id: "evt-1",
+      title: "Team Meeting",
+      start: today,
+      color: "#3b82f6"
+    }, {
+      id: "evt-2",
+      title: "Sprint Review",
+      start: today,
+      color: "#10b981"
+    }];
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Calendar.Calendar, {
+      events,
+      viewType: "month",
+      initialDate: today,
+      height: 600
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("Team Meeting")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Sprint Review")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Today")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Month")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Week")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Day")).toBeInTheDocument();
+  });
+});
+(0, import_vitest.describe)("Dashboard", function () {
+  (0, import_vitest.it)("renders KPI widgets from props", function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(ViewExports.Dashboard, {
+      title: "Sales Overview",
+      widgets: [{
+        id: "revenue",
+        type: "kpi",
+        kpiConfig: {
+          id: "revenue",
+          title: "Revenue",
+          value: 125e3,
+          format: "currency",
+          trend: "up",
+          trendValue: "+12%"
+        }
+      }]
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByText("Sales Overview")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Revenue")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("$125,000")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("+12%")).toBeInTheDocument();
+  });
+});
+(0, import_vitest.describe)("Views barrel exports", function () {
+  (0, import_vitest.it)("exports all view components", function () {
+    (0, import_vitest.expect)(ViewExports).toHaveProperty("List");
+    (0, import_vitest.expect)(ViewExports).toHaveProperty("Kanban");
+    (0, import_vitest.expect)(ViewExports).toHaveProperty("Calendar");
+    (0, import_vitest.expect)(ViewExports).toHaveProperty("TreeView");
+    (0, import_vitest.expect)(ViewExports).toHaveProperty("ImageGrid");
+    (0, import_vitest.expect)(ViewExports).toHaveProperty("Dashboard");
+    (0, import_vitest.expect)(ViewExports).toHaveProperty("ReportBuilder");
+    (0, import_vitest.expect)(ViewExports).toHaveProperty("KPICard");
+    (0, import_vitest.expect)(ViewExports).toHaveProperty("ChartCard");
+    (0, import_vitest.expect)(ViewExports).toHaveProperty("calculateTrend");
+    (0, import_vitest.expect)(ViewExports).toHaveProperty("calculatePercentageChange");
+    (0, import_vitest.expect)(ViewExports).toHaveProperty("aggregateData");
+  });
+});
+//# sourceMappingURL=views.spec.native.js.map

package/dist/jsx/views/views.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","import_Calendar","ViewExports","import_List","import_Kanban","import_TreeView","import_ImageGrid","vi","mock","useVirtualizer","opts","size","estimateSize","items","Array","length","count","_","i","index","String","start","end","getVirtualItems","getTotalSize","measureElement","afterEach","cleanup","describe","it","id","name","renderWithProviders","jsx","List","renderItem","item","children","height","expect","screen","getByText","toBeInTheDocument","emptyMessage","container","listItems","querySelectorAll","toBe","_renderedItems_","overscan","renderedItems","toBeGreaterThan","firstItemParent","closest","toBeTruthy","columns","title","Kanban","renderCard","nodes","label","TreeView","renderNode","node","defaultExpandedIds","url","ImageGrid"],"sources":["../../../src/views/views.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,87 +1,146 @@
 {
   "name": "@multiplatform.one/components",
-  "version": "5.0.27",
+  "version": "6.0.0",
+  "description": "multiplatform.one ui components",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.com/bitspur/multiplatform.one/multiplatform.one.git"
+  },
+  "source": "src/index.ts",
+  "files": [
+    "css",
+    "dist",
+    "src",
+    "types"
+  ],
   "sideEffects": [
     "*.css"
   ],
-  "description": "multiplatform.one ui components",
-  "main": "dist/cjs",
-  "module": "dist/esm",
-  "module:jsx": "dist/jsx",
-  "source": "src/index.ts",
-  "types": "types/index.d.ts",
+  "main": "src/index.ts",
+  "module": "src/index.ts",
+  "types": "src/index.ts",
   "exports": {
+    "./package.json": "./package.json",
     ".": {
-      "types": "./types/index.d.ts",
+      "source": "./src/index.ts",
+      "react-native": {
+        "import": "./dist/esm/index.native.js",
+        "require": "./dist/cjs/index.native.js"
+      },
+      "types": "./src/index.ts",
       "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.cjs"
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/cjs/index.native.js"
     },
     "./css/code-highlight.css": {
       "import": "./css/code-highlight.css",
       "require": "./css/code-highlight.css"
-    },
-    "./package.json": "./package.json"
+    }
   },
-  "files": [
-    "css",
-    "dist",
-    "src",
-    "types"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://gitlab.com/bitspur/multiplatform.one/multiplatform.one.git"
+  "publishConfig": {
+    "access": "public"
   },
-  "license": "Apache-2.0",
   "dependencies": {
-    "@mdx-js/mdx": "^3.1.0",
-    "@mdx-js/react": "^3.1.0",
-    "@multiplatform.one/router": "5.0.27",
-    "@tamagui/font-inter": "^1.122.6",
-    "@tamagui/logo": "^1.122.6",
-    "@tamagui/react-native-media-driver": "^1.122.6",
-    "@tamagui/react-native-svg": "^1.122.6",
-    "@tamagui/shorthands": "^1.122.6",
-    "@tamagui/themes": "^1.122.6",
-    "@tanstack/react-form": "^0.21.1",
-    "burnt": "^0.12.2",
-    "expo-image": "^1.13.0",
-    "fast-xml-parser": "^4.5.1",
+    "@phosphor-icons/react": "^2.1.10",
+    "@shopify/flash-list": "^2.3.1",
+    "@tamagui/font-inter": "2.0.0-rc.41",
+    "@tamagui/logo": "2.0.0-rc.41",
+    "@tamagui/react-native-media-driver": "2.0.0-rc.41",
+    "@tamagui/react-native-svg": "2.0.0-rc.41",
+    "@tamagui/shorthands": "2.0.0-rc.41",
+    "@tamagui/themes": "2.0.0-rc.41",
+    "@tanstack/react-form": "^1.29.1",
+    "@tanstack/react-hotkeys": "^0.5.1",
+    "fast-xml-parser": "^5.7.2",
+    "link": "^2.1.2",
+    "tamagui": "2.0.0-rc.41",
+    "@multiplatform.one/forms": "6.0.0",
+    "@multiplatform.one/i18n": "6.0.0",
+    "@multiplatform.one/platform": "6.0.0",
+    "@multiplatform.one/router": "6.0.0",
+    "@multiplatform.one/theme": "6.0.0"
+  },
+  "devDependencies": {
+    "@tamagui/build": "2.0.0-rc.41",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/coverage-v8": "^4.1.5",
+    "matchmedia-polyfill": "^0.3.2",
+    "moti": "^0.30.0",
+    "react-native-reanimated": "~4.3.0",
+    "react-native-web": "^0.21.2",
+    "vitest": "^4.1.5",
+    "@multiplatform.one/storybook": "6.0.0",
+    "@multiplatform.one/config": "6.0.0",
+    "@multiplatform.one/test-utils": "6.0.0"
+  },
+  "peerDependencies": {
+    "@mdx-js/mdx": "^3.1.1",
+    "@mdx-js/react": "^3.1.1",
     "gray-matter": "^4.0.3",
     "hast-util-to-html": "8.0.4",
-    "link": "^2.1.1",
-    "multiplatform.one": "5.0.27",
+    "moti": "^0.25.3",
     "parse-numeric-range": "^1.3.0",
-    "refractor": "^4.8.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-native": ">=0.83.0",
+    "react-native-reanimated": "^4.2.0",
+    "react-native-safe-area-context": "*",
+    "refractor": "^4.9.0",
     "rehype-autolink-headings": "~6.1.1",
     "rehype-parse": "~8.0.5",
     "rehype-slug": "~5.1.0",
     "remark-frontmatter": "^5.0.0",
     "remark-mdx-frontmatter": "^4.0.0",
-    "tamagui": "^1.122.6",
-    "unist-util-visit": "^5.0.0"
+    "unist-util-visit": "^5.1.0"
   },
-  "peerDependencies": {
-    "moti": "^0.25.3",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
-    "react-native-reanimated": "~3.10.1"
-  },
-  "devDependencies": {
-    "@tamagui/build": "^1.122.6",
-    "@tamagui/config": "^1.122.6",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^15.0.7",
-    "@types/testing-library__jest-dom": "^6.0.0",
-    "@vitejs/plugin-react": "^4.3.4",
-    "jsdom": "^24.1.3",
-    "matchmedia-polyfill": "^0.3.2",
-    "moti": "^0.29.0",
-    "react-native-reanimated": "~3.10.1",
-    "react-native-web": "~0.19.13",
-    "vitest": "^1.6.0",
-    "vitest-react-native": "^0.1.5"
+  "peerDependenciesMeta": {
+    "@mdx-js/mdx": {
+      "optional": true
+    },
+    "@mdx-js/react": {
+      "optional": true
+    },
+    "gray-matter": {
+      "optional": true
+    },
+    "hast-util-to-html": {
+      "optional": true
+    },
+    "parse-numeric-range": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    },
+    "react-native-safe-area-context": {
+      "optional": true
+    },
+    "refractor": {
+      "optional": true
+    },
+    "rehype-autolink-headings": {
+      "optional": true
+    },
+    "rehype-parse": {
+      "optional": true
+    },
+    "rehype-slug": {
+      "optional": true
+    },
+    "remark-frontmatter": {
+      "optional": true
+    },
+    "remark-mdx-frontmatter": {
+      "optional": true
+    },
+    "unist-util-visit": {
+      "optional": true
+    }
   },
+  "module:jsx": "dist/jsx",
   "scripts": {
     "build": "rm -rf dist types 2>/dev/null && tamagui-build --ts-project ./tsconfig.build.json",
     "test": "vitest run --coverage --coverage.provider=v8 --coverage.reporter=text --coverage.reporter=lcov --coverage.reporter=html",