ag-common 0.0.316 → 0.0.319

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

@@ -1,6 +1,6 @@
-import { IQueryDynamo, Key } from '../types';
-import AWS from 'aws-sdk';
-export declare let dynamoDb: AWS.DynamoDB.DocumentClient;
+import { DYNAMOKEYS, IQueryDynamo, Key } from '../types';
+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;
@@ -44,3 +44,8 @@ export declare const getDynamoTtl: (days: number) => number;
 export declare const wipeTable: (tableName: string) => Promise<{
     errors?: string[] | undefined;
 }>;
+export declare const getDynamoUpdates: (items: DYNAMOKEYS) => {
+    UpdateExpression: string;
+    ExpressionAttributeNames: Record<string, string>;
+    ExpressionAttributeValues: Record<string, string | number>;
+};

package/dist/api/helpers/dynamo.js

@@ -12,16 +12,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.wipeTable = exports.getDynamoTtl = exports.queryDynamo = exports.getItemsDynamo = exports.getItemDynamo = exports.scan = exports.batchDelete = exports.batchWrite = exports.putDynamo = exports.setDynamo = exports.dynamoDb = void 0;
+exports.getDynamoUpdates = exports.wipeTable = exports.getDynamoTtl = exports.queryDynamo = exports.getItemsDynamo = exports.getItemDynamo = exports.scan = exports.batchDelete = exports.batchWrite = exports.putDynamo = exports.setDynamo = exports.dynamoDb = void 0;
 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,
@@ -354,3 +354,27 @@ const wipeTable = (tableName) => __awaiter(void 0, void 0, void 0, function* ()
     return {};
 });
 exports.wipeTable = wipeTable;
+const getDynamoUpdates = (items) => {
+    const cleanedKeys = Object.keys(items).filter((r) => r !== 'PK');
+    let UpdateExpression = '';
+    const ExpressionAttributeNames = {};
+    const ExpressionAttributeValues = {};
+    cleanedKeys.forEach((key) => {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const v = items[key];
+        if (v) {
+            UpdateExpression += `${!UpdateExpression ? '' : ','} #${key} = :${key}`;
+            ExpressionAttributeNames[`#${key}`] = key;
+            ExpressionAttributeValues[`:${key}`] = v;
+        }
+        else {
+            (0, log_1.warn)(`no value for key:${key}`);
+        }
+    });
+    return {
+        UpdateExpression,
+        ExpressionAttributeNames,
+        ExpressionAttributeValues,
+    };
+};
+exports.getDynamoUpdates = getDynamoUpdates;

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/api/helpers/validateOpenApi.d.ts

@@ -12,9 +12,11 @@ export declare type NextType<T> = ({ event, body, params, userProfile, lang, }:
 export declare function validateOpenApi<T>({ event, next, authorized, schema, COGNITO_USER_POOL_ID, jwksRegion, getAndValidateTokenOverride, }: {
     getAndValidateTokenOverride?: TGetAndValidateToken;
     COGNITO_USER_POOL_ID: string;
+    /** pass in openapi schema. eg require('common/openapi.generated').default; */
     schema: any;
     event: APIGatewayEvent;
     next: NextType<T>;
+    /** default false */
     authorized?: true | false | 'optional';
     /**
      * default ap-southeast-2

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,8 +10,9 @@ export * from './HeadersRaw';
 export * from './Icon';
 export * from './KebabDots';
 export * from './Loader';
-export * from './LogoutButton';
-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,8 +26,9 @@ __exportStar(require("./HeadersRaw"), exports);
 __exportStar(require("./Icon"), exports);
 __exportStar(require("./KebabDots"), exports);
 __exportStar(require("./Loader"), exports);
-__exportStar(require("./LogoutButton"), 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/package.json

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

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const LogoutButton: ({ className, invert, logout, }: {
-    invert?: boolean | undefined;
-    className?: string | undefined;
-    logout: () => void;
-}) => JSX.Element;

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

@@ -1,27 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LogoutButton = void 0;
-const colours_1 = require("../../styles/colours");
-const Button_1 = require("../Button");
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Door_1 = require("../../icons/Door");
-const Icon = styled_components_1.default.div `
-  width: 1.5rem;
-  height: 1.5rem;
-`;
-const ButtonStyled = (0, styled_components_1.default)(Button_1.Button) `
-  padding: 0;
-  margin: 0;
-  border: 0;
-  background-color: transparent;
-  svg {
-    fill: ${colours_1.colours.notificationBlue};
-  }
-`;
-const LogoutButton = ({ className, invert, logout, }) => (react_1.default.createElement(ButtonStyled, { invert: invert, className: className, onKeyPress: () => logout(), onClick: () => logout() },
-    react_1.default.createElement(Icon, null, Door_1.Door)));
-exports.LogoutButton = LogoutButton;