@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/cjs/components/app/AppComponent.spec.disabled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppComponent.spec.disabled.cjs","names":["vi","AppComponent","screen","expect"],"sources":["../../../../src/components/app/AppComponent.spec.disabled.tsx"],"sourcesContent":["import { render, screen, waitFor } from \"@testing-library/react\";\nimport React from \"react\";\nimport { afterEach, beforeEach, describe, expect, it, vi } from \"vitest\";\n\n// Import the component under test AFTER mocks\nimport { AppComponent } from \"./AppComponent\";\n\n// Mock external dependencies first\n// Use factory functions to avoid issues with global mocks and default/named exports\nvi.mock(\"@lumeweb/portal-framework-core\", async (importActual) => {\n  const actual =\n    await importActual<typeof import(\"@lumeweb/portal-framework-core\")>();\n  return {\n    ...actual,\n    createNamespacedId: vi.fn((ns, name) => `${ns}:${name}`), // Keep actual logic for ID creation\n    createRemoteComponentLoader: vi.fn(),\n    ErrorDisplay: vi.fn(({ error, onRetry }) => (\n      <div data-testid=\"mock-error-display\">\n        Error: {error instanceof Error ? error.message : \"Unknown Error\"}\n        {onRetry && <button onClick={onRetry}>Retry</button>}\n      </div>\n    )),\n    FrameworkProvider: vi.fn(({ children }) => (\n      <div data-testid=\"mock-framework-provider\">{children}</div>\n    )),\n    // Mock the internal LoadingSpinner component\n    // Note: This component is defined *within* AppComponent.tsx, so mocking it here won't work directly.\n    // We will mock the useFrameworkLoading/useAppStore hooks to control the rendering path instead.\n    // LoadingSpinner: vi.fn(() => <div data-testid=\"mock-loading-spinner\">Loading...</div>),\n    RouteErrorBoundary: vi.fn(({ children }) => (\n      <div data-testid=\"mock-route-error-boundary\">{children}</div>\n    )),\n    RouteErrorBoundaryFallback: vi.fn(({ error }) => (\n      <div data-testid=\"mock-route-error-boundary-fallback\">\n        Route Error:{\" \"}\n        {error instanceof Error ? error.message : \"Unknown Route Error\"}\n      </div>\n    )),\n    useFramework: vi.fn(),\n    useFrameworkLoading: vi.fn(),\n  };\n});\n\nvi.mock(\"@lumeweb/portal-framework-ui-core\", async (importActual) => {\n  const actual =\n    await importActual<typeof import(\"@lumeweb/portal-framework-ui-core\")>();\n  return {\n    ...actual,\n    Toaster: vi.fn(() => <div data-testid=\"mock-toaster\" />),\n  };\n});\n\nvi.mock(\"@refinedev/core\", async (importActual) => {\n  const actual = await importActual<typeof import(\"@refinedev/core\")>();\n  return {\n    ...actual,\n    Refine: vi.fn(({ children }) => (\n      <div data-testid=\"mock-refine\">{children}</div>\n    )),\n  };\n});\n\nvi.mock(\"@refinedev/react-router\", async (importActual) => {\n  const actual = await importActual<typeof import(\"@refinedev/react-router\")>();\n  return {\n    ...actual,\n    default: vi.fn(() => ({ name: \"mock-router-provider\" })), // Mock the default export\n  };\n});\n\nvi.mock(\"react-router\", async (importActual) => {\n  const actual = await importActual<typeof import(\"react-router\")>();\n  return {\n    ...actual,\n    createBrowserRouter: vi.fn((routes) => ({\n      // Add a dummy navigate function if needed by Refine or other components\n      navigate: vi.fn(),\n      // Mock router object\n      routes,\n      // Add other necessary router properties if tests require them\n    })),\n    createRoutesFromElements: vi.fn((elements) => elements), // Simply return the elements for inspection\n    Route: vi.fn(({ children, element, errorElement, index, path }) => (\n      // Simple representation of a Route element for testing structure\n      <div data-index={index} data-path={path} data-testid=\"mock-route\">\n        {element}\n        {errorElement && (\n          <div data-testid=\"mock-route-error-element\">{errorElement}</div>\n        )}\n        {children}\n      </div>\n    )),\n    RouterProvider: vi.fn(({ router }) => (\n      <div data-testid=\"mock-router-provider-component\">\n        {/* Render a representation of the routes */}\n        {router?.routes && Array.isArray(router.routes)\n          ? router.routes.map((route: any, i: number) => (\n              <div data-testid=\"rendered-route\" key={i}>\n                {route}\n              </div>\n            ))\n          : null}\n      </div>\n    )),\n  };\n});\n\nvi.mock(\"../dialog\", async (importActual) => {\n  const actual = await importActual<typeof import(\"../dialog\")>();\n  return {\n    ...actual,\n    DialogProvider: vi.fn(({ children }) => (\n      <div data-testid=\"mock-dialog-provider\">{children}</div>\n    )),\n    DialogRenderer: vi.fn(() => <div data-testid=\"mock-dialog-renderer\" />),\n  };\n});\n\nvi.mock(\"../actions\", () => ({\n  registerAllActionItems: vi.fn(),\n}));\n\nvi.mock(\"../form\", () => ({\n  registerAllFormComponents: vi.fn(),\n}));\n\nvi.mock(\"@/store/appStore\", () => ({\n  useAppStore: vi.fn(),\n}));\n\n// Mock the internal LoadingSpinner component by replacing its definition\n// This is a bit hacky but necessary because it's defined inside the module.\n// A better approach might be to extract it or control rendering via hooks.\n// For now, we'll rely on controlling the hooks (useFrameworkLoading, useAppStore)\n// to ensure the correct rendering path (loading, error, success).\n// We can add a simple mock implementation here if needed for clarity,\n// but the primary test will check for the *absence* of other content\n// and the *presence* of a loading indicator (which we can simulate\n// by checking for specific text or a data-testid if the real component\n// had one, or simply by checking the state of the hooks).\n\n// Let's create a simple mock for the internal LoadingSpinner\nconst MockLoadingSpinner = () => (\n  <div data-testid=\"mock-loading-spinner\">Loading...</div>\n);\n\n// We need to find a way to replace the internal LoadingSpinner.\n// Since it's not exported, direct mocking is hard.\n// We'll rely on the hooks to control the flow and check for the *absence*\n// of the main app content when loading is true.\n\ndescribe(\"AppComponent\", () => {\n  const mockUseFrameworkLoading = vi.mocked(\n    require(\"@lumeweb/portal-framework-core\").useFrameworkLoading,\n  );\n  const mockUseFramework = vi.mocked(\n    require(\"@lumeweb/portal-framework-core\").useFramework,\n  );\n  const mockErrorDisplay = vi.mocked(\n    require(\"@lumeweb/portal-framework-core\").ErrorDisplay,\n  );\n  const mockRefine = vi.mocked(require(\"@refinedev/core\").Refine);\n  const mockRouterProvider = vi.mocked(require(\"react-router\").RouterProvider);\n  const mockDialogProvider = vi.mocked(require(\"../dialog\").DialogProvider);\n  const mockDialogRenderer = vi.mocked(require(\"../dialog\").DialogRenderer);\n  const mockToaster = vi.mocked(\n    require(\"@lumeweb/portal-framework-ui-core\").Toaster,\n  );\n  const mockUseAppStore = vi.mocked(require(\"@/store/appStore\").useAppStore);\n  const mockCreateRemoteComponentLoader = vi.mocked(\n    require(\"@lumeweb/portal-framework-core\").createRemoteComponentLoader,\n  );\n  const mockRegisterAllFormComponents = vi.mocked(\n    require(\"../form\").registerAllFormComponents,\n  );\n  const mockRegisterAllActionItems = vi.mocked(\n    require(\"../actions\").registerAllActionItems,\n  );\n  const mockCreateRoutesFromElements = vi.mocked(\n    require(\"react-router\").createRoutesFromElements,\n  );\n  const mockCreateBrowserRouter = vi.mocked(\n    require(\"react-router\").createBrowserRouter,\n  );\n  const mockRoute = vi.mocked(require(\"react-router\").Route);\n  const mockRouteErrorBoundaryFallback = vi.mocked(\n    require(\"@lumeweb/portal-framework-core\").RouteErrorBoundaryFallback,\n  );\n\n  // Mock app store state and actions\n  const mockAppStoreState = {\n    addMenuItems: vi.fn(),\n    error: null,\n    isLoading: false,\n    pluginConfigs: [],\n    routes: null, // Start with null to simulate initial state\n    setError: vi.fn(),\n    setIsLoading: vi.fn(),\n    setPluginConfigs: vi.fn(),\n    setRoutes: vi.fn(),\n  };\n\n  beforeEach(() => {\n    vi.clearAllMocks();\n\n    // Default mock implementations\n    mockUseFrameworkLoading.mockReturnValue({\n      error: null,\n      isLoading: false,\n    });\n    mockUseFramework.mockReturnValue({\n      getCapabilitiesByType: vi.fn(),\n      getFeature: vi.fn(),\n      // Add other necessary framework methods if called by AppComponent\n    } as any); // Cast to any to avoid complex type mocking\n    mockUseAppStore.mockReturnValue(mockAppStoreState);\n\n    // Mock the internal LoadingSpinner by checking for its presence based on hook state\n    // We can't directly mock the internal component, so we'll check the rendering flow.\n    // When isLoading or isFrameworkLoading is true, the component should render *only* the loading state.\n    // We'll achieve this by checking that the main app structure (Refine, RouterProvider, etc.) is NOT rendered.\n  });\n\n  afterEach(() => {\n    // No specific cleanup needed for RTL afterEach by default, but good practice to have.\n  });\n\n  it(\"should render FrameworkProvider with default app name\", () => {\n    render(<AppComponent />);\n    expect(screen.getByTestId(\"mock-framework-provider\")).toBeInTheDocument();\n    // Check if FrameworkProvider was called with the correct props\n    expect(\n      require(\"@lumeweb/portal-framework-core\").FrameworkProvider,\n    ).toHaveBeenCalledWith(\n      expect.objectContaining({\n        appName: \"app\",\n      }),\n      expect.anything(),\n    );\n  });\n\n  it(\"should render FrameworkProvider with custom app name\", () => {\n    render(<AppComponent name=\"my-custom-app\" />);\n    expect(\n      require(\"@lumeweb/portal-framework-core\").FrameworkProvider,\n    ).toHaveBeenCalledWith(\n      expect.objectContaining({\n        appName: \"my-custom-app\",\n      }),\n      expect.anything(),\n    );\n  });\n\n  it(\"should show loading state when framework is loading\", () => {\n    mockUseFrameworkLoading.mockReturnValue({\n      error: null,\n      isLoading: true,\n    });\n    render(<AppComponent />);\n\n    // Check that the main app content is NOT rendered\n    expect(screen.queryByTestId(\"mock-refine\")).not.toBeInTheDocument();\n    expect(\n      screen.queryByTestId(\"mock-router-provider-component\"),\n    ).not.toBeInTheDocument();\n    // We can't directly assert the internal LoadingSpinner, but we assert the absence of the main content.\n    // If the component renders *only* the loading state when hooks indicate loading, this test passes.\n  });\n\n  it(\"should show loading state when app data is loading\", () => {\n    mockUseFrameworkLoading.mockReturnValue({\n      error: null,\n      isLoading: false,\n    });\n    mockUseAppStore.mockReturnValue({\n      ...mockAppStoreState,\n      isLoading: true,\n      routes: [], // Ensure routes is not null to pass the initial null check\n    });\n    render(<AppComponent />);\n\n    // Check that the main app content is NOT rendered\n    expect(screen.queryByTestId(\"mock-refine\")).not.toBeInTheDocument();\n    expect(\n      screen.queryByTestId(\"mock-router-provider-component\"),\n    ).not.toBeInTheDocument();\n  });\n\n  it(\"should show framework error display when framework initialization fails\", () => {\n    const frameworkError = new Error(\"Framework init failed\");\n    mockUseFrameworkLoading.mockReturnValue({\n      error: frameworkError,\n      isLoading: false,\n    });\n    render(<AppComponent />);\n\n    expect(mockErrorDisplay).toHaveBeenCalledWith(\n      expect.objectContaining({\n        error: frameworkError,\n        onRetry: expect.any(Function), // Expect retry function\n      }),\n      expect.anything(),\n    );\n    expect(screen.getByTestId(\"mock-error-display\")).toBeInTheDocument();\n    expect(screen.getByText(/Framework init failed/)).toBeInTheDocument();\n  });\n\n  it(\"should show app data error display when data loading fails (if features enabled)\", async () => {\n    const appError = new Error(\"App data load failed\");\n    mockUseFrameworkLoading.mockReturnValue({\n      error: null,\n      isLoading: false,\n    });\n    // Simulate the effect hook setting the error\n    mockUseAppStore.mockImplementation(() => ({\n      ...mockAppStoreState,\n      error: appError,\n      isLoading: false,\n      routes: [], // Ensure routes is not null to pass the initial null check\n    }));\n\n    render(<AppComponent loadNavigation={true} loadRoutes={true} />);\n\n    // Wait for the effect to potentially run and update state (though mocked here)\n    // In a real scenario, the effect would trigger the state update.\n    // With the mock, we just check if the component renders based on the mocked state.\n    expect(mockErrorDisplay).toHaveBeenCalledWith(\n      expect.objectContaining({\n        error: appError,\n        onRetry: expect.any(Function), // Expect retry function\n      }),\n      expect.anything(),\n    );\n    expect(screen.getByTestId(\"mock-error-display\")).toBeInTheDocument();\n    expect(screen.getByText(/App data load failed/)).toBeInTheDocument();\n  });\n\n  it(\"should NOT show app data error display when data loading fails if features disabled\", async () => {\n    const appError = new Error(\"App data load failed\");\n    mockUseFrameworkLoading.mockReturnValue({\n      error: null,\n      isLoading: false,\n    });\n    // Simulate the effect hook setting the error\n    mockUseAppStore.mockImplementation(() => ({\n      ...mockAppStoreState,\n      error: appError,\n      isLoading: false,\n      routes: [], // Ensure routes is not null to pass the initial null check\n    }));\n\n    render(<AppComponent loadNavigation={false} loadRoutes={false} />);\n\n    // ErrorDisplay should not be called or rendered\n    expect(mockErrorDisplay).not.toHaveBeenCalled();\n    expect(screen.queryByTestId(\"mock-error-display\")).not.toBeInTheDocument();\n    // The main app content should still not render because routes is empty/null initially\n    expect(screen.queryByTestId(\"mock-refine\")).not.toBeInTheDocument();\n  });\n\n  it(\"should render main app structure after successful loading\", async () => {\n    mockUseFrameworkLoading.mockReturnValue({\n      error: null,\n      isLoading: false,\n    });\n    // Simulate successful data loading\n    mockUseAppStore.mockImplementation(() => ({\n      ...mockAppStoreState,\n      error: null,\n      isLoading: false,\n      pluginConfigs: [{ dataProvider: {} }], // Provide mock configs\n      routes: [{ component: \"HomePage\", id: \"home\", path: \"/\" }], // Provide mock routes\n    }));\n    // Mock the framework instance returned by useFramework\n    const mockFrameworkInstance = {\n      getCapabilitiesByType: vi.fn().mockResolvedValue([]),\n      getFeature: vi.fn().mockResolvedValue({\n        getNavigation: vi.fn().mockResolvedValue([]),\n        getRoutes: vi.fn().mockResolvedValue([]),\n      }),\n    };\n    mockUseFramework.mockReturnValue(mockFrameworkInstance as any);\n\n    // Mock the component loader to return a simple component\n    const MockLoadedComponent = () => <div data-testid=\"loaded-component\" />;\n    mockCreateRemoteComponentLoader.mockReturnValue(MockLoadedComponent);\n\n    render(<AppComponent />);\n\n    // Wait for the component to process the routes and render\n    await waitFor(() => {\n      expect(screen.getByTestId(\"mock-refine\")).toBeInTheDocument();\n      expect(\n        screen.getByTestId(\"mock-router-provider-component\"),\n      ).toBeInTheDocument();\n      expect(screen.getByTestId(\"mock-dialog-provider\")).toBeInTheDocument();\n      expect(screen.getByTestId(\"mock-dialog-renderer\")).toBeInTheDocument();\n      expect(screen.getByTestId(\"mock-toaster\")).toBeInTheDocument();\n    });\n\n    // Verify Refine was called with combined configs\n    expect(mockRefine).toHaveBeenCalledWith(\n      expect.objectContaining({\n        dataProvider: expect.any(Object), // From pluginConfigs\n        options: expect.any(Object),\n        routerProvider: expect.any(Object),\n      }),\n      expect.anything(),\n    );\n\n    // Verify router setup was attempted\n    expect(mockCreateRoutesFromElements).toHaveBeenCalled();\n    expect(mockCreateBrowserRouter).toHaveBeenCalled();\n    expect(mockRouterProvider).toHaveBeenCalled();\n\n    // Verify the mock route component was used\n    expect(mockRoute).toHaveBeenCalled();\n    expect(screen.getByTestId(\"loaded-component\")).toBeInTheDocument();\n  });\n\n  it(\"should call registerAllFormComponents and registerAllActionItems on module load\", () => {\n    // These mocks are called when the module is imported, so we just check if they were called.\n    expect(mockRegisterAllFormComponents).toHaveBeenCalledTimes(1);\n    expect(mockRegisterAllActionItems).toHaveBeenCalledTimes(1);\n  });\n\n  it(\"should call framework methods to load data when loadNavigation and loadRoutes are true\", async () => {\n    mockUseFrameworkLoading.mockReturnValue({\n      error: null,\n      isLoading: false,\n    });\n    // Mock the framework instance returned by useFramework\n    const mockFrameworkInstance = {\n      getCapabilitiesByType: vi.fn().mockResolvedValue([]),\n      getFeature: vi.fn().mockResolvedValue({\n        getNavigation: vi.fn().mockResolvedValue([]),\n        getRoutes: vi.fn().mockResolvedValue([]),\n      }),\n    };\n    mockUseFramework.mockReturnValue(mockFrameworkInstance as any);\n\n    // Mock app store actions to track calls\n    const mockSetIsLoading = vi.fn();\n    const mockSetError = vi.fn();\n    const mockSetRoutes = vi.fn();\n    const mockAddMenuItems = vi.fn();\n    const mockSetPluginConfigs = vi.fn();\n\n    mockUseAppStore.mockImplementation(() => ({\n      ...mockAppStoreState,\n      addMenuItems: mockAddMenuItems,\n      setError: mockSetError,\n      setIsLoading: mockSetIsLoading,\n      setPluginConfigs: mockSetPluginConfigs,\n      setRoutes: mockSetRoutes,\n    }));\n\n    render(<AppComponent loadNavigation={true} loadRoutes={true} />);\n\n    // Wait for the effect hook to potentially run (though mocks control the flow)\n    // Check if framework methods were called\n    await waitFor(() => {\n      expect(mockFrameworkInstance.getFeature).toHaveBeenCalledWith(\n        \"core:navigation\",\n      );\n      expect(mockFrameworkInstance.getCapabilitiesByType).toHaveBeenCalledWith(\n        \"core:refine-config\",\n      );\n    });\n\n    // Check if app store actions were called\n    expect(mockSetIsLoading).toHaveBeenCalledWith(true); // Start loading\n    // Expect subsequent calls for setting data and ending loading\n    // The exact number of calls depends on the mock promises resolving\n    await waitFor(() => {\n      expect(mockSetRoutes).toHaveBeenCalled();\n      expect(mockAddMenuItems).toHaveBeenCalled();\n      expect(mockSetPluginConfigs).toHaveBeenCalled();\n      expect(mockSetIsLoading).toHaveBeenCalledWith(false); // End loading\n    });\n    expect(mockSetError).not.toHaveBeenCalled(); // No error\n  });\n\n  it(\"should NOT call framework methods to load data when loadNavigation and loadRoutes are false\", async () => {\n    mockUseFrameworkLoading.mockReturnValue({\n      error: null,\n      isLoading: false,\n    });\n    // Mock the framework instance returned by useFramework\n    const mockFrameworkInstance = {\n      getCapabilitiesByType: vi.fn().mockResolvedValue([]),\n      getFeature: vi.fn().mockResolvedValue(undefined), // Return undefined if feature not loaded\n    };\n    mockUseFramework.mockReturnValue(mockFrameworkInstance as any);\n\n    // Mock app store actions\n    const mockSetIsLoading = vi.fn();\n    const mockSetError = vi.fn();\n    const mockSetRoutes = vi.fn();\n    const mockAddMenuItems = vi.fn();\n    const mockSetPluginConfigs = vi.fn();\n\n    mockUseAppStore.mockImplementation(() => ({\n      ...mockAppStoreState,\n      addMenuItems: mockAddMenuItems,\n      setError: mockSetError,\n      setIsLoading: mockSetIsLoading,\n      setPluginConfigs: mockSetPluginConfigs,\n      setRoutes: mockSetRoutes,\n    }));\n\n    render(<AppComponent loadNavigation={false} loadRoutes={false} />);\n\n    // Wait for the effect hook to potentially run\n    await waitFor(() => {\n      // Framework methods should NOT be called\n      expect(mockFrameworkInstance.getFeature).not.toHaveBeenCalled();\n      expect(\n        mockFrameworkInstance.getCapabilitiesByType,\n      ).not.toHaveBeenCalled();\n    });\n\n    // App store actions should still be called to set initial state (e.g., routes to [])\n    expect(mockSetIsLoading).toHaveBeenCalledWith(true);\n    await waitFor(() => {\n      expect(mockSetRoutes).toHaveBeenCalledWith([]); // Should set empty routes\n      expect(mockAddMenuItems).toHaveBeenCalledWith([]); // Should add empty navigation\n      expect(mockSetPluginConfigs).toHaveBeenCalledWith([]); // Should set empty configs\n      expect(mockSetIsLoading).toHaveBeenCalledWith(false);\n    });\n    expect(mockSetError).not.toHaveBeenCalled();\n  });\n\n  it(\"should render RouteErrorBoundaryFallback when createRemoteComponentLoader fails for a route\", async () => {\n    mockUseFrameworkLoading.mockReturnValue({\n      error: null,\n      isLoading: false,\n    });\n    // Simulate successful data loading but component loading failure\n    mockUseAppStore.mockImplementation(() => ({\n      ...mockAppStoreState,\n      error: null,\n      isLoading: false,\n      pluginConfigs: [],\n      routes: [{ component: \"BadComponent\", id: \"fail-route\", path: \"/fail\" }], // Provide a route\n    }));\n    const mockFrameworkInstance = {\n      getCapabilitiesByType: vi.fn().mockResolvedValue([]),\n      getFeature: vi.fn().mockResolvedValue({\n        getNavigation: vi.fn().mockResolvedValue([]),\n        getRoutes: vi.fn().mockResolvedValue([]),\n      }),\n    };\n    mockUseFramework.mockReturnValue(mockFrameworkInstance as any);\n\n    // Mock the component loader to throw an error or return null/undefined\n    mockCreateRemoteComponentLoader.mockImplementation(() => {\n      // Simulate failure by returning null or throwing\n      // Returning null will trigger the fallback logic in AppComponent\n      return null;\n    });\n\n    render(<AppComponent />);\n\n    // Wait for the component to process the routes and render\n    await waitFor(() => {\n      // Verify createRemoteComponentLoader was called\n      expect(mockCreateRemoteComponentLoader).toHaveBeenCalledWith(\n        expect.objectContaining({\n          componentPath: \"BadComponent\",\n          pluginId: \"core:fallback\", // Check default pluginId if not provided\n        }),\n        mockFrameworkInstance,\n        expect.any(Object), // defaultRemoteOptions\n      );\n\n      // Verify RouteErrorBoundaryFallback was used for the route element\n      expect(mockRoute).toHaveBeenCalledWith(\n        expect.objectContaining({\n          element: expect.objectContaining({\n            props: expect.objectContaining({\n              error: expect.any(Error), // Expect an Error object\n            }),\n            // Check if the element is the fallback component\n            type: mockRouteErrorBoundaryFallback,\n          }),\n          path: \"/fail\",\n        }),\n        expect.anything(),\n      );\n      // Check the error message passed to the fallback\n      const fallbackProps = mockRouteErrorBoundaryFallback.mock.calls.find(\n        (call) =>\n          (call[0].error as Error).message.includes(\n            \"Failed to load element for route fail-route\",\n          ),\n      )?.[0];\n      expect(fallbackProps).toBeDefined();\n      expect((fallbackProps?.error as Error).message).toContain(\n        \"Failed to load element for route fail-route\",\n      );\n    });\n  });\n\n  it(\"should render RouteErrorBoundaryFallback when getLazyComponent returns null/undefined\", async () => {\n    mockUseFrameworkLoading.mockReturnValue({\n      error: null,\n      isLoading: false,\n    });\n    // Simulate successful data loading but component loading failure\n    mockUseAppStore.mockImplementation(() => ({\n      ...mockAppStoreState,\n      error: null,\n      isLoading: false,\n      pluginConfigs: [],\n      routes: [{ component: \"BadComponent\", id: \"fail-route\", path: \"/fail\" }], // Provide a route\n    }));\n    const mockFrameworkInstance = {\n      getCapabilitiesByType: vi.fn().mockResolvedValue([]),\n      getFeature: vi.fn().mockResolvedValue({\n        getNavigation: vi.fn().mockResolvedValue([]),\n        getRoutes: vi.fn().mockResolvedValue([]),\n      }),\n    };\n    mockUseFramework.mockReturnValue(mockFrameworkInstance as any);\n\n    // Mock the component loader to return null\n    mockCreateRemoteComponentLoader.mockReturnValue(null);\n\n    render(<AppComponent />);\n\n    await waitFor(() => {\n      // Verify RouteErrorBoundaryFallback was used for the route element\n      expect(mockRoute).toHaveBeenCalledWith(\n        expect.objectContaining({\n          element: expect.objectContaining({\n            props: expect.objectContaining({\n              error: expect.any(Error), // Expect an Error object\n            }),\n            type: mockRouteErrorBoundaryFallback,\n          }),\n          path: \"/fail\",\n        }),\n        expect.anything(),\n      );\n      // Check the error message passed to the fallback\n      const fallbackProps = mockRouteErrorBoundaryFallback.mock.calls.find(\n        (call) =>\n          (call[0].error as Error).message.includes(\n            \"Failed to load element for route fail-route\",\n          ),\n      )?.[0];\n      expect(fallbackProps).toBeDefined();\n      expect((fallbackProps?.error as Error).message).toContain(\n        \"Failed to load element for route fail-route\",\n      );\n    });\n  });\n\n  it(\"should render RouteErrorBoundaryFallback for child routes when component loading fails\", async () => {\n    mockUseFrameworkLoading.mockReturnValue({\n      error: null,\n      isLoading: false,\n    });\n    // Simulate successful data loading but component loading failure for a child route\n    mockUseAppStore.mockImplementation(() => ({\n      ...mockAppStoreState,\n      error: null,\n      isLoading: false,\n      pluginConfigs: [],\n      routes: [\n        {\n          children: [\n            {\n              component: \"BadChildComponent\",\n              id: \"fail-child-route\",\n              path: \"child\",\n            },\n          ],\n          component: \"ParentComponent\",\n          id: \"parent-route\",\n          path: \"/parent\",\n        },\n      ],\n    }));\n    const mockFrameworkInstance = {\n      getCapabilitiesByType: vi.fn().mockResolvedValue([]),\n      getFeature: vi.fn().mockResolvedValue({\n        getNavigation: vi.fn().mockResolvedValue([]),\n        getRoutes: vi.fn().mockResolvedValue([]),\n      }),\n    };\n    mockUseFramework.mockReturnValue(mockFrameworkInstance as any);\n\n    // Mock the component loader: succeed for parent, fail for child\n    mockCreateRemoteComponentLoader.mockImplementation(({ componentPath }) => {\n      if (componentPath === \"ParentComponent\") {\n        return () => <div data-testid=\"parent-component\" />;\n      }\n      // Simulate failure for child\n      return null;\n    });\n\n    render(<AppComponent />);\n\n    await waitFor(() => {\n      // Verify createRemoteComponentLoader was called for both parent and child\n      expect(mockCreateRemoteComponentLoader).toHaveBeenCalledWith(\n        expect.objectContaining({ componentPath: \"ParentComponent\" }),\n        expect.any(Object),\n        expect.any(Object),\n      );\n      expect(mockCreateRemoteComponentLoader).toHaveBeenCalledWith(\n        expect.objectContaining({ componentPath: \"BadChildComponent\" }),\n        expect.any(Object),\n        expect.any(Object),\n      );\n\n      // Verify the parent route is rendered with its component\n      expect(screen.getByTestId(\"parent-component\")).toBeInTheDocument();\n\n      // Verify the child route element is the fallback component\n      expect(mockRoute).toHaveBeenCalledWith(\n        expect.objectContaining({\n          element: expect.objectContaining({\n            props: expect.objectContaining({\n              error: expect.any(Error), // Expect an Error object\n            }),\n            type: mockRouteErrorBoundaryFallback,\n          }),\n          path: \"child\",\n        }),\n        expect.anything(),\n      );\n\n      // Check the error message passed to the child fallback\n      const fallbackProps = mockRouteErrorBoundaryFallback.mock.calls.find(\n        (call) =>\n          (call[0].error as Error).message.includes(\n            \"Failed to load element for child route fail-child-route\",\n          ),\n      )?.[0];\n      expect(fallbackProps).toBeDefined();\n      expect((fallbackProps?.error as Error).message).toContain(\n        \"Failed to load element for child route fail-child-route\",\n      );\n    });\n  });\n\n  it(\"should render null if routes is null after loading\", () => {\n    mockUseFrameworkLoading.mockReturnValue({\n      error: null,\n      isLoading: false,\n    });\n    // Simulate data loading completing but routes remaining null (shouldn't happen in practice, but test the condition)\n    mockUseAppStore.mockImplementation(() => ({\n      ...mockAppStoreState,\n      error: null,\n      isLoading: false,\n      pluginConfigs: [],\n      routes: null, // Routes are still null\n    }));\n\n    const { container } = render(<AppComponent />);\n\n    // The component should render null if routes is null\n    expect(container).toBeEmptyDOMElement();\n    expect(screen.queryByTestId(\"mock-refine\")).not.toBeInTheDocument();\n  });\n\n  it(\"should render Refine and RouterProvider even with empty routes array\", async () => {\n    mockUseFrameworkLoading.mockReturnValue({\n      error: null,\n      isLoading: false,\n    });\n    // Simulate successful data loading with an empty routes array\n    mockUseAppStore.mockImplementation(() => ({\n      ...mockAppStoreState,\n      error: null,\n      isLoading: false,\n      pluginConfigs: [],\n      routes: [], // Empty routes array\n    }));\n    const mockFrameworkInstance = {\n      getCapabilitiesByType: vi.fn().mockResolvedValue([]),\n      getFeature: vi.fn().mockResolvedValue({\n        getNavigation: vi.fn().mockResolvedValue([]),\n        getRoutes: vi.fn().mockResolvedValue([]),\n      }),\n    };\n    mockUseFramework.mockReturnValue(mockFrameworkInstance as any);\n\n    render(<AppComponent />);\n\n    await waitFor(() => {\n      // Refine and RouterProvider should still be rendered\n      expect(screen.getByTestId(\"mock-refine\")).toBeInTheDocument();\n      expect(\n        screen.getByTestId(\"mock-router-provider-component\"),\n      ).toBeInTheDocument();\n      // No routes should be rendered inside RouterProvider\n      expect(screen.queryByTestId(\"rendered-route\")).not.toBeInTheDocument();\n    });\n  });\n});\n"],"mappings":"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"}

package/dist/cjs/components/app/AppComponent.spec.disabled.d.cts

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

package/dist/cjs/components/data-table/BaseTable.cjs

@@ -0,0 +1,139 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_DataTable_types = require('./DataTable.types.cjs');
+const require_components_data_table_toolbarItems_filters_hooks_useFilterOperators = require('./toolbarItems/filters/hooks/useFilterOperators.cjs');
+const require_components_data_table_contexts_FilterHelpers = require('./contexts/FilterHelpers.cjs');
+const require_components_data_table_contexts_TableConfig = require('./contexts/TableConfig.cjs');
+const require_components_data_table_contexts_TableInstance = require('./contexts/TableInstance.cjs');
+const require_components_data_table_contexts_index = require('./contexts/index.cjs');
+const require_components_data_table_BaseTableInner = require('./BaseTableInner.cjs');
+const require_components_data_table_filterColumnsForMobile = require('./filterColumnsForMobile.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _tanstack_react_table = require("@tanstack/react-table");
+
+//#region src/components/data-table/BaseTable.tsx
+function BaseTableWithData(props) {
+	const { columns, data, hideColumnsOnMobile = [], responsive = false, ...restProps } = props;
+	const table = (0, _tanstack_react_table.useReactTable)({
+		data,
+		columns: responsive ? require_components_data_table_filterColumnsForMobile.filterColumnsForMobile(columns, hideColumnsOnMobile) : columns,
+		getCoreRowModel: (0, _tanstack_react_table.getCoreRowModel)()
+	});
+	const existingTableConfig = require_components_data_table_contexts_TableConfig.useTableConfigOptional();
+	if (!existingTableConfig || !existingTableConfig.toolbarConfig && !existingTableConfig.refineContext) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_contexts_TableInstance.TableInstanceProvider, {
+		table,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_contexts_FilterHelpers.FilterHelpersProvider, {
+			refineTable: props.refineTable,
+			getDefaultOperator: require_components_data_table_toolbarItems_filters_hooks_useFilterOperators.getDefaultOperatorForFieldType,
+			getAvailableOperators: require_components_data_table_toolbarItems_filters_hooks_useFilterOperators.getAvailableOperators,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_contexts_TableConfig.TableConfigProvider, {
+				toolbarConfig: props.toolbarConfig,
+				refineContext: props.refineTable ? {
+					tableInstance: props.refineTable,
+					refetch: props.refineTable?.tableQuery?.refetch,
+					isLoading: props.refineTable?.tableQuery?.isFetching,
+					error: props.refineTable?.tableQuery?.error
+				} : void 0,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_BaseTableInner.BaseTableInner, { ...restProps })
+			})
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_contexts_TableInstance.TableInstanceProvider, {
+		table,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_contexts_FilterHelpers.FilterHelpersProvider, {
+			refineTable: props.refineTable,
+			getDefaultOperator: require_components_data_table_toolbarItems_filters_hooks_useFilterOperators.getDefaultOperatorForFieldType,
+			getAvailableOperators: require_components_data_table_toolbarItems_filters_hooks_useFilterOperators.getAvailableOperators,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_BaseTableInner.BaseTableInner, { ...restProps })
+		})
+	});
+}
+function BaseTable(props) {
+	const { className, emptyState, emptyStateMessage, footer, getCellProps, getRowProps, header, isLoading, loadingState, loadingStateMessage, onRowClick, pagination, responsive = false, layoutType = require_components_data_table_DataTable_types.TableLayoutType.AUTO, hideColumnsOnMobile = [], mobileBreakpoint, ...restProps } = props;
+	if ("table" in props && props.table && "data" in props && props.data) throw new Error("BaseTable cannot accept both table and data props - use one or the other");
+	if ("table" in props && props.table) {
+		const existingTableConfig = require_components_data_table_contexts_TableConfig.useTableConfigOptional();
+		if (!existingTableConfig || !existingTableConfig.toolbarConfig && !existingTableConfig.refineContext) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_contexts_TableInstance.TableInstanceProvider, {
+			table: props.table,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_contexts_FilterHelpers.FilterHelpersProvider, {
+				refineTable: props.refineTable,
+				getDefaultOperator: require_components_data_table_toolbarItems_filters_hooks_useFilterOperators.getDefaultOperatorForFieldType,
+				getAvailableOperators: require_components_data_table_toolbarItems_filters_hooks_useFilterOperators.getAvailableOperators,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_contexts_TableConfig.TableConfigProvider, {
+					toolbarConfig: props.toolbarConfig,
+					refineContext: props.refineTable ? {
+						tableInstance: props.refineTable,
+						refetch: props.refineTable?.tableQuery?.refetch,
+						isLoading: props.refineTable?.tableQuery?.isFetching,
+						error: props.refineTable?.tableQuery?.error
+					} : void 0,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_BaseTableInner.BaseTableInner, {
+						className,
+						emptyState,
+						emptyStateMessage,
+						footer,
+						getCellProps,
+						getRowProps,
+						header,
+						isLoading,
+						loadingState,
+						loadingStateMessage,
+						onRowClick,
+						pagination,
+						responsive,
+						layoutType,
+						hideColumnsOnMobile,
+						mobileBreakpoint
+					})
+				})
+			})
+		});
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_contexts_TableInstance.TableInstanceProvider, {
+			table: props.table,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_contexts_FilterHelpers.FilterHelpersProvider, {
+				refineTable: props.refineTable,
+				getDefaultOperator: require_components_data_table_toolbarItems_filters_hooks_useFilterOperators.getDefaultOperatorForFieldType,
+				getAvailableOperators: require_components_data_table_toolbarItems_filters_hooks_useFilterOperators.getAvailableOperators,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_BaseTableInner.BaseTableInner, {
+					className,
+					emptyState,
+					emptyStateMessage,
+					footer,
+					getCellProps,
+					getRowProps,
+					header,
+					isLoading,
+					loadingState,
+					loadingStateMessage,
+					onRowClick,
+					pagination,
+					responsive,
+					layoutType,
+					hideColumnsOnMobile,
+					mobileBreakpoint
+				})
+			})
+		});
+	}
+	if ("data" in props && props.data) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseTableWithData, { ...props });
+	throw new Error("BaseTable requires either table or data prop");
+}
+var init_BaseTable = require_rolldown_runtime.__esmMin((() => {
+	require_components_data_table_BaseTableInner.init_BaseTableInner();
+	require_components_data_table_contexts_index.init_contexts();
+	require_components_data_table_DataTable_types.init_DataTable_types();
+	require_components_data_table_toolbarItems_filters_hooks_useFilterOperators.init_useFilterOperators();
+	require_components_data_table_filterColumnsForMobile.init_filterColumnsForMobile();
+}));
+
+//#endregion
+init_BaseTable();
+exports.BaseTable = BaseTable;
+Object.defineProperty(exports, 'init_BaseTable', {
+  enumerable: true,
+  get: function () {
+    return init_BaseTable;
+  }
+});
+//# sourceMappingURL=BaseTable.cjs.map

package/dist/cjs/components/data-table/BaseTable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTable.cjs","names":["filterColumnsForMobile","useTableConfigOptional","TableInstanceProvider","FilterHelpersProvider","getDefaultOperatorForFieldType","getAvailableOperators","TableConfigProvider","BaseTableInner","TableLayoutType"],"sources":["../../../../src/components/data-table/BaseTable.tsx"],"sourcesContent":["import {\n  Cell,\n  ColumnDef,\n  getCoreRowModel,\n  Row,\n  Table,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport React from \"react\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport type { UseTableReturnType } from \"@refinedev/react-table\";\n\nimport { BaseTableInner } from \"./BaseTableInner\";\nimport {\n  FilterHelpersProvider,\n  RefineTableProvider,\n  TableConfigProvider,\n  TableInstanceProvider,\n  useTableConfigOptional,\n} from \"./contexts\";\nimport { ToolbarConfig, TableLayoutType } from \"./DataTable.types\";\nimport {\n  getAvailableOperators,\n  getDefaultOperatorForFieldType,\n} from \"./toolbarItems/filters/hooks/useFilterOperators\";\nimport { filterColumnsForMobile } from \"./filterColumnsForMobile\";\nimport { ComponentSize } from \"@lumeweb/portal-framework-ui-core\";\n\nexport interface ActionColumnCellProps<TData> {\n  row: Row<TData>;\n}\n\nexport type ActionColumnDef<TData> = ColumnDef<TData, unknown> & {\n  /** Function to render cell content */\n  cell: (props: ActionColumnCellProps<TData>) => React.ReactNode;\n};\n\nexport interface BaseTableRefineProps<TData extends BaseRecord> {\n  /** Refine table instance */\n  refineTable?: UseTableReturnType<TData, any>[\"refineCore\"];\n}\n\nexport interface BaseTableCommonProps<TData extends BaseRecord> {\n  /** Whether table is in loading state */\n  isLoading?: boolean;\n  /** Toolbar configuration */\n  toolbarConfig?: ToolbarConfig<TData>;\n}\n\nexport type BaseTableCommonPropsType<TData extends BaseRecord> =\n  TableInteractionProps<TData> &\n    TablePaginationConfigProps &\n    TableStateProps<TData> &\n    TableStylingProps &\n    BaseTableRefineProps<TData> &\n    BaseTableCommonProps<TData>;\n\nexport type BaseTablePaginationConfig = boolean | TablePaginationProps;\n\nexport type BaseTableProps<TData extends BaseRecord> =\n  | BaseTableWithDataProps<TData>\n  | BaseTableWithTableProps<TData>;\n\nexport type BaseTableWithDataProps<TData extends BaseRecord> =\n  BaseTableCommonPropsType<TData> &\n    TableDataProps<TData> & {\n      table?: never;\n    };\n\nexport type BaseTableWithTableProps<TData extends BaseRecord> =\n  BaseTableCommonPropsType<TData> &\n    TableInstanceProps<TData> & {\n      actionColumn?: never;\n      columns?: never;\n      data?: never;\n    };\n\nexport interface TableDataProps<TData> {\n  /** Optional action column configuration */\n  actionColumn?: ActionColumnDef<TData>;\n  columns: ColumnDef<TData>[];\n  data: TData[];\n}\n\nexport interface TableInstanceProps<TData extends BaseRecord> {\n  table: Table<TData>;\n  refineTable?: UseTableReturnType<TData, any>[\"refineCore\"];\n}\n\nexport interface TableInteractionProps<TData> {\n  getCellProps?: (\n    cell: Cell<TData, unknown>,\n  ) => React.HTMLAttributes<HTMLTableCellElement>;\n  getRowProps?: (row: Row<TData>) => React.HTMLAttributes<HTMLTableRowElement>;\n  onRowClick?: (row: Row<TData>) => void;\n}\n\nexport interface TablePaginationConfigProps {\n  /** Pagination configuration */\n  pagination?: BaseTablePaginationConfig;\n}\n\nexport interface TablePaginationProps {\n  /** Custom pagination component */\n  component?: React.ReactNode;\n  /** Whether pagination is enabled */\n  enabled?: boolean;\n}\n\nexport interface TableStateProps<TData> {\n  emptyState?: ((colSpan: number) => React.ReactNode) | React.ReactNode;\n  emptyStateMessage?: string;\n  loadingState?: ((colSpan: number) => React.ReactNode) | React.ReactNode;\n  loadingStateMessage?: string;\n}\n\nexport interface TableResponsiveProps {\n  responsive?: boolean;\n  layoutType?: TableLayoutType;\n  hideColumnsOnMobile?: string[];\n  mobileBreakpoint?: ComponentSize | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n}\n\nexport interface TableHeaderFooterProps {\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n}\n\nexport interface TableStylingProps extends TableResponsiveProps, TableHeaderFooterProps {\n  className?: string;\n}\n\nexport interface BaseTableLayoutPropsBase<TData extends BaseRecord> \n  extends TableInteractionProps<TData>,\n    TableStateProps<TData>,\n    TableHeaderFooterProps,\n    TableStylingProps,\n    BaseTableCommonProps<TData>,\n    TablePaginationConfigProps {\n  table: Table<TData>;\n}\n\nfunction BaseTableWithData<TData extends BaseRecord>(\n  props: BaseTableWithDataProps<TData>,\n) {\n  const {\n    columns,\n    data,\n    hideColumnsOnMobile = [],\n    responsive = false,\n    ...restProps\n  } = props;\n\n  // Filter columns for mobile if responsive mode is enabled\n  const filteredColumns = responsive \n    ? filterColumnsForMobile(columns, hideColumnsOnMobile) \n    : columns;\n\n  const table = useReactTable({\n    data,\n    columns: filteredColumns,\n    getCoreRowModel: getCoreRowModel(),\n  });\n\n  // Safe check for existing TableConfigContext using the optional hook\n  const existingTableConfig = useTableConfigOptional<TData>();\n\n  // Only render TableConfigProvider if context doesn't already exist\n  const shouldRenderTableConfigProvider =\n    !existingTableConfig ||\n    (!existingTableConfig.toolbarConfig && !existingTableConfig.refineContext);\n\n  if (shouldRenderTableConfigProvider) {\n    return (\n      <TableInstanceProvider table={table}>\n        <FilterHelpersProvider\n          refineTable={props.refineTable}\n          getDefaultOperator={getDefaultOperatorForFieldType}\n          getAvailableOperators={getAvailableOperators}>\n          <TableConfigProvider\n            toolbarConfig={props.toolbarConfig}\n            refineContext={\n              props.refineTable\n                ? {\n                    tableInstance: props.refineTable,\n                    refetch: props.refineTable?.tableQuery?.refetch,\n                    isLoading: props.refineTable?.tableQuery?.isFetching,\n                    error: props.refineTable?.tableQuery?.error,\n                  }\n                : undefined\n            }>\n            <BaseTableInner {...restProps} />\n          </TableConfigProvider>\n        </FilterHelpersProvider>\n      </TableInstanceProvider>\n    );\n  }\n\n  return (\n    <TableInstanceProvider table={table}>\n      <FilterHelpersProvider\n        refineTable={props.refineTable}\n        getDefaultOperator={getDefaultOperatorForFieldType}\n        getAvailableOperators={getAvailableOperators}>\n        <BaseTableInner {...restProps} />\n      </FilterHelpersProvider>\n    </TableInstanceProvider>\n  );\n}\n\nfunction BaseTable<TData extends object>(props: BaseTableProps<TData>) {\n  const {\n    className,\n    emptyState,\n    emptyStateMessage,\n    footer,\n    getCellProps,\n    getRowProps,\n    header,\n    isLoading,\n    loadingState,\n    loadingStateMessage,\n    onRowClick,\n    pagination,\n    responsive = false,\n    layoutType = TableLayoutType.AUTO,\n    hideColumnsOnMobile = [],\n    mobileBreakpoint,\n    ...restProps\n  } = props;\n\n  if (\"table\" in props && props.table && \"data\" in props && props.data) {\n    throw new Error(\n      \"BaseTable cannot accept both table and data props - use one or the other\",\n    );\n  }\n\n  if (\"table\" in props && props.table) {\n    // Safe check for existing TableConfigContext using the optional hook\n    const existingTableConfig = useTableConfigOptional<TData>();\n\n    // Only render TableConfigProvider if context doesn't already exist\n    const shouldRenderTableConfigProvider =\n      !existingTableConfig ||\n      (!existingTableConfig.toolbarConfig && !existingTableConfig.refineContext);\n\n    if (shouldRenderTableConfigProvider) {\n      return (\n        <TableInstanceProvider table={props.table}>\n          <FilterHelpersProvider\n            refineTable={props.refineTable}\n            getDefaultOperator={getDefaultOperatorForFieldType}\n            getAvailableOperators={getAvailableOperators}>\n            <TableConfigProvider\n              toolbarConfig={props.toolbarConfig}\n              refineContext={\n                props.refineTable\n                  ? {\n                      tableInstance: props.refineTable,\n                      refetch: props.refineTable?.tableQuery?.refetch,\n                      isLoading: props.refineTable?.tableQuery?.isFetching,\n                      error: props.refineTable?.tableQuery?.error,\n                    }\n                  : undefined\n              }>\n              <BaseTableInner \n                className={className}\n                emptyState={emptyState}\n                emptyStateMessage={emptyStateMessage}\n                footer={footer}\n                getCellProps={getCellProps}\n                getRowProps={getRowProps}\n                header={header}\n                isLoading={isLoading}\n                loadingState={loadingState}\n                loadingStateMessage={loadingStateMessage}\n                onRowClick={onRowClick}\n                pagination={pagination}\n                responsive={responsive}\n                layoutType={layoutType}\n                hideColumnsOnMobile={hideColumnsOnMobile}\n                mobileBreakpoint={mobileBreakpoint}\n              />\n            </TableConfigProvider>\n          </FilterHelpersProvider>\n        </TableInstanceProvider>\n      );\n    }\n\n    return (\n      <TableInstanceProvider table={props.table}>\n        <FilterHelpersProvider\n          refineTable={props.refineTable}\n          getDefaultOperator={getDefaultOperatorForFieldType}\n          getAvailableOperators={getAvailableOperators}>\n          <BaseTableInner \n            className={className}\n            emptyState={emptyState}\n            emptyStateMessage={emptyStateMessage}\n            footer={footer}\n            getCellProps={getCellProps}\n            getRowProps={getRowProps}\n            header={header}\n            isLoading={isLoading}\n            loadingState={loadingState}\n            loadingStateMessage={loadingStateMessage}\n            onRowClick={onRowClick}\n            pagination={pagination}\n            responsive={responsive}\n            layoutType={layoutType}\n            hideColumnsOnMobile={hideColumnsOnMobile}\n            mobileBreakpoint={mobileBreakpoint}\n          />\n        </FilterHelpersProvider>\n      </TableInstanceProvider>\n    );\n  }\n\n  if (\"data\" in props && props.data) {\n    return <BaseTableWithData {...props} />;\n  }\n\n  throw new Error(\"BaseTable requires either table or data prop\");\n}\n\nexport { BaseTable };\n"],"mappings":";;;;;;;;;;;;;;;AA8IA,SAAS,kBACP,OACA;CACA,MAAM,EACJ,SACA,MACA,sBAAsB,EAAE,EACxB,aAAa,OACb,GAAG,cACD;CAOJ,MAAM,iDAAsB;EAC1B;EACA,SANsB,aACpBA,4EAAuB,SAAS,oBAAoB,GACpD;EAKF,6DAAkC;EACnC,CAAC;CAGF,MAAM,sBAAsBC,2EAA+B;AAO3D,KAHE,CAAC,uBACA,CAAC,oBAAoB,iBAAiB,CAAC,oBAAoB,cAG5D,QACE,2CAACC;EAA6B;YAC5B,2CAACC;GACC,aAAa,MAAM;GACnB,oBAAoBC;GACpB,uBAAuBC;aACvB,2CAACC;IACC,eAAe,MAAM;IACrB,eACE,MAAM,cACF;KACE,eAAe,MAAM;KACrB,SAAS,MAAM,aAAa,YAAY;KACxC,WAAW,MAAM,aAAa,YAAY;KAC1C,OAAO,MAAM,aAAa,YAAY;KACvC,GACD;cAEN,2CAACC,+DAAe,GAAI,YAAa;KACb;IACA;GACF;AAI5B,QACE,2CAACL;EAA6B;YAC5B,2CAACC;GACC,aAAa,MAAM;GACnB,oBAAoBC;GACpB,uBAAuBC;aACvB,2CAACE,+DAAe,GAAI,YAAa;IACX;GACF;;AAI5B,SAAS,UAAgC,OAA8B;CACrE,MAAM,EACJ,WACA,YACA,mBACA,QACA,cACA,aACA,QACA,WACA,cACA,qBACA,YACA,YACA,aAAa,OACb,aAAaC,8DAAgB,MAC7B,sBAAsB,EAAE,EACxB,kBACA,GAAG,cACD;AAEJ,KAAI,WAAW,SAAS,MAAM,SAAS,UAAU,SAAS,MAAM,KAC9D,OAAM,IAAI,MACR,2EACD;AAGH,KAAI,WAAW,SAAS,MAAM,OAAO;EAEnC,MAAM,sBAAsBP,2EAA+B;AAO3D,MAHE,CAAC,uBACA,CAAC,oBAAoB,iBAAiB,CAAC,oBAAoB,cAG5D,QACE,2CAACC;GAAsB,OAAO,MAAM;aAClC,2CAACC;IACC,aAAa,MAAM;IACnB,oBAAoBC;IACpB,uBAAuBC;cACvB,2CAACC;KACC,eAAe,MAAM;KACrB,eACE,MAAM,cACF;MACE,eAAe,MAAM;MACrB,SAAS,MAAM,aAAa,YAAY;MACxC,WAAW,MAAM,aAAa,YAAY;MAC1C,OAAO,MAAM,aAAa,YAAY;MACvC,GACD;eAEN,2CAACC;MACY;MACC;MACO;MACX;MACM;MACD;MACL;MACG;MACG;MACO;MACT;MACA;MACA;MACA;MACS;MACH;OAClB;MACkB;KACA;IACF;AAI5B,SACE,2CAACL;GAAsB,OAAO,MAAM;aAClC,2CAACC;IACC,aAAa,MAAM;IACnB,oBAAoBC;IACpB,uBAAuBC;cACvB,2CAACE;KACY;KACC;KACO;KACX;KACM;KACD;KACL;KACG;KACG;KACO;KACT;KACA;KACA;KACA;KACS;KACH;MAClB;KACoB;IACF;;AAI5B,KAAI,UAAU,SAAS,MAAM,KAC3B,QAAO,2CAAC,qBAAkB,GAAI,QAAS;AAGzC,OAAM,IAAI,MAAM,+CAA+C;;;mEAtTf;6DAO9B;qEAC+C;sGAIV;mFACS"}

package/dist/cjs/components/data-table/BaseTable.d.cts

@@ -0,0 +1,87 @@
+import { TableLayoutType, ToolbarConfig } from "./DataTable.types.cjs";
+import { ComponentSize } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { BaseRecord } from "@refinedev/core";
+import { UseTableReturnType } from "@refinedev/react-table";
+import { Cell, ColumnDef, Row, Table } from "@tanstack/react-table";
+
+//#region src/components/data-table/BaseTable.d.ts
+interface ActionColumnCellProps<TData> {
+  row: Row<TData>;
+}
+type ActionColumnDef<TData> = ColumnDef<TData, unknown> & {
+  /** Function to render cell content */
+  cell: (props: ActionColumnCellProps<TData>) => React.ReactNode;
+};
+interface BaseTableRefineProps<TData extends BaseRecord> {
+  /** Refine table instance */
+  refineTable?: UseTableReturnType<TData, any>["refineCore"];
+}
+interface BaseTableCommonProps<TData extends BaseRecord> {
+  /** Whether table is in loading state */
+  isLoading?: boolean;
+  /** Toolbar configuration */
+  toolbarConfig?: ToolbarConfig<TData>;
+}
+type BaseTableCommonPropsType<TData extends BaseRecord> = TableInteractionProps<TData> & TablePaginationConfigProps & TableStateProps<TData> & TableStylingProps & BaseTableRefineProps<TData> & BaseTableCommonProps<TData>;
+type BaseTablePaginationConfig = boolean | TablePaginationProps;
+type BaseTableProps<TData extends BaseRecord> = BaseTableWithDataProps<TData> | BaseTableWithTableProps<TData>;
+type BaseTableWithDataProps<TData extends BaseRecord> = BaseTableCommonPropsType<TData> & TableDataProps<TData> & {
+  table?: never;
+};
+type BaseTableWithTableProps<TData extends BaseRecord> = BaseTableCommonPropsType<TData> & TableInstanceProps<TData> & {
+  actionColumn?: never;
+  columns?: never;
+  data?: never;
+};
+interface TableDataProps<TData> {
+  /** Optional action column configuration */
+  actionColumn?: ActionColumnDef<TData>;
+  columns: ColumnDef<TData>[];
+  data: TData[];
+}
+interface TableInstanceProps<TData extends BaseRecord> {
+  table: Table<TData>;
+  refineTable?: UseTableReturnType<TData, any>["refineCore"];
+}
+interface TableInteractionProps<TData> {
+  getCellProps?: (cell: Cell<TData, unknown>) => React.HTMLAttributes<HTMLTableCellElement>;
+  getRowProps?: (row: Row<TData>) => React.HTMLAttributes<HTMLTableRowElement>;
+  onRowClick?: (row: Row<TData>) => void;
+}
+interface TablePaginationConfigProps {
+  /** Pagination configuration */
+  pagination?: BaseTablePaginationConfig;
+}
+interface TablePaginationProps {
+  /** Custom pagination component */
+  component?: React.ReactNode;
+  /** Whether pagination is enabled */
+  enabled?: boolean;
+}
+interface TableStateProps<TData> {
+  emptyState?: ((colSpan: number) => React.ReactNode) | React.ReactNode;
+  emptyStateMessage?: string;
+  loadingState?: ((colSpan: number) => React.ReactNode) | React.ReactNode;
+  loadingStateMessage?: string;
+}
+interface TableResponsiveProps {
+  responsive?: boolean;
+  layoutType?: TableLayoutType;
+  hideColumnsOnMobile?: string[];
+  mobileBreakpoint?: ComponentSize | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+}
+interface TableHeaderFooterProps {
+  header?: React.ReactNode;
+  footer?: React.ReactNode;
+}
+interface TableStylingProps extends TableResponsiveProps, TableHeaderFooterProps {
+  className?: string;
+}
+interface BaseTableLayoutPropsBase<TData extends BaseRecord> extends TableInteractionProps<TData>, TableStateProps<TData>, TableHeaderFooterProps, TableStylingProps, BaseTableCommonProps<TData>, TablePaginationConfigProps {
+  table: Table<TData>;
+}
+declare function BaseTable<TData extends object>(props: BaseTableProps<TData>): any;
+//#endregion
+export { ActionColumnCellProps, ActionColumnDef, BaseTable, BaseTableCommonProps, BaseTableCommonPropsType, BaseTableLayoutPropsBase, BaseTablePaginationConfig, BaseTableProps, BaseTableRefineProps, BaseTableWithDataProps, BaseTableWithTableProps, TableDataProps, TableHeaderFooterProps, TableInstanceProps, TableInteractionProps, TablePaginationConfigProps, TablePaginationProps, TableResponsiveProps, TableStateProps, TableStylingProps };
+//# sourceMappingURL=BaseTable.d.cts.map

package/dist/cjs/components/data-table/BaseTableContent.cjs

@@ -0,0 +1,53 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_DataTable_types = require('./DataTable.types.cjs');
+const require_components_data_table_contexts_TableConfig = require('./contexts/TableConfig.cjs');
+const require_components_data_table_contexts_index = require('./contexts/index.cjs');
+const require_components_data_table_Toolbar = require('./Toolbar.cjs');
+const require_components_data_table_TableLayoutRenderer = require('./TableLayoutRenderer.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/data-table/BaseTableContent.tsx
+function BaseTableContent({ className, emptyState, footer, getCellProps, getRowProps, header, isLoading, loadingState, onRowClick, pagination, table, responsive = false, layoutType = require_components_data_table_DataTable_types.TableLayoutType.AUTO, hideColumnsOnMobile = [], mobileBreakpoint, stackedHeaderColumn }) {
+	const toolbarConfig = require_components_data_table_contexts_TableConfig.useTableConfigOptional()?.toolbarConfig;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, _lumeweb_portal_framework_ui_core.cn)(className),
+		children: [toolbarConfig && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_Toolbar.Toolbar, { table }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_TableLayoutRenderer.TableLayoutRenderer, {
+			layoutType,
+			table,
+			className,
+			emptyState,
+			footer,
+			getCellProps,
+			getRowProps,
+			header,
+			isLoading,
+			loadingState,
+			onRowClick,
+			pagination,
+			responsive,
+			hideColumnsOnMobile,
+			mobileBreakpoint: mobileBreakpoint || toolbarConfig?.mobileBreakpoint,
+			stackedHeaderColumn
+		})]
+	});
+}
+var init_BaseTableContent = require_rolldown_runtime.__esmMin((() => {
+	require_components_data_table_Toolbar.init_Toolbar();
+	require_components_data_table_contexts_index.init_contexts();
+	require_components_data_table_TableLayoutRenderer.init_TableLayoutRenderer();
+	require_components_data_table_DataTable_types.init_DataTable_types();
+}));
+
+//#endregion
+init_BaseTableContent();
+exports.BaseTableContent = BaseTableContent;
+Object.defineProperty(exports, 'init_BaseTableContent', {
+  enumerable: true,
+  get: function () {
+    return init_BaseTableContent;
+  }
+});
+//# sourceMappingURL=BaseTableContent.cjs.map

package/dist/cjs/components/data-table/BaseTableContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTableContent.cjs","names":["TableLayoutType","useTableConfigOptional","Toolbar","TableLayoutRenderer"],"sources":["../../../../src/components/data-table/BaseTableContent.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport { Cell, Row, Table } from \"@tanstack/react-table\";\nimport React from \"react\";\n\nimport { Toolbar } from \"./Toolbar\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport { useTableConfigOptional } from \"./contexts\";\nimport { TableLayoutRenderer } from \"./TableLayoutRenderer\";\nimport { TableLayoutType } from \"./DataTable.types\";\nimport { ComponentSize } from \"@lumeweb/portal-framework-ui-core\";\n\nexport interface BaseTableContentProps<TData extends BaseRecord> {\n  className?: string;\n  emptyState?: React.ReactNode;\n  footer?: React.ReactNode;\n  getCellProps?: (\n    cell: Cell<TData, unknown>,\n  ) => React.HTMLAttributes<HTMLTableCellElement>;\n  getRowProps?: (row: Row<TData>) => React.HTMLAttributes<HTMLTableRowElement>;\n  header?: React.ReactNode;\n  /** Whether table is in loading state */\n  isLoading?: boolean;\n  /** Loading state content */\n  loadingState?: React.ReactNode;\n  onRowClick?: (row: Row<TData>) => void;\n  pagination?: React.ReactNode;\n  table: Table<TData>;\n  responsive?: boolean;\n  layoutType?: TableLayoutType;\n  hideColumnsOnMobile?: string[];\n  mobileBreakpoint?: ComponentSize | string;\n  stackedHeaderColumn?: string;\n}\n\nfunction BaseTableContent<TData extends BaseRecord>({\n  className,\n  emptyState,\n  footer,\n  getCellProps,\n  getRowProps,\n  header,\n  isLoading,\n  loadingState,\n  onRowClick,\n  pagination,\n  table,\n  responsive = false,\n  layoutType = TableLayoutType.AUTO,\n  hideColumnsOnMobile = [],\n  mobileBreakpoint,\n  stackedHeaderColumn,\n}: BaseTableContentProps<TData>) {\n  const tableConfig = useTableConfigOptional<TData>();\n  const toolbarConfig = tableConfig?.toolbarConfig;\n\n  return (\n    <div className={cn(className)}>\n      {toolbarConfig && <Toolbar table={table} />}\n      <TableLayoutRenderer\n        layoutType={layoutType}\n        table={table}\n        className={className}\n        emptyState={emptyState}\n        footer={footer}\n        getCellProps={getCellProps}\n        getRowProps={getRowProps}\n        header={header}\n        isLoading={isLoading}\n        loadingState={loadingState}\n        onRowClick={onRowClick}\n        pagination={pagination}\n        responsive={responsive}\n        hideColumnsOnMobile={hideColumnsOnMobile}\n        mobileBreakpoint={mobileBreakpoint || toolbarConfig?.mobileBreakpoint}\n        stackedHeaderColumn={stackedHeaderColumn}\n      />\n    </div>\n  );\n}\n\nexport { BaseTableContent };\n"],"mappings":";;;;;;;;;;;;AAkCA,SAAS,iBAA2C,EAClD,WACA,YACA,QACA,cACA,aACA,QACA,WACA,cACA,YACA,YACA,OACA,aAAa,OACb,aAAaA,8DAAgB,MAC7B,sBAAsB,EAAE,EACxB,kBACA,uBAC+B;CAE/B,MAAM,gBADcC,2EAA+B,EAChB;AAEnC,QACE,4CAAC;EAAI,qDAAc,UAAU;aAC1B,iBAAiB,2CAACC,iDAAe,QAAS,EAC3C,2CAACC;GACa;GACL;GACI;GACC;GACJ;GACM;GACD;GACL;GACG;GACG;GACF;GACA;GACA;GACS;GACrB,kBAAkB,oBAAoB,eAAe;GAChC;IACrB;GACE;;;qDAxE0B;6DAEgB;6EACQ;qEACR"}

package/dist/cjs/components/data-table/BaseTableContent.d.cts

@@ -0,0 +1,48 @@
+import { TableLayoutType } from "./DataTable.types.cjs";
+import { ComponentSize } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { BaseRecord } from "@refinedev/core";
+import { Cell, Row, Table } from "@tanstack/react-table";
+
+//#region src/components/data-table/BaseTableContent.d.ts
+interface BaseTableContentProps<TData extends BaseRecord> {
+  className?: string;
+  emptyState?: React.ReactNode;
+  footer?: React.ReactNode;
+  getCellProps?: (cell: Cell<TData, unknown>) => React.HTMLAttributes<HTMLTableCellElement>;
+  getRowProps?: (row: Row<TData>) => React.HTMLAttributes<HTMLTableRowElement>;
+  header?: React.ReactNode;
+  /** Whether table is in loading state */
+  isLoading?: boolean;
+  /** Loading state content */
+  loadingState?: React.ReactNode;
+  onRowClick?: (row: Row<TData>) => void;
+  pagination?: React.ReactNode;
+  table: Table<TData>;
+  responsive?: boolean;
+  layoutType?: TableLayoutType;
+  hideColumnsOnMobile?: string[];
+  mobileBreakpoint?: ComponentSize | string;
+  stackedHeaderColumn?: string;
+}
+declare function BaseTableContent<TData extends BaseRecord>({
+  className,
+  emptyState,
+  footer,
+  getCellProps,
+  getRowProps,
+  header,
+  isLoading,
+  loadingState,
+  onRowClick,
+  pagination,
+  table,
+  responsive,
+  layoutType,
+  hideColumnsOnMobile,
+  mobileBreakpoint,
+  stackedHeaderColumn
+}: BaseTableContentProps<TData>): any;
+//#endregion
+export { BaseTableContent, BaseTableContentProps };
+//# sourceMappingURL=BaseTableContent.d.cts.map

package/dist/cjs/components/data-table/BaseTableInner.cjs

@@ -0,0 +1,49 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_contexts_TableInstance = require('./contexts/TableInstance.cjs');
+const require_components_data_table_contexts_index = require('./contexts/index.cjs');
+const require_components_data_table_tableOptions = require('./tableOptions.cjs');
+const require_components_data_table_BaseTableContent = require('./BaseTableContent.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/data-table/BaseTableInner.tsx
+function BaseTableInner(props) {
+	const { className, emptyState, emptyStateMessage, footer, getCellProps, getRowProps, header, isLoading, loadingState, loadingStateMessage, onRowClick, pagination, responsive, layoutType, hideColumnsOnMobile, mobileBreakpoint, stackedHeaderColumn } = props;
+	const { table } = require_components_data_table_contexts_TableInstance.useTableInstance();
+	const normalizedOptions = require_components_data_table_tableOptions.normalizeTableOptions(pagination, emptyState, emptyStateMessage, loadingState, loadingStateMessage, table);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_data_table_BaseTableContent.BaseTableContent, {
+		className,
+		emptyState: normalizedOptions.emptyState,
+		footer,
+		getCellProps,
+		getRowProps,
+		header,
+		isLoading,
+		loadingState: normalizedOptions.loadingState,
+		onRowClick,
+		pagination: normalizedOptions.pagination.enabled ? normalizedOptions.pagination.component : void 0,
+		table,
+		responsive,
+		layoutType,
+		hideColumnsOnMobile,
+		mobileBreakpoint,
+		stackedHeaderColumn
+	});
+}
+var init_BaseTableInner = require_rolldown_runtime.__esmMin((() => {
+	require_components_data_table_BaseTableContent.init_BaseTableContent();
+	require_components_data_table_contexts_index.init_contexts();
+	require_components_data_table_tableOptions.init_tableOptions();
+}));
+
+//#endregion
+init_BaseTableInner();
+exports.BaseTableInner = BaseTableInner;
+Object.defineProperty(exports, 'init_BaseTableInner', {
+  enumerable: true,
+  get: function () {
+    return init_BaseTableInner;
+  }
+});
+//# sourceMappingURL=BaseTableInner.cjs.map

package/dist/cjs/components/data-table/BaseTableInner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTableInner.cjs","names":["useTableInstance","normalizeTableOptions","BaseTableContent"],"sources":["../../../../src/components/data-table/BaseTableInner.tsx"],"sourcesContent":["import type { BaseTableCommonPropsType, TableHeaderFooterProps, TableResponsiveProps } from \"./BaseTable\";\nimport { BaseTableContent } from \"./BaseTableContent\";\nimport { useTableInstance } from \"./contexts\";\nimport { normalizeTableOptions } from \"./tableOptions\";\nimport { type Table } from \"@tanstack/react-table\";\nimport React from \"react\";\n\n// Extend the common props interface with specific properties BaseTableInner actually uses\ninterface BaseTableInnerProps<TData extends object> \n  extends BaseTableCommonPropsType<TData>, TableHeaderFooterProps, TableResponsiveProps {\n  stackedHeaderColumn?: string;\n}\n\nfunction BaseTableInner<TData extends object>(\n  props: BaseTableInnerProps<TData>,\n): React.JSX.Element {\n  const {\n    className,\n    emptyState,\n    emptyStateMessage,\n    footer,\n    getCellProps,\n    getRowProps,\n    header,\n    isLoading,\n    loadingState,\n    loadingStateMessage,\n    onRowClick,\n    pagination,\n    responsive,\n    layoutType,\n    hideColumnsOnMobile,\n    mobileBreakpoint,\n    stackedHeaderColumn,\n  } = props;\n\n  const { table } = useTableInstance<TData>();\n\n  const normalizedOptions = normalizeTableOptions(\n    pagination,\n    emptyState,\n    emptyStateMessage,\n    loadingState,\n    loadingStateMessage,\n    table,\n  );\n\n  return (\n    <BaseTableContent\n      className={className}\n      emptyState={normalizedOptions.emptyState}\n      footer={footer}\n      getCellProps={getCellProps}\n      getRowProps={getRowProps}\n      header={header}\n      isLoading={isLoading}\n      loadingState={normalizedOptions.loadingState}\n      onRowClick={onRowClick}\n      pagination={\n        normalizedOptions.pagination.enabled\n          ? normalizedOptions.pagination.component\n          : undefined\n      }\n      table={table}\n      responsive={responsive}\n      layoutType={layoutType}\n      hideColumnsOnMobile={hideColumnsOnMobile}\n      mobileBreakpoint={mobileBreakpoint}\n      stackedHeaderColumn={stackedHeaderColumn}\n    />\n  );\n}\n\nexport { BaseTableInner };\n"],"mappings":";;;;;;;;;;AAaA,SAAS,eACP,OACmB;CACnB,MAAM,EACJ,WACA,YACA,mBACA,QACA,cACA,aACA,QACA,WACA,cACA,qBACA,YACA,YACA,YACA,YACA,qBACA,kBACA,wBACE;CAEJ,MAAM,EAAE,UAAUA,uEAAyB;CAE3C,MAAM,oBAAoBC,iEACxB,YACA,YACA,mBACA,cACA,qBACA,MACD;AAED,QACE,2CAACC;EACY;EACX,YAAY,kBAAkB;EACtB;EACM;EACD;EACL;EACG;EACX,cAAc,kBAAkB;EACpB;EACZ,YACE,kBAAkB,WAAW,UACzB,kBAAkB,WAAW,YAC7B;EAEC;EACK;EACA;EACS;EACH;EACG;GACrB;;;uEApEgD;6DACR;+DACS"}

package/dist/cjs/components/data-table/BaseTableInner.d.cts

@@ -0,0 +1,11 @@
+import { BaseTableCommonPropsType, TableHeaderFooterProps, TableResponsiveProps } from "./BaseTable.cjs";
+import React from "react";
+
+//#region src/components/data-table/BaseTableInner.d.ts
+interface BaseTableInnerProps<TData extends object> extends BaseTableCommonPropsType<TData>, TableHeaderFooterProps, TableResponsiveProps {
+  stackedHeaderColumn?: string;
+}
+declare function BaseTableInner<TData extends object>(props: BaseTableInnerProps<TData>): React.JSX.Element;
+//#endregion
+export { BaseTableInner };
+//# sourceMappingURL=BaseTableInner.d.cts.map