ag-common 0.0.127 → 0.0.132

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/string.d.ts

@@ -33,3 +33,4 @@ export declare function containsInsensitive(str: string, ...args: string[]): boo
  * @returns
  */
 export declare const safeStringify: (obj: any, indent?: number) => string;
+export declare const chunkString: (str: string, length: number) => string[];

package/dist/common/helpers/string.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.safeStringify = exports.containsInsensitive = exports.replaceRemove = exports.toTitleCase = exports.niceUrl = exports.truncate = exports.trim = exports.trimSide = exports.csvJSON = exports.fromBase64 = exports.toBase64 = void 0;
+exports.chunkString = exports.safeStringify = exports.containsInsensitive = exports.replaceRemove = exports.toTitleCase = exports.niceUrl = exports.truncate = exports.trim = exports.trimSide = exports.csvJSON = exports.fromBase64 = exports.toBase64 = void 0;
 const toBase64 = (str) => Buffer.from(str).toString('base64');
 exports.toBase64 = toBase64;
 const fromBase64 = (str) => Buffer.from(decodeURIComponent(str), 'base64').toString();
@@ -140,3 +140,5 @@ const safeStringify = (obj, indent = 2) => {
     return retVal;
 };
 exports.safeStringify = safeStringify;
+const chunkString = (str, length) => str.match(new RegExp(`.{1,${length}}`, 'g'));
+exports.chunkString = chunkString;

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/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/Prompt/index.js

@@ -41,7 +41,7 @@ const Button_1 = require("../Button");
 const FlexColumn_1 = require("../FlexColumn");
 const FlexRow_1 = require("../FlexRow");
 const Modal_1 = require("../Modal");
-const TextInput_1 = require("../TextInput");
+const TextEdit_1 = require("../TextEdit");
 const Base = styled_components_1.default.div `
   width: 95vw;
   max-width: 30rem;
@@ -85,7 +85,7 @@ const PromptModal = ({ wrapper, res, bottomText, topText, okText = 'OK', cancelT
             react_1.default.createElement(Content, null,
                 topText && react_1.default.createElement(TopText, null, topText),
                 react_1.default.createElement(BottomText, null, bottomText),
-                react_1.default.createElement(TextInput_1.TextInput, { value: text, onChange: (c) => setText(c), placeholder: placeholder, focus: true, onKeyPress: (e) => e.key === 'Enter' && ret(text) }),
+                react_1.default.createElement(TextEdit_1.TextEdit, { defaultValue: text, onSubmit: (c) => setText(c), placeholder: placeholder, defaultEditing: { focus: true }, singleLine: true, noGrow: true }),
                 react_1.default.createElement(Bottom, { noGrow: true },
                     react_1.default.createElement(Button_1.Button, { onClick: () => ret(text) }, okText),
                     react_1.default.createElement(Button_1.Button, { invert: true, onClick: () => ret(undefined) }, cancelText))))));

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Sidebar: ({ children, className, key, cookieDocument, }: {
     children: any;
     className?: string | undefined;
@@ -6,7 +7,7 @@ export declare const Sidebar: ({ children, className, key, cookieDocument, }: {
      */
     key?: string | undefined;
     /**
-     * pass in SSR cookiedocument
+     * optionally pass in SSR cookiedocument
      */
     cookieDocument?: string | undefined;
 }) => JSX.Element;

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

@@ -92,13 +92,11 @@ const ChevronStyled = (0, styled_components_1.default)(Chevron_1.Chevron) `
   }
 `;
 const Sidebar = ({ children, className, key = 'sidebar', cookieDocument, }) => {
-    const [openRaw, setOpenRaw] = (0, cookie_1.useCookie)({
-        key,
-        defaultValue: 'false',
+    const [open, setOpen] = (0, cookie_1.useCookieBoolean)({
+        name: 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%" })),

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,6 +1,10 @@
+/// <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, }: {
+export declare const TextEdit: ({ defaultValue, defaultEditing, onSubmit, disableEdit, placeholder, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, className, singleLine, noGrow, }: {
+    /**
+     * forces single row input style. will also enable 'Enter' to auto submit
+     */
     singleLine?: boolean | undefined;
     className?: string | undefined;
     defaultValue: string;
@@ -16,4 +20,8 @@ export declare const TextEdit: ({ defaultValue, defaultEditing, onSubmit, disabl
     onEditingChange?: ((editing: boolean) => void) | undefined;
     onClickOutsideWithNoValue?: (() => void) | undefined;
     onClickNotEditing?: (() => void) | undefined;
+    /**
+     * if true, will not grow. default false
+     */
+    noGrow?: boolean | undefined;
 }) => JSX.Element;

package/dist/ui/components/TextEdit/TextEdit.js

@@ -63,12 +63,13 @@ const Right = styled_components_1.default.div `
 `;
 const Icon = styled_components_1.default.div `
   width: 1.5rem;
+  display: flex;
   cursor: pointer;
   &:hover {
     filter: saturate(3);
   }
 `;
-const TextEdit = ({ defaultValue, defaultEditing, onSubmit, disableEdit = false, placeholder, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, className, singleLine = false, }) => {
+const TextEdit = ({ defaultValue, defaultEditing, onSubmit, disableEdit = false, placeholder, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, className, singleLine = false, noGrow = false, }) => {
     const ref = (0, react_1.useRef)(null);
     const taref = (0, react_1.useRef)(null);
     const [value, setValue] = (0, react_1.useState)(defaultValue);
@@ -106,7 +107,7 @@ const TextEdit = ({ defaultValue, defaultEditing, onSubmit, disableEdit = false,
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [defaultEditing]);
     if (!editing || disableEdit) {
-        return (react_1.default.createElement(common_1.ValueBox, Object.assign({}, common_2.noDrag, { className: className, "data-editing": "false", onClick: () => onClickNotEditing === null || onClickNotEditing === void 0 ? void 0 : onClickNotEditing(), "data-pointer": onClickNotEditing ? 'true' : 'false' }),
+        return (react_1.default.createElement(common_1.ValueBox, Object.assign({}, common_2.noDrag, { className: className, "data-editing": "false", onClick: () => onClickNotEditing === null || onClickNotEditing === void 0 ? void 0 : onClickNotEditing(), "data-pointer": onClickNotEditing ? 'true' : 'false', "data-nogrow": noGrow }),
             react_1.default.createElement(exports.ValueReadonly, { "data-type": "text" }, value),
             react_1.default.createElement(Right, null, !disableEdit && (react_1.default.createElement(Icon, { style: common_1.iconRight, onClick: (e) => {
                     e.stopPropagation();
@@ -122,9 +123,9 @@ const TextEdit = ({ defaultValue, defaultEditing, onSubmit, disableEdit = false,
         ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
             ValueTextBox
         : ValueTextArea;
-    return (react_1.default.createElement(ValueBoxEdit, Object.assign({ "data-editing": "true" }, common_2.noDrag, { 
+    return (react_1.default.createElement(ValueBoxEdit, Object.assign({}, common_2.noDrag, { className: className, "data-editing": "true", 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ref: ref, tabIndex: editing ? 0 : undefined, className: className }),
+        ref: ref, tabIndex: editing ? 0 : undefined, "data-nogrow": noGrow }),
         react_1.default.createElement(Comp, { "data-editing": "true", "data-valuechange": valueChange.toString(), ref: taref, "data-type": "text", value: value, onChange: (v) => setValue(v.currentTarget.value), placeholder: placeholder, rows: singleLine ? 1 : undefined, onKeyDown: (e) => singleLine && e.code.endsWith('Enter') && onSubmit(value) && false }),
         react_1.default.createElement(Right, null,
             valueChange && (react_1.default.createElement(Icon, { style: common_1.iconLeft, onClick: () => valueChange && onSubmit(value) },

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

@@ -18,6 +18,5 @@ export * from './RowOrColumn';
 export * from './Sidebar';
 export * from './Table';
 export * from './TextEdit';
-export * from './TextInput';
 export * from './Toast';
 export * from './UserImage';

package/dist/ui/components/index.js

@@ -30,6 +30,5 @@ __exportStar(require("./RowOrColumn"), exports);
 __exportStar(require("./Sidebar"), exports);
 __exportStar(require("./Table"), exports);
 __exportStar(require("./TextEdit"), exports);
-__exportStar(require("./TextInput"), exports);
 __exportStar(require("./Toast"), exports);
 __exportStar(require("./UserImage"), exports);

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

@@ -19,7 +19,12 @@ const direct_1 = require("./direct");
 const string_1 = require("../../../common/helpers/string");
 let callOpenApiCache;
 function getCacheKey({ cacheKey, overrideAuth, }) {
-    const authkeyPrefix = (overrideAuth === null || overrideAuth === void 0 ? void 0 : overrideAuth.id_token) || (0, cookie_1.getCookieWrapper)({ cname: 'id_token' });
+    const authkeyPrefix = (overrideAuth === null || overrideAuth === void 0 ? void 0 : overrideAuth.id_token) ||
+        (0, cookie_1.getCookieWrapper)({
+            name: 'id_token',
+            defaultValue: '',
+            parse: (s) => s,
+        });
     let cacheKeyRet;
     if (cacheKey) {
         const pref = !authkeyPrefix ? '' : (0, string_1.toBase64)(authkeyPrefix);
@@ -41,16 +46,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/direct.js

@@ -26,7 +26,11 @@ const callOpenApi = ({ func, apiUrl, overrideAuth, refreshToken, logout, newDefa
         config.baseOptions.headers.authorization = `Bearer ${overrideAuth === null || overrideAuth === void 0 ? void 0 : overrideAuth.id_token}`;
     }
     else {
-        const isAuthed = !!(0, cookie_1.getCookieWrapper)({ cname: 'id_token' });
+        const isAuthed = !!(0, cookie_1.getCookieWrapper)({
+            name: 'id_token',
+            defaultValue: '',
+            parse: (s) => s,
+        });
         if (isAuthed) {
             const updated = yield refreshToken();
             if ((_a = updated === null || updated === void 0 ? void 0 : updated.jwt) === null || _a === void 0 ? void 0 : _a.id_token) {

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/cookie.d.ts

@@ -1,18 +1,62 @@
-export declare function setCookieWrapper<T>(cname: string, raw: T, exdays?: number): void;
-export declare function wipeCookies(cname: string): void;
-export declare function getCookieWrapper<T>({ cname, cookieDocument, defaultValue, }: {
-    cname: string;
+export declare function wipeCookies(name: string): void;
+/**
+ * json+b64 incoming. chunk. write chunks
+ * @param p
+ * @returns
+ */
+export declare function setCookieWrapper<T>(p: {
+    value: T;
+    name: string;
+    cookieDocument?: string;
     /**
-     * set for ssr
+     * required for objects. defaults to JSON.stringify
      */
+    stringify?: (s: T) => string;
+}): void;
+/**
+ * read chunks. json parse+unb64
+ * @param param0
+ * @returns
+ */
+export declare function getCookieWrapper<T>({ name, cookieDocument, defaultValue, parse: parseRaw, }: {
+    defaultValue: T;
+    name: string;
     cookieDocument?: string;
-    defaultValue?: string;
+    /**
+     * required for objects. defaults to JSON.parse
+     */
+    parse?: (s: string) => T;
 }): T;
-export declare function useCookie<T>({ key, defaultValue, cookieDocument, }: {
-    key: string;
-    defaultValue?: string;
+declare type Dispatch<A> = (value: A) => void;
+declare type SetStateAction<S> = S | ((prevState: S) => S);
+declare type ReturnType<T> = [T, Dispatch<SetStateAction<T>>];
+declare type TParse<T> = (s: string | null | undefined) => T;
+export declare function useCookie<T>(p: {
+    defaultValue: T;
+    name: string;
+    cookieDocument?: string;
     /**
-     * set for ssr
+     * required for objects. defaults to JSON.parse
      */
+    parse?: TParse<T>;
+    /**
+     * required for objects. defaults to JSON.stringify
+     */
+    stringify?: (v: T) => string;
+}): ReturnType<T>;
+export declare const useCookieString: (p: {
+    defaultValue: string;
+    name: string;
+    cookieDocument?: string;
+}) => ReturnType<string>;
+export declare const useCookieNumber: (p: {
+    defaultValue: number | undefined;
+    name: string;
+    cookieDocument?: string;
+}) => ReturnType<number | undefined>;
+export declare const useCookieBoolean: (p: {
+    defaultValue: boolean;
+    name: string;
     cookieDocument?: string;
-}): [T, (v: T) => void];
+}) => ReturnType<boolean>;
+export {};

package/dist/ui/helpers/cookie.js

@@ -1,62 +1,55 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCookie = exports.getCookieWrapper = exports.wipeCookies = exports.setCookieWrapper = void 0;
+exports.useCookieBoolean = exports.useCookieNumber = exports.useCookieString = exports.useCookie = exports.getCookieWrapper = exports.setCookieWrapper = exports.wipeCookies = void 0;
 /* eslint-disable guard-for-in */
 /* eslint-disable no-restricted-syntax */
 const react_1 = require("react");
+const log_1 = require("../../common/helpers/log");
 const string_1 = require("../../common/helpers/string");
 const expireDate = 'Thu, 01 Jan 1970 00:00:00 UTC';
 const maxCookieLen = 4000;
-const chunkString = (str, length) => str.match(new RegExp(`.{1,${length}}`, 'g'));
-function setCookie(cname, raw, exdays = 1) {
+/**
+ * expiryDays <0 will delete
+ * @param param0
+ * @returns
+ */
+function setCookieRaw({ name, value, expiryDays = 1, }) {
     if (typeof window === undefined) {
         return;
     }
     const d = new Date();
-    d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
-    const expires = `expires=${!raw || exdays < 0 ? expireDate : d.toUTCString()}`;
-    document.cookie = `${cname}=${!raw ? '' : raw};${expires};path=/`;
+    d.setTime(d.getTime() + expiryDays * 24 * 60 * 60 * 1000);
+    const expires = `expires=${!value || expiryDays < 0 ? expireDate : d.toUTCString()}`;
+    document.cookie = `${name}=${!value ? '' : value};${expires};path=/`;
 }
-function getCookie({ cname, cookieDocument, }) {
-    const name = `${cname}=`;
+function getCookieRaw({ name, cookieDocument, }) {
+    const nameeq = `${name}=`;
     const ca1 = cookieDocument || (typeof window !== 'undefined' && document.cookie);
     if (!ca1 || !(ca1 === null || ca1 === void 0 ? void 0 : ca1.trim())) {
         return undefined;
     }
     const ca = ca1.split(';').map((t) => t.trim());
     for (const c of ca) {
-        if (c.indexOf(name) === 0) {
-            return c.substr(name.length, c.length);
+        if (c.indexOf(nameeq) === 0) {
+            const raw = c.substr(nameeq.length, c.length);
+            return raw;
         }
     }
     return undefined;
 }
-function setCookieWrapper(cname, raw, exdays = 1) {
-    let index = 0;
-    while (getCookie({ cname: cname + index })) {
-        setCookie(cname + index, null, -1);
-        index += 1;
-    }
-    if (!raw) {
+function wipeCookies(name) {
+    if (typeof window === 'undefined') {
+        (0, log_1.warn)('cant wipe cookies on server');
         return;
     }
-    const str = (0, string_1.toBase64)(JSON.stringify(raw));
-    let chunks = [str];
-    if (str.length > maxCookieLen) {
-        chunks = chunkString(str, maxCookieLen);
-    }
-    for (const index1 in chunks) {
-        const chunk = chunks[index1];
-        setCookie(cname + index1, chunk, exdays);
-    }
-}
-exports.setCookieWrapper = setCookieWrapper;
-function wipeCookies(cname) {
     let currentCount = 0;
     // eslint-disable-next-line no-constant-condition
     while (true) {
-        if (getCookie({ cname: cname + currentCount })) {
-            setCookie(cname + currentCount, undefined);
+        if (getCookieRaw({
+            name: name + currentCount,
+            cookieDocument: '',
+        })) {
+            setCookieRaw({ name: name + currentCount, value: '', expiryDays: -1 });
             currentCount += 1;
         }
         else {
@@ -65,46 +58,98 @@ function wipeCookies(cname) {
     }
 }
 exports.wipeCookies = wipeCookies;
-function getCookieWrapper({ cname, cookieDocument, defaultValue, }) {
+/**
+ * json+b64 incoming. chunk. write chunks
+ * @param p
+ * @returns
+ */
+function setCookieWrapper(p) {
+    const stringify = (s) => {
+        if (p.stringify) {
+            return p.stringify(s);
+        }
+        return JSON.stringify(s);
+    };
+    wipeCookies(p.name);
+    if (!p.value) {
+        return;
+    }
+    const str = (0, string_1.toBase64)(stringify(p.value));
+    const chunks = (0, string_1.chunkString)(str, maxCookieLen);
+    for (const index1 in chunks) {
+        const chunk = chunks[index1];
+        setCookieRaw(Object.assign(Object.assign({}, p), { name: p.name + index1, value: chunk }));
+    }
+}
+exports.setCookieWrapper = setCookieWrapper;
+/**
+ * read chunks. json parse+unb64
+ * @param param0
+ * @returns
+ */
+function getCookieWrapper({ name, cookieDocument, defaultValue, parse: parseRaw, }) {
+    const parse = (s) => {
+        if (!s) {
+            return defaultValue;
+        }
+        if (parseRaw) {
+            return parseRaw(s);
+        }
+        return JSON.parse(s);
+    };
     let raw = '';
     let currentCount = 0;
     // eslint-disable-next-line no-constant-condition
     while (true) {
-        const newv = getCookie({
-            cname: cname + currentCount,
+        const newv = getCookieRaw({
+            name: name + currentCount,
             cookieDocument,
         });
         if (!newv) {
-            if (currentCount === 0) {
-                if (defaultValue) {
-                    setCookie(cname, defaultValue);
-                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    return defaultValue;
-                }
-                return undefined;
-            }
-            try {
-                return JSON.parse((0, string_1.fromBase64)(raw));
-            }
-            catch (e) {
-                wipeCookies(cname);
-                return undefined;
-            }
+            break;
         }
         raw += newv;
         currentCount += 1;
     }
+    try {
+        return parse((0, string_1.fromBase64)(raw));
+    }
+    catch (e) {
+        (0, log_1.warn)('cookie error:', e);
+        wipeCookies(name);
+        return defaultValue;
+    }
 }
 exports.getCookieWrapper = getCookieWrapper;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-function useCookie({ key, defaultValue, cookieDocument, }) {
-    const [cookie, setC] = (0, react_1.useState)(getCookieWrapper({ cname: key, defaultValue, cookieDocument }));
-    return [
-        cookie,
-        (v) => {
-            setCookieWrapper(key, v, 2);
-            setC(v);
-        },
-    ];
+function useCookie(p) {
+    const parse = (s) => {
+        if (!s) {
+            return p.defaultValue;
+        }
+        if (p.parse) {
+            return p.parse(s);
+        }
+        return JSON.parse(s);
+    };
+    const stringify = (s) => {
+        if (p.stringify) {
+            return p.stringify(s);
+        }
+        return JSON.stringify(s);
+    };
+    const [cookie, setCookie] = (0, react_1.useState)(getCookieWrapper(Object.assign(Object.assign({}, p), { parse })) || p.defaultValue);
+    const setState = (valueRaw) => {
+        const value = (valueRaw instanceof Function ? valueRaw(cookie) : valueRaw);
+        setCookieWrapper(Object.assign(Object.assign({}, p), { stringify, value }));
+        setCookie(value);
+    };
+    return [cookie, setState];
 }
 exports.useCookie = useCookie;
+const useCookieString = (p) => useCookie(Object.assign(Object.assign({}, p), { parse: (s) => s || '', stringify: (s) => s }));
+exports.useCookieString = useCookieString;
+const useCookieNumber = (p) => useCookie(Object.assign(Object.assign({}, p), { parse: (s) => (!s ? undefined : Number.parseFloat(s)), stringify: (s) => (!s ? '' : s.toString()) }));
+exports.useCookieNumber = useCookieNumber;
+const useCookieBoolean = (p) => useCookie(Object.assign(Object.assign({}, p), { parse: (s) => s === 'true', stringify: (s) => s.toString() }));
+exports.useCookieBoolean = useCookieBoolean;

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/package.json

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

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

@@ -1,11 +0,0 @@
-import React from 'react';
-export declare const TextInput: ({ placeholder, value, onChange, onKeyPress, label, disabled, className, focus, }: {
-    focus?: boolean | undefined;
-    className?: string | undefined;
-    disabled?: boolean | undefined;
-    label?: string | JSX.Element | undefined;
-    placeholder?: string | undefined;
-    value: string;
-    onChange: (value: string) => void;
-    onKeyPress?: ((event: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
-}) => JSX.Element;

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

@@ -1,53 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextInput = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const math_1 = require("../../../common/helpers/math");
-const colours_1 = require("../../styles/colours");
-const Base = styled_components_1.default.input `
-  font-size: 1.2rem;
-  border: solid 1px ${colours_1.colours.lightCharcoal};
-  border-radius: 0.5rem;
-  padding: 0.5rem;
-  width: calc(100% - 1.5rem);
-  &:disabled {
-    background-color: ${colours_1.colours.darker};
-    cursor: not-allowed;
-  }
-`;
-const TextInput = ({ placeholder, value, onChange, onKeyPress, label, disabled = false, className, focus, }) => {
-    const [id] = (0, react_1.useState)((0, math_1.getRandomInt)(1000).toString());
-    const tiref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (focus && (tiref === null || tiref === void 0 ? void 0 : tiref.current)) {
-            tiref.current.focus();
-        }
-    }, [focus]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        id && label ? react_1.default.createElement("label", { htmlFor: id }, label) : '',
-        react_1.default.createElement(Base, { ref: tiref, className: className, disabled: disabled, id: id, placeholder: placeholder, required: true, value: value, onChange: (e) => onChange(e.target.value), onKeyPress: (e) => onKeyPress && onKeyPress(e) })));
-};
-exports.TextInput = TextInput;