ag-common 0.0.276 → 0.0.280

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -25,15 +25,20 @@ const TableRow = styled_components_1.default.div `
 const Group = styled_components_1.default.div `
   display: flex;
   flex-flow: column;
+  width: 100%;
 `;
 const GroupTitle = styled_components_1.default.div `
   font-size: 1.5rem;
 `;
+const GroupWrap = styled_components_1.default.div `
+  display: flex;
+  flex-flow: row;
+`;
 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(react_1.default.Fragment, null,
-        group.key && (react_1.default.createElement(GroupTitle, { key: `grouptitle${group.key}` }, group.key)),
-        react_1.default.createElement(Group, { key: `group${group.key}` },
+    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)),
+        react_1.default.createElement(Group, { key: `g${group.key}` },
             headerRow && (react_1.default.createElement(TableRow, { "data-header": "true", key: `headrow${group.key}` }, headerRow)),
             group.items.map((item) => (react_1.default.createElement(TableRow, { key: item.content.key }, item.content)))))))));
 };

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <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/TextEdit.d.ts

@@ -1,3 +1,4 @@
+/// <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/images.d.ts

@@ -1,3 +1,4 @@
+/// <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,3 +1,4 @@
+/// <reference types="react" />
 import { ToastPosition } from 'react-hot-toast';
 export interface IToastOptions {
     appearance: 'error' | 'success';

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

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

package/dist/ui/helpers/useContextMenu.js

@@ -6,7 +6,9 @@ const useContextMenu = ({ ref, }) => {
     const [xPos, setXPos] = (0, react_1.useState)('0px');
     const [yPos, setYPos] = (0, react_1.useState)('0px');
     const [showMenu, setShowMenu] = (0, react_1.useState)(false);
-    const handleContextMenu = (0, react_1.useCallback)((e) => {
+    const handleContextMenu = (0, react_1.useCallback)(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (e) => {
         var _a;
         if (!((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.276",
+  "version": "0.0.280",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -42,14 +42,14 @@
     "@storybook/react": "6.5.9",
     "@storybook/theming": "6.5.9",
     "@types/jsonwebtoken": "8.5.8",
-    "@types/node": "18.0.0",
-    "@types/react": "17.0.43",
-    "@types/react-dom": "17.0.14",
+    "@types/node": "18.0.1",
+    "@types/react": "18.0.14",
+    "@types/react-dom": "18.0.5",
     "@types/styled-components": "5.1.25",
-    "@typescript-eslint/eslint-plugin": "5.30.0",
-    "@typescript-eslint/parser": "5.30.0",
+    "@typescript-eslint/eslint-plugin": "5.30.5",
+    "@typescript-eslint/parser": "5.30.5",
     "cross-env": "7.0.3",
-    "eslint": "8.18.0",
+    "eslint": "8.19.0",
     "eslint-config-airbnb-typescript": "17.0.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-import": "2.26.0",