ag-common 0.0.26 → 0.0.30

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

@@ -2,5 +2,6 @@ export * from './api';
 export * from './dynamo';
 export * from './dynamoInfra';
 export * from './openApiHelpers';
+export * from './s3';
 export * from './validateOpenApi';
 export * from './validations';

package/dist/api/helpers/index.js

@@ -14,5 +14,6 @@ __exportStar(require("./api"), exports);
 __exportStar(require("./dynamo"), exports);
 __exportStar(require("./dynamoInfra"), exports);
 __exportStar(require("./openApiHelpers"), exports);
+__exportStar(require("./s3"), exports);
 __exportStar(require("./validateOpenApi"), exports);
 __exportStar(require("./validations"), exports);

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

@@ -0,0 +1,15 @@
+import { Blob } from 'aws-sdk/lib/dynamodb/document_client';
+import AWS from 'aws-sdk';
+export declare const setS3: (region: string) => void;
+export declare const getS3Object: ({ fileurl, }: {
+    fileurl: {
+        Bucket: string;
+        Key: string;
+    };
+}) => Promise<import("aws-sdk/lib/request").PromiseResult<AWS.S3.GetObjectOutput, AWS.AWSError>>;
+export declare const putS3Object: ({ Body, Bucket, Key, ContentType, }: {
+    ContentType?: string | undefined;
+    Body: string | Blob;
+    Bucket: string;
+    Key: string;
+}) => Promise<void>;

package/dist/api/helpers/s3.js

@@ -0,0 +1,37 @@
+"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());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.putS3Object = exports.getS3Object = exports.setS3 = void 0;
+const aws_sdk_1 = __importDefault(require("aws-sdk"));
+let s3 = new aws_sdk_1.default.S3();
+const setS3 = (region) => {
+    s3 = new aws_sdk_1.default.S3({ region });
+};
+exports.setS3 = setS3;
+const getS3Object = ({ fileurl, }) => __awaiter(void 0, void 0, void 0, function* () {
+    const content = yield s3.getObject(fileurl).promise();
+    return content;
+});
+exports.getS3Object = getS3Object;
+const putS3Object = ({ Body, Bucket, Key, ContentType, }) => __awaiter(void 0, void 0, void 0, function* () {
+    yield s3
+        .putObject({
+        Body,
+        Bucket,
+        Key,
+        ContentType,
+    })
+        .promise();
+});
+exports.putS3Object = putS3Object;

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

@@ -0,0 +1 @@
+export declare function runGenerator<T>(iter: AsyncGenerator<T[], T[], unknown>, partialRun: (value: T[]) => Promise<void>): Promise<void>;

package/dist/common/helpers/generator.js

@@ -0,0 +1,26 @@
+"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.runGenerator = void 0;
+/* eslint-disable no-await-in-loop */
+function runGenerator(iter, partialRun) {
+    return __awaiter(this, void 0, void 0, function* () {
+        let curr;
+        do {
+            curr = yield iter.next();
+            if (!(curr === null || curr === void 0 ? void 0 : curr.value) || curr.value.length === 0) {
+                return;
+            }
+            yield partialRun(curr.value);
+        } while (!curr.done);
+    });
+}
+exports.runGenerator = runGenerator;

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

@@ -3,6 +3,7 @@ export * from './async';
 export * from './date';
 export * from './distinctBy';
 export * from './email';
+export * from './generator';
 export * from './groupBy';
 export * from './hashCode';
 export * from './i18n';

package/dist/common/helpers/index.js

@@ -15,6 +15,7 @@ __exportStar(require("./async"), exports);
 __exportStar(require("./date"), exports);
 __exportStar(require("./distinctBy"), exports);
 __exportStar(require("./email"), exports);
+__exportStar(require("./generator"), exports);
 __exportStar(require("./groupBy"), exports);
 __exportStar(require("./hashCode"), exports);
 __exportStar(require("./i18n"), exports);

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,7 +48,7 @@ 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, enableOverflow: true },
             value !== defaultValue && (react_1.default.createElement(common_1.IconD, { style: common_1.iconLeft, onClick: () => value !== defaultValue && onSubmit(value) },

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/helpers/debounce.js

@@ -20,14 +20,12 @@ const sleep = (ms) => {
     return new Promise((resolve) => setTimeout(resolve, ms));
 };
 exports.sleep = sleep;
-const debounceMap = {};
+const hashMap = {};
 function debounce(callback, { key, time, }) {
-    const now = new Date().getTime();
-    const lastDrag = debounceMap[key] || 0;
-    if (now - lastDrag < time) {
-        return;
-    }
-    debounceMap[key] = now;
-    callback();
+    clearTimeout(hashMap[key]);
+    hashMap[key] = setTimeout(() => {
+        delete hashMap[key];
+        callback();
+    }, time);
 }
 exports.debounce = debounce;

package/package.json

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