🎉 Add react filters-bar module

Author: cloud-walker

packages/react-filters-bar/.gitignore

@@ -0,0 +1,3 @@
+/node_modules
+/dist
+/coverage

packages/react-filters-bar/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@cloudwalker/react-filters-bar",
+  "version": "0.0.0",
+  "files": [
+    "dist/**"
+  ],
+  "main": "./dist/main.js",
+  "module": "./dist/main.mjs",
+  "types": "./dist/main.d.ts",
+  "sideEffects": false,
+  "author": {
+    "name": "Luca Barone",
+    "email": "baro.luc@gmail.com",
+    "url": "https://github.com/cloud-walker"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "react": "^18.2.0"
+  }
+}

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

@@ -0,0 +1,26 @@
+import { createContext, PropsWithChildren, useContext } from "react";
+
+type FilterState = {
+  remove: () => void;
+  setOperator: (value: string) => void;
+  setValue: (value: string) => void;
+  operator: string;
+  value: string;
+};
+
+const FilterCtx = createContext<FilterState | null>(null);
+
+export function useFilterCtx() {
+  const ctx = useContext(FilterCtx);
+  if (ctx == null) {
+    throw Error("FilterCtx.Provider is missing.");
+  }
+  return ctx;
+}
+
+export function FilterProvider({
+  children,
+  ...props
+}: PropsWithChildren<Provider>) {
+  return <FilterCtx.Provider value={props}>{children}</FilterCtx.Provider>;
+}

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

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "jsx": "react-jsx",
+    "noUncheckedIndexedAccess": true
+  },
+  "include": ["src"]
+}