ag-common 0.0.129 → 0.0.134

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

@@ -34,7 +34,7 @@ const FixedBackground = styled_components_1.default.div `
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
-  z-index: 1;
+  z-index: 2;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -80,8 +80,8 @@ const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'bott
     if (!open) {
         return react_1.default.createElement(react_1.default.Fragment, null);
     }
-    return (react_1.default.createElement(FixedBackground, { className: className },
-        react_1.default.createElement(ModalBase, { "data-position": position, "data-topposition": topPosition, ref: ref },
+    return (react_1.default.createElement(FixedBackground, null,
+        react_1.default.createElement(ModalBase, { "data-position": position, "data-topposition": topPosition, ref: ref, className: className },
             showCloseButton && react_1.default.createElement(CloseStyled, { onClick: () => setOpen(false) }),
             children)));
 };

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

@@ -1,7 +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;
@@ -17,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/common.js

@@ -31,7 +31,7 @@ exports.ValueBox = styled_components_1.default.div `
 
   justify-content: flex-start;
   flex-grow: 1;
-  max-width: 100%;
+  width: calc(100% - 2rem - 2px); //padding + border
   border: solid 1px transparent;
 
   &[data-pointer='true'] {

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);

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

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.129",
+  "version": "0.0.134",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "aws-cdk-lib": "2.x",
-    "aws-sdk": "2.1069.0",
+    "aws-sdk": "2.1072.0",
     "axios": "0.25.0",
     "constructs": "10.x",
     "jsonwebtoken": "8.5.1",
@@ -29,7 +29,7 @@
   },
   "devDependencies": {
     "@types/jsonwebtoken": "8.5.8",
-    "@types/node": "17.0.15",
+    "@types/node": "17.0.17",
     "@types/react": "17.0.39",
     "@types/react-dom": "17.0.11",
     "@types/styled-components": "5.1.22",

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;