ag-common 0.0.428 → 0.0.430

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

@@ -17,5 +17,5 @@ export interface IBorderGradient {
     rel?: string;
     disabled?: boolean;
 }
-export declare const BorderGradient: ({ left, right, children, radius, fill, padding, className, onClick, href, target, rel, noGrow, disabled, canClick, }: IBorderGradient) => JSX.Element;
+export declare const BorderGradient: ({ left, right, children, radius, fill, padding, className, onClick, href, target, rel, noGrow, disabled, canClick, }: IBorderGradient) => React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { KeyboardEventHandler, MouseEventHandler } from 'react';
+import React, { KeyboardEventHandler, MouseEventHandler } from 'react';
 export declare const ButtonBase: import("@emotion/react").SerializedStyles;
 export interface IButton {
     title?: string;
@@ -11,4 +11,4 @@ export interface IButton {
     href?: string;
     colourTheme?: 'green' | 'red';
 }
-export declare const Button: (props: IButton) => JSX.Element;
+export declare const Button: (props: IButton) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface IChevron {
     /**
      * default right
@@ -9,4 +9,4 @@ export interface IChevron {
     width?: string;
     onToggle?: () => void;
 }
-export declare const Chevron: ({ width, className, colour, onToggle, point, }: IChevron) => JSX.Element;
+export declare const Chevron: ({ width, className, colour, onToggle, point, }: IChevron) => React.JSX.Element;

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

@@ -3,4 +3,4 @@ export interface IClose {
     onClick?: (ev: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     className?: string;
 }
-export declare const Close: (p: IClose) => JSX.Element;
+export declare const Close: (p: IClose) => React.JSX.Element;

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface IHeadersRaw {
     title?: string;
     image?: string;
@@ -6,4 +6,4 @@ export interface IHeadersRaw {
     FullSiteUrl: string;
     siteDesc: string;
 }
-export declare const HeadersRaw: ({ title, image, SiteShort, FullSiteUrl, siteDesc, }: IHeadersRaw) => JSX.Element[];
+export declare const HeadersRaw: ({ title, image, SiteShort, FullSiteUrl, siteDesc, }: IHeadersRaw) => React.JSX.Element[];

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

@@ -2,4 +2,4 @@ import React from 'react';
 export declare const HorizontalScrollBar: ({ children, className, }: {
     children: React.ReactNode;
     className?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -24,4 +24,4 @@ export declare const IconF: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: React.ElementType<any> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const Icon: (pr: IIcon) => JSX.Element;
+export declare const Icon: (pr: IIcon) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ImgHTMLAttributes } from 'react';
+import React, { ImgHTMLAttributes } from 'react';
 export interface IImage {
     /** if true, will set order to -1 for mobile. default false */
     smalltop?: boolean;
@@ -9,4 +9,4 @@ export interface IImage {
     /** if true is counted as a small image, and will be sized accordingly. default false */
     small?: boolean;
 }
-export declare const Image: (p: ImgHTMLAttributes<HTMLImageElement> & IImage) => JSX.Element;
+export declare const Image: (p: ImgHTMLAttributes<HTMLImageElement> & IImage) => React.JSX.Element;

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

@@ -14,4 +14,4 @@ export interface IInfiniteScroll {
     /** eg 'showing x of y results' */
     renderResultsLine?: (min: number, max: number) => React.ReactNode;
 }
-export declare const InfiniteScroll: (p: IInfiniteScroll) => JSX.Element;
+export declare const InfiniteScroll: (p: IInfiniteScroll) => React.JSX.Element;

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

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

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

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

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

@@ -4,4 +4,4 @@ export declare const ModalItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: React.ElementType<any> | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Modal: ({ open, setOpen, children, position, topPosition, showCloseButton, closeOnMoveMouseOutside, className, closeOnClickOutside, }: IModal) => JSX.Element;
+export declare const Modal: ({ open, setOpen, children, position, topPosition, showCloseButton, closeOnMoveMouseOutside, className, closeOnClickOutside, }: IModal) => React.JSX.Element;

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface IProgressBar {
     min: number;
     max: number;
@@ -12,4 +12,4 @@ export interface IProgressBar {
     /** if true, will transition to the end in X ms */
     transitionToMs?: number;
 }
-export declare const ProgressBar: (p: IProgressBar) => JSX.Element;
+export declare const ProgressBar: (p: IProgressBar) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Root } from 'react-dom/client';
 export interface IPromptModal {
     defaultValue?: string;
@@ -13,4 +13,4 @@ export interface IPromptModal {
     /** default "cancel" */
     cancelText?: string;
 }
-export declare const PromptModal: ({ root, wrapper, res, bottomText, topText, okText, cancelText, defaultValue, placeholder, }: IPromptModal) => JSX.Element;
+export declare const PromptModal: ({ root, wrapper, res, bottomText, topText, okText, cancelText, defaultValue, placeholder, }: IPromptModal) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export interface IRowOrColumn {
     noGrow?: boolean;
     center?: boolean;
@@ -10,4 +10,4 @@ export interface IRowOrColumn {
 }
 export type IFlexColumn = IRowOrColumn;
 export type IFlexRow = IRowOrColumn;
-export declare const RowOrColumn: (props: IRowOrColumn) => JSX.Element;
+export declare const RowOrColumn: (props: IRowOrColumn) => React.JSX.Element;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 export interface IAutoHideSearchBox {
     searchText: string;
     setSearchText: (val: string, enterPressed: boolean) => void;
     onOpenToggle?: (open: boolean) => void;
     className?: string;
 }
-export declare const AutoHideSearchBox: (p: IAutoHideSearchBox) => JSX.Element;
+export declare const AutoHideSearchBox: (p: IAutoHideSearchBox) => React.JSX.Element;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { ISearchDialog, TSearchModalRes } from './types';
 type ISearchBase<T> = ISearchDialog<T> & {
     onSearchTextChange?: (v: string) => void;
     onSelectItem?: (v: TSearchModalRes<T>) => void;
 };
-export declare const SearchBase: <T>(p: ISearchBase<T>) => JSX.Element;
+export declare const SearchBase: <T>(p: ISearchBase<T>) => React.JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 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;
+}) => React.JSX.Element;

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

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface ISidebar {
     children: any;
     className?: string;
@@ -15,4 +15,4 @@ export interface ISidebar {
      */
     width?: string;
 }
-export declare const Sidebar: ({ children, className, key, cookieDocument, width, }: ISidebar) => JSX.Element;
+export declare const Sidebar: ({ children, className, key, cookieDocument, width, }: ISidebar) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface ISparkLine {
     /**
      * default #4d76ff
@@ -13,4 +13,4 @@ export type TSparkLineData = {
     x: number;
     y: number;
 };
-export declare const SparkLine: (p: ISparkLine) => JSX.Element;
+export declare const SparkLine: (p: ISparkLine) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface TableItem {
     content: JSX.Element;
     groupTitle: string;
@@ -8,4 +8,4 @@ export interface ITable {
     className?: string;
     headerRow?: JSX.Element;
 }
-export declare const Table: ({ children, className, headerRow }: ITable) => JSX.Element;
+export declare const Table: ({ children, className, headerRow }: ITable) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const CheckboxEdit: ({ defaultValue, onSubmit, noGrow, allowUndo, }: {
     defaultValue: boolean;
     onSubmit: (val: boolean) => void;
@@ -7,4 +7,4 @@ export declare const CheckboxEdit: ({ defaultValue, onSubmit, noGrow, allowUndo,
      * if true, will add undo button after changes. if false, will submit after every keypress. default true
      */
     allowUndo?: boolean | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const ColourEdit: ({ defaultValue, onSubmit, }: {
     defaultValue: string;
     onSubmit: (val: string) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const TextEditLengthBox: ({ min, max, }: {
     min: number;
     max: number;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const ListboxEdit: <T>({ defaultValue, onSubmit, values, canEdit, renderLabel, }: {
     defaultValue: T;
     onSubmit: (val: T) => void;
@@ -11,4 +11,4 @@ export declare const ListboxEdit: <T>({ defaultValue, onSubmit, values, canEdit,
      * can overload the render of the label. defaults to toString
      */
     renderLabel?: ((a: T) => string) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const RadioGroup: <T>({ defaultValue, onSubmit, values, renderLabel, renderValue, }: {
     /**
      * can overload the render of the label. defaults to toString
@@ -11,4 +11,4 @@ export declare const RadioGroup: <T>({ defaultValue, onSubmit, values, renderLab
     defaultValue: T;
     onSubmit: (val: T) => void;
     values: T[];
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const TextWithButton: ({ submitText, placeholder, validateF, onSubmit, }: {
     /** default "Submit" */
     submitText?: string | undefined;
@@ -6,4 +6,4 @@ export declare const TextWithButton: ({ submitText, placeholder, validateF, onSu
     /** if provided will validate and block submission accordingly */
     validateF?: ((s: string) => boolean) | undefined;
     onSubmit: (s: string) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Cross: () => JSX.Element;
+import React from 'react';
+export declare const Cross: () => React.JSX.Element;

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Tick: () => JSX.Element;
+import React from 'react';
+export declare const Tick: () => React.JSX.Element;

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Warning: () => JSX.Element;
+import React from 'react';
+export declare const Warning: () => React.JSX.Element;

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

@@ -7,8 +7,8 @@ export declare const Toast: ({ toast, close, providerOptions, }: {
     toast: IToastInt;
     providerOptions: IToastProviderOptions;
     close: (s: string) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const ToastProvider: ({ children, providerOptions, }: {
     children: React.ReactNode;
     providerOptions?: IToastProviderOptions | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

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

package/dist/ui/icons/ChevronRight.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ChevronRight: JSX.Element;
+import React from 'react';
+export declare const ChevronRight: React.JSX.Element;

package/dist/ui/icons/CrossIcon.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const CrossIcon: ({ className, onClick, }: {
     className?: string | undefined;
     onClick?: (() => void) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/ui/icons/Door.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Door: JSX.Element;
+import React from 'react';
+export declare const Door: React.JSX.Element;

package/dist/ui/icons/HorizontalDots.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const HorizontalDots: JSX.Element;
+import React from 'react';
+export declare const HorizontalDots: React.JSX.Element;

package/dist/ui/icons/Magnify.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const Magnify: ({ colour, }: {
     /** default "#000" */
     colour?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/ui/icons/Pencil.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Pencil: () => JSX.Element;
+import React from 'react';
+export declare const Pencil: () => React.JSX.Element;

package/dist/ui/icons/Save.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Save: () => JSX.Element;
+import React from 'react';
+export declare const Save: () => React.JSX.Element;

package/dist/ui/icons/Undo.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Undo: () => JSX.Element;
+import React from 'react';
+export declare const Undo: () => React.JSX.Element;

package/dist/ui/icons/UserOutline.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const UserOutline: JSX.Element;
+import React from 'react';
+export declare const UserOutline: React.JSX.Element;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.428",
+  "version": "0.0.430",
   "name": "ag-common",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -28,28 +28,28 @@
     "typescript": ">=5"
   },
   "devDependencies": {
-    "@babel/core": "7.21.4",
+    "@babel/core": "7.21.8",
     "@babel/preset-typescript": "^7.21.5",
     "@babel/types": "^7.21.5",
-    "@emotion/react": "11.10.6",
-    "@emotion/styled": "11.10.6",
-    "@storybook/addon-actions": "7.0.7",
-    "@storybook/addon-docs": "7.0.7",
-    "@storybook/addon-essentials": "7.0.7",
-    "@storybook/addon-interactions": "7.0.7",
-    "@storybook/addon-links": "7.0.7",
-    "@storybook/addons": "7.0.7",
-    "@storybook/react": "7.0.7",
-    "@storybook/react-webpack5": "7.0.7",
-    "@storybook/theming": "7.0.7",
+    "@emotion/react": "11.11.0",
+    "@emotion/styled": "11.11.0",
+    "@storybook/addon-actions": "7.0.9",
+    "@storybook/addon-docs": "7.0.9",
+    "@storybook/addon-essentials": "7.0.9",
+    "@storybook/addon-interactions": "7.0.9",
+    "@storybook/addon-links": "7.0.9",
+    "@storybook/addons": "7.0.9",
+    "@storybook/react": "7.0.9",
+    "@storybook/react-webpack5": "7.0.9",
+    "@storybook/theming": "7.0.9",
     "@types/jsonwebtoken": "9.0.2",
-    "@types/node": "18.16.1",
-    "@types/react": "18.2.0",
-    "@types/react-dom": "18.2.1",
+    "@types/node": "18.16.5",
+    "@types/react": "18.2.6",
+    "@types/react-dom": "18.2.4",
     "cross-env": "7.0.3",
     "eslint-config-e7npm": "0.0.9",
     "rimraf": "5.0.0",
-    "storybook": "7.0.7"
+    "storybook": "7.0.9"
   },
   "files": [
     "dist/**/*",