ag-common 0.0.22 → 0.0.26

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

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

package/dist/api/helpers/openApiHelpers.js

@@ -111,6 +111,8 @@ const openApiImpl = (p) => {
                 bundling: {
                     externalModules: ['aws-sdk', 'aws-lambda'],
                 },
+                reservedConcurrentExecutions: 5,
+                logRetention: aws_cdk_lib_1.aws_logs.RetentionDays.FIVE_DAYS,
             });
             readTables.forEach((t) => t.table.grantReadData(lambdaV));
             writeTables.forEach((t) => t.table.grantReadWriteData(lambdaV));

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

@@ -0,0 +1,100 @@
+export interface APIGatewayProxyResult {
+    statusCode: number;
+    headers?: {
+        [header: string]: boolean | number | string;
+    } | undefined;
+    multiValueHeaders?: {
+        [header: string]: Array<boolean | number | string>;
+    } | undefined;
+    body: string;
+    isBase64Encoded?: boolean | undefined;
+}
+export interface APIGatewayEvent {
+    body: string | null;
+    headers: Record<string, string | undefined>;
+    httpMethod: string;
+    queryStringParameters: Record<string, string> | null;
+    pathParameters: Record<string, string> | null;
+    resource: string;
+    path: string;
+    requestContext: {
+        connectionId: string;
+        domainName: string;
+        identity: {
+            userAgent: string;
+            sourceIp: string;
+        };
+        httpMethod: string;
+    };
+}
+interface AttributeValue {
+    B?: string | undefined;
+    BS?: string[] | undefined;
+    BOOL?: boolean | undefined;
+    L?: AttributeValue[] | undefined;
+    M?: {
+        [id: string]: AttributeValue;
+    } | undefined;
+    N?: string | undefined;
+    NS?: string[] | undefined;
+    NULL?: boolean | undefined;
+    S?: string | undefined;
+    SS?: string[] | undefined;
+}
+export interface AppSyncResolverEvent<TArguments, TSource = Record<string, any> | null> {
+    arguments: TArguments;
+    identity?: any;
+    source: TSource;
+    request: {
+        headers: {
+            [name: string]: string | undefined;
+        };
+    };
+    info: {
+        selectionSetList: string[];
+        selectionSetGraphQL: string;
+        parentTypeName: string;
+        fieldName: string;
+        variables: {
+            [key: string]: any;
+        };
+    };
+    prev: {
+        result: {
+            [key: string]: any;
+        };
+    } | null;
+    stash: {
+        [key: string]: any;
+    };
+}
+export interface DynamoDBStreamEvent {
+    Records: {
+        awsRegion?: string | undefined;
+        dynamodb?: {
+            ApproximateCreationDateTime?: number | undefined;
+            Keys?: {
+                [key: string]: AttributeValue;
+            } | undefined;
+            NewImage?: {
+                [key: string]: AttributeValue;
+            } | undefined;
+            OldImage?: {
+                [key: string]: AttributeValue;
+            } | undefined;
+            SequenceNumber?: string | undefined;
+            SizeBytes?: number | undefined;
+            StreamViewType?: 'KEYS_ONLY' | 'NEW_IMAGE' | 'OLD_IMAGE' | 'NEW_AND_OLD_IMAGES' | undefined;
+        } | undefined;
+        eventID?: string | undefined;
+        eventName?: 'INSERT' | 'MODIFY' | 'REMOVE' | undefined;
+        eventSource?: string | undefined;
+        eventSourceARN?: string | undefined;
+        eventVersion?: string | undefined;
+        userIdentity?: any;
+    }[];
+}
+export declare type Key = {
+    [key: string]: AttributeValue;
+};
+export {};

package/dist/api/{types.d.ts → types/index.d.ts}

@@ -1,5 +1,5 @@
 import { aws_dynamodb as dynamodb } from 'aws-cdk-lib';
-import { Key } from 'aws-sdk/clients/dynamodb';
+import { Key } from './aws';
 export interface DYNAMOKEYS {
     type: string;
     L1: string;
@@ -43,32 +43,4 @@ export interface IQueryDynamo {
     filterValue?: string | number;
     filterOperator?: string;
 }
-export interface APIGatewayProxyResult {
-    statusCode: number;
-    headers?: {
-        [header: string]: boolean | number | string;
-    } | undefined;
-    multiValueHeaders?: {
-        [header: string]: Array<boolean | number | string>;
-    } | undefined;
-    body: string;
-    isBase64Encoded?: boolean | undefined;
-}
-export interface APIGatewayEvent {
-    body: string | null;
-    headers: Record<string, string | undefined>;
-    httpMethod: string;
-    queryStringParameters: Record<string, string> | null;
-    pathParameters: Record<string, string> | null;
-    resource: string;
-    path: string;
-    requestContext: {
-        connectionId: string;
-        domainName: string;
-        identity: {
-            userAgent: string;
-            sourceIp: string;
-        };
-        httpMethod: string;
-    };
-}
+export * from './aws';

package/dist/api/types/index.js

@@ -0,0 +1,13 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./aws"), exports);

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

@@ -0,0 +1,13 @@
+/**
+ * run async forEach over all array items
+ * @param array
+ * @param callback
+ */
+export declare function asyncForEach<T>(array: T[], callback: (i: T, index: number, array: T[]) => void): Promise<void>;
+/**
+ * run async map over all array items
+ * @param array
+ * @param callback
+ * @returns
+ */
+export declare function asyncMap<T, TY>(array: T[], callback: (i: T, index: number, array: T[]) => Promise<TY>): Promise<TY[]>;

package/dist/common/helpers/async.js

@@ -0,0 +1,41 @@
+"use strict";
+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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.asyncMap = exports.asyncForEach = void 0;
+/**
+ * run async forEach over all array items
+ * @param array
+ * @param callback
+ */
+function asyncForEach(array, callback) {
+    return __awaiter(this, void 0, void 0, function* () {
+        for (let index = 0; index < array.length; index += 1) {
+            yield callback(array[index], index, array);
+        }
+    });
+}
+exports.asyncForEach = asyncForEach;
+/**
+ * run async map over all array items
+ * @param array
+ * @param callback
+ * @returns
+ */
+function asyncMap(array, callback) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const ret = [];
+        for (let index = 0; index < array.length; index += 1) {
+            ret.push(yield callback(array[index], index, array));
+        }
+        return ret;
+    });
+}
+exports.asyncMap = asyncMap;

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

@@ -1,4 +1,5 @@
 export * from './array';
+export * from './async';
 export * from './date';
 export * from './distinctBy';
 export * from './email';

package/dist/common/helpers/index.js

@@ -11,6 +11,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./array"), exports);
+__exportStar(require("./async"), exports);
 __exportStar(require("./date"), exports);
 __exportStar(require("./distinctBy"), exports);
 __exportStar(require("./email"), exports);

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

@@ -16,3 +16,10 @@ export declare const niceUrl: (siteUrl: string) => ISite | undefined;
  * @returns
  */
 export declare function toTitleCase(str: string): string;
+/**
+ * remove all found params from str
+ * @param str
+ * @param params allows single chars and/or strings
+ * @returns
+ */
+export declare function replaceRemove(str: string, ...params: string[]): string;

package/dist/common/helpers/string.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toTitleCase = exports.niceUrl = exports.truncate = exports.trim = exports.trimSide = exports.csvJSON = void 0;
+exports.replaceRemove = exports.toTitleCase = exports.niceUrl = exports.truncate = exports.trim = exports.trimSide = exports.csvJSON = void 0;
 const csvJSON = (csv) => {
     const lines = csv.split('\n');
     const result = [];
@@ -75,3 +75,37 @@ function toTitleCase(str) {
     return str.replace(/\w\S*/g, (txt) => txt && txt.charAt(0).toUpperCase() + txt.substring(1).toLowerCase());
 }
 exports.toTitleCase = toTitleCase;
+/**
+ * remove all found params from str
+ * @param str
+ * @param params allows single chars and/or strings
+ * @returns
+ */
+function replaceRemove(str, ...params) {
+    const replaceSingles = [];
+    const replaceStrings = [];
+    params.forEach((p) => {
+        if (typeof p !== 'string') {
+            throw new Error('trim only supports strings');
+        }
+        if (p.length === 1) {
+            replaceSingles.push(p);
+        }
+        else {
+            replaceStrings.push(p);
+        }
+    });
+    let firstLength = 0;
+    let changedLength = 0;
+    let ret = str;
+    const singleRegex = `[${replaceSingles.join('')}]*`;
+    const stringRegex = `(${replaceStrings.map((s) => `(${s})`).join('|')})*`;
+    do {
+        firstLength = ret.length;
+        ret = ret.replace(new RegExp(stringRegex, 'gim'), '');
+        ret = ret.replace(new RegExp(singleRegex, 'gim'), '');
+        changedLength = ret.length;
+    } while (changedLength < firstLength);
+    return ret;
+}
+exports.replaceRemove = replaceRemove;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const Chevron: ({ down, width, className, colour, }: {
+    colour?: string | undefined;
+    className?: string | undefined;
+    width?: string | undefined;
+    down: boolean;
+}) => JSX.Element;

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

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chevron = void 0;
+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;
+  justify-content: center;
+  align-items: center;
+`;
+const IconStyled = (0, styled_components_1.default)(Icon_1.Icon) `
+  cursor: pointer;
+  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 Chevron = ({ down, width = '1.2rem', className, colour = 'black', }) => (react_1.default.createElement(SChevron, { className: className },
+    react_1.default.createElement(IconStyled, { flip: down, fill: colour, width: width, height: width }, ChevronIcon)));
+exports.Chevron = Chevron;

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

@@ -24,6 +24,7 @@ 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 SBase = styled_components_1.default.div `
   display: flex;
   flex-flow: row;
@@ -42,7 +43,6 @@ const SItems = styled_components_1.default.div `
   background-color: white;
   cursor: default;
   width: 100%;
-  right: 0;
   max-width: 95vw;
   ${({ open }) => open &&
     (0, styled_components_1.css) `
@@ -81,6 +81,7 @@ const SItem = styled_components_1.default.div `
   }
 `;
 function DropdownList({ options, value, onChange, placeholder, className, renderF, children, }) {
+    var _a, _b;
     const ref = (0, react_1.useRef)(null);
     const [state, setState] = (0, react_1.useState)(value);
     const [open, setOpen] = (0, react_1.useState)(false);
@@ -102,12 +103,23 @@ function DropdownList({ options, value, onChange, placeholder, className, render
             setState(newv);
     }, [options, value]);
     const maxLen = Math.max(...options.map((s) => renderF(s).length));
+    const style = {
+        width: `calc(${maxLen}ch + 2rem)`,
+    };
+    const minLeft = (0, dom_1.convertRemToPixels)(2 + maxLen / 2);
+    const offsetList = (_b = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.offsetLeft) !== null && _b !== void 0 ? _b : 0;
+    if (offsetList < minLeft) {
+        style.left = 0;
+    }
+    else {
+        style.right = 0;
+    }
     return (react_1.default.createElement(SBase, { className: className, ref: ref, title: placeholder, onClick: (e) => {
             e.stopPropagation();
             e.preventDefault();
             setOpen(!open);
         } },
-        react_1.default.createElement(SItems, { open: open, style: { width: `calc(${maxLen}ch + 2rem)` } }, open &&
+        react_1.default.createElement(SItems, { open: open, style: style }, open &&
             options.map((s, i) => (react_1.default.createElement(SItem, { key: renderF(s), selected: s === state, onClick: () => {
                     if (s !== state) {
                         onChange(s, i);

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

@@ -50,7 +50,7 @@ const CheckboxEdit = ({ defaultValue, onSubmit, }) => {
     });
     return (react_1.default.createElement(common_1.ValueBox, Object.assign({}, common_2.noDrag, { ref: ref }),
         react_1.default.createElement(common_1.ValueInputCB, { type: "checkbox", "data-type": "checkbox", checked: value, onChange: () => setValue(!value), onKeyPress: (e) => e.key === 'Enter' && value !== defaultValue && onSubmit(value) }),
-        react_1.default.createElement(Icons, { center: true },
+        react_1.default.createElement(Icons, { center: true, enableOverflow: true },
             value !== defaultValue && (react_1.default.createElement(common_1.IconD, { style: common_1.iconLeft, onClick: () => value !== defaultValue && onSubmit(value) },
                 react_1.default.createElement(images_1.SaveIcon, null))),
             value !== defaultValue && (react_1.default.createElement(common_1.IconD, { style: common_1.iconRight, onClick: () => setValue(defaultValue) },

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

@@ -1,5 +1,6 @@
 export * from './BorderGradient';
 export * from './Button';
+export * from './Chevron';
 export * from './Dropdown';
 export * from './DropdownList';
 export * from './FlexColumn';

package/dist/ui/components/index.js

@@ -12,6 +12,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./BorderGradient"), exports);
 __exportStar(require("./Button"), exports);
+__exportStar(require("./Chevron"), exports);
 __exportStar(require("./Dropdown"), exports);
 __exportStar(require("./DropdownList"), exports);
 __exportStar(require("./FlexColumn"), exports);

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

@@ -1 +1,2 @@
 export declare const domContains: (e: DOMRect | undefined, x: number, y: number) => boolean;
+export declare const convertRemToPixels: (rem: number) => number;

package/dist/ui/helpers/dom.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.domContains = void 0;
+exports.convertRemToPixels = exports.domContains = void 0;
 const domContains = (e, x, y) => {
     if (!e) {
         return false;
@@ -8,3 +8,5 @@ const domContains = (e, x, y) => {
     return e.x <= x && x <= e.x + e.width && e.y <= y && y <= e.y + e.height;
 };
 exports.domContains = domContains;
+const convertRemToPixels = (rem) => rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
+exports.convertRemToPixels = convertRemToPixels;

package/package.json

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