@c-rex/contexts 0.0.6 → 0.1.0

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@c-rex/contexts",
-    "version": "0.0.6",
-    "main": "./src/index.tsx",
+    "version": "0.1.0",
+    "type": "module",
     "files": [
         "src"
     ],
@@ -9,17 +9,10 @@
         "access": "public"
     },
     "exports": {
-        ".": {
-            "types": "./src/index.tsx",
-            "import": "./src/index.tsx",
-            "require": "./src/index.tsx",
-            "default": "./src/index.tsx"
-        },
-        "./package.json": "./package.json"
-    },
-    "scripts": {
-        "dev": "echo 'Nothing to build — using raw TypeScript files'",
-        "build": "echo 'No build needed'"
+        "./search": {
+            "types": "./src/search.tsx",
+            "import": "./src/search.tsx"
+        }
     },
     "devDependencies": {
         "@c-rex/eslint-config": "*",
@@ -34,6 +27,8 @@
     "dependencies": {
         "next": "^14",
         "react": "^18",
-        "react-dom": "^18"
+        "react-dom": "^18",
+        "@c-rex/core": "*",
+        "@c-rex/interfaces": "*"
     }
-}
+}

package/src/search.tsx

@@ -0,0 +1,56 @@
+import { createContext, useContext, ReactNode, useState } from "react";
+
+type SearchContextProps = {
+    selectedLanguage: string[];
+    availableLanguages: string[];
+    selectLanguage: (language: string) => void;
+    getSelectedLanguages: () => string[];
+    setLanguages: (languages: string[]) => void;
+}
+
+const SearchContext = createContext<SearchContextProps | undefined>(undefined);
+
+export const SearchProvider = ({
+    children,
+}: {
+    children: ReactNode;
+}) => {
+    const [selectedLanguage, setSelectedLanguage] = useState<string[]>([]);
+    const [availableLanguages, setAvailableLanguages] = useState<string[]>([]);
+
+    const selectLanguage = (language: string) => {
+        if (selectedLanguage.includes(language)) {
+            setSelectedLanguage(selectedLanguage.filter(l => l !== language));
+        } else {
+            setSelectedLanguage([...selectedLanguage, language]);
+        }
+    };
+    const getSelectedLanguages = () => {
+        return selectedLanguage;
+    }
+    const setLanguages = (languages: string[]) => {
+        setAvailableLanguages(languages);
+    }
+
+    return (
+        <SearchContext.Provider value={{
+            selectedLanguage,
+            availableLanguages,
+            selectLanguage,
+            getSelectedLanguages,
+            setLanguages
+        }}>
+            <>
+                {children}
+            </>
+        </SearchContext.Provider>
+    );
+};
+
+export const useSearchContext = () => {
+    const context = useContext(SearchContext);
+    if (!context) {
+        throw new Error("useSearchContext must be used within a SearchProvider");
+    }
+    return context;
+};

package/src/index.tsx

@@ -1,32 +0,0 @@
-import { createContext, useContext, FC, ReactNode } from "react";
-
-interface SearchContextProps {
-    searchValue: string | null;
-    page: number;
-    selectedLanguage: string[];
-    availableLanguages: string[];
-}
-
-const SearchContext = createContext<SearchContextProps | undefined>(undefined);
-
-export const useSearchContext = () => {
-    const context = useContext(SearchContext);
-    if (!context) {
-        throw new Error("useSearchContext must be used within a SearchProvider");
-    }
-    return context;
-};
-
-interface SearchProviderProps {
-    children: ReactNode;
-    value: SearchContextProps;
-}
-
-export const SearchProvider: FC<SearchProviderProps> = ({
-    children,
-    value,
-}) => {
-    return (
-        <SearchContext.Provider value={value}>{children}</SearchContext.Provider>
-    );
-};