ag-common 0.0.317 → 0.0.320

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

@@ -1,6 +1,6 @@
 import { DYNAMOKEYS, IQueryDynamo, Key } from '../types';
-import AWS from 'aws-sdk';
-export declare let dynamoDb: AWS.DynamoDB.DocumentClient;
+import DynamoDB from 'aws-sdk/clients/dynamodb';
+export declare let dynamoDb: 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

@@ -17,11 +17,11 @@ 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"));
+const dynamodb_1 = __importDefault(require("aws-sdk/clients/dynamodb"));
 // eslint-disable-next-line import/no-mutable-exports
-exports.dynamoDb = new aws_sdk_1.default.DynamoDB.DocumentClient();
+exports.dynamoDb = new dynamodb_1.default.DocumentClient();
 const setDynamo = (region) => {
-    exports.dynamoDb = new aws_sdk_1.default.DynamoDB.DocumentClient({ region });
+    exports.dynamoDb = new dynamodb_1.default.DocumentClient({ region });
 };
 exports.setDynamo = setDynamo;
 const putDynamo = (item, tableName) => __awaiter(void 0, void 0, void 0, function* () {
@@ -194,11 +194,11 @@ const getItemsDynamo = ({ tableName, items, }) => __awaiter(void 0, void 0, void
             },
         },
     };
-    const dbRaw = new aws_sdk_1.default.DynamoDB({ apiVersion: '2012-10-08' });
+    const dbRaw = new dynamodb_1.default({ apiVersion: '2012-10-08' });
     try {
         const res = yield dbRaw.batchGetItem(params).promise();
         (0, log_1.debug)(`got dynamo getitems=${JSON.stringify(res, null, 2)}`);
-        let ret = ((_f = (_e = res.Responses) === null || _e === void 0 ? void 0 : _e[tableName]) === null || _f === void 0 ? void 0 : _f.map((s) => aws_sdk_1.default.DynamoDB.Converter.unmarshall(s))) || [];
+        let ret = ((_f = (_e = res.Responses) === null || _e === void 0 ? void 0 : _e[tableName]) === null || _f === void 0 ? void 0 : _f.map((s) => dynamodb_1.default.Converter.unmarshall(s))) || [];
         return ret;
     }
     catch (e) {
@@ -312,7 +312,7 @@ const getDynamoTtl = (days) => Math.ceil(new Date().getTime() / 1000) + days * 8
 exports.getDynamoTtl = getDynamoTtl;
 const wipeTable = (tableName) => __awaiter(void 0, void 0, void 0, function* () {
     var _j;
-    const dbRaw = new aws_sdk_1.default.DynamoDB({ apiVersion: '2012-10-08' });
+    const dbRaw = new dynamodb_1.default({ apiVersion: '2012-10-08' });
     let infoV = yield dbRaw
         .describeTable({
         TableName: tableName,

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

@@ -1,13 +1,13 @@
 /// <reference types="node" />
 import { Blob } from 'aws-sdk/lib/dynamodb/document_client';
-import AWS from 'aws-sdk';
+import S3 from 'aws-sdk/clients/s3';
 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>>;
+}) => Promise<import("aws-sdk/lib/request").PromiseResult<S3.GetObjectOutput, import("aws-sdk/lib/error").AWSError>>;
 export declare const putS3Object: ({ Body, Bucket, Key, ContentType, }: {
     ContentType?: string | undefined;
     Body: string | Blob;

package/dist/api/helpers/s3.js

@@ -13,10 +13,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.deleteFile = exports.uploadFile = 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 s3_1 = __importDefault(require("aws-sdk/clients/s3"));
+let s3 = new s3_1.default();
 const setS3 = (region) => {
-    s3 = new aws_sdk_1.default.S3({ region });
+    s3 = new s3_1.default({ region });
 };
 exports.setS3 = setS3;
 const getS3Object = ({ fileurl, }) => __awaiter(void 0, void 0, void 0, function* () {

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

@@ -1,5 +1,5 @@
-import AWS from 'aws-sdk';
-export declare let ses: AWS.SES;
+import SES from 'aws-sdk/clients/ses';
+export declare let ses: SES;
 export declare const setSes: (region: string) => void;
 export interface ISendEmail {
     to: string;

package/dist/api/helpers/ses.js

@@ -13,10 +13,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sendEmails = exports.sendEmail = exports.setSes = exports.ses = void 0;
-const aws_sdk_1 = __importDefault(require("aws-sdk"));
-exports.ses = new aws_sdk_1.default.SES();
+const ses_1 = __importDefault(require("aws-sdk/clients/ses"));
+exports.ses = new ses_1.default();
 const setSes = (region) => {
-    exports.ses = new aws_sdk_1.default.SES({ region });
+    exports.ses = new ses_1.default({ region });
 };
 exports.setSes = setSes;
 const sendEmail = ({ to, message, subject, sourceArn, from, }) => __awaiter(void 0, void 0, void 0, function* () {

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

@@ -1,4 +1,4 @@
-import AWS from 'aws-sdk';
-export declare let sqs: AWS.SQS;
+import SQS from 'aws-sdk/clients/sqs';
+export declare let sqs: SQS;
 export declare const setSqs: (region: string) => void;
 export declare const sendMessages: <T>(items: T[], queueUrl: string) => Promise<void>;

package/dist/api/helpers/sqs.js

@@ -14,11 +14,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sendMessages = exports.setSqs = exports.sqs = void 0;
 const common_1 = require("../../common");
-const aws_sdk_1 = __importDefault(require("aws-sdk"));
+const sqs_1 = __importDefault(require("aws-sdk/clients/sqs"));
 // eslint-disable-next-line import/no-mutable-exports
-exports.sqs = new aws_sdk_1.default.SQS();
+exports.sqs = new sqs_1.default();
 const setSqs = (region) => {
-    exports.sqs = new aws_sdk_1.default.SQS({ region });
+    exports.sqs = new sqs_1.default({ region });
 };
 exports.setSqs = setSqs;
 const sendMessages = (items, queueUrl) => __awaiter(void 0, void 0, void 0, function* () {

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

@@ -3,7 +3,21 @@ export declare const addHours: (d: number, h: number) => Date;
 export declare const addDays: (dIn: Date, count: number) => Date;
 export declare const addMinutes: (date: Date, minutes: number) => Date;
 export declare const lastDayInMonth: (date: Date) => Date;
-export declare const dateDiffDays: (date1: Date, date2: Date) => number;
+/**
+ * breaks ticks into time diffs
+ * @param lowDate
+ * @param highDate defaults to Date.Now
+ * @returns
+ */
+export declare const dateDiff: (lowDate: Date, highDate?: Date) => {
+    totalMinutes: number;
+    totalHours: number;
+    totalDays: number;
+    totalYears: number;
+};
+/**
+ * convert csharp datetime to js datetime
+ */
 export declare const CSharpToJs: (charpTicks: number) => Date;
 /**
  *

package/dist/common/helpers/date.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dateTimeToNearestMinute = exports.CSharpToJs = exports.dateDiffDays = exports.lastDayInMonth = exports.addMinutes = exports.addDays = exports.addHours = exports.getTimeSeconds = void 0;
+exports.dateTimeToNearestMinute = exports.CSharpToJs = exports.dateDiff = exports.lastDayInMonth = exports.addMinutes = exports.addDays = exports.addHours = exports.getTimeSeconds = void 0;
+const math_1 = require("./math");
 const getTimeSeconds = () => Math.ceil(new Date().getTime() / 1000);
 exports.getTimeSeconds = getTimeSeconds;
 const addHours = (d, h) => {
@@ -17,14 +18,24 @@ const addMinutes = (date, minutes) => new Date(date.getTime() + minutes * 60000)
 exports.addMinutes = addMinutes;
 const lastDayInMonth = (date) => new Date(date.getFullYear(), date.getMonth() + 1, 0);
 exports.lastDayInMonth = lastDayInMonth;
-const dateDiffDays = (date1, date2) => {
-    const dt1 = new Date(date1);
-    const dt2 = new Date(date2);
-    return Math.floor((Date.UTC(dt2.getFullYear(), dt2.getMonth(), dt2.getDate()) -
-        Date.UTC(dt1.getFullYear(), dt1.getMonth(), dt1.getDate())) /
-        1000);
+/**
+ * breaks ticks into time diffs
+ * @param lowDate
+ * @param highDate defaults to Date.Now
+ * @returns
+ */
+const dateDiff = (lowDate, highDate) => {
+    const ticksSince = (highDate !== null && highDate !== void 0 ? highDate : new Date()).getTime() - lowDate.getTime();
+    const totalMinutes = (0, math_1.toFixedDown)(ticksSince / 1000 / 60, 0);
+    const totalHours = (0, math_1.toFixedDown)(totalMinutes / 60, 0);
+    const totalDays = (0, math_1.toFixedDown)(totalHours / 24, 0);
+    const totalYears = (0, math_1.toFixedDown)(totalDays / 365, 0);
+    return { totalMinutes, totalHours, totalDays, totalYears };
 };
-exports.dateDiffDays = dateDiffDays;
+exports.dateDiff = dateDiff;
+/**
+ * convert csharp datetime to js datetime
+ */
 const CSharpToJs = (charpTicks) => {
     // ticks are in nanotime; convert to microtime
     const ticks = charpTicks / 10000;

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

@@ -61,3 +61,4 @@ export declare const chunkString: (str: string, length: number) => string[];
  */
 export declare function stringToObject(raw: string, splitKeyValue: string, splitKeys: string): Record<string, string>;
 export declare const indexOfNumber: (str: string, char: string, num?: number) => number | undefined;
+export declare function isValidUrl(raw: string): boolean;

package/dist/common/helpers/string.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.indexOfNumber = 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;
+exports.isValidUrl = exports.indexOfNumber = 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();
@@ -197,3 +197,14 @@ const indexOfNumber = (str, char, num = 0) => {
     return ret;
 };
 exports.indexOfNumber = indexOfNumber;
+function isValidUrl(raw) {
+    let url;
+    try {
+        url = new URL(raw);
+    }
+    catch (_) {
+        return false;
+    }
+    return url.protocol === 'http:' || url.protocol === 'https:';
+}
+exports.isValidUrl = isValidUrl;

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

@@ -1,11 +1,12 @@
 /// <reference types="react" />
-export declare const Chevron: ({ width, className, colour, onToggle, point, }: {
+export interface IChevron {
     /**
      * default right
      */
     point: 'up' | 'down' | 'left' | 'right';
-    colour?: string | undefined;
-    className?: string | undefined;
-    width?: string | undefined;
-    onToggle?: (() => void) | undefined;
-}) => JSX.Element;
+    colour?: string;
+    className?: string;
+    width?: string;
+    onToggle?: () => void;
+}
+export declare const Chevron: ({ width, className, colour, onToggle, point, }: IChevron) => JSX.Element;

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

@@ -1,5 +1,6 @@
 import React from 'react';
-export declare const Close: (p: {
-    onClick?: ((ev: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    className?: string | undefined;
-}) => JSX.Element;
+export interface IClose {
+    onClick?: (ev: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    className?: string;
+}
+export declare const Close: (p: IClose) => JSX.Element;

package/dist/ui/components/Confirm/Dialog.d.ts

@@ -1,5 +1,7 @@
-export interface IConfirmAction {
-    topText?: string;
-    bottomText: string;
-}
-export declare const ConfirmDialog: ({ bottomText, topText, }: IConfirmAction) => Promise<boolean>;
+import { IConfirmDialog } from './types';
+/**
+ * opens a dialog programatically
+ * @param param0
+ * @returns
+ */
+export declare const ConfirmDialog: ({ bottomText, topText, }: IConfirmDialog) => Promise<boolean>;

package/dist/ui/components/Confirm/Dialog.js

@@ -17,6 +17,11 @@ const Modal_1 = require("./Modal");
 const log_1 = require("../../../common/helpers/log");
 const react_dom_1 = __importDefault(require("react-dom"));
 const react_1 = __importDefault(require("react"));
+/**
+ * opens a dialog programatically
+ * @param param0
+ * @returns
+ */
 const ConfirmDialog = ({ bottomText, topText, }) => __awaiter(void 0, void 0, void 0, function* () {
     return new Promise((res) => {
         const idName = 'ag-confirm-dialog';

package/dist/ui/components/Confirm/Modal.d.ts

@@ -1,8 +1,3 @@
 /// <reference types="react" />
-export declare const ConfirmModal: ({ onSubmit, bottomText, topText, okText, cancelText, }: {
-    onSubmit: (v: boolean) => void;
-    topText?: string | undefined;
-    bottomText: string;
-    okText?: string | undefined;
-    cancelText?: string | undefined;
-}) => JSX.Element;
+import { IConfirmModal } from './types';
+export declare const ConfirmModal: ({ onSubmit, bottomText, topText, okText, cancelText, }: IConfirmModal) => JSX.Element;

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

@@ -1,2 +1,3 @@
+export * from './types';
 export * from './Dialog';
 export * from './Modal';

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

@@ -14,5 +14,6 @@ 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("./types"), exports);
 __exportStar(require("./Dialog"), exports);
 __exportStar(require("./Modal"), exports);

package/dist/ui/components/Confirm/types.d.ts

@@ -0,0 +1,15 @@
+export interface IConfirmDialog {
+    /** default (undefined) */
+    topText?: string;
+    bottomText: string;
+}
+export interface IConfirmModal {
+    onSubmit: (v: boolean) => void;
+    /** default (undefined) */
+    topText?: string;
+    bottomText: string;
+    /** default OK */
+    okText?: string;
+    /** default Cancel */
+    cancelText?: string;
+}

package/dist/ui/components/Confirm/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { IRowOrColumn } from '../RowOrColumn';
-export declare const FlexColumn: (props: IRowOrColumn) => JSX.Element;
+import { IFlexColumn } from '../RowOrColumn';
+export declare const FlexColumn: (props: IFlexColumn) => JSX.Element;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { IRowOrColumn } from '../RowOrColumn';
-export declare const FlexRow: (props: IRowOrColumn) => JSX.Element;
+import { IFlexRow } from '../RowOrColumn';
+export declare const FlexRow: (props: IFlexRow) => JSX.Element;

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

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export interface IIconProps {
+export interface IIcon {
     disabled?: boolean;
     fill?: string;
     outline?: string;
@@ -21,4 +21,4 @@ export interface IIconProps {
     className?: string;
 }
 export declare const IconF: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const Icon: (pr: IIconProps) => JSX.Element;
+export declare const Icon: (pr: IIcon) => JSX.Element;

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
-export declare const KebabDots: ({ onClick }: {
-    onClick?: (() => Promise<void>) | undefined;
-}) => JSX.Element;
+export interface IKebabDots {
+    onClick?: () => Promise<void>;
+}
+export declare const KebabDots: ({ onClick }: IKebabDots) => JSX.Element;

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

@@ -1,12 +1,13 @@
 /// <reference types="react" />
-export declare const Loader: ({ name, height, width, }: {
+export interface ILoader {
     /**
      * default 2rem
      */
-    width?: string | null | undefined;
+    width?: string | null;
     /**
      * default 2rem
      */
-    height?: string | null | undefined;
+    height?: string | null;
     name: string;
-}) => JSX.Element;
+}
+export declare const Loader: ({ name, height, width }: ILoader) => JSX.Element;

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

@@ -63,7 +63,7 @@ const LoadingBack = styled_components_1.default.div `
   }
   transition: opacity 5s;
 `;
-const Loader = ({ name, height = '2rem', width = '2rem', }) => {
+const Loader = ({ name, height = '2rem', width = '2rem' }) => {
     const [trans, setTrans] = (0, react_1.useState)(true);
     (0, react_1.useEffect)(() => {
         setTrans(false);

package/dist/ui/components/Modal/types.d.ts

@@ -10,9 +10,3 @@ export interface IModal {
     className?: string;
     closeOnClickOutside?: boolean;
 }
-export interface IPromptAction {
-    topText?: string;
-    bottomText: string;
-    defaultValue?: string;
-    placeholder?: string;
-}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface IProgressBar {
+    min: number;
+    max: number;
+    /** default #4d76ff */
+    frontColour?: string;
+    /** default #eee */
+    backColour?: string;
+    /** default 25,50,75 */
+    dotPercentages?: number[] | null;
+}
+export declare const ProgressBar: (p: IProgressBar) => JSX.Element;

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

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBar = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const styles_1 = require("../../styles");
+const Base = styled_components_1.default.div `
+  position: relative;
+  min-width: 5rem;
+  width: 100%;
+  height: 2rem;
+  border-radius: 1rem;
+  overflow: hidden;
+`;
+const Bar = styled_components_1.default.div `
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  transition: width 0.2s ease;
+`;
+const Dot = styled_components_1.default.div `
+  position: absolute;
+  top: calc(50% - 0.25rem);
+  width: 0.5rem;
+  height: 0.5rem;
+  background-color: #aaa;
+  z-index: 1;
+  border-radius: 50%;
+  &[data-invert='true'] {
+    background-color: #333;
+  }
+`;
+const ProgressBar = (p) => {
+    const { min, max, frontColour = styles_1.colours.notificationBlue, backColour = '#eee', dotPercentages = [25, 50, 75], } = p;
+    const barWidth = (min / max) * 100;
+    return (react_1.default.createElement(Base, { style: { backgroundColor: backColour } },
+        react_1.default.createElement(Bar, { style: {
+                width: `${barWidth}%`,
+                backgroundColor: frontColour,
+            } }),
+        (dotPercentages === null || dotPercentages === void 0 ? void 0 : dotPercentages.map) &&
+            dotPercentages.map((v) => {
+                return (react_1.default.createElement(Dot, { key: v, style: { left: `calc(${v}% - 0.25rem)` }, "data-invert": v > barWidth }));
+            })));
+};
+exports.ProgressBar = ProgressBar;

package/dist/ui/components/Prompt/Dialog.d.ts

@@ -1,7 +1,7 @@
-export interface IPromptAction {
+export interface IPromptDialog {
     topText?: string;
     bottomText: string;
     defaultValue?: string;
     placeholder?: string;
 }
-export declare const PromptDialog: (p: IPromptAction) => Promise<string | undefined>;
+export declare const PromptDialog: (p: IPromptDialog) => Promise<string | undefined>;

package/dist/ui/components/Prompt/Modal.d.ts

@@ -1,11 +1,14 @@
 /// <reference types="react" />
-export declare const PromptModal: ({ wrapper, res, bottomText, topText, okText, cancelText, defaultValue, placeholder, }: {
-    defaultValue?: string | undefined;
-    placeholder?: string | undefined;
+export interface IPromptModal {
+    defaultValue?: string;
+    placeholder?: string;
     res: (v: string | undefined) => void;
-    wrapper: HTMLDivElement;
-    topText?: string | undefined;
+    wrapper?: HTMLDivElement;
+    topText?: string;
     bottomText: string;
-    okText?: string | undefined;
-    cancelText?: string | undefined;
-}) => JSX.Element;
+    /** default 'OK' */
+    okText?: string;
+    /** default "cancel" */
+    cancelText?: string;
+}
+export declare const PromptModal: ({ wrapper, res, bottomText, topText, okText, cancelText, defaultValue, placeholder, }: IPromptModal) => JSX.Element;

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

@@ -70,8 +70,10 @@ const PromptModal = ({ wrapper, res, bottomText, topText, okText = 'OK', cancelT
             res(v);
         }
         finally {
-            react_dom_1.default.unmountComponentAtNode(wrapper);
-            wrapper.remove();
+            if (wrapper) {
+                react_dom_1.default.unmountComponentAtNode(wrapper);
+                wrapper.remove();
+            }
         }
     };
     return (react_1.default.createElement(Modal_1.Modal, { position: "center", topPosition: "center", open: true, setOpen: () => ret(undefined), showCloseButton: false, closeOnClickOutside: false },

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

@@ -8,4 +8,6 @@ export interface IRowOrColumn {
     title?: string;
     enableOverflow?: boolean;
 }
+export declare type IFlexColumn = IRowOrColumn;
+export declare type IFlexRow = IRowOrColumn;
 export declare const RowOrColumn: (props: IRowOrColumn) => JSX.Element;

package/dist/ui/components/Search/Inline.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ISearchDialog, TSearchModalRes } from './types';
-export declare const SearchInline: <T>(p: ISearchDialog<T> & {
+import { ISearchInline, TSearchModalRes } from './types';
+export declare const SearchInline: <T>(p: ISearchInline<T> & {
     onSelectItem?: ((v: TSearchModalRes<T>) => void) | undefined;
     onSearchTextChange?: ((v: string) => void) | undefined;
 }) => JSX.Element;

package/dist/ui/components/Search/Modal.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ISearchDialog, TSearchModalRes } from './types';
-export declare const SearchModal: <T>(p: ISearchDialog<T> & {
+import { ISearchModal, TSearchModalRes } from './types';
+export declare const SearchModal: <T>(p: ISearchModal<T> & {
     onSelectItem: (v: TSearchModalRes<T>) => void;
 }) => JSX.Element;

package/dist/ui/components/Search/types.d.ts

@@ -29,3 +29,5 @@ export declare type TSearchModalRes<T> = undefined | {
     foundItem: T;
     searchText: string;
 };
+export declare type ISearchModal<T> = ISearchDialog<T>;
+export declare type ISearchInline<T> = ISearchDialog<T>;

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

@@ -1,17 +1,18 @@
 /// <reference types="react" />
-export declare const Sidebar: ({ children, className, key, cookieDocument, width, }: {
+export interface ISidebar {
     children: any;
-    className?: string | undefined;
+    className?: string;
     /**
      * used for localstorage. default 'sidebar'
      */
-    key?: string | undefined;
+    key?: string;
     /**
      * optionally pass in SSR cookiedocument
      */
-    cookieDocument?: string | undefined;
+    cookieDocument?: string;
     /**
      * default 15rem
      */
-    width?: string | undefined;
-}) => JSX.Element;
+    width?: string;
+}
+export declare const Sidebar: ({ children, className, key, cookieDocument, width, }: ISidebar) => JSX.Element;

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

@@ -3,8 +3,9 @@ export interface TableItem {
     content: JSX.Element;
     groupTitle: string;
 }
-export declare const Table: ({ children, className, headerRow, }: {
+export interface ITable {
     children: TableItem[];
-    className?: string | undefined;
-    headerRow?: JSX.Element | undefined;
-}) => JSX.Element;
+    className?: string;
+    headerRow?: JSX.Element;
+}
+export declare const Table: ({ children, className, headerRow }: ITable) => JSX.Element;

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

@@ -34,7 +34,7 @@ const GroupWrap = styled_components_1.default.div `
   display: flex;
   flex-flow: column;
 `;
-const Table = ({ children, className, headerRow, }) => {
+const Table = ({ children, className, headerRow }) => {
     const grouped = (0, groupBy_1.groupByList)(children, (s) => s.groupTitle);
     return (react_1.default.createElement(Base, { className: className }, grouped.map((group) => (react_1.default.createElement(GroupWrap, { key: 'gk' + group.key },
         group.key && (react_1.default.createElement(GroupTitle, { key: `gt${group.key}` }, group.key)),

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

@@ -1,11 +1,14 @@
 /// <reference types="react" />
 import { User } from '../../helpers/jwt';
-export declare const UserImage: ({ image, className, title, }: {
-    image?: string | undefined;
-    className?: string | undefined;
-    title?: string | undefined;
-}) => JSX.Element;
-export declare const UserProfileImage: ({ className, user, }: {
-    className?: string | undefined;
-    user?: User | undefined;
-}) => JSX.Element;
+export interface IUserImage {
+    image?: string;
+    className?: string;
+    /** default "user image" */
+    title?: string;
+}
+export declare const UserImage: ({ image, className, title, }: IUserImage) => JSX.Element;
+export interface IUserProfileImage {
+    className?: string;
+    user?: Pick<User, 'picture' | 'fullname' | 'userId'>;
+}
+export declare const UserProfileImage: ({ className, user }: IUserProfileImage) => JSX.Element;

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

@@ -54,7 +54,7 @@ const UserImage = ({ image, className, title = 'user image', }) => {
         (!image || fallback) && UserOutline_1.UserOutline));
 };
 exports.UserImage = UserImage;
-const UserProfileImage = ({ className, user, }) => {
+const UserProfileImage = ({ className, user }) => {
     const image = user === null || user === void 0 ? void 0 : user.picture;
     if (image) {
         if (!images.domains.find((i) => image.includes(i))) {

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

@@ -2,8 +2,7 @@ export * from './BorderGradient';
 export * from './Button';
 export * from './Chevron';
 export * from './Close';
-export * from './OpenApiCodeBlock';
-export * from './Confirm/Dialog';
+export * from './Confirm';
 export * from './DropdownList';
 export * from './FlexColumn';
 export * from './FlexRow';
@@ -11,7 +10,9 @@ export * from './HeadersRaw';
 export * from './Icon';
 export * from './KebabDots';
 export * from './Loader';
-export * from './Modal/Modal';
+export * from './Modal';
+export * from './OpenApiCodeBlock';
+export * from './ProgressBar';
 export * from './Prompt';
 export * from './RowOrColumn';
 export * from './Search';

package/dist/ui/components/index.js

@@ -18,8 +18,7 @@ __exportStar(require("./BorderGradient"), exports);
 __exportStar(require("./Button"), exports);
 __exportStar(require("./Chevron"), exports);
 __exportStar(require("./Close"), exports);
-__exportStar(require("./OpenApiCodeBlock"), exports);
-__exportStar(require("./Confirm/Dialog"), exports);
+__exportStar(require("./Confirm"), exports);
 __exportStar(require("./DropdownList"), exports);
 __exportStar(require("./FlexColumn"), exports);
 __exportStar(require("./FlexRow"), exports);
@@ -27,7 +26,9 @@ __exportStar(require("./HeadersRaw"), exports);
 __exportStar(require("./Icon"), exports);
 __exportStar(require("./KebabDots"), exports);
 __exportStar(require("./Loader"), exports);
-__exportStar(require("./Modal/Modal"), exports);
+__exportStar(require("./Modal"), exports);
+__exportStar(require("./OpenApiCodeBlock"), exports);
+__exportStar(require("./ProgressBar"), exports);
 __exportStar(require("./Prompt"), exports);
 __exportStar(require("./RowOrColumn"), exports);
 __exportStar(require("./Search"), exports);

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

@@ -1,2 +1,8 @@
-export declare const daydiffstr: (dayticks: number) => string;
+/**
+ * returns appropriate time diff string
+ * @param lowDate
+ * @param highDate defaults to Date.Now
+ * @returns
+ */
+export declare const dateDiffToString: (lowDate: Date, highDate?: Date) => string;
 export declare const getDMY: (date: Date, dayOffset?: number) => string;

package/dist/ui/helpers/date.js

@@ -1,28 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDMY = exports.daydiffstr = void 0;
+exports.getDMY = exports.dateDiffToString = void 0;
 const plural_1 = require("./plural");
 const date_1 = require("../../common/helpers/date");
-const math_1 = require("../../common/helpers/math");
-const daydiffstr = (dayticks) => {
-    const ticksSince = new Date().getTime() - dayticks;
-    const totalMinutes = (0, math_1.toFixedDown)(ticksSince / 1000 / 60, 0);
-    const totalHours = (0, math_1.toFixedDown)(totalMinutes / 60, 0);
-    const totalDays = (0, math_1.toFixedDown)(totalHours / 24, 0);
-    const totalYears = (0, math_1.toFixedDown)(totalDays / 365, 0);
-    let ts = `${totalYears} ${(0, plural_1.plural)('yr', totalYears)} ago `;
-    if (totalMinutes < 60) {
-        ts = `${totalMinutes} ${(0, plural_1.plural)('min', totalMinutes)} ago `;
+/**
+ * returns appropriate time diff string
+ * @param lowDate
+ * @param highDate defaults to Date.Now
+ * @returns
+ */
+const dateDiffToString = (lowDate, highDate) => {
+    const d = (0, date_1.dateDiff)(lowDate, highDate !== null && highDate !== void 0 ? highDate : new Date());
+    let ts = `${d.totalYears} ${(0, plural_1.plural)('yr', d.totalYears)} ago `;
+    if (d.totalMinutes < 60) {
+        ts = `${d.totalMinutes} ${(0, plural_1.plural)('min', d.totalMinutes)} ago `;
     }
-    else if (totalHours < 24) {
-        ts = `${totalHours} ${(0, plural_1.plural)('hr', totalHours)} ago `;
+    else if (d.totalHours < 24) {
+        ts = `${d.totalHours} ${(0, plural_1.plural)('hr', d.totalHours)} ago `;
     }
-    else if (totalDays < 365) {
-        ts = `${totalDays} ${(0, plural_1.plural)('day', totalDays)} ago `;
+    else if (d.totalDays < 365) {
+        ts = `${d.totalDays} ${(0, plural_1.plural)('day', d.totalDays)} ago `;
     }
     return ts;
 };
-exports.daydiffstr = daydiffstr;
+exports.dateDiffToString = dateDiffToString;
 const getDMY = (date, dayOffset) => {
     const date1 = (0, date_1.addDays)(date, dayOffset || 0);
     const d = String(date1.getDate()).padStart(2, '0');

package/dist/ui/helpers/useLocalStorage.js

@@ -4,7 +4,7 @@ exports.UseLocalStorage = exports.getLocalStorageItem = exports.setLocalStorageI
 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 date_1 = require("../../common/helpers/date");
 const clearLocalStorageItem = (key) => {
     if (typeof window === 'undefined') {
         return;
@@ -41,7 +41,7 @@ const setLocalStorageItem = (key, value, ttl) => {
             return;
         }
         const set = {
-            expiry: !ttl ? undefined : getTimeSeconds() + ttl,
+            expiry: !ttl ? undefined : (0, date_1.getTimeSeconds)() + ttl,
             val: JSON.stringify(value),
         };
         window.localStorage.setItem(key, JSON.stringify(set));
@@ -58,7 +58,7 @@ const getLocalStorageItem = (key, initialValue, ttl) => {
     }
     const itemraw = window.localStorage.getItem(key);
     const item = (0, object_1.tryJsonParse)(itemraw, undefined);
-    if (!item || (item.expiry && getTimeSeconds() > item.expiry)) {
+    if (!item || (item.expiry && (0, date_1.getTimeSeconds)() > item.expiry)) {
         (0, exports.setLocalStorageItem)(key, initialValue, ttl);
         return initialValue;
     }

package/package.json

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