ag-common 0.0.125 → 0.0.129

package/dist/api/helpers/api.d.ts

@@ -2,7 +2,13 @@ import { APIGatewayProxyResult, DYNAMOKEYS } from '../types';
 export declare const returnCode: <T>(statusCode: number, body?: T | undefined, extraHeaders?: {
     [a: string]: string;
 } | undefined, fullSiteUrl?: string | undefined) => APIGatewayProxyResult;
-export declare const stripPKs: <T>(r: T, excludePK?: boolean) => T;
+/**
+ * strip all dynamo generated keys. can optionally keep PK
+ * @param record
+ * @param keepPk if true, will keep PK. default true
+ * @returns stripped record
+ */
+export declare const stripPKs: <T>(record: T, keepPk?: boolean) => T;
 export declare const generateDynamoPKS: ({ type, L1, L2, L3, L4, L5, L6, additionalPKValues, }: {
     type: string;
     L1: string;

package/dist/api/helpers/api.js

@@ -33,21 +33,22 @@ const returnCode = (statusCode, body, extraHeaders, fullSiteUrl) => {
     };
 };
 exports.returnCode = returnCode;
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const stripPKs = (r, 
 /**
- * default true
- * if true, will keep PK
+ * strip all dynamo generated keys. can optionally keep PK
+ * @param record
+ * @param keepPk if true, will keep PK. default true
+ * @returns stripped record
  */
-excludePK = true) => {
-    if (!r) {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const stripPKs = (record, keepPk = true) => {
+    if (!record) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return null;
     }
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    const { PK, PK1, PK2, PK3, PK4, PK5, L1, L2, L3, L4, L5, L6 } = r, rest = __rest(r, ["PK", "PK1", "PK2", "PK3", "PK4", "PK5", "L1", "L2", "L3", "L4", "L5", "L6"]);
-    if (!excludePK) {
+    const { PK, PK1, PK2, PK3, PK4, PK5, L1, L2, L3, L4, L5, L6 } = record, rest = __rest(record, ["PK", "PK1", "PK2", "PK3", "PK4", "PK5", "L1", "L2", "L3", "L4", "L5", "L6"]);
+    if (keepPk) {
         //@ts-ignore
         rest.PK = PK;
     }

package/dist/common/helpers/object.d.ts

@@ -15,4 +15,24 @@ export interface IArrayType<T> {
 export declare function objectToArray<T>(obj: {
     [a: string]: T;
 }): IArrayType<T>[];
+/**
+ * Recursively alphabetically sort an object
+ * @param object
+ * @param depthLeft
+ * @returns
+ */
 export declare const objectAlphaSort: (object: any, depthLeft?: number) => object;
+/**
+ * Convert a random object type to a record<string,string>
+ * @param entries Could be URLSearchParams
+ * @returns
+ */
+export declare function paramsToObject(entries: any): Record<string, string>;
+/**
+ * stringify an object of key values. Could be used to stringify a querystring url
+ * @param obj
+ * @param joinKeyValue
+ * @param joinKeys
+ * @returns
+ */
+export declare function objectToString(obj: Record<string, string>, joinKeyValue: string, joinKeys: string): string;

package/dist/common/helpers/object.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.objectAlphaSort = exports.objectToArray = exports.getObjectKeysAsNumber = exports.objectKeysToLowerCase = exports.isJson = exports.tryJsonParse = void 0;
+exports.objectToString = exports.paramsToObject = exports.objectAlphaSort = exports.objectToArray = exports.getObjectKeysAsNumber = exports.objectKeysToLowerCase = exports.isJson = exports.tryJsonParse = void 0;
+const _1 = require(".");
 const tryJsonParse = (str, defaultValue) => {
     if (!str) {
         return null;
@@ -52,6 +53,12 @@ function objectToArray(obj) {
     return ret;
 }
 exports.objectToArray = objectToArray;
+/**
+ * Recursively alphabetically sort an object
+ * @param object
+ * @param depthLeft
+ * @returns
+ */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const objectAlphaSort = (object, depthLeft = -1) => {
     if (depthLeft === 0) {
@@ -74,3 +81,36 @@ const objectAlphaSort = (object, depthLeft = -1) => {
     }
 };
 exports.objectAlphaSort = objectAlphaSort;
+/**
+ * Convert a random object type to a record<string,string>
+ * @param entries Could be URLSearchParams
+ * @returns
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function paramsToObject(entries) {
+    const result = {};
+    for (const [key, value] of entries) {
+        result[key] = value;
+    }
+    return result;
+}
+exports.paramsToObject = paramsToObject;
+/**
+ * stringify an object of key values. Could be used to stringify a querystring url
+ * @param obj
+ * @param joinKeyValue
+ * @param joinKeys
+ * @returns
+ */
+function objectToString(obj, joinKeyValue, joinKeys) {
+    let ret = '';
+    if (!obj || Object.keys(obj).length === 0) {
+        return ret;
+    }
+    Object.entries(obj).forEach(([key, value]) => {
+        ret += `${joinKeys}${key}${joinKeyValue}${value}`;
+    });
+    ret = (0, _1.trim)(ret, joinKeyValue);
+    return ret;
+}
+exports.objectToString = objectToString;

package/dist/ui/components/Chevron/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Chevron: ({ width, className, colour, onToggle, point, }: {
     /**
      * default right

package/dist/ui/components/Chevron/index.js

@@ -18,25 +18,25 @@ const IconStyled = (0, styled_components_1.default)(Icon_1.Icon) `
   margin: 0;
   padding: 0;
 `;
-const ChevronIcon = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -256 1792 1792" },
-    react_1.default.createElement("path", { d: "M1679.339 301.56q0 53-37 90l-651 651q-38 38-91 38-54 0-90-38l-651-651q-38-36-38-90 0-53 38-91l74-75q39-37 91-37 53 0 90 37l486 486 486-486q37-37 90-37 52 0 91 37l75 75q37 39 37 91z" })));
+const ChevronIcon = (react_1.default.createElement("svg", { width: "24", height: "24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("path", { d: "M10.294 9.698a.988.988 0 0 1 0-1.407 1.01 1.01 0 0 1 1.419 0l2.965 2.94a1.09 1.09 0 0 1 0 1.548l-2.955 2.93a1.01 1.01 0 0 1-1.638-.322.988.988 0 0 1 .218-1.085l2.318-2.297-2.327-2.307Z", fill: "inherit", className: "_14TyY7wB85QoVU" })));
 const Chevron = ({ width = '1.2rem', className, colour = 'black', onToggle, point = 'right', }) => {
     let rotate = 0;
     switch (point) {
         case 'down': {
-            rotate = 180;
+            rotate = 270;
             break;
         }
         case 'left': {
-            rotate = 270;
+            rotate = 0;
             break;
         }
         case 'up': {
-            rotate = 0;
+            rotate = 90;
             break;
         }
         case 'right': {
-            rotate = 90;
+            rotate = 180;
         }
     }
     return (react_1.default.createElement(SChevron, { className: className, onClick: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(), onTouchStart: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(), onKeyPress: (e) => e.key === 'Enter' && (onToggle === null || onToggle === void 0 ? void 0 : onToggle()) },

package/dist/ui/components/DropdownList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare function DropdownList<T>({ options, value, onChange, placeholder, className, renderF, children, shadow, }: {
     options: T[];
     value?: T;

package/dist/ui/components/HeadersRaw/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const HeadersRaw: ({ title, image, SiteShort, FullSiteUrl, siteDesc, }: {
     title?: string | undefined;
     image?: string | undefined;

package/dist/ui/components/Icon/index.js

@@ -27,12 +27,12 @@ const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importStar(require("styled-components"));
 const common_1 = require("../../styles/common");
 exports.IconF = styled_components_1.default.span `
+  transition: all 200ms;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 2rem;
   padding: ${({ padding }) => padding || '0'};
-  transition: background-color 200ms;
   margin: ${({ margin }) => (!margin ? 'unset' : margin)};
   cursor: ${({ disabled, canHover }) => disabled || !canHover ? 'inherit' : 'pointer'};
   > svg {

package/dist/ui/components/Loader/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Loader: ({ name }: {
     name: string;
 }) => JSX.Element;

package/dist/ui/components/LoginButton/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const LoginButton: ({ className, text, invert, savePath, loginPath, }: {
     invert?: boolean | undefined;
     text: string;

package/dist/ui/components/LogoutButton/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const LogoutButton: ({ className, invert, logout, }: {
     invert?: boolean | undefined;
     className?: string | undefined;

package/dist/ui/components/Sidebar/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const Sidebar: ({ children, className, key, cookieDocument, }: {
+    children: any;
+    className?: string | undefined;
+    /**
+     * used for localstorage. default 'sidebar'
+     */
+    key?: string | undefined;
+    /**
+     * optionally pass in SSR cookiedocument
+     */
+    cookieDocument?: string | undefined;
+}) => JSX.Element;

package/dist/ui/components/Sidebar/index.js

@@ -0,0 +1,110 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sidebar = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const cookie_1 = require("../../helpers/cookie");
+const common_1 = require("../../styles/common");
+const Chevron_1 = require("../Chevron");
+const Base = styled_components_1.default.div `
+  position: relative;
+  transition: all 200ms;
+  width: 15rem;
+  border-right: solid 1px #ccc;
+  margin-right: 1rem;
+  padding-left: 0.5rem;
+
+  &[data-open='false'] {
+    width: 0.5rem;
+    background-color: rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+    &:hover,
+    &:hover [data-hover='true'] {
+      background-color: #ccc;
+    }
+    &:hover {
+      border-right: solid 1px #999;
+    }
+  }
+  ${common_1.NoTextSelect};
+
+  &:hover {
+    [data-content] {
+      left: 1rem;
+    }
+  }
+`;
+const ContentBlock = styled_components_1.default.div `
+  left: -18rem;
+  transition left 200ms;
+  &[data-open='false'] {
+    position: absolute;
+    top: 0;
+    z-index: 1;
+    width: 15rem;
+  }
+`;
+const Content = styled_components_1.default.div `
+  display: flex;
+  flex-flow: column;
+  width: 100%;
+  height: 100%;
+  margin-top: 2rem;
+
+  &[data-open='false'] {
+    padding: 1rem;
+    background-color: white;
+    ${(0, common_1.Shadow)()};
+    border-radius: 1rem;
+  }
+`;
+const Hamburger = styled_components_1.default.div `
+  position: absolute;
+  transition: all 200ms;
+  &[data-open='false'] {
+    top: 0.5rem;
+    left: 0.25rem;
+  }
+  &[data-open='true'] {
+    top: 0.5rem;
+    right: -0.75rem;
+  }
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  background-color: rgba(255, 255, 255, 0.9);
+  &:hover {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+  border-radius: 50%;
+  border: solid 1px rgba(0, 0, 0, 0.5);
+
+  cursor: pointer;
+`;
+const ChevronStyled = (0, styled_components_1.default)(Chevron_1.Chevron) `
+  svg {
+    fill: #555;
+  }
+`;
+const Sidebar = ({ children, className, key = 'sidebar', cookieDocument, }) => {
+    const [openRaw, setOpenRaw] = (0, cookie_1.useCookie)({
+        key,
+        defaultValue: 'false',
+        cookieDocument: cookieDocument,
+    });
+    const open = openRaw === 'true';
+    const setOpen = (o) => setOpenRaw(o.toString());
+    return (react_1.default.createElement(Base, { className: className, "data-open": open, onClick: () => !open && setOpen(true), "data-hover": true },
+        react_1.default.createElement(Hamburger, { "data-open": open, onClick: () => setOpen(!open), "data-hover": true },
+            react_1.default.createElement(ChevronStyled, { point: open ? 'right' : 'left', width: "100%" })),
+        react_1.default.createElement(ContentBlock, { "data-content": true, "data-open": open },
+            react_1.default.createElement(Content, { "data-open": open, onClick: (e) => {
+                    e.stopPropagation();
+                } }, children))));
+};
+exports.Sidebar = Sidebar;

package/dist/ui/components/Table/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface TableItem {
     content: JSX.Element;
     groupTitle: string;

package/dist/ui/components/TextEdit/CheckboxEdit.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const CheckboxEdit: ({ defaultValue, onSubmit, noGrow, }: {
     defaultValue: boolean;
     onSubmit: (val: boolean) => void;

package/dist/ui/components/TextEdit/ColourEdit.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ColourEdit: ({ defaultValue, onSubmit, }: {
     defaultValue: string;
     onSubmit: (val: string) => void;

package/dist/ui/components/TextEdit/ListboxEdit.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ListboxEdit: ({ defaultValue, onSubmit, values, }: {
     defaultValue: string;
     onSubmit: (val: string[]) => void;

package/dist/ui/components/TextEdit/TextEdit.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StyledComponent } from 'styled-components';
 export declare const ValueReadonly: StyledComponent<"div", any, {}, never>;
 export declare const TextEdit: ({ defaultValue, defaultEditing, onSubmit, disableEdit, placeholder, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, className, singleLine, }: {

package/dist/ui/components/TextEdit/images.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const UndoIcon: () => JSX.Element;
 export declare const PencilIcon: () => JSX.Element;
 export declare const SaveIcon: () => JSX.Element;

package/dist/ui/components/Toast/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ToastPosition } from 'react-hot-toast';
 interface Options {
     appearance: 'error' | 'success';

package/dist/ui/components/UserImage/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AxiosWrapper, User } from '../../helpers/jwt';
 export declare const UserImageIcon: JSX.Element;
 export declare const UserImage: ({ image, className, }: {

package/dist/ui/components/index.d.ts

@@ -15,6 +15,7 @@ export * from './LogoutButton';
 export * from './Modal';
 export * from './Prompt';
 export * from './RowOrColumn';
+export * from './Sidebar';
 export * from './Table';
 export * from './TextEdit';
 export * from './TextInput';

package/dist/ui/components/index.js

@@ -27,6 +27,7 @@ __exportStar(require("./LogoutButton"), exports);
 __exportStar(require("./Modal"), exports);
 __exportStar(require("./Prompt"), exports);
 __exportStar(require("./RowOrColumn"), exports);
+__exportStar(require("./Sidebar"), exports);
 __exportStar(require("./Table"), exports);
 __exportStar(require("./TextEdit"), exports);
 __exportStar(require("./TextInput"), exports);

package/dist/ui/helpers/callOpenApi/cached.js

@@ -41,16 +41,18 @@ const callOpenApiCachedRaw = (p) => {
     if (!callOpenApiCache) {
         callOpenApiCache = new node_cache_1.default({ stdTTL: p.cacheTtl || 120 });
     }
-    const ssrCached = (_a = p.ssrCacheItems) === null || _a === void 0 ? void 0 : _a.find((s) => s.cacheKey === p.cacheKey);
-    if (!callOpenApiCache.get(userPrefixedCacheKey) &&
-        ((_b = ssrCached === null || ssrCached === void 0 ? void 0 : ssrCached.prefillData) === null || _b === void 0 ? void 0 : _b.data)) {
-        callOpenApiCache.set(userPrefixedCacheKey, (_c = ssrCached.prefillData) === null || _c === void 0 ? void 0 : _c.data);
+    //get ssr cache value
+    const ssrCached = (_c = (_b = (_a = p.ssrCacheItems) === null || _a === void 0 ? void 0 : _a.find((s) => s.cacheKey === p.cacheKey)) === null || _b === void 0 ? void 0 : _b.prefillData) === null || _c === void 0 ? void 0 : _c.data;
+    //if we have ssr cache and there is no existing cache then set
+    if (!callOpenApiCache.get(userPrefixedCacheKey) && ssrCached) {
+        callOpenApiCache.set(userPrefixedCacheKey, ssrCached);
     }
-    const cached = callOpenApiCache.get(userPrefixedCacheKey);
-    if (cached) {
-        return { data: cached };
+    //return cached data, or ssr data if that has already expired (ttl <=0)
+    const data = callOpenApiCache.get(userPrefixedCacheKey) || ssrCached;
+    if (!data) {
+        return undefined;
     }
-    return undefined;
+    return { data };
 };
 exports.callOpenApiCachedRaw = callOpenApiCachedRaw;
 const callOpenApiCached = (p) => __awaiter(void 0, void 0, void 0, function* () {

package/dist/ui/helpers/callOpenApi/hook.js

@@ -12,6 +12,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCallOpenApi = void 0;
 const react_1 = require("react");
 const cached_1 = require("./cached");
+const direct_1 = require("./direct");
 /**
  * hooks+cached call to callOpenApi
  * @param p
@@ -33,7 +34,7 @@ const useCallOpenApi = (p) => {
     (0, react_1.useEffect)(() => {
         function run() {
             return __awaiter(this, void 0, void 0, function* () {
-                const resp = yield (0, cached_1.callOpenApiCached)(p);
+                const resp = yield (0, direct_1.callOpenApi)(p);
                 setData((d) => (Object.assign(Object.assign({}, resp), { loaded: true, loading: false, loadcount: d.loadcount + 1, reFetch: () => __awaiter(this, void 0, void 0, function* () { }), url: '', datetime: new Date().getTime() })));
             });
         }

package/dist/ui/helpers/lang.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TLang, TResource } from '../../common/helpers/i18n';
 export declare const useTranslation: <T extends {
     [a: string]: TResource;

package/dist/ui/helpers/useQueryString.d.ts

@@ -1,18 +1,33 @@
 export declare const isServer: boolean;
-export declare const useQueryStringRaw: <T>({ name, searchOverride, defaultValue, stringify, parse, }: {
+/**
+ * hook for query string value
+ * @param param0 can provide for SSR - queryValues will default to window if available
+ * @returns
+ */
+export declare const useQueryStringRaw: <T>({ name, queryValues, defaultValue, stringify, parse, }: {
     name: string;
-    searchOverride?: string | undefined;
+    queryValues?: Record<string, string> | undefined;
     defaultValue: T;
     stringify: (v: T) => string | undefined;
     parse: (v: string | undefined) => T;
 }) => [T, (v: T) => void];
-export declare const useQueryStringArray: ({ name, searchOverride, defaultValue, }: {
+/**
+ * hook for query string value - string array type
+ * @param param0 can provide for SSR - queryValues will default to window if available
+ * @returns
+ */
+export declare const useQueryStringArray: ({ name, queryValues, defaultValue, }: {
     name: string;
-    searchOverride?: string | undefined;
+    queryValues?: Record<string, string> | undefined;
     defaultValue: string[];
 }) => [string[], (v: string[]) => void];
-export declare const useQueryStringSingle: ({ name, searchOverride, defaultValue, }: {
+/**
+ * hook for query string value - single value
+ * @param param0 can provide for SSR - queryValues will default to window if available
+ * @returns
+ */
+export declare const useQueryStringSingle: ({ name, queryValues, defaultValue, }: {
     name: string;
-    searchOverride?: string | undefined;
+    queryValues?: Record<string, string> | undefined;
     defaultValue: string | undefined;
 }) => [string | undefined, (v: string | undefined) => void];

package/dist/ui/helpers/useQueryString.js

@@ -2,60 +2,66 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useQueryStringSingle = exports.useQueryStringArray = exports.useQueryStringRaw = exports.isServer = void 0;
 const react_1 = require("react");
+const object_1 = require("../../common/helpers/object");
 exports.isServer = typeof window === 'undefined';
-const useQueryStringRaw = ({ name, searchOverride, defaultValue, stringify, parse, }) => {
-    const raw = exports.isServer ? searchOverride : window.location.search;
-    const [state, setStateRaw] = (0, react_1.useState)(() => {
-        if (!raw) {
-            return defaultValue;
-        }
-        const parsed = new URLSearchParams(raw);
-        const g = parsed.get(name);
-        if (!g) {
-            return defaultValue;
-        }
-        return parse(g) || defaultValue;
-    });
+/**
+ * hook for query string value
+ * @param param0 can provide for SSR - queryValues will default to window if available
+ * @returns
+ */
+const useQueryStringRaw = ({ name, queryValues, defaultValue, stringify, parse, }) => {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const qv = exports.isServer
+        ? queryValues || {}
+        : // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            (0, object_1.paramsToObject)(new URLSearchParams(window.location.search));
+    const qsv = parse(qv[name]) || defaultValue;
+    const [state, setStateRaw] = (0, react_1.useState)(qsv);
+    //
     const setState = (v) => {
-        const searchParams = new URLSearchParams(window.location.search);
         const sv = !v ? undefined : stringify(v);
         if (sv) {
-            searchParams.set(name, sv);
+            qv[name] = sv;
         }
         else {
-            searchParams.delete(name);
-        }
-        let qs = '';
-        if (Array.from(searchParams).length !== 0) {
-            qs = '?' + searchParams.toString();
+            delete qv[name];
         }
-        const loc = `${location.pathname}${qs}${window.location.hash}`;
+        const qs = '?' + (0, object_1.objectToString)(qv, '=', '&');
+        const loc = location.pathname + qs + window.location.hash;
         window.history.replaceState({}, '', loc);
         setStateRaw(v);
     };
+    //
     (0, react_1.useEffect)(() => {
-        const parsed = new URLSearchParams(raw);
-        const g = parsed.get(name);
-        const newv = g ? parse(g) : defaultValue;
-        if (JSON.stringify(state) !== JSON.stringify(newv)) {
-            setStateRaw(newv);
+        if (JSON.stringify(state) !== JSON.stringify(qsv)) {
+            setStateRaw(qsv);
         }
-    }, [defaultValue, name, parse, raw, state]);
+    }, [name, parse, qsv, state]);
     return [state, setState];
 };
 exports.useQueryStringRaw = useQueryStringRaw;
-const useQueryStringArray = ({ name, searchOverride, defaultValue, }) => (0, exports.useQueryStringRaw)({
+/**
+ * hook for query string value - string array type
+ * @param param0 can provide for SSR - queryValues will default to window if available
+ * @returns
+ */
+const useQueryStringArray = ({ name, queryValues, defaultValue, }) => (0, exports.useQueryStringRaw)({
     name,
     defaultValue,
-    searchOverride,
+    queryValues,
     stringify: (v) => (v.length === 0 ? undefined : v.join(',')),
     parse: (v) => (!v ? defaultValue : v.split(',')),
 });
 exports.useQueryStringArray = useQueryStringArray;
-const useQueryStringSingle = ({ name, searchOverride, defaultValue, }) => (0, exports.useQueryStringRaw)({
+/**
+ * hook for query string value - single value
+ * @param param0 can provide for SSR - queryValues will default to window if available
+ * @returns
+ */
+const useQueryStringSingle = ({ name, queryValues, defaultValue, }) => (0, exports.useQueryStringRaw)({
     name,
     defaultValue,
-    searchOverride,
+    queryValues,
     stringify: (v) => v,
     parse: (v) => (!v ? defaultValue : v),
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.125",
+  "version": "0.0.129",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",