@linzjs/step-ag-grid 15.1.3 → 17.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/GridTheme.scss +138 -106
- package/dist/index.css +1 -8
- package/dist/node_modules/@linzjs/lui/dist/assets/svg-content.d.ts +7 -0
- package/dist/src/components/ComponentLoadingWrapper.d.ts +3 -4
- package/dist/src/components/Grid.d.ts +2 -2
- package/dist/src/components/GridCell.d.ts +6 -6
- package/dist/src/components/GridCellMultiEditor.d.ts +2 -2
- package/dist/src/components/GridIcon.d.ts +2 -2
- package/dist/src/components/GridLoadableCell.d.ts +1 -2
- package/dist/src/components/GridNoRowsOverlay.d.ts +5 -4
- package/dist/src/components/GridPopoverHook.d.ts +3 -3
- package/dist/src/components/GridWrapper.d.ts +2 -3
- package/dist/src/components/PostSortRowsHook.d.ts +1 -1
- package/dist/src/components/gridFilter/GridFilterButtons.d.ts +2 -2
- package/dist/src/components/gridFilter/GridFilterColumnsToggle.d.ts +2 -2
- package/dist/src/components/gridFilter/GridFilterDownloadCsvButton.d.ts +1 -2
- package/dist/src/components/gridFilter/GridFilterQuick.d.ts +1 -2
- package/dist/src/components/gridFilter/GridFilters.d.ts +2 -5
- package/dist/src/components/gridForm/GridFormDropDown.d.ts +3 -3
- package/dist/src/components/gridForm/GridFormEditBearing.d.ts +1 -2
- package/dist/src/components/gridForm/GridFormMessage.d.ts +3 -3
- package/dist/src/components/gridForm/GridFormMultiSelect.d.ts +3 -3
- package/dist/src/components/gridForm/GridFormPopoverMenu.d.ts +4 -4
- package/dist/src/components/gridForm/GridFormSubComponentTextArea.d.ts +2 -2
- package/dist/src/components/gridForm/GridFormSubComponentTextInput.d.ts +2 -2
- package/dist/src/components/gridForm/GridFormTextArea.d.ts +2 -2
- package/dist/src/components/gridForm/GridFormTextInput.d.ts +1 -2
- package/dist/src/components/gridHeader/GridHeaderSelect.d.ts +1 -2
- package/dist/src/components/gridHook/useGridContextMenu.d.ts +1 -1
- package/dist/src/components/gridRender/GridRenderGenericCell.d.ts +2 -2
- package/dist/src/components/gridRender/GridRenderPopoutMenuCell.d.ts +1 -2
- package/dist/src/contexts/GridContext.d.ts +5 -5
- package/dist/src/contexts/GridContextProvider.d.ts +2 -6
- package/dist/src/contexts/GridPopoverContextProvider.d.ts +2 -3
- package/dist/src/contexts/GridUpdatingContextProvider.d.ts +2 -6
- package/dist/src/lui/ActionButton.d.ts +3 -3
- package/dist/src/lui/FormError.d.ts +3 -3
- package/dist/src/lui/TextAreaInput.d.ts +4 -4
- package/dist/src/lui/TextInputFormatted.d.ts +3 -3
- package/dist/src/react-menu3/components/ControlledMenu.d.ts +3 -3
- package/dist/src/react-menu3/components/FocusableItem.d.ts +4 -4
- package/dist/src/react-menu3/components/Menu.d.ts +2 -2
- package/dist/src/react-menu3/components/MenuButton.d.ts +1 -1
- package/dist/src/react-menu3/components/MenuDivider.d.ts +1 -1
- package/dist/src/react-menu3/components/MenuGroup.d.ts +2 -2
- package/dist/src/react-menu3/components/MenuHeader.d.ts +2 -2
- package/dist/src/react-menu3/components/MenuItem.d.ts +1 -1
- package/dist/src/react-menu3/components/MenuList.d.ts +1 -2
- package/dist/src/react-menu3/components/MenuRadioGroup.d.ts +2 -2
- package/dist/src/react-menu3/components/SubMenu.d.ts +2 -2
- package/dist/src/react-menu3/utils/utils.d.ts +1 -1
- package/dist/src/react-menu3/utils/withHovering.d.ts +2 -2
- package/dist/src/utils/textValidator.d.ts +3 -3
- package/dist/step-ag-grid.cjs.js +1007 -3909
- package/dist/step-ag-grid.cjs.js.map +1 -1
- package/dist/step-ag-grid.esm.js +1008 -3910
- package/dist/step-ag-grid.esm.js.map +1 -1
- package/package.json +63 -59
- package/src/components/ComponentLoadingWrapper.tsx +9 -6
- package/src/components/Grid.tsx +32 -27
- package/src/components/GridCell.tsx +5 -5
- package/src/components/GridCellMultiEditor.tsx +2 -2
- package/src/components/GridIcon.tsx +2 -1
- package/src/components/GridNoRowsOverlay.tsx +10 -11
- package/src/components/GridPopoverHook.tsx +4 -4
- package/src/components/GridWrapper.tsx +2 -3
- package/src/components/PostSortRowsHook.ts +4 -4
- package/src/components/gridFilter/GridFilterButtons.tsx +2 -2
- package/src/components/gridFilter/GridFilterColumnsToggle.tsx +2 -2
- package/src/components/gridFilter/GridFilters.tsx +4 -6
- package/src/components/gridForm/GridFormDropDown.tsx +4 -4
- package/src/components/gridForm/GridFormMessage.tsx +3 -3
- package/src/components/gridForm/GridFormMultiSelect.tsx +2 -1
- package/src/components/gridForm/GridFormPopoverMenu.tsx +4 -4
- package/src/components/gridForm/GridFormSubComponentTextArea.tsx +2 -2
- package/src/components/gridForm/GridFormSubComponentTextInput.tsx +2 -2
- package/src/components/gridForm/GridFormTextArea.tsx +2 -2
- package/src/components/gridPopoverEdit/GridPopoverMessage.ts +1 -1
- package/src/components/gridRender/GridRenderGenericCell.tsx +2 -1
- package/src/contexts/GridContext.tsx +5 -5
- package/src/contexts/GridContextProvider.tsx +57 -32
- package/src/contexts/GridPopoverContextProvider.tsx +2 -3
- package/src/contexts/GridUpdatingContextProvider.tsx +2 -6
- package/src/lui/ActionButton.tsx +4 -3
- package/src/lui/FormError.tsx +3 -1
- package/src/lui/TextAreaInput.tsx +3 -3
- package/src/lui/TextInputFormatted.tsx +5 -4
- package/src/lui/reactUtils.test.tsx +7 -6
- package/src/react-menu3/components/FocusableItem.tsx +2 -2
- package/src/react-menu3/utils/utils.ts +1 -1
- package/src/react-menu3/utils/withHovering.tsx +2 -2
- package/src/stories/components/ActionButton.stories.tsx +2 -1
- package/src/stories/grid/FormTest.tsx +4 -3
- package/src/stories/grid/GridFilterButtons.stories.tsx +13 -16
- package/src/stories/grid/GridNoRowsOverlay.stories.tsx +14 -11
- package/src/stories/grid/GridNonEditableRow.stories.tsx +13 -5
- package/src/stories/grid/GridPopoutContextMenu.stories.tsx +12 -4
- package/src/stories/grid/GridPopoutEditGeneric.stories.tsx +12 -4
- package/src/stories/grid/GridPopoutEditGenericTextArea.stories.tsx +13 -5
- package/src/stories/grid/GridPopoverEditBearing.stories.tsx +11 -3
- package/src/stories/grid/GridPopoverEditDropDown.stories.tsx +11 -3
- package/src/stories/grid/GridPopoverEditMultiSelect.stories.tsx +11 -3
- package/src/stories/grid/GridPopoverEditMultiSelectGrid.stories.tsx +12 -3
- package/src/stories/grid/GridReadOnly.stories.tsx +22 -5
- package/src/stories/grid/gridFormInteraction/GridFormDropDownInteraction.stories.tsx +15 -12
- package/src/stories/grid/gridFormInteraction/GridFormEditBearingCorrectionInteraction.stories.tsx +20 -12
- package/src/stories/grid/gridFormInteraction/GridFormEditBearingInteraction.stories.tsx +20 -12
- package/src/stories/grid/gridFormInteraction/GridFormMultiSelectGridInteraction.stories.tsx +13 -10
- package/src/stories/grid/gridFormInteraction/GridFormMultiSelectInteraction.stories.tsx +19 -16
- package/src/stories/grid/gridFormInteraction/GridFormPopoverMenuInteraction.stories.tsx +21 -17
- package/src/stories/grid/gridFormInteraction/GridFormTextAreaInteraction.stories.tsx +13 -10
- package/src/stories/grid/gridFormInteraction/GridFormTextInputInteraction.stories.tsx +15 -12
- package/src/stories/grid/gridFormStatic/GridFormDropDown.stories.tsx +5 -2
- package/src/stories/grid/gridFormStatic/GridFormEditBearing.stories.tsx +5 -2
- package/src/stories/grid/gridFormStatic/GridFormEditBearingCorrection.stories.tsx +5 -2
- package/src/stories/grid/gridFormStatic/GridFormMessage.stories.tsx +6 -3
- package/src/stories/grid/gridFormStatic/GridFormMultiSelect.stories.tsx +4 -1
- package/src/stories/grid/gridFormStatic/GridFormPopoverMenu.stories.tsx +4 -1
- package/src/stories/grid/gridFormStatic/GridFormTextArea.stories.tsx +5 -2
- package/src/stories/grid/gridFormStatic/GridFormTextInput.stories.tsx +5 -2
- package/src/stories/grid/interactions/GridKeyboardInteractions.stories.tsx +25 -12
- package/src/stories/react-menu/ReactMenu.stories.tsx +6 -4
- package/src/styles/ComponentLoadingWrapper.scss +1 -4
- package/src/styles/Grid.scss +0 -4
- package/src/styles/GridTheme.scss +138 -106
- package/src/utils/testUtil.ts +3 -0
- package/src/utils/textValidator.ts +3 -1
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { IHeaderParams } from "ag-grid-community";
|
|
3
2
|
/**
|
|
4
3
|
* AgGrid's existing select header doesn't work the way we want.
|
|
5
4
|
* If you have partial select then clicking the header checkbox will select all,
|
|
6
5
|
* but we want to deselect all on partial select.
|
|
7
6
|
*/
|
|
8
|
-
export declare const GridHeaderSelect: ({ api }: IHeaderParams) => JSX.Element;
|
|
7
|
+
export declare const GridHeaderSelect: ({ api }: IHeaderParams) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -15,5 +15,5 @@ export declare const useGridContextMenu: <RowType extends GridBaseRow>({ context
|
|
|
15
15
|
}) => {
|
|
16
16
|
openMenu: (e: PointerEvent | null | undefined) => void;
|
|
17
17
|
cellContextMenu: (event: CellContextMenuEvent) => void;
|
|
18
|
-
component: JSX.Element | null;
|
|
18
|
+
component: import("react/jsx-runtime").JSX.Element | null;
|
|
19
19
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { ICellRendererParams } from "ag-grid-community";
|
|
3
2
|
import { EditableCallbackParams, SuppressKeyboardEventParams, ValueFormatterParams, ValueGetterParams } from "ag-grid-community/dist/lib/entities/colDef";
|
|
3
|
+
import { ReactElement } from "react";
|
|
4
4
|
import { GridBaseRow } from "../Grid";
|
|
5
5
|
import { ColDefT } from "../GridCell";
|
|
6
6
|
export interface RowICellRendererParams<RowType extends GridBaseRow> extends ICellRendererParams {
|
|
@@ -29,7 +29,7 @@ export interface GenericCellColDef<RowType extends GridBaseRow> extends ColDefT<
|
|
|
29
29
|
}
|
|
30
30
|
export interface GenericCellRendererParams<RowType extends GridBaseRow> {
|
|
31
31
|
singleClickEdit?: boolean;
|
|
32
|
-
rightHoverElement?:
|
|
32
|
+
rightHoverElement?: ReactElement | undefined;
|
|
33
33
|
editAction?: (selectedRows: RowType[]) => void;
|
|
34
34
|
shortcutKeys?: Record<string, ((params: SuppressKeyboardEventParams) => boolean | void) | undefined>;
|
|
35
35
|
warning?: (props: RowICellRendererParams<RowType>) => string | string[] | boolean | null | undefined;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { ICellRendererParams } from "ag-grid-community";
|
|
3
|
-
export declare const GridRenderPopoutMenuCell: (props: ICellRendererParams) => JSX.Element;
|
|
2
|
+
export declare const GridRenderPopoutMenuCell: (props: ICellRendererParams) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ColDef, ColumnApi, GridApi,
|
|
2
|
+
import { ColDef, ColumnApi, GridApi, IRowNode } from "ag-grid-community";
|
|
3
3
|
import { CsvExportParams } from "ag-grid-community/dist/lib/interfaces/exportParams";
|
|
4
4
|
import { ColDefT, GridBaseRow } from "../components";
|
|
5
|
-
export type GridFilterExternal<RowType extends GridBaseRow> = (data: RowType, rowNode:
|
|
5
|
+
export type GridFilterExternal<RowType extends GridBaseRow> = (data: RowType, rowNode: IRowNode) => boolean;
|
|
6
6
|
export interface AutoSizeColumnsProps {
|
|
7
7
|
skipHeader?: boolean;
|
|
8
8
|
colIds?: Set<string> | string[];
|
|
@@ -31,7 +31,7 @@ export interface GridContextType<RowType extends GridBaseRow> {
|
|
|
31
31
|
selectRowsByIdWithFlash: (rowIds?: number[]) => void;
|
|
32
32
|
flashRows: (rowIds?: number[]) => void;
|
|
33
33
|
flashRowsDiff: (updateFn: () => Promise<any>) => Promise<void>;
|
|
34
|
-
focusByRowById: (rowId: number) => void;
|
|
34
|
+
focusByRowById: (rowId: number, ifNoCellFocused?: boolean) => void;
|
|
35
35
|
ensureRowVisible: (id: number | string) => boolean;
|
|
36
36
|
ensureSelectedRowIsVisible: () => void;
|
|
37
37
|
getFirstRowId: () => number;
|
|
@@ -47,14 +47,14 @@ export interface GridContextType<RowType extends GridBaseRow> {
|
|
|
47
47
|
selectedRows: GridBaseRow[];
|
|
48
48
|
field?: string;
|
|
49
49
|
}, fnUpdate: (selectedRows: any[]) => Promise<boolean>, setSaving?: (saving: boolean) => void, tabDirection?: 1 | 0 | -1) => Promise<boolean>;
|
|
50
|
-
redrawRows: (rowNodes?:
|
|
50
|
+
redrawRows: (rowNodes?: IRowNode[]) => void;
|
|
51
51
|
externallySelectedItemsAreInSync: boolean;
|
|
52
52
|
setExternallySelectedItemsAreInSync: (inSync: boolean) => void;
|
|
53
53
|
waitForExternallySelectedItemsToBeInSync: () => Promise<void>;
|
|
54
54
|
addExternalFilter: (filter: GridFilterExternal<RowType>) => void;
|
|
55
55
|
removeExternalFilter: (filter: GridFilterExternal<RowType>) => void;
|
|
56
56
|
isExternalFilterPresent: () => boolean;
|
|
57
|
-
doesExternalFilterPass: (node:
|
|
57
|
+
doesExternalFilterPass: (node: IRowNode) => boolean;
|
|
58
58
|
invisibleColumnIds: string[] | undefined;
|
|
59
59
|
setInvisibleColumnIds: (colIds: string[]) => void;
|
|
60
60
|
downloadCsv: (csvExportParams?: CsvExportParams) => void;
|
|
@@ -1,19 +1,15 @@
|
|
|
1
1
|
import { ProcessCellForExportParams } from "ag-grid-community/dist/lib/interfaces/exportParams";
|
|
2
|
-
import {
|
|
2
|
+
import { PropsWithChildren, ReactElement } from "react";
|
|
3
3
|
import { GridBaseRow } from "../components";
|
|
4
|
-
interface GridContextProps {
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
}
|
|
7
4
|
/**
|
|
8
5
|
* Context for AgGrid operations.
|
|
9
6
|
* Make sure you wrap AgGrid in this.
|
|
10
7
|
* Also, make sure the provider is created in a separate component, otherwise it won't be found.
|
|
11
8
|
*/
|
|
12
|
-
export declare const GridContextProvider: <RowType extends GridBaseRow>(props:
|
|
9
|
+
export declare const GridContextProvider: <RowType extends GridBaseRow>(props: PropsWithChildren) => ReactElement;
|
|
13
10
|
/**
|
|
14
11
|
* Aggrid defaults to using getters and ignores formatters.
|
|
15
12
|
* step-ag-grid by default has a valueFormatter for every column that defaults to the getter if no valueFormatter
|
|
16
13
|
* This function uses valueFormatter by default
|
|
17
14
|
*/
|
|
18
15
|
export declare const downloadCsvUseValueFormattersProcessCellCallback: (params: ProcessCellForExportParams) => string;
|
|
19
|
-
export {};
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { ICellEditorParams } from "ag-grid-community";
|
|
2
|
-
import {
|
|
2
|
+
import { PropsWithChildren } from "react";
|
|
3
3
|
interface GridPopoverContextProps {
|
|
4
4
|
props: ICellEditorParams;
|
|
5
|
-
children: ReactNode;
|
|
6
5
|
}
|
|
7
|
-
export declare const GridPopoverContextProvider: ({ props, children }: GridPopoverContextProps) => JSX.Element;
|
|
6
|
+
export declare const GridPopoverContextProvider: ({ props, children }: PropsWithChildren<GridPopoverContextProps>) => import("react/jsx-runtime").JSX.Element;
|
|
8
7
|
export {};
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
interface UpdatingContextProviderProps {
|
|
3
|
-
children: ReactNode;
|
|
4
|
-
}
|
|
1
|
+
import { PropsWithChildren } from "react";
|
|
5
2
|
export type GridUpdatingContextStatus = Record<string, (number | string)[] | undefined>;
|
|
6
|
-
export declare const GridUpdatingContextProvider: (props:
|
|
7
|
-
export {};
|
|
3
|
+
export declare const GridUpdatingContextProvider: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import "./ActionButton.scss";
|
|
2
|
+
import { CSSProperties, ReactElement } from "react";
|
|
2
3
|
import { LuiButtonProps } from "@linzjs/lui/dist/components/LuiButton/LuiButton";
|
|
3
4
|
import { IconName } from "@linzjs/lui/dist/components/LuiIcon/LuiIcon";
|
|
4
|
-
import "./ActionButton.scss";
|
|
5
5
|
export interface ActionButtonProps {
|
|
6
6
|
icon: IconName;
|
|
7
7
|
name?: string;
|
|
@@ -17,4 +17,4 @@ export interface ActionButtonProps {
|
|
|
17
17
|
style?: CSSProperties;
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
}
|
|
20
|
-
export declare const ActionButton: ({ icon, name, inProgressName, disabled, dataTestId, style, className, title, onClick, size, iconPosition, level, "aria-label": ariaLabel, }: ActionButtonProps) =>
|
|
20
|
+
export declare const ActionButton: ({ icon, name, inProgressName, disabled, dataTestId, style, className, title, onClick, size, iconPosition, level, "aria-label": ariaLabel, }: ActionButtonProps) => ReactElement;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import "./FormError.scss";
|
|
2
|
+
import { ReactElement } from "react";
|
|
3
3
|
export interface FormErrorProps {
|
|
4
4
|
helpText?: string;
|
|
5
|
-
error?:
|
|
5
|
+
error?: ReactElement | string | boolean | null;
|
|
6
6
|
}
|
|
7
|
-
export declare const FormError: (props: FormErrorProps) => JSX.Element;
|
|
7
|
+
export declare const FormError: (props: FormErrorProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { InputHTMLAttributes } from "react";
|
|
1
|
+
import { InputHTMLAttributes, ReactElement } from "react";
|
|
2
2
|
export declare const useGenerateOrDefaultId: (idFromProps?: string) => string;
|
|
3
3
|
export interface LuiTextAreaInputProps extends InputHTMLAttributes<HTMLTextAreaElement> {
|
|
4
4
|
value: string;
|
|
5
|
-
label?:
|
|
5
|
+
label?: ReactElement | string;
|
|
6
6
|
mandatory?: boolean;
|
|
7
7
|
helpText?: string;
|
|
8
|
-
error?:
|
|
8
|
+
error?: ReactElement | string | boolean | null;
|
|
9
9
|
allowTabToSave?: boolean;
|
|
10
10
|
}
|
|
11
|
-
export declare const TextAreaInput: (props: LuiTextAreaInputProps) => JSX.Element;
|
|
11
|
+
export declare const TextAreaInput: (props: LuiTextAreaInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { DetailedHTMLProps, InputHTMLAttributes } from "react";
|
|
2
1
|
import "./TextInputFormatted.scss";
|
|
2
|
+
import { DetailedHTMLProps, InputHTMLAttributes, ReactElement } from "react";
|
|
3
3
|
export interface LuiTextInputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
|
|
4
4
|
value: string;
|
|
5
5
|
helpText?: string;
|
|
6
|
-
error?:
|
|
6
|
+
error?: ReactElement | string | boolean | null;
|
|
7
7
|
formatted?: string;
|
|
8
8
|
allowTabToSave?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export declare const TextInputFormatted: (props: LuiTextInputProps) =>
|
|
10
|
+
export declare const TextInputFormatted: (props: LuiTextInputProps) => ReactElement;
|
|
@@ -2,7 +2,7 @@ import { ForwardedRef, MutableRefObject } from "react";
|
|
|
2
2
|
import { ControlledMenuProps } from "../types";
|
|
3
3
|
export declare const ControlledMenuFr: ({ "aria-label": ariaLabel, className, containerProps, initialMounted, unmountOnClose, transition, transitionTimeout, boundingBoxRef, boundingBoxPadding, reposition, submenuOpenDelay, submenuCloseDelay, skipOpen, viewScroll, portal, theming, onItemClick, onClose, saveButtonRef, closeMenuExclusionClassName, ...restProps }: ControlledMenuProps & {
|
|
4
4
|
saveButtonRef?: MutableRefObject<HTMLButtonElement | null> | undefined;
|
|
5
|
-
}, externalRef: ForwardedRef<HTMLUListElement>) => JSX.Element | null;
|
|
6
|
-
export declare const ControlledMenu: import("react").ForwardRefExoticComponent<
|
|
5
|
+
}, externalRef: ForwardedRef<HTMLUListElement>) => import("react/jsx-runtime").JSX.Element | null;
|
|
6
|
+
export declare const ControlledMenu: import("react").ForwardRefExoticComponent<Omit<ControlledMenuProps & {
|
|
7
7
|
saveButtonRef?: MutableRefObject<HTMLButtonElement | null> | undefined;
|
|
8
|
-
}, "
|
|
8
|
+
}, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { LegacyRef } from "react";
|
|
1
|
+
import { LegacyRef, ReactElement } from "react";
|
|
2
2
|
import { BaseProps } from "../types";
|
|
3
3
|
import { withHoveringResultProps } from "../utils/withHovering";
|
|
4
4
|
export interface FocusableItemProps extends BaseProps, withHoveringResultProps {
|
|
5
5
|
disabled?: boolean;
|
|
6
|
-
children: (ref: LegacyRef<any>) =>
|
|
6
|
+
children: (ref: LegacyRef<any>) => ReactElement;
|
|
7
7
|
}
|
|
8
|
-
export declare const FocusableItemFr: ({ className, disabled, children, isHovering, menuItemRef, externalRef, ...restProps }: FocusableItemProps) => JSX.Element;
|
|
9
|
-
export declare const FocusableItem: import("react").ForwardRefExoticComponent<
|
|
8
|
+
export declare const FocusableItemFr: ({ className, disabled, children, isHovering, menuItemRef, externalRef, ...restProps }: FocusableItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const FocusableItem: import("react").ForwardRefExoticComponent<Omit<FocusableItemProps, "ref"> & import("react").RefAttributes<unknown>>;
|
|
@@ -12,5 +12,5 @@ export interface MenuProps extends RootMenuProps, UncontrolledMenuProps {
|
|
|
12
12
|
*/
|
|
13
13
|
menuButton: RenderProp<MenuButtonModifiers, ReactElement>;
|
|
14
14
|
}
|
|
15
|
-
export declare function MenuFr({ "aria-label": ariaLabel, menuButton, instanceRef, onMenuChange, ...restProps }: MenuProps, externalRef: ForwardedRef<ReactElement>): JSX.Element;
|
|
16
|
-
export declare const Menu: import("react").ForwardRefExoticComponent<
|
|
15
|
+
export declare function MenuFr({ "aria-label": ariaLabel, menuButton, instanceRef, onMenuChange, ...restProps }: MenuProps, externalRef: ForwardedRef<ReactElement>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const Menu: import("react").ForwardRefExoticComponent<Omit<MenuProps, "ref"> & import("react").RefAttributes<ReactElement<any, string | import("react").JSXElementConstructor<any>>>>;
|
|
@@ -5,4 +5,4 @@ export interface MenuButtonProps extends BaseProps<MenuButtonModifiers> {
|
|
|
5
5
|
children?: ReactNode;
|
|
6
6
|
isOpen?: boolean;
|
|
7
7
|
}
|
|
8
|
-
export declare const MenuButton: import("react").ForwardRefExoticComponent<
|
|
8
|
+
export declare const MenuButton: import("react").ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { BaseProps } from "../types";
|
|
3
|
-
export declare const MenuDivider: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<
|
|
3
|
+
export declare const MenuDivider: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<BaseProps<undefined>, "ref"> & import("react").RefAttributes<HTMLLIElement>>>;
|
|
@@ -8,5 +8,5 @@ export interface MenuGroupProps extends BaseProps {
|
|
|
8
8
|
*/
|
|
9
9
|
takeOverflow?: boolean;
|
|
10
10
|
}
|
|
11
|
-
export declare const MenuGroupFr: ({ className, style, takeOverflow, ...restProps }: MenuGroupProps, externalRef: ForwardedRef<HTMLDivElement>) => JSX.Element;
|
|
12
|
-
export declare const MenuGroup: import("react").ForwardRefExoticComponent<
|
|
11
|
+
export declare const MenuGroupFr: ({ className, style, takeOverflow, ...restProps }: MenuGroupProps, externalRef: ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const MenuGroup: import("react").ForwardRefExoticComponent<Omit<MenuGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ForwardedRef } from "react";
|
|
2
2
|
import { BasePropsWithChildren } from "../types";
|
|
3
|
-
export declare const MenuHeaderFr: ({ className, ...restProps }: BasePropsWithChildren, externalRef: ForwardedRef<HTMLLIElement>) => JSX.Element;
|
|
4
|
-
export declare const MenuHeader: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<
|
|
3
|
+
export declare const MenuHeaderFr: ({ className, ...restProps }: BasePropsWithChildren, externalRef: ForwardedRef<HTMLLIElement>) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const MenuHeader: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<BasePropsWithChildren<undefined>, "ref"> & import("react").RefAttributes<HTMLLIElement>>>;
|
|
@@ -56,4 +56,4 @@ export interface MenuItemProps extends Omit<BaseProps<MenuItemModifiers>, "onCli
|
|
|
56
56
|
*/
|
|
57
57
|
children?: RenderProp<MenuItemModifiers>;
|
|
58
58
|
}
|
|
59
|
-
export declare const MenuItem: import("react").ForwardRefExoticComponent<
|
|
59
|
+
export declare const MenuItem: import("react").ForwardRefExoticComponent<Omit<MenuItemProps & withHoveringResultProps, "ref"> & import("react").RefAttributes<unknown>>;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { ControlledMenuProps } from "../types";
|
|
3
|
-
export declare const MenuList: ({ ariaLabel, menuClassName, menuStyle, arrowClassName, arrowStyle, anchorPoint, anchorRef, containerRef, externalRef, parentScrollingRef, arrow, align, direction, position, overflow, setDownOverflow, repositionFlag, captureFocus, state, endTransition, isDisabled, menuItemFocus, dontShrinkIfDirectionIsTop, offsetX, offsetY, children, onClose, ...restProps }: ControlledMenuProps) => JSX.Element;
|
|
2
|
+
export declare const MenuList: ({ ariaLabel, menuClassName, menuStyle, arrowClassName, arrowStyle, anchorPoint, anchorRef, containerRef, externalRef, parentScrollingRef, arrow, align, direction, position, overflow, setDownOverflow, repositionFlag, captureFocus, state, endTransition, isDisabled, menuItemFocus, dontShrinkIfDirectionIsTop, offsetX, offsetY, children, onClose, ...restProps }: ControlledMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -21,5 +21,5 @@ export interface MenuRadioGroupProps extends BaseProps {
|
|
|
21
21
|
*/
|
|
22
22
|
onRadioChange?: EventHandler<RadioChangeEvent>;
|
|
23
23
|
}
|
|
24
|
-
export declare const MenuRadioGroupFr: ({ "aria-label": ariaLabel, className, name, value, onRadioChange, ...restProps }: MenuRadioGroupProps, externalRef: ForwardedRef<HTMLUListElement>) => JSX.Element;
|
|
25
|
-
export declare const MenuRadioGroup: import("react").ForwardRefExoticComponent<
|
|
24
|
+
export declare const MenuRadioGroupFr: ({ "aria-label": ariaLabel, className, name, value, onRadioChange, ...restProps }: MenuRadioGroupProps, externalRef: ForwardedRef<HTMLUListElement>) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare const MenuRadioGroup: import("react").ForwardRefExoticComponent<Omit<MenuRadioGroupProps, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
|
|
@@ -105,6 +105,6 @@ export interface SubMenuProps extends BaseMenuProps, Hoverable, UncontrolledMenu
|
|
|
105
105
|
*/
|
|
106
106
|
openTrigger?: "none" | "clickOnly";
|
|
107
107
|
}
|
|
108
|
-
export declare const SubMenuFr: ({ "aria-label": ariaLabel, className, disabled, direction, label, openTrigger, onMenuChange, isHovering, instanceRef, menuItemRef, itemProps, ...restProps }: SubMenuProps) => JSX.Element;
|
|
109
|
-
export declare const SubMenu: import("react").ForwardRefExoticComponent<
|
|
108
|
+
export declare const SubMenuFr: ({ "aria-label": ariaLabel, className, disabled, direction, label, openTrigger, onMenuChange, isHovering, instanceRef, menuItemRef, itemProps, ...restProps }: SubMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
109
|
+
export declare const SubMenu: import("react").ForwardRefExoticComponent<Omit<SubMenuProps, "ref"> & import("react").RefAttributes<unknown>>;
|
|
110
110
|
export {};
|
|
@@ -20,7 +20,7 @@ export declare const getTransition: (transition: MenuStateOptions["transition"],
|
|
|
20
20
|
export declare function safeCall<T, R>(fn: (arg?: T) => R, arg?: T): R;
|
|
21
21
|
export declare function safeCall<T, R>(fn: T, arg: R): T;
|
|
22
22
|
export declare const getName: (component: Record<string, any | undefined>) => any;
|
|
23
|
-
export declare const defineName: (name: string, component: React.ForwardRefExoticComponent<React.PropsWithoutRef<MenuButtonProps> & React.RefAttributes<unknown>>) => import("react").ForwardRefExoticComponent<
|
|
23
|
+
export declare const defineName: (name: string, component: React.ForwardRefExoticComponent<React.PropsWithoutRef<MenuButtonProps> & React.RefAttributes<unknown>>) => import("react").ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & import("react").RefAttributes<unknown>>;
|
|
24
24
|
export declare const mergeProps: (target: any, source: any) => any;
|
|
25
25
|
export declare const parsePadding: (paddingStr: string | undefined) => {
|
|
26
26
|
top: number;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { MutableRefObject, PropsWithRef } from "react";
|
|
1
|
+
import { MutableRefObject, PropsWithRef, ReactElement } from "react";
|
|
2
2
|
export interface withHoveringResultProps {
|
|
3
3
|
isHovering?: boolean;
|
|
4
4
|
externalRef?: MutableRefObject<any>;
|
|
5
5
|
menuItemRef?: MutableRefObject<HTMLLIElement>;
|
|
6
6
|
}
|
|
7
|
-
export declare const withHovering: <T>(name: string, WrappedComponent: (props: T) =>
|
|
7
|
+
export declare const withHovering: <T>(name: string, WrappedComponent: (props: T) => ReactElement) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<PropsWithRef<T>> & import("react").RefAttributes<unknown>>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
2
|
import { GridBaseRow } from "../components/Grid";
|
|
3
3
|
export interface TextInputValidatorProps<RowType extends GridBaseRow> {
|
|
4
4
|
required?: boolean;
|
|
5
5
|
maxLength?: number;
|
|
6
6
|
maxBytes?: number;
|
|
7
|
-
invalid?: (value: string, data: RowType, context: any) =>
|
|
7
|
+
invalid?: (value: string, data: RowType, context: any) => ReactElement | string | null;
|
|
8
8
|
numberFormat?: {
|
|
9
9
|
precision?: number;
|
|
10
10
|
scale?: number;
|
|
@@ -15,4 +15,4 @@ export interface TextInputValidatorProps<RowType extends GridBaseRow> {
|
|
|
15
15
|
notZero?: boolean;
|
|
16
16
|
};
|
|
17
17
|
}
|
|
18
|
-
export declare const TextInputValidator: <RowType extends GridBaseRow>(props: TextInputValidatorProps<RowType>, value: string | null, data: RowType, context: any) => string |
|
|
18
|
+
export declare const TextInputValidator: <RowType extends GridBaseRow>(props: TextInputValidatorProps<RowType>, value: string | null, data: RowType, context: any) => string | ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|