@gohanfromgoku/ui-kit 1.0.1 → 1.1.1

package/dist/navigation/createBrowserRouter.js

@@ -9,8 +9,8 @@ const createBrowserRouter = (routes, { page404 } = { page404: () => _jsx(_Fragme
         const { hash, href, origin, pathname, port, protocol, search } = window.location;
         return { hash, href, origin, pathname, port, protocol, search };
     };
-    const { locationDetails, useLocationDetailsState } = createStore("locationDetails", { params: {}, queryParams: {}, ...getLatestLocationDetails() });
-    const { activeRoute, useActiveRouteState } = createStore("activeRoute", routes.find(r => isRouteMatching(r.pathname)) || { pathname: window.location.pathname, component: page404 });
+    const { locationDetails, useLocationDetailsStoreValues } = createStore("locationDetails", { params: {}, queryParams: {}, ...getLatestLocationDetails() });
+    const { activeRoute, useActiveRouteStoreValues } = createStore("activeRoute", routes.find(r => isRouteMatching(r.pathname)) || { pathname: window.location.pathname, component: page404 });
     const navigate = (to, { queryParams, replace } = {}) => {
         if (typeof to === "number") {
             window.history.go(to);
@@ -31,10 +31,10 @@ const createBrowserRouter = (routes, { page404 } = { page404: () => _jsx(_Fragme
         if (routes.length === 0) {
             throw new Error("useLocationDetails cannot be used without initializing routes. Use createBrowserRouter with routes.");
         }
-        return useLocationDetailsState();
+        return useLocationDetailsStoreValues();
     };
     const Outlet = () => {
-        const { component } = useActiveRouteState();
+        const { component } = useActiveRouteStoreValues();
         useEffect(() => {
             const updateLocation = () => {
                 const active = routes.find(r => isRouteMatching(r.pathname)) || { pathname: window.location.pathname, component: page404 };

package/dist/navigation/createMemoryRouter.js

@@ -13,8 +13,8 @@ const createMemoryRouter = (routes, { page404 } = { page404: () => _jsx(_Fragmen
         throw "Atleast one route should present";
     }
     ;
-    const { activeRoute, useActiveRouteState } = createStore("activeRoute", routes.find(() => isRouteMatching("/")) || { pathname: "/", component: page404 });
-    const { locationDetails, useLocationDetailsState } = createStore("locationDetails", { params: {}, queryParams: {}, ...getLatestLocationDetails(), pathname: activeRoute.pathname });
+    const { activeRoute, useActiveRouteStoreValues } = createStore("activeRoute", routes.find(() => isRouteMatching("/")) || { pathname: "/", component: page404 });
+    const { locationDetails, useLocationDetailsStoreValues } = createStore("locationDetails", { params: {}, queryParams: {}, ...getLatestLocationDetails(), pathname: activeRoute.pathname });
     const { entries } = createStore("entries", { value: ["/"] });
     const { currentIndex } = createStore("currentIndex", { value: 0 });
     const navigate = (to, { queryParams } = {}) => {
@@ -44,12 +44,12 @@ const createMemoryRouter = (routes, { page404 } = { page404: () => _jsx(_Fragmen
         currentIndex.setState({ value: currentIndex.value + 1 });
     };
     const Outlet = () => {
-        const { component: Component } = useActiveRouteState();
+        const { component: Component } = useActiveRouteStoreValues();
         return _jsx(Component, {});
     };
     return {
         navigate,
-        useLocationDetails: useLocationDetailsState,
+        useLocationDetails: useLocationDetailsStoreValues,
         Outlet
     };
 };

package/dist/navigation/support/query-params.support.js

@@ -7,7 +7,10 @@ export const createQueryParamsSearchString = (queryParams) => {
         let search = "?";
         for (let index = 0; index < keys.length; index++) {
             const key = keys[index];
-            search = `${search}${key}=${queryParams[key]}`;
+            const encodedKey = encodeURIComponent(key);
+            const value = queryParams[key];
+            const encodedValue = encodeURIComponent(value == null ? "" : String(value));
+            search = `${search}${encodedKey}=${encodedValue}`;
             if (index !== keys.length - 1) {
                 search = search + "&";
             }
@@ -20,20 +23,18 @@ export const extractQueryParamsFromURL = (url) => {
     const queryObj = {};
     const parts = url.split("?");
     if (parts.length > 2) {
-        throw "Invalid URL";
+        throw new Error("Invalid URL");
     }
-    ;
     if (parts.length === 1) {
         return queryObj;
     }
-    ;
     const search = parts[1];
     if (search && search.length > 0) {
         const queries = search.split("&");
         for (const query of queries) {
             const queryParts = query.split("=");
             if (queryParts.length > 2) {
-                throw "Invalid URL";
+                throw new Error("Invalid URL");
             }
             const [key, value] = queryParts;
             queryObj[decodeURIComponent(key)] = decodeURIComponent(value ?? "");

package/dist/storage/index.js

@@ -1,7 +1,8 @@
 import "../prototypes";
 import { useSyncExternalStore } from "react";
 export default function createStore(name, initialState) {
-    let state = initialState;
+    const originalState = JSON.parse(JSON.stringify(initialState));
+    let state = JSON.parse(JSON.stringify(originalState));
     const listeners = new Set();
     const subscribe = (listener) => {
         listeners.add(listener);
@@ -13,11 +14,11 @@ export default function createStore(name, initialState) {
         listeners.forEach(l => l());
     };
     const resetState = () => {
-        state = initialState;
+        state = JSON.parse(JSON.stringify(originalState));
         listeners.forEach(l => l());
     };
     const useStore = () => useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-    const capName = name.capitalize();
+    const capName = (name.charAt(0).toUpperCase() + name.slice(1));
     const exposedState = {};
     Object.keys(initialState).forEach(key => {
         Object.defineProperty(exposedState, key, {
@@ -31,6 +32,6 @@ export default function createStore(name, initialState) {
             setState,
             resetState
         },
-        [`use${capName}State`]: useStore
+        [`use${capName}StoreValues`]: useStore
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gohanfromgoku/ui-kit",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "description": "ui-kit is a TypeScript based UI component library designed for building modern web applications with ease and efficiency.",
   "sideEffects": false,
   "scripts": {
@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@types/react": ">=18",
-    "react": "^19.2.3",
+    "react": ">=18",
     "tsc-alias": "^1.8.16",
     "typescript": "^5.9.3"
   },

package/types/storage/index.d.ts

@@ -2,4 +2,4 @@ import "../prototypes";
 export default function createStore<Name extends string, T extends Record<string, any>>(name: Name, initialState: T): { [K in Name]: T & {
     setState: (partial: Partial<T>) => void;
     resetState: () => void;
-}; } & { [K in `use${Capitalize<Name>}State`]: () => T; };
+}; } & { [K in `use${Capitalize<Name>}StoreValues`]: () => T; };