ag-common 0.0.154 → 0.0.158

package/LICENSE.md

@@ -1,6 +1,10 @@
 ISC License
+---
 
-Copyright 2021 Andrei Gec
+ag-common - Copyright 2021 Andrei Gec
+check out https://github.com/andreigec/ag-common or https://gec.dev for more info
+
+---
 
 Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
 

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

@@ -1,6 +1,6 @@
-import { DocumentClient } from 'aws-sdk/clients/dynamodb';
 import { IQueryDynamo, Key } from '../types';
-export declare let dynamoDb: DocumentClient;
+import AWS from 'aws-sdk';
+export declare let dynamoDb: AWS.DynamoDB.DocumentClient;
 export declare const setDynamo: (region: string) => void;
 export declare const putDynamo: <T>(item: T, tableName: string) => Promise<{
     error?: string | undefined;

package/dist/api/helpers/dynamo.js

@@ -13,11 +13,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.wipeTable = exports.getDynamoTtl = exports.queryDynamo = exports.getItemsDynamo = exports.getItemDynamo = exports.scan = exports.batchDelete = exports.batchWrite = exports.putDynamo = exports.setDynamo = exports.dynamoDb = void 0;
-const aws_sdk_1 = __importDefault(require("aws-sdk"));
 const log_1 = require("../../common/helpers/log");
 const array_1 = require("../../common/helpers/array");
 const sleep_1 = require("../../common/helpers/sleep");
 const async_1 = require("../../common/helpers/async");
+const aws_sdk_1 = __importDefault(require("aws-sdk"));
 // eslint-disable-next-line import/no-mutable-exports
 exports.dynamoDb = new aws_sdk_1.default.DynamoDB.DocumentClient();
 const setDynamo = (region) => {

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

@@ -1,5 +1,5 @@
-import { Stack, aws_dynamodb as dynamodb } from 'aws-cdk-lib';
 import { IGeneratedDynamoData } from '../types';
+import { Stack, aws_dynamodb as dynamodb } from 'aws-cdk-lib';
 export declare const generateTableRef: ({ stack, baseKey, hasStream, hasGSI, }: {
     hasStream: boolean;
     hasGSI: boolean;

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

@@ -1,6 +1,6 @@
-import { aws_certificatemanager as certmgr, aws_route53 as route53 } from 'aws-cdk-lib';
-import { Construct } from 'constructs';
 import { ILambdaConfigs } from '../types';
+import { Construct } from 'constructs';
+import { aws_certificatemanager as certmgr, aws_route53 as route53 } from 'aws-cdk-lib';
 export declare const openApiImpl: (p: {
     schema: unknown;
     stack: Construct;

package/dist/api/helpers/openApiHelpers.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.openApiImpl = void 0;
 /* eslint-disable no-new */
-const aws_cdk_lib_1 = require("aws-cdk-lib");
 const array_1 = require("../../common/helpers/array");
 const log_1 = require("../../common/helpers/log");
+const aws_cdk_lib_1 = require("aws-cdk-lib");
 // eslint-disable-next-line
 const getPaths = (schema) => Object.entries(schema.paths).map(([fullPath, verbs]) => ({
     fullPath,

package/dist/api/helpers/validateOpenApi.js

@@ -14,12 +14,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateOpenApi = void 0;
 // eslint-disable-next-line import/no-unresolved
-const openapi_request_validator_1 = __importDefault(require("openapi-request-validator"));
 const validations_1 = require("./validations");
+const api_1 = require("./api");
 const log_1 = require("../../common/helpers/log");
 const object_1 = require("../../common/helpers/object");
-const api_1 = require("./api");
 const i18n_1 = require("../../common/helpers/i18n");
+const openapi_request_validator_1 = __importDefault(require("openapi-request-validator"));
 //
 const getOperation = ({ path, method, resource, schema, }) => {
     var _a;

package/dist/api/helpers/validations.js

@@ -14,10 +14,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAndValidateToken = void 0;
 /* eslint-disable import/no-unresolved */
-const jwks_rsa_1 = __importDefault(require("jwks-rsa"));
-const jsonwebtoken_1 = require("jsonwebtoken");
-const log_1 = require("../../common/helpers/log");
 const api_1 = require("./api");
+const log_1 = require("../../common/helpers/log");
+const jsonwebtoken_1 = require("jsonwebtoken");
+const jwks_rsa_1 = __importDefault(require("jwks-rsa"));
 let jwksClient;
 const jwtVerify = ({ token, jwksUri, issuer, }) => __awaiter(void 0, void 0, void 0, function* () {
     return new Promise((resolve, reject) => {

package/dist/api/types/index.d.ts

@@ -1,5 +1,5 @@
-import { aws_dynamodb as dynamodb, aws_iam as iam, aws_lambda as lambda } from 'aws-cdk-lib';
 import { Key } from './aws';
+import { aws_dynamodb as dynamodb, aws_iam as iam, aws_lambda as lambda } from 'aws-cdk-lib';
 export interface DYNAMOKEYS {
     type: string;
     L1: string;

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

@@ -2,7 +2,7 @@ declare type TLangExceptEn = 'id' | 'vi';
 export declare type TLang = TLangExceptEn | 'en';
 export declare const AllLang: TLang[];
 export declare type TResource = {
-    [k in TLangExceptEn]: string | null;
+    [k in TLangExceptEn]?: string;
 } & {
     en: string;
 };

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

@@ -25,7 +25,26 @@ export declare function toTitleCase(str: string): string;
  * @returns
  */
 export declare function replaceRemove(str: string, ...params: string[]): string;
-export declare function containsInsensitive(str: string, ...args: string[]): boolean;
+/**
+ * returns >-1 if found
+ * @param str
+ * @param args
+ * @returns
+ */
+export declare function containsInsensitiveIndex({ str, fromLast, }: {
+    /**
+     * if true, will return highest number. default false
+     */
+    fromLast?: boolean;
+    str: string;
+}, ...args: string[]): number;
+/**
+ * returns true if text is found
+ * @param str
+ * @param args
+ * @returns
+ */
+export declare const containsInsensitive: (str: string, ...args: string[]) => boolean;
 /**
  * safely handles circular references
  * @param obj

package/dist/common/helpers/string.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stringToObject = 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;
+exports.stringToObject = exports.chunkString = exports.safeStringify = exports.containsInsensitive = exports.containsInsensitiveIndex = 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();
@@ -116,13 +116,35 @@ function replaceRemove(str, ...params) {
     return ret;
 }
 exports.replaceRemove = replaceRemove;
-function containsInsensitive(str, ...args) {
+/**
+ * returns >-1 if found
+ * @param str
+ * @param args
+ * @returns
+ */
+function containsInsensitiveIndex({ str, fromLast = false, }, ...args) {
     if (!str || !args) {
-        return false;
+        return -1;
+    }
+    const largs = args.map((a) => a.toLowerCase());
+    const lstr = str.toLowerCase();
+    const finds = largs
+        .map((arg) => (fromLast ? lstr.lastIndexOf(arg) : lstr.indexOf(arg)))
+        .filter((s) => s !== -1)
+        .sort();
+    if (finds.length === 0) {
+        return -1;
     }
-    const l = str.toLowerCase();
-    return !!args.find((a) => l.includes(a));
+    return !fromLast ? finds[0] : finds[finds.length - 1];
 }
+exports.containsInsensitiveIndex = containsInsensitiveIndex;
+/**
+ * returns true if text is found
+ * @param str
+ * @param args
+ * @returns
+ */
+const containsInsensitive = (str, ...args) => containsInsensitiveIndex({ str }, ...args) !== -1;
 exports.containsInsensitive = containsInsensitive;
 /**
  * safely handles circular references

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

@@ -23,9 +23,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BorderGradient = void 0;
+const colours_1 = require("../../styles/colours");
 const styled_components_1 = __importStar(require("styled-components"));
 const react_1 = __importDefault(require("react"));
-const colours_1 = require("../../styles/colours");
 const BGcss = (0, styled_components_1.css) `
   display: flex;
   border: 0;

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

@@ -24,9 +24,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = exports.ButtonBase = void 0;
 /* eslint-disable react/destructuring-assignment */
+const colours_1 = require("../../styles/colours");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importStar(require("styled-components"));
-const colours_1 = require("../../styles/colours");
 exports.ButtonBase = (0, styled_components_1.css) `
   text-decoration: none;
   display: flex;

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

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Chevron = void 0;
+const Icon_1 = require("../Icon");
 const styled_components_1 = __importDefault(require("styled-components"));
 const react_1 = __importDefault(require("react"));
-const Icon_1 = require("../Icon");
 const SChevron = styled_components_1.default.span `
   font-size: 2rem;
   display: flex;
@@ -24,19 +24,19 @@ const Chevron = ({ width = '1.2rem', className, colour = 'black', onToggle, poin
     let rotate = 0;
     switch (point) {
         case 'down': {
-            rotate = 270;
+            rotate = 90;
             break;
         }
         case 'left': {
-            rotate = 0;
+            rotate = 180;
             break;
         }
         case 'up': {
-            rotate = 90;
+            rotate = 270;
             break;
         }
         case 'right': {
-            rotate = 180;
+            rotate = 0;
         }
     }
     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/Confirm/index.js

@@ -15,13 +15,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.confirm = void 0;
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-const react_1 = __importDefault(require("react"));
-const react_dom_1 = __importDefault(require("react-dom"));
-const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("../Button");
 const FlexColumn_1 = require("../FlexColumn");
 const FlexRow_1 = require("../FlexRow");
 const Modal_1 = require("../Modal");
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const react_1 = __importDefault(require("react"));
 const Base = styled_components_1.default.div `
   width: 95vw;
   max-width: 30rem;

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

@@ -23,10 +23,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dropdown = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
 const Modal_1 = require("../Modal");
 const common_1 = require("../../styles/common");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
 const Base = styled_components_1.default.div `
   cursor: pointer;
 `;

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

@@ -21,11 +21,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownList = void 0;
 const colours_1 = require("../../styles/colours");
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importStar(require("styled-components"));
 const Icon_1 = require("../Icon");
 const dom_1 = require("../../helpers/dom");
 const common_1 = require("../../styles/common");
+const styled_components_1 = __importStar(require("styled-components"));
+const react_1 = __importStar(require("react"));
 const SBase = styled_components_1.default.div `
   display: flex;
   flex-flow: row;

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

@@ -23,9 +23,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = exports.IconF = void 0;
+const common_1 = require("../../styles/common");
 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;

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

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoginButton = void 0;
+const Button_1 = require("../Button");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Button_1 = require("../Button");
 const Base = styled_components_1.default.a `
   ${Button_1.ButtonBase}
 `;

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

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LogoutButton = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
 const colours_1 = require("../../styles/colours");
 const Button_1 = require("../Button");
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
 const Door = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" },
     react_1.default.createElement("path", { d: "M3 3h8V1H3a2 2 0 00-2 2v14a2 2 0 002 2h8v-2H3z" }),
     react_1.default.createElement("path", { d: "M19 10l-6-5v4H5v2h8v4l6-5z" })));

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

@@ -23,10 +23,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalDropList = exports.Modal = exports.ModalItem = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
 const Close_1 = require("../Close");
 const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
 const FixedBackground = styled_components_1.default.div `
   position: fixed;
   top: 0;

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

@@ -34,14 +34,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.prompt = void 0;
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-const react_1 = __importStar(require("react"));
-const react_dom_1 = __importDefault(require("react-dom"));
-const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("../Button");
 const FlexColumn_1 = require("../FlexColumn");
 const FlexRow_1 = require("../FlexRow");
 const Modal_1 = require("../Modal");
 const TextEdit_1 = require("../TextEdit");
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const react_1 = __importStar(require("react"));
 const Base = styled_components_1.default.div `
   width: 95vw;
   max-width: 30rem;

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

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RowOrColumn = void 0;
 /* eslint-disable react/destructuring-assignment */
+const media_1 = require("../../styles/media");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const media_1 = require("../../styles/media");
 const Base = styled_components_1.default.div `
   display: flex;
   flex-flow: row wrap;

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export interface ISearchDialog<T> {
+    placeholderText?: string;
+    closeText?: string;
+    /**
+     * method run to render each filtered item
+     */
+    renderItem: (searchText: string, item: T) => JSX.Element | string;
+    /**
+     * all potential items
+     */
+    displayItems: T[];
+    /**
+     * run to filter items by search text
+     */
+    willDisplayItem: (searchText: string, item: T) => boolean;
+    /**
+     * get unique render key
+     */
+    getKeyF: (i: T) => string;
+}
+export declare const searchDialog: <T>(p: ISearchDialog<T>) => Promise<T | undefined>;

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

@@ -0,0 +1,129 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.searchDialog = void 0;
+const debounce_1 = require("../../helpers/debounce");
+const media_1 = require("../../styles/media");
+const Modal_1 = require("../Modal");
+const TextEdit_1 = require("../TextEdit/TextEdit");
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const react_1 = __importStar(require("react"));
+const ModalStyled = (0, styled_components_1.default)(Modal_1.Modal) `
+  top: 10rem;
+  @media ${media_1.bigScreen} {
+    width: 50vw;
+    max-width: 60rem;
+  }
+  @media ${media_1.smallScreen} {
+    max-width: 95vw;
+  }
+`;
+const SearchBox = styled_components_1.default.div `
+  padding: 1rem;
+  display: flex;
+  flex-flow: row;
+  justify-content: center;
+  align-items: center;
+`;
+const MagnifyIconSvg = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 490 490" },
+    react_1.default.createElement("path", { fill: "none", stroke: "#000", strokeWidth: "36", strokeLinecap: "round", d: "M280 278a153 153 0 1 0-2 2l170 170m-91-117 110 110-26 26-110-110" })));
+const Icon = styled_components_1.default.div `
+  width: 1.5rem;
+  height: 1.5rem;
+  margin-right: 0.5rem;
+`;
+const CloseButton = styled_components_1.default.div `
+  font-weight: bold;
+  margin-left: 1rem;
+  font-size: 1.1rem;
+  color: #333;
+  cursor: pointer;
+  &:hover {
+    text-decoration: underline;
+  }
+`;
+const Content = styled_components_1.default.div `
+  display: flex;
+  flex-flow: column;
+  justify-content: flex-start;
+  align-items: center;
+  max-height: calc(100vh - 20rem);
+  overflow-y: auto;
+  padding-bottom: 0.5rem;
+`;
+const Row = styled_components_1.default.div `
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-flow: column;
+  justify-content: center;
+  align-items: center;
+`;
+const SearchModal = ({ res, wrapper, placeholderText, closeText, renderItem, displayItems, willDisplayItem, getKeyF, }) => {
+    let originalStyle;
+    (0, react_1.useEffect)(() => {
+        if (originalStyle === undefined) {
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+            originalStyle = window.getComputedStyle(document.body).overflow || '';
+            document.body.style.overflow = 'hidden';
+        }
+    }, []);
+    const ret = (v) => {
+        try {
+            document.body.style.overflow = originalStyle || '';
+            res(v);
+        }
+        finally {
+            wrapper.remove();
+        }
+    };
+    const [searchText, setSearchText] = (0, react_1.useState)('');
+    const filteredItems = displayItems.filter((i) => willDisplayItem(searchText, i));
+    return (react_1.default.createElement(ModalStyled, { position: "center", topPosition: "center", open: true, setOpen: () => ret(undefined), showCloseButton: false, closeOnClickOutside: true },
+        react_1.default.createElement(SearchBox, null,
+            react_1.default.createElement(TextEdit_1.TextEdit, { placeholder: placeholderText, defaultValue: "", onSubmit: (v) => (0, debounce_1.debounce)(() => {
+                    setSearchText(v);
+                }, { key: 'pagesearch', time: 200 }), defaultEditing: { focus: true }, singleLine: true, leftContent: react_1.default.createElement(Icon, null, MagnifyIconSvg), noGrow: true, allowUndo: false }),
+            react_1.default.createElement(CloseButton, { onClick: () => ret(undefined) }, closeText)),
+        react_1.default.createElement(Content, null, filteredItems.map((i) => (react_1.default.createElement(Row, { key: getKeyF(i), onClick: () => ret(i) }, renderItem(searchText, i)))))));
+};
+const searchDialog = (p) => __awaiter(void 0, void 0, void 0, function* () {
+    const placeholderText = p.placeholderText || '';
+    const closeText = p.closeText || 'CLOSE';
+    return new Promise((res) => {
+        const wrapper = document.body.appendChild(document.createElement('div'));
+        react_dom_1.default.render(react_1.default.createElement(SearchModal, Object.assign({}, p, { placeholderText: placeholderText, closeText: closeText, res: (r) => res(r), wrapper: wrapper })), wrapper);
+    });
+});
+exports.searchDialog = searchDialog;

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

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (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 use_1 = require("../../helpers/cookie/use");
 const common_1 = require("../../styles/common");
 const Chevron_1 = require("../Chevron");
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_1 = __importDefault(require("react"));
 const Base = styled_components_1.default.div `
   position: relative;
   transition: all 200ms;
@@ -99,7 +99,7 @@ const Sidebar = ({ children, className, key = 'sidebar', cookieDocument, }) => {
     });
     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(ChevronStyled, { point: open ? 'left' : 'right', 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();

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

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Table = void 0;
+const groupBy_1 = require("../../../common/helpers/groupBy");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const groupBy_1 = require("../../../common/helpers/groupBy");
 const Base = styled_components_1.default.div `
   display: flex;
   flex-flow: column;

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

@@ -24,13 +24,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxEdit = void 0;
 /* eslint-disable jsx-a11y/no-onchange */
-const react_1 = __importStar(require("react"));
 const images_1 = require("./images");
 const common_1 = require("./common");
 const common_2 = require("../../styles/common");
 const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
-const styled_components_1 = __importDefault(require("styled-components"));
 const FlexRow_1 = require("../FlexRow");
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_1 = __importStar(require("react"));
 const Icons = (0, styled_components_1.default)(FlexRow_1.FlexRow) `
   position: absolute;
   top: 0;

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

@@ -21,11 +21,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColourEdit = void 0;
 /* eslint-disable jsx-a11y/no-onchange */
-const react_1 = __importStar(require("react"));
 const images_1 = require("./images");
 const common_1 = require("./common");
 const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
 const common_2 = require("../../styles/common");
+const react_1 = __importStar(require("react"));
 const ColourEdit = ({ defaultValue, onSubmit, }) => {
     const ref = (0, react_1.useRef)(null);
     const [value, setValue] = (0, react_1.useState)(defaultValue);

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

@@ -21,10 +21,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListboxEdit = void 0;
 /* eslint-disable jsx-a11y/no-onchange */
-const react_1 = __importStar(require("react"));
 const images_1 = require("./images");
 const common_1 = require("./common");
 const common_2 = require("../../styles/common");
+const react_1 = __importStar(require("react"));
 const ListboxEdit = ({ defaultValue, onSubmit, values, }) => {
     const [value, setValue] = (0, react_1.useState)(defaultValue);
     (0, react_1.useEffect)(() => {

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

@@ -1,23 +1,26 @@
 /// <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, noGrow, }: {
+export declare const TextEdit: ({ defaultValue, defaultEditing, disableEdit, placeholder, className, singleLine, noGrow, attributes, leftContent, onSubmit, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, allowUndo, }: {
     /**
      * forces single row input style. will also enable 'Enter' to auto submit
      */
     singleLine?: boolean | undefined;
     className?: string | undefined;
-    defaultValue: string;
     /**
-     * if truthy will enable. if focus is true, will also focus on open
+     * default value of field. default empty
+     */
+    defaultValue?: string | undefined;
+    /**
+     * if truthy will enable text edit mode by default. if focus is true, will also focus on open
      */
     defaultEditing?: {
-        focus: boolean;
+        focus?: boolean | undefined;
     } | undefined;
+    onSubmit: (val: string, enterPressed: boolean) => void;
     /**
-     * on submit.
+     * disable edit text functionality
      */
-    onSubmit: (val: string, enterPressed: boolean) => void;
     disableEdit?: boolean | undefined;
     placeholder?: string | undefined;
     onEditingChange?: ((editing: boolean) => void) | undefined;
@@ -27,4 +30,16 @@ export declare const TextEdit: ({ defaultValue, defaultEditing, onSubmit, disabl
      * if true, will not grow. default false
      */
     noGrow?: boolean | undefined;
+    /**
+     * will set these attributes directly on element. can put data-* here
+     */
+    attributes?: Record<string, string | number | boolean> | undefined;
+    /**
+     * optional content at the left of the box
+     */
+    leftContent?: JSX.Element | undefined;
+    /**
+     * if true, will add undo button after changes. if false, will submit after every keypress. default true
+     */
+    allowUndo?: boolean | undefined;
 }) => JSX.Element;

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

@@ -21,12 +21,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextEdit = exports.ValueReadonly = void 0;
 /* eslint-disable jsx-a11y/no-onchange */
-const react_1 = __importStar(require("react"));
 const images_1 = require("./images");
 const common_1 = require("./common");
-const styled_components_1 = __importStar(require("styled-components"));
 const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
 const common_2 = require("../../styles/common");
+const styled_components_1 = __importStar(require("styled-components"));
+const react_1 = __importStar(require("react"));
 exports.ValueReadonly = styled_components_1.default.div `
   ${common_1.valueCss};
   word-break: break-word;
@@ -69,7 +69,7 @@ const Icon = styled_components_1.default.div `
     filter: saturate(3);
   }
 `;
-const TextEdit = ({ defaultValue, defaultEditing, onSubmit, disableEdit = false, placeholder, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, className, singleLine = false, noGrow = false, }) => {
+const TextEdit = ({ defaultValue = '', defaultEditing, disableEdit = false, placeholder, className, singleLine = false, noGrow = false, attributes, leftContent, onSubmit, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, allowUndo = true, }) => {
     const ref = (0, react_1.useRef)(null);
     const taref = (0, react_1.useRef)(null);
     const [value, setValue] = (0, react_1.useState)(defaultValue);
@@ -107,7 +107,8 @@ 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', "data-nogrow": noGrow }),
+        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 }, attributes),
+            leftContent || null,
             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();
@@ -115,9 +116,6 @@ const TextEdit = ({ defaultValue, defaultEditing, onSubmit, disableEdit = false,
                 } },
                 react_1.default.createElement(images_1.PencilIcon, null))))));
     }
-    if (!open) {
-        return react_1.default.createElement(react_1.default.Fragment, null);
-    }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const Comp = singleLine
         ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -125,18 +123,24 @@ const TextEdit = ({ defaultValue, defaultEditing, onSubmit, disableEdit = false,
         : ValueTextArea;
     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, "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 &&
+        ref: ref, tabIndex: editing ? 0 : undefined, "data-nogrow": noGrow }, attributes),
+        leftContent || null,
+        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);
+                if (!allowUndo) {
+                    onSubmit(v.currentTarget.value, false);
+                }
+            }, placeholder: placeholder, rows: singleLine ? 1 : undefined, onKeyDown: (e) => singleLine &&
                 e.code.endsWith('Enter') &&
                 onSubmit(value, true) &&
                 false }),
-        react_1.default.createElement(Right, null,
+        allowUndo && (react_1.default.createElement(Right, null,
             valueChange && (react_1.default.createElement(Icon, { style: common_1.iconLeft, onClick: () => valueChange && onSubmit(value, false) },
                 react_1.default.createElement(images_1.SaveIcon, null))),
             (valueChange || editing !== !!defaultEditing) && (react_1.default.createElement(Icon, { style: common_1.iconRight, onClick: () => {
                     setEditing(!!defaultEditing);
                     setValue(defaultValue);
                 } },
-                react_1.default.createElement(images_1.UndoIcon, null))))));
+                react_1.default.createElement(images_1.UndoIcon, null)))))));
 };
 exports.TextEdit = TextEdit;

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

@@ -20,8 +20,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.iconLeft = exports.iconRight = exports.IconD = exports.ValueInputCB = exports.valueCss = exports.ValueBox = void 0;
-const styled_components_1 = __importStar(require("styled-components"));
 const colours_1 = require("../../styles/colours");
+const styled_components_1 = __importStar(require("styled-components"));
 exports.ValueBox = styled_components_1.default.div `
   padding: 0.5rem;
 

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

@@ -23,10 +23,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserProfileImage = exports.UserImage = exports.UserImageIcon = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = __importStar(require("react"));
 const log_1 = require("../../../common/helpers/log");
 const array_1 = require("../../../common/helpers/array");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
 exports.UserImageIcon = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
     react_1.default.createElement("path", { d: "M256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48zm0 398.7c-58.6 0-111.1-26.6-146.1-68.3 17.8-7.7 62.2-23.7 90.3-31.9 2.2-.7 2.6-.8 2.6-10.7 0-10.6-1.2-18.1-3.8-23.6-3.5-7.5-7.7-20.2-9.2-31.6-4.2-4.9-9.9-14.5-13.6-32.9-3.2-16.2-1.7-22.1.4-27.6.2-.6.5-1.2.6-1.8.8-3.7-.3-23.5-3.1-38.8-1.9-10.5.5-32.8 15-51.3 9.1-11.7 26.6-26 58-28h17.5c31.9 2 49.4 16.3 58.5 28 14.5 18.5 16.9 40.8 14.9 51.3-2.8 15.3-3.9 35-3.1 38.8.1.6.4 1.2.6 1.7 2.1 5.5 3.7 11.4.4 27.6-3.7 18.4-9.4 28-13.6 32.9-1.5 11.4-5.7 24-9.2 31.6-3.3 6.9-6.6 15.1-6.6 23.3 0 9.9.4 10 2.7 10.7 26.7 7.9 72.7 23.8 93 32.1-35 41.8-87.5 68.5-146.2 68.5z" })));
 const Base = styled_components_1.default.div `

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 './SearchModal';
 export * from './Sidebar';
 export * from './Table';
 export * from './TextEdit';

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("./SearchModal"), exports);
 __exportStar(require("./Sidebar"), exports);
 __exportStar(require("./Table"), exports);
 __exportStar(require("./TextEdit"), exports);

package/dist/ui/helpers/axiosHelper.js

@@ -13,9 +13,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.axiosHelper = void 0;
-const axios_1 = __importDefault(require("axios"));
 const log_1 = require("../../common/helpers/log");
 const object_1 = require("../../common/helpers/object");
+const axios_1 = __importDefault(require("axios"));
 /**
  *
  * @param body accepts object or json, and passes as-is

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

@@ -13,10 +13,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.callOpenApiCached = exports.callOpenApiCachedRaw = void 0;
-const cookie_1 = require("../cookie");
-const node_cache_1 = __importDefault(require("node-cache"));
 const direct_1 = require("./direct");
+const cookie_1 = require("../cookie");
 const string_1 = require("../../../common/helpers/string");
+const node_cache_1 = __importDefault(require("node-cache"));
 let callOpenApiCache;
 function getCacheKey({ cacheKey, overrideAuth, }) {
     const authkeyPrefix = (overrideAuth === null || overrideAuth === void 0 ? void 0 : overrideAuth.id_token) ||

package/dist/ui/helpers/callOpenApi/hook.d.ts

@@ -1,6 +1,6 @@
-import { AxiosWrapper } from '../jwt';
 import { ICallOpenApi } from './types';
 import { CacheItems } from '../routes';
+import { AxiosWrapper } from '../jwt';
 export declare type TUseCallOpenApiDispatch<A> = (value: A) => A;
 export declare type TUseCallOpenApi<T> = AxiosWrapper<T> & {
     loaded: boolean;

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

@@ -10,9 +10,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 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");
+const react_1 = require("react");
 /**
  * hooks+cached call to callOpenApi
  * @param p

package/dist/ui/helpers/callOpenApi/types.d.ts

@@ -1,5 +1,5 @@
-import { AxiosResponse } from 'axios';
 import { User } from '../jwt';
+import { AxiosResponse } from 'axios';
 export interface OverrideAuth {
     id_token?: string;
 }

package/dist/ui/helpers/cookie/get.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCookieString = exports.getCookieRawWrapper = exports.getCookieRaw = void 0;
+const set_1 = require("./set");
 const log_1 = require("../../../common/helpers/log");
 const string_1 = require("../../../common/helpers/string");
-const set_1 = require("./set");
 function getCookieRaw({ name, cookieDocument, }) {
     const nameeq = `${name}=`;
     const ca1 = cookieDocument || (typeof window !== 'undefined' && document.cookie);

package/dist/ui/helpers/cookie/set.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setCookieString = exports.setCookieRawWrapper = exports.wipeCookies = void 0;
-const log_1 = require("../../../common/helpers/log");
-const string_1 = require("../../../common/helpers/string");
 const const_1 = require("./const");
 const get_1 = require("./get");
+const log_1 = require("../../../common/helpers/log");
+const string_1 = require("../../../common/helpers/string");
 /**
  * expiryDays <0 will delete
  * @param param0

package/dist/ui/helpers/cookie/use.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCookieBoolean = exports.useCookieNumber = exports.useCookieString = exports.useCookie = void 0;
-const react_1 = require("react");
 const get_1 = require("./get");
 const set_1 = require("./set");
+const react_1 = require("react");
 function useCookie(p) {
     const parse = (s) => {
         if (!s) {

package/dist/ui/helpers/date.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDMY = exports.daydiffstr = void 0;
+const plural_1 = require("./plural");
 const date_1 = require("../../common/helpers/date");
 const math_1 = require("../../common/helpers/math");
-const plural_1 = require("./plural");
 const daydiffstr = (dayticks) => {
     const ticksSince = new Date().getTime() - dayticks;
     const totalMinutes = (0, math_1.toFixedDown)(ticksSince / 1000 / 60, 0);

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

@@ -16,5 +16,6 @@ export * from './useLocalStorage';
 export * from './useLockBodyScroll';
 export * from './useOnClickOutside';
 export * from './useOnScroll';
+export * from './useOverloadPageSearch';
 export * from './useQueryString';
 export * from './useResize';

package/dist/ui/helpers/index.js

@@ -28,5 +28,6 @@ __exportStar(require("./useLocalStorage"), exports);
 __exportStar(require("./useLockBodyScroll"), exports);
 __exportStar(require("./useOnClickOutside"), exports);
 __exportStar(require("./useOnScroll"), exports);
+__exportStar(require("./useOverloadPageSearch"), exports);
 __exportStar(require("./useQueryString"), exports);
 __exportStar(require("./useResize"), exports);

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

@@ -2,4 +2,4 @@
 import { TLang, TResource } from '../../common/helpers/i18n';
 export declare const useTranslation: <T extends {
     [a: string]: TResource;
-}>(texts: T, lang: TLang) => (lineText: keyof T) => string | JSX.Element | null | undefined;
+}>(texts: T, lang: TLang) => (lineText: keyof T) => string | JSX.Element | undefined;

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

@@ -1,6 +1,6 @@
-import { TLang } from '../../common/helpers/i18n';
 import { ICognitoAuth } from './cognito';
 import { AxiosWrapperLite } from './jwt';
+import { TLang } from '../../common/helpers/i18n';
 export interface LocationSubset {
     /**
      * slash only path eg /aaa/bbb

package/dist/ui/helpers/routes.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getServerReq = exports.getClientOrServerReqHref = void 0;
-const url_1 = require("url");
 const string_1 = require("../../common/helpers/string");
 const object_1 = require("../../common/helpers/object");
+const url_1 = require("url");
 const calculateServerHref = ({ host, pathname, }) => {
     if (!host) {
         return undefined;

package/dist/ui/helpers/useLocalStorage.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UseLocalStorage = exports.getLocalStorageItem = exports.setLocalStorageItem = exports.clearAllLocalStorage = exports.clearLocalStorageItem = void 0;
-const react_1 = require("react");
 const log_1 = require("../../common/helpers/log");
 const object_1 = require("../../common/helpers/object");
+const react_1 = require("react");
 const getTimeSeconds = () => Math.ceil(new Date().getTime() / 1000);
 const clearLocalStorageItem = (key) => {
     if (typeof window === 'undefined') {

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

@@ -0,0 +1,7 @@
+export declare const useOverloadPageSearch: ({ disabled, onTrigger, }: {
+    /**
+     * default false
+     */
+    disabled?: boolean | undefined;
+    onTrigger: () => void;
+}) => void;

package/dist/ui/helpers/useOverloadPageSearch.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOverloadPageSearch = void 0;
+const react_1 = require("react");
+const useOverloadPageSearch = ({ disabled = false, onTrigger, }) => {
+    (0, react_1.useEffect)(() => {
+        const ctrlF = (e) => {
+            if (e.keyCode === 114 || (e.ctrlKey && e.keyCode === 70)) {
+                e.preventDefault();
+                onTrigger();
+            }
+        };
+        window.removeEventListener('keydown', ctrlF);
+        if (!disabled) {
+            window.addEventListener('keydown', ctrlF);
+        }
+        return () => window.removeEventListener('keydown', ctrlF);
+    }, [disabled, onTrigger]);
+};
+exports.useOverloadPageSearch = useOverloadPageSearch;

package/dist/ui/helpers/useQueryString.js

@@ -1,8 +1,8 @@
 "use strict";
 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");
+const react_1 = require("react");
 exports.isServer = typeof window === 'undefined';
 /**
  * hook for query string value

package/dist/ui/helpers/useResize.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useResize = void 0;
-const react_1 = require("react");
 const media_1 = require("../styles/media");
+const react_1 = require("react");
 function getWindowDimensions() {
     if (typeof window !== 'undefined') {
         const width = window.innerWidth;

package/dist/ui/styles/common.d.ts

@@ -2,6 +2,7 @@
 export declare const HardOutline: (colour: string) => import("styled-components").FlattenSimpleInterpolation;
 export declare const Shadow: (colour?: string) => import("styled-components").FlattenSimpleInterpolation;
 export declare const NoTextSelect: import("styled-components").FlattenSimpleInterpolation;
+export declare const TextOverflowEllipsis: import("styled-components").FlattenSimpleInterpolation;
 export declare const CssTransparentBlock: import("styled-components").FlattenSimpleInterpolation;
 export declare const FadeBottom: ({ height }: {
     height: string;

package/dist/ui/styles/common.js

@@ -19,9 +19,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FullScreenPage = exports.noDrag = exports.Card = exports.FadeBottom = exports.CssTransparentBlock = exports.NoTextSelect = exports.Shadow = exports.HardOutline = void 0;
-const styled_components_1 = __importStar(require("styled-components"));
+exports.FullScreenPage = exports.noDrag = exports.Card = exports.FadeBottom = exports.CssTransparentBlock = exports.TextOverflowEllipsis = exports.NoTextSelect = exports.Shadow = exports.HardOutline = void 0;
 const colours_1 = require("./colours");
+const styled_components_1 = __importStar(require("styled-components"));
 const HardOutline = (colour) => (0, styled_components_1.css) `
   filter: drop-shadow(1px 1px 0px ${colour}) drop-shadow(-1px 1px 0px ${colour})
     drop-shadow(1px -1px 0px ${colour}) drop-shadow(-1px -1px 0px ${colour});
@@ -42,6 +42,10 @@ exports.NoTextSelect = (0, styled_components_1.css) `
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
 `;
+exports.TextOverflowEllipsis = (0, styled_components_1.css) `
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
 exports.CssTransparentBlock = (0, styled_components_1.css) `
   background-color: rgba(150, 150, 150, 0.5);
   border-radius: 3px;

package/dist/ui/styles/standaloneStyles.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SOA = exports.SOCenter = exports.SOP = exports.SOB = exports.SOBR = exports.SOBase = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
 const common_1 = require("./common");
 const media_1 = require("./media");
+const styled_components_1 = __importDefault(require("styled-components"));
 exports.SOBase = (0, styled_components_1.default)(common_1.FullScreenPage) `
   > h1,
   h2,

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "ag-common",
-  "version": "0.0.154",
+  "version": "0.0.158",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
   "repository": "github:andreigec/ag-common",
   "license": "ISC",
   "scripts": {
+    "format": "npx eslint --ext .ts,.tsx ./src --fix",
     "build": "rimraf dist && yarn checklint && tsc",
-    "fix": "./node_modules/.bin/eslint --fix './src/**/*.ts' './src/**/*.tsx'",
     "checklint": "npx eslint --ext .ts,.tsx ./src",
     "start": "tsc --watch"
   },