ag-common 0.0.252 → 0.0.255

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

@@ -1,7 +1,7 @@
 import { APIGatewayProxyResult, DYNAMOKEYS } from '../types';
 export declare const returnCode: <T>(statusCode: number, body?: T | undefined, extraHeaders?: {
     [a: string]: string;
-} | undefined, fullSiteUrl?: string | undefined) => APIGatewayProxyResult;
+} | undefined, fullSiteUrl?: string) => APIGatewayProxyResult;
 /**
  * strip all dynamo generated keys. can optionally keep PK
  * @param record

package/dist/api/helpers/openApiHelpers.js

@@ -136,7 +136,7 @@ const openApiImpl = (p) => {
             const entry = `${endpointsBase}${fullPath}/${verb.toUpperCase()}.ts`;
             const lambdaV = new aws_cdk_lib_1.aws_lambda_nodejs.NodejsFunction(stack, lambdaName, {
                 functionName: lambdaName,
-                runtime: aws_cdk_lib_1.aws_lambda.Runtime.NODEJS_14_X,
+                runtime: aws_cdk_lib_1.aws_lambda.Runtime.NODEJS_16_X,
                 handler: 'handler',
                 environment: lc.environment,
                 memorySize: lc.memory,

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

@@ -11,4 +11,4 @@ export declare const CSharpToJs: (charpTicks: number) => Date;
  * @param date default = now
  * @returns
  */
-export declare const dateTimeToNearestMinute: (minutes: number, date?: Date | undefined) => Date;
+export declare const dateTimeToNearestMinute: (minutes: number, date?: Date) => Date;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Chevron: ({ width, className, colour, onToggle, point, }: {
     /**
      * default right

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

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

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IDropdownList } from './types';
 export declare function DropdownList<T>(p: IDropdownList<T>): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface IDropdownList<T> {
     /**
      * all items that can be in dropdown

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface IHeadersRaw {
     title?: string;
     image?: string;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Loader: ({ name, height, width, }: {
     /**
      * default 2rem

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const LoginButton: ({ className, text, invert, savePath, loginPath, style, }: {
     invert?: boolean | undefined;
     text: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const LogoutButton: ({ className, invert, logout, }: {
     invert?: boolean | undefined;
     className?: string | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ModalItem: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Modal: ({ open, setOpen, children, position, topPosition, showCloseButton, closeOnMoveMouseOutside, className, closeOnClickOutside, }: {
     open: boolean;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IOpenApiCodeBlock } from './types';
 export declare const OpenApiCodeBlock: <TDefaultApi>(p: IOpenApiCodeBlock<TDefaultApi>) => JSX.Element;

package/dist/ui/components/OpenApiCodeBlock/curl/helpers/body.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IOpenApiCodeBlock } from '../../types';
 export declare const getBody: <TDefaultApi>(p: IOpenApiCodeBlock<TDefaultApi>) => {
     content: JSX.Element | undefined;

package/dist/ui/components/OpenApiCodeBlock/curl/helpers/security.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IOpenApi, IOpenApiOperation } from '../../types';
 export declare const getSecurityLine: (p: {
     apiKey?: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IOpenApiCodeBlock, IOpenApiOperationBlock } from '../types';
 export declare const Curl: <TDefaultApi>({ ops, p, }: {
     p: IOpenApiCodeBlock<TDefaultApi>;

package/dist/ui/components/OpenApiCodeBlock/fetch/helpers/call.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IOpenApiCodeBlock, IOpenApiOperationBlock } from '../../types';
 export declare const getFetchCall: <TDefaultApi>(p: IOpenApiCodeBlock<TDefaultApi>, ops: IOpenApiOperationBlock) => JSX.Element | undefined;

package/dist/ui/components/OpenApiCodeBlock/fetch/helpers/req.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IOpenApiCodeBlock, IOpenApiOperationBlock } from '../../types';
 export declare const getRequestOptions: <TDefaultApi>(p: IOpenApiCodeBlock<TDefaultApi>, ops: IOpenApiOperationBlock) => JSX.Element | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IOpenApiCodeBlock, IOpenApiOperationBlock } from '../types';
 export declare const Fetch: <TDefaultApi>({ ops, p, }: {
     p: IOpenApiCodeBlock<TDefaultApi>;

package/dist/ui/components/OpenApiCodeBlock/helpers/joinJsx.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const joinJsx: (items: (JSX.Element | undefined)[], sep: JSX.Element[]) => JSX.Element[];
 export declare const joinJsxWithSlash: (items: (JSX.Element | undefined)[]) => JSX.Element[];
 export declare const joinJsxWithComma: (items: (JSX.Element | undefined)[]) => JSX.Element[];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface IOpenApiOperation {
     description: string;
     operationId: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const PromptModal: ({ wrapper, res, bottomText, topText, okText, cancelText, defaultValue, placeholder, }: {
     defaultValue?: string | undefined;
     placeholder?: string | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ISearchDialog, TSearchModalRes } from './types';
 export declare const SearchBase: <T>({ onSelectItem, onSearchTextChange, placeholderText, closeText, renderItem, displayItems, willDisplayItem, getKeyF, }: ISearchDialog<T> & {
     onSearchTextChange?: ((v: string) => void) | undefined;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ISearchDialog<T> {
     placeholderText?: string;
     closeText?: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Sidebar: ({ children, className, key, cookieDocument, width, }: {
     children: any;
     className?: string | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ISparkLine {
     /**
      * default #4d76ff

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TableItem {
     content: JSX.Element;
     groupTitle: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const CheckboxEdit: ({ defaultValue, onSubmit, noGrow, }: {
     defaultValue: boolean;
     onSubmit: (val: boolean) => void;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ColourEdit: ({ defaultValue, onSubmit, }: {
     defaultValue: string;
     onSubmit: (val: string) => void;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const TextEditLengthBox: ({ min, max, }: {
     min: number;
     max: number;

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

@@ -1,10 +1,13 @@
-/// <reference types="react" />
-export declare const ListboxEdit: ({ defaultValue, onSubmit, values, canEdit, }: {
-    defaultValue: string;
-    onSubmit: (val: string) => void;
-    values: string[];
+export declare const ListboxEdit: <T>({ defaultValue, onSubmit, values, canEdit, renderLabel, }: {
+    defaultValue: T;
+    onSubmit: (val: T) => void;
+    values: T[];
     /**
      * if true can revert or explicit save. default true
      */
     canEdit?: boolean | undefined;
+    /**
+     * can overload the render of the label. defaults to toString
+     */
+    renderLabel?: ((a: T) => string) | undefined;
 }) => JSX.Element;

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

@@ -28,13 +28,23 @@ const images_1 = require("./images");
 const common_1 = require("./common");
 const common_2 = require("../../styles/common");
 const react_1 = __importStar(require("react"));
-const ListboxEdit = ({ defaultValue, onSubmit, values, canEdit = true, }) => {
+const ListboxEdit = ({ defaultValue, onSubmit, values, canEdit = true, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+renderLabel = (e) => e.toString(), }) => {
     const [value, setValue] = (0, react_1.useState)(defaultValue);
     (0, react_1.useEffect)(() => {
         setValue(defaultValue);
     }, [defaultValue]);
     return (react_1.default.createElement(common_1.ValueBox, Object.assign({}, common_2.noDrag),
-        react_1.default.createElement("select", { size: 5, value: value, onChange: (v) => canEdit ? setValue(v.target.value) : onSubmit(v.target.value) }, values.map((v) => (react_1.default.createElement("option", { key: v, value: v }, v)))),
+        react_1.default.createElement("select", { size: 5, 
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            value: value.toString(), onChange: (v) => canEdit
+                ? setValue(v.target.value)
+                : onSubmit(v.target.value) }, values.map((v) => (react_1.default.createElement("option", { 
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            key: value.toString(), 
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            value: value.toString() }, renderLabel(v))))),
         canEdit && 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))),
         canEdit && value !== defaultValue && (react_1.default.createElement(common_1.IconD, { style: common_1.iconRight, onClick: () => setValue(defaultValue) },

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const RadioGroup: <T>({ defaultValue, onSubmit, values, renderLabel, renderValue, }: {
     /**
      * can overload the render of the label. defaults to toString

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

@@ -40,12 +40,15 @@ renderLabel = (e) => e.toString(),
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 renderValue = (e) => e.toString(), }) => {
     const [name] = (0, react_1.useState)((0, math_1.getRandomInt)(10000).toString());
-    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    const [value, setValue] = (0, react_1.useState)(renderValue(defaultValue));
     (0, react_1.useEffect)(() => {
-        setValue(defaultValue);
-    }, [defaultValue]);
+        const rv = renderValue(defaultValue);
+        if (value !== rv) {
+            setValue(rv);
+        }
+    }, [defaultValue, renderValue, value]);
     return (react_1.default.createElement(common_1.ValueBox, Object.assign({}, common_2.noDrag), values.map((v) => (react_1.default.createElement(FlexColumn_1.FlexColumn, { key: name + v },
         react_1.default.createElement(Label, null, renderLabel(v)),
-        react_1.default.createElement("input", { type: "radio", key: renderValue(v), value: renderValue(v), name: name, checked: v === value, onChange: () => onSubmit(v) }))))));
+        react_1.default.createElement("input", { type: "radio", key: renderValue(v), value: renderValue(v), name: name, checked: renderValue(v) === value, onChange: () => onSubmit(v) }))))));
 };
 exports.RadioGroup = RadioGroup;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ITextEdit } from './types';
 import { StyledComponent } from 'styled-components';
 export declare const ValueReadonly: StyledComponent<"div", any, {}, never>;

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

@@ -124,7 +124,7 @@ const TextEdit = ({ defaultValue = '', defaultEditing, disableEdit = false, plac
     if (!editing || disableEdit) {
         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', "data-nogrow": noGrow }, attributes),
             leftContent || null,
-            react_1.default.createElement(exports.ValueReadonly, { "data-type": "text" }, value),
+            react_1.default.createElement(exports.ValueReadonly, { "data-type": "text" }, value || react_1.default.createElement("span", { style: { color: '#ccc' } }, placeholder)),
             react_1.default.createElement(Right, null, !disableEdit && (react_1.default.createElement(Icon, { style: common_1.iconRight, onClick: (e) => {
                     e.stopPropagation();
                     setEditing(true);

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const UndoIcon: () => JSX.Element;
 export declare const PencilIcon: () => JSX.Element;
 export declare const SaveIcon: () => JSX.Element;

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { ToastPosition } from 'react-hot-toast';
 export interface IToastOptions {
     appearance: 'error' | 'success';
     autoClose?: number;
 }
-export declare const addToast: (m: string, options?: IToastOptions | undefined) => void;
+export declare const addToast: (m: string, options?: IToastOptions) => void;
 export declare const ToastProvider: ({ position }: {
     position: ToastPosition;
 }) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { User } from '../../helpers/jwt';
 export declare const UserImageIcon: JSX.Element;
 export declare const UserImage: ({ image, className, }: {

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

@@ -1,2 +1,2 @@
 export declare const daydiffstr: (dayticks: number) => string;
-export declare const getDMY: (date: Date, dayOffset?: number | undefined) => string;
+export declare const getDMY: (date: Date, dayOffset?: number) => string;

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

@@ -74,5 +74,5 @@ export interface AuthedUserContext {
     refreshToken: () => Promise<User | undefined>;
 }
 export declare const getBearerToken: (jwt?: {
-    id_token?: string | undefined;
-} | undefined) => string | undefined;
+    id_token?: string;
+}) => string | undefined;

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

@@ -1,5 +1,5 @@
 export declare const clearLocalStorageItem: (key: string) => void;
-export declare const clearAllLocalStorage: (except?: string[] | undefined) => void;
-export declare const setLocalStorageItem: <T>(key: string, value: T, ttl?: number | undefined) => void;
-export declare const getLocalStorageItem: <T>(key: string, initialValue: T, ttl?: number | undefined) => T;
+export declare const clearAllLocalStorage: (except?: string[]) => void;
+export declare const setLocalStorageItem: <T>(key: string, value: T, ttl?: number) => void;
+export declare const getLocalStorageItem: <T>(key: string, initialValue: T, ttl?: number) => T;
 export declare function UseLocalStorage<T>(key: string, initialValue: T, ttl?: number): [T, (value: T | ((a: T) => T)) => void];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.252",
+  "version": "0.0.255",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -30,22 +30,22 @@
     "typescript": "4.x"
   },
   "devDependencies": {
-    "@babel/core": "7.18.0",
-    "@storybook/addon-actions": "6.5.4",
-    "@storybook/addon-docs": "6.5.4",
-    "@storybook/addon-essentials": "6.5.4",
-    "@storybook/addon-interactions": "6.5.4",
-    "@storybook/addon-links": "6.5.4",
-    "@storybook/addons": "6.5.4",
-    "@storybook/react": "6.5.4",
-    "@storybook/theming": "6.5.4",
+    "@babel/core": "7.18.2",
+    "@storybook/addon-actions": "6.5.6",
+    "@storybook/addon-docs": "6.5.6",
+    "@storybook/addon-essentials": "6.5.6",
+    "@storybook/addon-interactions": "6.5.6",
+    "@storybook/addon-links": "6.5.6",
+    "@storybook/addons": "6.5.6",
+    "@storybook/react": "6.5.6",
+    "@storybook/theming": "6.5.6",
     "@types/jsonwebtoken": "8.5.8",
-    "@types/node": "17.0.35",
+    "@types/node": "17.0.36",
     "@types/react": "17.0.43",
     "@types/react-dom": "17.0.14",
     "@types/styled-components": "5.1.25",
-    "@typescript-eslint/eslint-plugin": "5.25.0",
-    "@typescript-eslint/parser": "5.25.0",
+    "@typescript-eslint/eslint-plugin": "5.27.0",
+    "@typescript-eslint/parser": "5.27.0",
     "cross-env": "7.0.3",
     "eslint": "8.16.0",
     "eslint-config-airbnb-typescript": "17.0.0",