@elevasis/ui 2.19.0 → 2.20.0

package/dist/test-utils/index.js

@@ -0,0 +1,136 @@
+import { server, handlers } from '../chunk-7XKCG5CT.js';
+export { handlers, server } from '../chunk-7XKCG5CT.js';
+import { mockWorkOSUser, mockUseAuth, mockUnauthenticatedUser, mockAuthenticatedUser, mockAuthLoading, createMockUseAuth } from '../chunk-DRQPEMJI.js';
+export { createMockUseAuth, mockAuthLoading, mockAuthenticatedUser, mockUnauthenticatedUser, mockUseAuth, mockWorkOSUser } from '../chunk-DRQPEMJI.js';
+import '../chunk-XCYKC6OZ.js';
+import { ApiClientProvider } from '../chunk-R7OJCNL3.js';
+import '../chunk-OD7GWIZS.js';
+import '../chunk-KRWALB24.js';
+import '../chunk-DD3CCMCZ.js';
+import { __export, __reExport } from '../chunk-I2KLQ2HA.js';
+import { MantineProvider } from '@mantine/core';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import * as react_star from '@testing-library/react';
+import { render, renderHook } from '@testing-library/react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/test-utils/index.ts
+var test_utils_exports = {};
+__export(test_utils_exports, {
+  TestProviders: () => TestProviders,
+  createMockUseAuth: () => createMockUseAuth,
+  createTestQueryClient: () => createTestQueryClient,
+  createTestWrapper: () => createTestWrapper,
+  handlers: () => handlers,
+  mockAuthLoading: () => mockAuthLoading,
+  mockAuthenticatedUser: () => mockAuthenticatedUser,
+  mockFeatureAccess: () => mockFeatureAccess,
+  mockUnauthenticatedUser: () => mockUnauthenticatedUser,
+  mockUseAuth: () => mockUseAuth,
+  mockWorkOSUser: () => mockWorkOSUser,
+  render: () => renderWithProviders,
+  renderHookWithProviders: () => renderHookWithProviders,
+  renderWithProviders: () => renderWithProviders,
+  server: () => server
+});
+
+// src/test-utils/render.tsx
+var render_exports = {};
+__export(render_exports, {
+  TestProviders: () => TestProviders,
+  createTestQueryClient: () => createTestQueryClient,
+  createTestWrapper: () => createTestWrapper,
+  render: () => renderWithProviders,
+  renderHookWithProviders: () => renderHookWithProviders,
+  renderWithProviders: () => renderWithProviders
+});
+__reExport(render_exports, react_star);
+function createTestQueryClient() {
+  return new QueryClient({
+    defaultOptions: {
+      queries: {
+        retry: false,
+        gcTime: 0,
+        staleTime: 0
+      },
+      mutations: {
+        retry: false
+      }
+    }
+  });
+}
+var mockGetAccessToken = async () => "test-token";
+function TestProviders({
+  children,
+  queryClient,
+  getAccessToken = mockGetAccessToken,
+  organizationId = "test-org-id",
+  isOrganizationReady = true
+}) {
+  const client = queryClient ?? createTestQueryClient();
+  return /* @__PURE__ */ jsx(MantineProvider, { children: /* @__PURE__ */ jsx(QueryClientProvider, { client, children: /* @__PURE__ */ jsx(
+    ApiClientProvider,
+    {
+      getAccessToken,
+      getOrganizationId: () => organizationId ?? null,
+      organizationId,
+      isOrganizationReady,
+      children
+    }
+  ) }) });
+}
+function renderWithProviders(ui, options) {
+  const { queryClient, getAccessToken, organizationId, isOrganizationReady, ...renderOptions } = options ?? {};
+  return render(ui, {
+    wrapper: ({ children }) => /* @__PURE__ */ jsx(
+      TestProviders,
+      {
+        queryClient,
+        getAccessToken,
+        organizationId,
+        isOrganizationReady,
+        children
+      }
+    ),
+    ...renderOptions
+  });
+}
+function renderHookWithProviders(hook, options) {
+  const { queryClient, getAccessToken, organizationId, isOrganizationReady, ...renderHookOptions } = options ?? {};
+  return renderHook(hook, {
+    wrapper: ({ children }) => /* @__PURE__ */ jsx(
+      TestProviders,
+      {
+        queryClient,
+        getAccessToken,
+        organizationId,
+        isOrganizationReady,
+        children
+      }
+    ),
+    ...renderHookOptions
+  });
+}
+function createTestWrapper(options) {
+  return function Wrapper({ children }) {
+    return /* @__PURE__ */ jsx(TestProviders, { ...options, children });
+  };
+}
+
+// src/test-utils/index.ts
+__reExport(test_utils_exports, render_exports);
+
+// src/test-utils/mocks/feature-access.ts
+function mockFeatureAccess({ allowed = true, restrictedBy } = {}) {
+  const result = {
+    allowed,
+    restrictedBy: restrictedBy ?? null
+  };
+  return {
+    isReady: true,
+    hasFeature: () => allowed,
+    checkFeature: () => result
+  };
+}
+
+export { TestProviders, createTestQueryClient, createTestWrapper, mockFeatureAccess, renderWithProviders as render, renderHookWithProviders, renderWithProviders };

package/dist/test-utils/setup-integration.d.ts

@@ -0,0 +1,2 @@
+
+export { };

package/dist/test-utils/setup-integration.js

@@ -0,0 +1,26 @@
+import { setupBrowserMocks } from '../chunk-HJ4CJIWN.js';
+import { mockUseAuth } from '../chunk-DRQPEMJI.js';
+import '../chunk-I2KLQ2HA.js';
+import '@testing-library/jest-dom/vitest';
+import { cleanup } from '@testing-library/react';
+import { vi, afterEach } from 'vitest';
+
+setupBrowserMocks();
+vi.mock("@workos-inc/authkit-react", () => ({
+  useAuth: () => mockUseAuth
+}));
+vi.mock("@elevasis/ui/auth/context", () => ({
+  useAuthContext: () => mockUseAuth,
+  AuthProvider: ({ children }) => children
+}));
+vi.mock("@elevasis/ui/router/context", () => ({
+  useRouterContext: () => ({
+    currentPath: "/",
+    navigate: vi.fn(),
+    Link: "a"
+  }),
+  RouterProvider: ({ children }) => children
+}));
+afterEach(() => {
+  cleanup();
+});

package/dist/test-utils/setup.d.ts

@@ -0,0 +1,2 @@
+
+export { };

package/dist/test-utils/setup.js

@@ -0,0 +1,47 @@
+import { server } from '../chunk-7XKCG5CT.js';
+import { setupBrowserMocks } from '../chunk-HJ4CJIWN.js';
+import { mockUseAuth } from '../chunk-DRQPEMJI.js';
+import '../chunk-I2KLQ2HA.js';
+import '@testing-library/jest-dom/vitest';
+import { cleanup } from '@testing-library/react';
+import { vi, beforeAll, afterEach, afterAll, expect } from 'vitest';
+
+setupBrowserMocks();
+vi.mock("@workos-inc/authkit-react", () => ({
+  useAuth: () => mockUseAuth
+}));
+vi.mock("@elevasis/ui/auth/context", () => ({
+  useAuthContext: () => mockUseAuth,
+  AuthProvider: ({ children }) => children
+}));
+vi.mock("@elevasis/ui/router/context", () => ({
+  useRouterContext: () => ({
+    currentPath: "/",
+    navigate: vi.fn(),
+    Link: "a"
+  }),
+  RouterProvider: ({ children }) => children
+}));
+var isIntegrationTest = () => {
+  try {
+    return expect.getState().testPath?.includes("integration.test") ?? false;
+  } catch {
+    return false;
+  }
+};
+if (!isIntegrationTest()) {
+  beforeAll(() => {
+    server.listen({ onUnhandledRequest: "warn" });
+  });
+  afterEach(() => {
+    cleanup();
+    server.resetHandlers();
+  });
+  afterAll(() => {
+    server.close();
+  });
+} else {
+  afterEach(() => {
+    cleanup();
+  });
+}

package/dist/theme/index.js

@@ -1,3 +1,4 @@
 export { useAvailablePresets } from '../chunk-TIIPYB2Z.js';
 export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, usePresetsContext } from '../chunk-Q5HC6ENG.js';
 import '../chunk-WLOQ4IBG.js';
+import '../chunk-I2KLQ2HA.js';

package/dist/typeform/index.js

@@ -1,4 +1,5 @@
 export { answerValueSchema, checkboxWithOtherSchema, multiAnswerValueSchema, radioWithOtherSchema } from '../chunk-6M6OLGQY.js';
+import '../chunk-I2KLQ2HA.js';
 import { createContext, useMemo, useState, useCallback, useEffect, useContext, useRef } from 'react';
 import { Box, Progress, Text, Group, Button, Kbd, Modal, Stack, Transition, Title, UnstyledButton, TextInput, Textarea, Center, Alert, Card, ActionIcon, Paper } from '@mantine/core';
 import { IconArrowLeft, IconCheck, IconArrowRight, IconPlus, IconPencil, IconTrash, IconX } from '@tabler/icons-react';

package/dist/typeform/schemas.js

@@ -1 +1,2 @@
 export { answerValueSchema, checkboxWithOtherSchema, multiAnswerValueSchema, radioWithOtherSchema } from '../chunk-6M6OLGQY.js';
+import '../chunk-I2KLQ2HA.js';

package/dist/utils/index.js

@@ -1,2 +1,3 @@
 export { APIClientError, API_URL, DEBOUNCE_FILTER, DEBOUNCE_SLIDER, DOMAIN_MAP, GC_TIME_LONG, GC_TIME_MEDIUM, GC_TIME_SHORT, LIMIT_ACTIVITY_FEED, OAUTH_FLOW_TIMEOUT, OAUTH_POPUP_CHECK_INTERVAL, PAGE_SIZE_DEFAULT, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_REALTIME, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_RUNNING_FAST, SSE_CLOSE_GRACE_PERIOD, SSE_TOKEN_REFRESH_DELAY, STALE_TIME_ADMIN, STALE_TIME_DEFAULT, STALE_TIME_MONITORING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, debounce, formatChartAxisDate, formatDate, formatDateTime, formatErrorMessage, formatRelativeTime, formatTimeAgo, getErrorInfo, getErrorTitle, getResourceColor, getResourceIcon, getTimeRangeDates, getTimeRangeLabel, isAPIClientError, restoreConsole, setupBrowserMocks, suppressKnownWarnings, validateEmail } from '../chunk-OD7GWIZS.js';
 export { ResourceStatusColors } from '../chunk-KRWALB24.js';
+import '../chunk-I2KLQ2HA.js';

package/dist/zustand/index.js

@@ -1,3 +1,5 @@
+import '../chunk-I2KLQ2HA.js';
+
 // src/zustand/slices/sse.ts
 function resetSSEState(state) {
   state.sse.notificationCount = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevasis/ui",
-  "version": "2.19.0",
+  "version": "2.20.0",
   "description": "UI components and platform-aware hooks for building custom frontends on the Elevasis platform",
   "type": "module",
   "license": "MIT",
@@ -162,6 +162,18 @@
     "./hooks/operations/command-view/utils/transformCommandViewData": {
       "types": "./dist/hooks/operations/command-view/utils/transformCommandViewData.d.ts",
       "import": "./dist/hooks/operations/command-view/utils/transformCommandViewData.js"
+    },
+    "./test-utils": {
+      "types": "./dist/test-utils/index.d.ts",
+      "import": "./dist/test-utils/index.js"
+    },
+    "./test-utils/setup": {
+      "types": "./dist/test-utils/setup.d.ts",
+      "import": "./dist/test-utils/setup.js"
+    },
+    "./test-utils/setup-integration": {
+      "types": "./dist/test-utils/setup-integration.d.ts",
+      "import": "./dist/test-utils/setup-integration.js"
     }
   },
   "peerDependencies": {
@@ -185,7 +197,10 @@
     "@tabler/icons-react": "^3.27.0",
     "@xyflow/react": "^12.8.5",
     "recharts": "^3.2.1",
-    "date-fns": "^4.1.0"
+    "date-fns": "^4.1.0",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "msw": "^2.11.0"
   },
   "devDependencies": {
     "@mantine/charts": "8.2.7",
@@ -206,9 +221,13 @@
     "tsup": "^8.0.0",
     "typescript": "5.9.2",
     "vite": "^7.0.0",
-    "@repo/core": "0.9.0",
-    "@repo/eslint-config": "0.0.0",
-    "@repo/typescript-config": "0.0.0"
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "msw": "^2.11.0",
+    "vitest": "^3.2.4",
+    "@repo/core": "0.10.0",
+    "@repo/typescript-config": "0.0.0",
+    "@repo/eslint-config": "0.0.0"
   },
   "dependencies": {
     "@dagrejs/dagre": "^1.1.4",
@@ -260,6 +279,15 @@
     },
     "@tiptap/starter-kit": {
       "optional": true
+    },
+    "@testing-library/react": {
+      "optional": true
+    },
+    "@testing-library/jest-dom": {
+      "optional": true
+    },
+    "msw": {
+      "optional": true
     }
   },
   "scripts": {

package/src/test-utils/README.md

@@ -0,0 +1,5 @@
+# UI Test Utilities
+
+Published test helpers for consumers that test Elevasis UI composition.
+
+Use `@elevasis/ui/test-utils` for provider-aware React rendering, WorkOS auth mocks, MSW handlers, and test query clients. Use `@elevasis/ui/test-utils/setup` or `@elevasis/ui/test-utils/setup-integration` from Vitest `setupFiles` when a consumer wants the shared browser and auth mocks.