ag-common 0.0.23 → 0.0.24

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