wip

Author: cloud-walker

packages/react-filters-bar/src/filter-context.tsx

@@ -21,6 +21,6 @@ export function useFilterCtx() {
 export function FilterProvider({
   children,
   ...props
-}: PropsWithChildren<Provider>) {
+}: PropsWithChildren<FilterState>) {
   return <FilterCtx.Provider value={props}>{children}</FilterCtx.Provider>;
 }

packages/react-filters-bar/src/filtersbar-context.tsx

@@ -0,0 +1,24 @@
+import { createContext, PropsWithChildren, useContext } from "react";
+
+type FiltersDef = Record<string, JSX.Element>;
+
+const FiltersBarCtx = createContext<{ filtersDef: FiltersDef } | null>(null);
+
+export function useFiltersBarCtx() {
+  const ctx = useContext(FiltersBarCtx);
+  if (ctx == null) {
+    throw Error("FiltersBarCtx.Provider is missing.");
+  }
+  return ctx;
+}
+
+export function FiltersBarProvider<TFiltersDef extends FiltersDef>({
+  children,
+  filtersDef,
+}: PropsWithChildren<{ filtersDef: TFiltersDef }>) {
+  return (
+    <FiltersBarCtx.Provider value={{ filtersDef }}>
+      {children}
+    </FiltersBarCtx.Provider>
+  );
+}

packages/react-filters-bar/src/main.ts

@@ -0,0 +1,5 @@
+import { FiltersBarProvider } from "./filtersbar-context";
+
+export function FiltersBar({filtersDef}: ) {
+  return <FiltersBarProvider filtersDef={}></FiltersBarProvider>
+}