ag-common 0.0.23 → 0.0.27

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

@@ -12,7 +12,9 @@ const SClose = styled_components_1.default.div `
   height: 32px;
   opacity: 0.3;
   cursor: pointer;
+  background-color: white;
   top: 0;
+  z-index: 1;
   right: 0;
   &:hover {
     opacity: 1;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-export declare const CheckboxEdit: ({ defaultValue, onSubmit, }: {
+export declare const CheckboxEdit: ({ defaultValue, onSubmit, noGrow, }: {
     defaultValue: boolean;
     onSubmit: (val: boolean) => void;
+    noGrow?: boolean | undefined;
 }) => JSX.Element;

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

@@ -36,7 +36,7 @@ const Icons = (0, styled_components_1.default)(FlexRow_1.FlexRow) `
   top: 0;
   right: -2rem;
 `;
-const CheckboxEdit = ({ defaultValue, onSubmit, }) => {
+const CheckboxEdit = ({ defaultValue, onSubmit, noGrow = false, }) => {
     const ref = (0, react_1.useRef)(null);
     const [value, setValue] = (0, react_1.useState)(defaultValue);
     (0, react_1.useEffect)(() => {
@@ -48,9 +48,9 @@ const CheckboxEdit = ({ defaultValue, onSubmit, }) => {
             onSubmit(value);
         }
     });
-    return (react_1.default.createElement(common_1.ValueBox, Object.assign({}, common_2.noDrag, { ref: ref }),
+    return (react_1.default.createElement(common_1.ValueBox, Object.assign({}, common_2.noDrag, { ref: ref, "data-nogrow": noGrow }),
         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/TextEdit/TextEdit.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+export declare const ValueReadonly: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextEdit: ({ defaultValue, defaultEditing, onSubmit, canEdit, placeholder, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, className, singleLine, }: {
     singleLine?: boolean | undefined;
     className?: string | undefined;

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

@@ -22,7 +22,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextEdit = void 0;
+exports.TextEdit = exports.ValueReadonly = void 0;
 /* eslint-disable jsx-a11y/no-onchange */
 const react_1 = __importStar(require("react"));
 const images_1 = require("./images");
@@ -30,14 +30,37 @@ const common_1 = require("./common");
 const styled_components_1 = __importDefault(require("styled-components"));
 const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
 const common_2 = require("../../styles/common");
+exports.ValueReadonly = styled_components_1.default.div `
+  ${common_1.valueCss};
+  word-break: break-word;
+  flex-basis: calc(100% - 3rem);
+`;
 const ValueTextArea = styled_components_1.default.textarea `
+  border: 0;
+  word-break: break-word;
   ${common_1.valueCss};
   resize: none;
   overflow: hidden;
+  background-color: white;
   &[data-editing='true'] {
     min-height: 5rem;
   }
 `;
+const ValueBoxEdit = (0, styled_components_1.default)(common_1.ValueBox) `
+  border: solid 1px #ccc;
+`;
+const Right = styled_components_1.default.div `
+  display: flex;
+  flex-flow: row;
+  align-content: center;
+`;
+const Icon = styled_components_1.default.div `
+  width: 1.5rem;
+  cursor: pointer;
+  &:hover {
+    filter: saturate(3);
+  }
+`;
 const TextEdit = ({ defaultValue, defaultEditing = false, onSubmit, canEdit = true, placeholder, onEditingChange, onClickOutsideWithNoValue, onClickNotEditing, className, singleLine = false, }) => {
     const ref = (0, react_1.useRef)(null);
     const taref = (0, react_1.useRef)(null);
@@ -78,24 +101,25 @@ const TextEdit = ({ defaultValue, defaultEditing = false, onSubmit, canEdit = tr
     }, [defaultEditing]);
     if (!editing || !canEdit) {
         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' }),
-            react_1.default.createElement(common_1.ValueReadonly, { "data-type": "text" }, value),
-            canEdit && (react_1.default.createElement(common_1.IconD, { style: common_1.iconRight, onClick: (e) => {
+            react_1.default.createElement(exports.ValueReadonly, { "data-type": "text" }, value),
+            react_1.default.createElement(Right, null, canEdit && (react_1.default.createElement(Icon, { style: common_1.iconRight, onClick: (e) => {
                     e.stopPropagation();
                     setEditing(true);
                 } },
-                react_1.default.createElement(images_1.PencilIcon, null)))));
+                react_1.default.createElement(images_1.PencilIcon, null))))));
     }
     if (!open) {
         return react_1.default.createElement(react_1.default.Fragment, null);
     }
-    return (react_1.default.createElement(common_1.ValueBox, Object.assign({ "data-editing": "true" }, common_2.noDrag, { ref: ref, tabIndex: editing ? 0 : undefined, className: className }),
+    return (react_1.default.createElement(ValueBoxEdit, Object.assign({ "data-editing": "true" }, common_2.noDrag, { ref: ref, tabIndex: editing ? 0 : undefined, className: className }),
         react_1.default.createElement(ValueTextArea, { "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 }),
-        valueChange && (react_1.default.createElement(common_1.IconD, { style: common_1.iconLeft, onClick: () => valueChange && onSubmit(value) },
-            react_1.default.createElement(images_1.SaveIcon, null))),
-        (valueChange || editing !== defaultEditing) && (react_1.default.createElement(common_1.IconD, { style: common_1.iconRight, onClick: () => {
-                setEditing(defaultEditing);
-                setValue(defaultValue);
-            } },
-            react_1.default.createElement(images_1.UndoIcon, null)))));
+        react_1.default.createElement(Right, null,
+            valueChange && (react_1.default.createElement(Icon, { style: common_1.iconLeft, onClick: () => valueChange && onSubmit(value) },
+                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))))));
 };
 exports.TextEdit = TextEdit;

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

@@ -1,13 +1,10 @@
 export declare const ValueBox: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const valueCss: import("styled-components").FlattenSimpleInterpolation;
 export declare const ValueInputCB: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const ValueReadonly: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const IconD: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const iconRight: {
     right: string;
-    top: string;
 };
 export declare const iconLeft: {
     right: string;
-    top: string;
 };

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

@@ -19,7 +19,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconLeft = exports.iconRight = exports.IconD = exports.ValueReadonly = exports.ValueInputCB = exports.valueCss = exports.ValueBox = void 0;
+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");
 exports.ValueBox = styled_components_1.default.div `
@@ -36,6 +36,9 @@ exports.ValueBox = styled_components_1.default.div `
   &[data-pointer='true'] {
     cursor: pointer;
   }
+  &[data-nogrow='true'] {
+    flex-grow: 0;
+  }
 `;
 exports.valueCss = (0, styled_components_1.css) `
   width: 100%;
@@ -52,9 +55,6 @@ exports.valueCss = (0, styled_components_1.css) `
 exports.ValueInputCB = styled_components_1.default.input `
   ${exports.valueCss};
 `;
-exports.ValueReadonly = styled_components_1.default.div `
-  ${exports.valueCss};
-`;
 exports.IconD = styled_components_1.default.div `
   z-index: 1;
   font-size: 1rem;
@@ -66,5 +66,5 @@ exports.IconD = styled_components_1.default.div `
     fill: ${colours_1.colours.notificationBlue};
   }
 `;
-exports.iconRight = { right: '0', top: '-1rem' };
-exports.iconLeft = { right: '1.5rem', top: '-1rem' };
+exports.iconRight = { right: '0' };
+exports.iconLeft = { right: '1.5rem' };

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.23",
+  "version": "0.0.27",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",