@simplybusiness/mobius 3.1.1 → 3.1.3
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/CHANGELOG.md +26 -2
- package/dist/cjs/components/Accordion/Accordion.d.ts +2 -2
- package/dist/cjs/components/Alert/Alert.d.ts +2 -2
- package/dist/cjs/components/Box/Box.d.ts +2 -2
- package/dist/cjs/components/Breadcrumbs/BreadcrumbItem.d.ts +2 -2
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
- package/dist/cjs/components/Button/Button.d.ts +4 -4
- package/dist/cjs/components/Checkbox/Checkbox.test.js +9 -3
- package/dist/cjs/components/Checkbox/Checkbox.test.js.map +1 -1
- package/dist/cjs/components/Checkbox/CheckboxItem.js +3 -1
- package/dist/cjs/components/Checkbox/CheckboxItem.js.map +1 -1
- package/dist/cjs/components/Checkbox/types.d.ts +4 -4
- package/dist/cjs/components/Chopin/Actions/Actions.d.ts +2 -2
- package/dist/cjs/components/Chopin/Footer/types.d.ts +1 -1
- package/dist/cjs/components/Chopin/Header/mockOpeningHoursData.d.ts +1 -1
- package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageItem.d.ts +1 -1
- package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.d.ts +1 -1
- package/dist/cjs/components/Chopin/Question/Question.d.ts +2 -1
- package/dist/cjs/components/Chopin/Question/Question.js +2 -2
- package/dist/cjs/components/Chopin/Question/Question.js.map +1 -1
- package/dist/cjs/components/Chopin/Question/Question.test.js +22 -0
- package/dist/cjs/components/Chopin/Question/Question.test.js.map +1 -1
- package/dist/cjs/components/Chopin/QuestionGroup/QuestionGroup.d.ts +2 -2
- package/dist/cjs/components/Chopin/QuestionHelp/QuestionHelp.d.ts +2 -1
- package/dist/cjs/components/Chopin/QuestionHelp/QuestionHelp.js +4 -3
- package/dist/cjs/components/Chopin/QuestionHelp/QuestionHelp.js.map +1 -1
- package/dist/cjs/components/Chopin/Section/Section.d.ts +2 -2
- package/dist/cjs/components/Chopin/Steps/StepItem.d.ts +2 -2
- package/dist/cjs/components/Chopin/Steps/Steps.d.ts +2 -2
- package/dist/cjs/components/Chopin/Testimonial/Testimonial.d.ts +2 -2
- package/dist/cjs/components/Chopin/TradeSelector/ListBox/ListBox.d.ts +1 -1
- package/dist/cjs/components/Chopin/TradeSelector/ListBox/Option.d.ts +1 -1
- package/dist/cjs/components/Chopin/TradeSelector/Popover/Popover.d.ts +1 -1
- package/dist/cjs/components/Chopin/TradeSelector/SearchResults/SearchResults.d.ts +1 -1
- package/dist/cjs/components/Chopin/TradeSelector/SelectedTrade/SelectedTrade.d.ts +1 -1
- package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.d.ts +2 -2
- package/dist/cjs/components/Chopin/TradeSelector/getItemsToDisplay/getItemsToDisplay.d.ts +1 -1
- package/dist/cjs/components/Chopin/TradeSelector/types.d.ts +5 -5
- package/dist/cjs/components/Container/Container.d.ts +2 -2
- package/dist/cjs/components/DataTable/FlexLayout.d.ts +1 -1
- package/dist/cjs/components/DataTable/SortIcon.d.ts +1 -1
- package/dist/cjs/components/DataTable/types.d.ts +5 -5
- package/dist/cjs/components/DatePicker/CalendarButton.d.ts +2 -2
- package/dist/cjs/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenu.d.ts +2 -2
- package/dist/cjs/components/DropdownMenu/Item.d.ts +2 -2
- package/dist/cjs/components/Fieldset/Fieldset.d.ts +3 -3
- package/dist/cjs/components/Flex/Flex.d.ts +2 -2
- package/dist/cjs/components/Grid/Grid.d.ts +2 -2
- package/dist/cjs/components/Grid/Item.d.ts +2 -2
- package/dist/cjs/components/Icon/types.d.ts +1 -1
- package/dist/cjs/components/Image/Image.d.ts +2 -2
- package/dist/cjs/components/Label/Label.d.ts +3 -3
- package/dist/cjs/components/Link/Link.d.ts +2 -2
- package/dist/cjs/components/List/List.d.ts +3 -3
- package/dist/cjs/components/List/ListItem.d.ts +2 -2
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.d.ts +1 -1
- package/dist/cjs/components/Modal/Content.d.ts +2 -2
- package/dist/cjs/components/Modal/Header.d.ts +2 -2
- package/dist/cjs/components/Modal/Modal.d.ts +1 -1
- package/dist/cjs/components/NumberField/NumberField.d.ts +2 -2
- package/dist/cjs/components/Option/Option.d.ts +1 -1
- package/dist/cjs/components/PasswordField/PasswordField.d.ts +1 -1
- package/dist/cjs/components/Progress/Progress.d.ts +2 -2
- package/dist/cjs/components/Radio/Radio.d.ts +2 -2
- package/dist/cjs/components/Radio/RadioButton.d.ts +2 -2
- package/dist/cjs/components/Radio/RadioGroup.d.ts +2 -2
- package/dist/cjs/components/SVG/SVG.d.ts +1 -1
- package/dist/cjs/components/Select/Select.d.ts +2 -2
- package/dist/cjs/components/Table/Body.d.ts +1 -1
- package/dist/cjs/components/Table/Cell.d.ts +1 -1
- package/dist/cjs/components/Table/Foot.d.ts +1 -1
- package/dist/cjs/components/Table/Head.d.ts +1 -1
- package/dist/cjs/components/Table/HeaderCell.d.ts +1 -1
- package/dist/cjs/components/Table/Row.d.ts +1 -1
- package/dist/cjs/components/Table/Table.d.ts +2 -2
- package/dist/cjs/components/Text/Text.d.ts +4 -4
- package/dist/cjs/components/TextArea/TextArea.d.ts +2 -2
- package/dist/cjs/components/TextAreaInput/TextAreaInput.d.ts +2 -2
- package/dist/cjs/components/TextField/TextField.d.ts +2 -2
- package/dist/cjs/components/Title/Title.d.ts +2 -2
- package/dist/cjs/contexts/ThemeContext/ThemeContext.d.ts +2 -2
- package/dist/cjs/hooks/useBreakpoint/useBreakpoint.d.ts +1 -1
- package/dist/cjs/types/components.d.ts +1 -1
- package/dist/cjs/types/icon.d.ts +1 -1
- package/dist/cjs/types/size.d.ts +1 -1
- package/dist/esm/components/Checkbox/Checkbox.test.js +10 -4
- package/dist/esm/components/Checkbox/Checkbox.test.js.map +1 -1
- package/dist/esm/components/Checkbox/CheckboxItem.js +3 -1
- package/dist/esm/components/Checkbox/CheckboxItem.js.map +1 -1
- package/dist/esm/components/Chopin/Question/Question.js +2 -2
- package/dist/esm/components/Chopin/Question/Question.js.map +1 -1
- package/dist/esm/components/Chopin/Question/Question.test.js +22 -0
- package/dist/esm/components/Chopin/Question/Question.test.js.map +1 -1
- package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.js +4 -3
- package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.js.map +1 -1
- package/dist/mobius.d.ts +3 -2
- package/package.json +1 -1
- package/src/components/Checkbox/Checkbox.story.mdx +25 -0
- package/src/components/Checkbox/Checkbox.test.tsx +15 -5
- package/src/components/Checkbox/CheckboxGroup.story.mdx +36 -0
- package/src/components/Checkbox/CheckboxItem.tsx +2 -0
- package/src/components/Chopin/Question/Question.story.mdx +128 -2
- package/src/components/Chopin/Question/Question.test.tsx +46 -0
- package/src/components/Chopin/Question/Question.tsx +7 -1
- package/src/components/Chopin/QuestionHelp/QuestionHelp.tsx +5 -2
- package/src/components/DatePicker/DatePicker.tsx +1 -1
- package/src/components/Radio/Radio.story.mdx +34 -0
- package/src/components/Radio/RadioButton.story.mdx +32 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type TradeProps = {
|
|
2
2
|
value: string;
|
|
3
3
|
vertical: string;
|
|
4
4
|
supported_verticals: string[] | null;
|
|
@@ -8,12 +8,12 @@ export declare type TradeProps = {
|
|
|
8
8
|
trade_type: string | null;
|
|
9
9
|
blocked: boolean;
|
|
10
10
|
};
|
|
11
|
-
export
|
|
11
|
+
export type GroupedTradeProps = {
|
|
12
12
|
name: string;
|
|
13
13
|
title: string;
|
|
14
14
|
children: TradeProps[];
|
|
15
15
|
};
|
|
16
|
-
export
|
|
16
|
+
export type LabelProps = {
|
|
17
17
|
input: string;
|
|
18
18
|
exact: string;
|
|
19
19
|
suggested: string;
|
|
@@ -22,12 +22,12 @@ export declare type LabelProps = {
|
|
|
22
22
|
description: string;
|
|
23
23
|
placeholder: string;
|
|
24
24
|
};
|
|
25
|
-
export
|
|
25
|
+
export type UrlProps = {
|
|
26
26
|
quoteRedirect: string;
|
|
27
27
|
tradeApi: string;
|
|
28
28
|
allOccupations: string;
|
|
29
29
|
};
|
|
30
|
-
export
|
|
30
|
+
export type useTradeSelectorProps = {
|
|
31
31
|
minInput: number;
|
|
32
32
|
apiRequestDebounceInMs: number;
|
|
33
33
|
urls: UrlProps;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Ref, RefAttributes, ReactNode } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type ContainerElementType = HTMLDivElement;
|
|
5
|
+
export type ContainerRef = Ref<ContainerElementType>;
|
|
6
6
|
export interface ContainerProps extends DOMProps, RefAttributes<ContainerElementType> {
|
|
7
7
|
id?: string;
|
|
8
8
|
/** Custom class name for setting specific CSS */
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ForwardedRefComponent } from "../../types/components";
|
|
2
2
|
import { CommonTableProps, DataTableElementType } from "./types";
|
|
3
|
-
export
|
|
3
|
+
export type FlexBasedTableProps = CommonTableProps;
|
|
4
4
|
declare const FlexLayout: ForwardedRefComponent<FlexBasedTableProps, DataTableElementType>;
|
|
5
5
|
export { FlexLayout };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { Ref, RefAttributes } from "react";
|
|
2
2
|
import { Column } from "react-table";
|
|
3
3
|
import { SizeType } from "../../types/size";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
4
|
+
export type DataTableElementType = HTMLTableElement;
|
|
5
|
+
export type DataTableRef = Ref<DataTableElementType>;
|
|
6
|
+
export type SpanType = {
|
|
7
7
|
[key: string]: {
|
|
8
8
|
colspan?: number;
|
|
9
9
|
rowspan?: number;
|
|
@@ -12,11 +12,11 @@ export declare type SpanType = {
|
|
|
12
12
|
spanClass?: string;
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
|
-
export
|
|
15
|
+
export type CollapseDataType = {
|
|
16
16
|
collapseOnSize: SizeType;
|
|
17
17
|
collapseColumns: Array<string>;
|
|
18
18
|
};
|
|
19
|
-
export
|
|
19
|
+
export type LayoutType = "table" | "flex";
|
|
20
20
|
export interface CommonTableProps extends RefAttributes<DataTableElementType> {
|
|
21
21
|
data: Array<object>;
|
|
22
22
|
columns: Array<Column<object>>;
|
|
@@ -3,11 +3,11 @@ import { HoverProps } from "@react-aria/interactions";
|
|
|
3
3
|
import type { AriaButtonProps } from "@react-types/button";
|
|
4
4
|
import { DOMProps } from "@react-types/shared";
|
|
5
5
|
import { ForwardedRefComponent } from "../../types/components";
|
|
6
|
-
export
|
|
6
|
+
export type ButtonElementType = HTMLButtonElement;
|
|
7
7
|
export interface ButtonProps extends AriaButtonProps<"button" | "a" | "span">, DOMProps, HoverProps, RefAttributes<ButtonElementType> {
|
|
8
8
|
children?: ReactNode;
|
|
9
9
|
className?: string;
|
|
10
10
|
}
|
|
11
|
-
export
|
|
11
|
+
export type ButtonRef = Ref<ButtonElementType>;
|
|
12
12
|
declare const CalendarButton: ForwardedRefComponent<ButtonProps, ButtonElementType>;
|
|
13
13
|
export { CalendarButton };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DatePickerStateOptions } from "@react-stately/datepicker";
|
|
2
2
|
import { AriaDatePickerProps } from "@react-aria/datepicker";
|
|
3
3
|
import { DateValue } from "@internationalized/date";
|
|
4
|
-
export interface DatePickerProps extends AriaDatePickerProps<DateValue>, DatePickerStateOptions {
|
|
4
|
+
export interface DatePickerProps extends AriaDatePickerProps<DateValue>, DatePickerStateOptions<DateValue> {
|
|
5
5
|
label: string;
|
|
6
6
|
}
|
|
7
7
|
export declare function DatePicker(props: DatePickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Ref, RefAttributes, ReactNode, ReactElement } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export
|
|
4
|
+
export type DropdownMenuElementType = HTMLElement;
|
|
5
5
|
export interface DropdownMenuProps extends DOMProps, RefAttributes<DropdownMenuElementType> {
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
/** Custom class name for setting specific CSS */
|
|
@@ -10,6 +10,6 @@ export interface DropdownMenuProps extends DOMProps, RefAttributes<DropdownMenuE
|
|
|
10
10
|
label?: string;
|
|
11
11
|
trigger?: ReactElement;
|
|
12
12
|
}
|
|
13
|
-
export
|
|
13
|
+
export type DropdownMenuRef = Ref<DropdownMenuElementType>;
|
|
14
14
|
declare const DropdownMenu: ForwardedRefComponent<DropdownMenuProps, DropdownMenuElementType>;
|
|
15
15
|
export { DropdownMenu };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Ref, RefAttributes, ReactNode } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export
|
|
4
|
+
export type ItemElementType = HTMLLIElement;
|
|
5
5
|
export interface ItemProps extends DOMProps, RefAttributes<ItemElementType> {
|
|
6
6
|
elementType?: string | React.ElementType;
|
|
7
7
|
/** Custom class name for setting specific CSS */
|
|
@@ -10,6 +10,6 @@ export interface ItemProps extends DOMProps, RefAttributes<ItemElementType> {
|
|
|
10
10
|
children?: ReactNode;
|
|
11
11
|
onClick?: () => void;
|
|
12
12
|
}
|
|
13
|
-
export
|
|
13
|
+
export type ItemRef = Ref<ItemElementType>;
|
|
14
14
|
declare const Item: ForwardedRefComponent<ItemProps, ItemElementType>;
|
|
15
15
|
export { Item };
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { Ref, ReactNode, ReactElement, RefAttributes } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export
|
|
4
|
+
export type LegendProps = {
|
|
5
5
|
id?: string;
|
|
6
6
|
className?: string;
|
|
7
7
|
};
|
|
8
|
-
export
|
|
8
|
+
export type FieldsetElementType = HTMLDivElement;
|
|
9
9
|
export interface FieldsetProps extends DOMProps, RefAttributes<FieldsetElementType> {
|
|
10
10
|
legend?: string;
|
|
11
11
|
children: ReactNode;
|
|
12
12
|
className?: string;
|
|
13
13
|
legendComponent?: ReactElement<any>;
|
|
14
14
|
}
|
|
15
|
-
export
|
|
15
|
+
export type FieldsetRef = Ref<FieldsetElementType>;
|
|
16
16
|
declare const Fieldset: ForwardedRefComponent<FieldsetProps, FieldsetElementType>;
|
|
17
17
|
export { Fieldset };
|
|
@@ -2,7 +2,7 @@ import { Ref, ReactNode, RefAttributes } from "react";
|
|
|
2
2
|
import type { Property } from "csstype";
|
|
3
3
|
import { DOMProps } from "@react-types/shared";
|
|
4
4
|
import { ForwardedRefComponent } from "../../types/components";
|
|
5
|
-
export
|
|
5
|
+
export type FlexElementType = HTMLDivElement;
|
|
6
6
|
export interface FlexStyleProps {
|
|
7
7
|
elementType?: string | React.ElementType;
|
|
8
8
|
flexDirection?: Property.FlexDirection;
|
|
@@ -30,6 +30,6 @@ export interface FlexNonStyleProps extends DOMProps, RefAttributes<FlexElementTy
|
|
|
30
30
|
}
|
|
31
31
|
export interface FlexProps extends FlexStyleProps, FlexNonStyleProps {
|
|
32
32
|
}
|
|
33
|
-
export
|
|
33
|
+
export type FlexRef = Ref<FlexElementType>;
|
|
34
34
|
declare const Flex: ForwardedRefComponent<FlexProps, FlexElementType>;
|
|
35
35
|
export { Flex };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Ref, ReactNode, RefAttributes } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export
|
|
4
|
+
export type GridElementType = HTMLDivElement;
|
|
5
5
|
export interface GridProps extends RefAttributes<GridElementType>, DOMProps {
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
/** The number of columns */
|
|
@@ -21,6 +21,6 @@ export interface GridProps extends RefAttributes<GridElementType>, DOMProps {
|
|
|
21
21
|
/** Aligns grid items along the inline (row) axis */
|
|
22
22
|
justifyItems?: "start" | "end" | "center" | "stretch";
|
|
23
23
|
}
|
|
24
|
-
export
|
|
24
|
+
export type GridRef = Ref<GridElementType>;
|
|
25
25
|
declare const Grid: ForwardedRefComponent<GridProps, GridElementType>;
|
|
26
26
|
export { Grid };
|
|
@@ -2,7 +2,7 @@ import { Ref, RefAttributes } from "react";
|
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../types/components";
|
|
4
4
|
import { SizeType } from "../../types";
|
|
5
|
-
export
|
|
5
|
+
export type GridItemElementType = HTMLDivElement;
|
|
6
6
|
export interface GridItemProps extends RefAttributes<GridItemElementType>, DOMProps {
|
|
7
7
|
/** How many columns the item spans */
|
|
8
8
|
span?: number | number[];
|
|
@@ -22,7 +22,7 @@ export interface GridItemProps extends RefAttributes<GridItemElementType>, DOMPr
|
|
|
22
22
|
justifySelf?: "center" | "start" | "end" | "stretch";
|
|
23
23
|
}
|
|
24
24
|
export declare const getBreakpointMap: (config: Partial<Record<SizeType, number>>) => {};
|
|
25
|
-
export
|
|
25
|
+
export type GridItemRef = Ref<GridItemElementType>;
|
|
26
26
|
export declare const DEFAULT_SPAN = 12;
|
|
27
27
|
declare const GridItem: ForwardedRefComponent<GridItemProps, GridItemElementType>;
|
|
28
28
|
export { GridItem };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { RefAttributes, Ref } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export
|
|
4
|
+
export type IntrinsicImage = Omit<JSX.IntrinsicElements["img"], "css" | "width" | "height" | "color"> & RefAttributes<HTMLImageElement>;
|
|
5
5
|
export interface ImageProps extends DOMProps, IntrinsicImage {
|
|
6
6
|
/** HTML element for the Box */
|
|
7
7
|
elementType?: React.ElementType;
|
|
@@ -12,6 +12,6 @@ export interface ImageProps extends DOMProps, IntrinsicImage {
|
|
|
12
12
|
/** Custom class name for setting specific CSS */
|
|
13
13
|
className?: string;
|
|
14
14
|
}
|
|
15
|
-
export
|
|
15
|
+
export type ImageRef = Ref<HTMLImageElement>;
|
|
16
16
|
declare const Image: ForwardedRefComponent<ImageProps, HTMLImageElement>;
|
|
17
17
|
export { Image };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { ReactNode, Ref, RefAttributes } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type LabelElementType = HTMLLabelElement;
|
|
5
|
+
export type IntrinsicLabel = Omit<JSX.IntrinsicElements["label"], "css" | "color" | "ref">;
|
|
6
6
|
export interface LabelProps extends IntrinsicLabel, DOMProps, RefAttributes<LabelElementType> {
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
className?: string;
|
|
9
9
|
elementType?: "label" | "span";
|
|
10
10
|
}
|
|
11
|
-
export
|
|
11
|
+
export type LabelRef = Ref<LabelElementType>;
|
|
12
12
|
declare const Label: ForwardedRefComponent<LabelProps, LabelElementType>;
|
|
13
13
|
export { Label };
|
|
@@ -3,7 +3,7 @@ import { DOMProps } from "@react-types/shared";
|
|
|
3
3
|
import { AriaLinkProps } from "@react-types/link";
|
|
4
4
|
import type { Link as RouterLink } from "react-router-dom";
|
|
5
5
|
import { ForwardedRefComponent } from "../../types/components";
|
|
6
|
-
export
|
|
6
|
+
export type LinkElementType = HTMLAnchorElement;
|
|
7
7
|
export interface LinkProps extends DOMProps, AriaLinkProps, RefAttributes<LinkElementType> {
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
/** Path to link resource or page */
|
|
@@ -21,6 +21,6 @@ export interface LinkProps extends DOMProps, AriaLinkProps, RefAttributes<LinkEl
|
|
|
21
21
|
to?: React.ComponentProps<typeof RouterLink>["to"];
|
|
22
22
|
elementType?: React.ElementType;
|
|
23
23
|
}
|
|
24
|
-
export
|
|
24
|
+
export type LinkRef = Ref<LinkElementType>;
|
|
25
25
|
declare const Link: ForwardedRefComponent<LinkProps, LinkElementType>;
|
|
26
26
|
export { Link };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Ref, ReactNode, RefAttributes } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type ListElementType = HTMLOListElement | HTMLUListElement;
|
|
5
|
+
export type ListStyleType = "disc" | "circle" | "square" | "decimal" | "georgian" | "trad-chinese-informal" | "kannada";
|
|
6
6
|
export interface ListProps extends DOMProps, RefAttributes<ListElementType> {
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
isOrdered?: boolean;
|
|
@@ -12,6 +12,6 @@ export interface ListProps extends DOMProps, RefAttributes<ListElementType> {
|
|
|
12
12
|
icon?: ReactNode;
|
|
13
13
|
className?: string;
|
|
14
14
|
}
|
|
15
|
-
export
|
|
15
|
+
export type ListRef = Ref<ListElementType>;
|
|
16
16
|
declare const List: ForwardedRefComponent<ListProps, ListElementType>;
|
|
17
17
|
export { List };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Ref, ReactNode, RefAttributes } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export
|
|
4
|
+
export type ListItemElementType = HTMLLIElement;
|
|
5
5
|
export interface ListItemProps extends DOMProps, RefAttributes<ListItemElementType> {
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
value?: number;
|
|
@@ -9,6 +9,6 @@ export interface ListItemProps extends DOMProps, RefAttributes<ListItemElementTy
|
|
|
9
9
|
parentIcon?: ReactNode;
|
|
10
10
|
icon?: ReactNode;
|
|
11
11
|
}
|
|
12
|
-
export
|
|
12
|
+
export type ListItemRef = Ref<ListItemElementType>;
|
|
13
13
|
declare const ListItem: ForwardedRefComponent<ListItemProps, ListItemElementType>;
|
|
14
14
|
export { ListItem };
|
|
@@ -5,6 +5,6 @@ export interface LoadingIndicatorProps extends RefAttributes<SVGSVGElement> {
|
|
|
5
5
|
className?: string;
|
|
6
6
|
icon?: IconName;
|
|
7
7
|
}
|
|
8
|
-
export
|
|
8
|
+
export type LoadingIndicatorRef = Ref<SVGSVGElement>;
|
|
9
9
|
declare const LoadingIndicator: ForwardedRefComponent<LoadingIndicatorProps, SVGSVGElement>;
|
|
10
10
|
export { LoadingIndicator };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode, Ref, RefAttributes } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type DivRef = Ref<HTMLDivElement>;
|
|
4
|
+
export type DivElementType = HTMLDivElement;
|
|
5
5
|
export interface ContentProps extends DOMProps, RefAttributes<DivElementType> {
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
onClose?: () => void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode, Ref, RefAttributes } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type HeaderElementType = HTMLDivElement;
|
|
4
|
+
export type HeaderRef = Ref<HTMLElement>;
|
|
5
5
|
export interface HeaderProps extends DOMProps, RefAttributes<HeaderElementType> {
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
onClose?: () => void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
2
|
import { SizeType } from "../../types/size";
|
|
3
|
-
export
|
|
3
|
+
export type ModalSizeType = SizeType | "fullscreen";
|
|
4
4
|
export interface ModalProps {
|
|
5
5
|
isOpen: boolean;
|
|
6
6
|
onClose: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
|
|
@@ -2,7 +2,7 @@ import { Ref, RefAttributes, ReactNode } from "react";
|
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { type AriaNumberFieldProps } from "@react-aria/numberfield";
|
|
4
4
|
import { ForwardedRefComponent } from "../../types/components";
|
|
5
|
-
export
|
|
5
|
+
export type NumberFieldElementType = HTMLInputElement;
|
|
6
6
|
export interface NumberFieldProps extends DOMProps, AriaNumberFieldProps, RefAttributes<NumberFieldElementType> {
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
/** Custom class name for setting specific CSS */
|
|
@@ -17,6 +17,6 @@ export interface NumberFieldProps extends DOMProps, AriaNumberFieldProps, RefAtt
|
|
|
17
17
|
validationState?: "valid" | "invalid" | undefined;
|
|
18
18
|
errorMessage?: string;
|
|
19
19
|
}
|
|
20
|
-
export
|
|
20
|
+
export type NumberFieldRef = Ref<NumberFieldElementType>;
|
|
21
21
|
declare const NumberField: ForwardedRefComponent<NumberFieldProps, NumberFieldElementType>;
|
|
22
22
|
export { NumberField };
|
|
@@ -5,6 +5,6 @@ export interface OptionProps extends RefAttributes<HTMLOptionElement> {
|
|
|
5
5
|
children?: string;
|
|
6
6
|
isDisabled?: boolean;
|
|
7
7
|
}
|
|
8
|
-
export
|
|
8
|
+
export type OptionRef = Ref<HTMLOptionElement>;
|
|
9
9
|
declare const Option: ForwardedRefComponent<OptionProps, HTMLOptionElement>;
|
|
10
10
|
export { Option };
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
import { type TextFieldProps, type TextFieldRef } from "../TextField";
|
|
3
3
|
export interface PasswordFieldProps extends TextFieldProps {
|
|
4
4
|
}
|
|
5
|
-
export
|
|
5
|
+
export type PasswordFieldRef = TextFieldRef;
|
|
6
6
|
export declare const PasswordField: import("react").ForwardRefExoticComponent<Pick<PasswordFieldProps, "type" | "key" | "id" | "name" | "value" | "label" | "pattern" | "className" | "children" | "inputMode" | "description" | "autoComplete" | "autoFocus" | "maxLength" | "minLength" | "defaultValue" | "placeholder" | "aria-activedescendant" | "aria-autocomplete" | "aria-describedby" | "aria-details" | "aria-errormessage" | "aria-haspopup" | "aria-label" | "aria-labelledby" | "onCopy" | "onCut" | "onPaste" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "onFocus" | "onBlur" | "onChange" | "onBeforeInput" | "onInput" | "onKeyDown" | "onKeyUp" | "onSelect" | "excludeFromTabOrder" | "isDisabled" | "errorMessage" | "onFocusChange" | "isRequired" | "isReadOnly" | "validationState" | "onHoverStart" | "onHoverEnd" | "onHoverChange" | "inputElementType"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -2,7 +2,7 @@ import { Ref, RefAttributes, ReactNode } from "react";
|
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import type { AriaProgressBarProps } from "@react-types/progress";
|
|
4
4
|
import { ForwardedRefComponent } from "../../types/components";
|
|
5
|
-
export
|
|
5
|
+
export type ProgressElementType = HTMLDivElement;
|
|
6
6
|
export interface ProgressProps extends AriaProgressBarProps, DOMProps, RefAttributes<ProgressElementType> {
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
/** Custom class name for setting specific CSS */
|
|
@@ -13,6 +13,6 @@ export interface ProgressProps extends AriaProgressBarProps, DOMProps, RefAttrib
|
|
|
13
13
|
maxValue?: number;
|
|
14
14
|
valueFormatter?: (value: number, minValue: number, maxValue: number) => string;
|
|
15
15
|
}
|
|
16
|
-
export
|
|
16
|
+
export type ProgressRef = Ref<ProgressElementType>;
|
|
17
17
|
declare const Progress: ForwardedRefComponent<ProgressProps, ProgressElementType>;
|
|
18
18
|
export { Progress };
|
|
@@ -3,13 +3,13 @@ import { AriaRadioProps } from "@react-types/radio";
|
|
|
3
3
|
import { HoverProps } from "@react-aria/interactions";
|
|
4
4
|
import { DOMProps } from "@react-types/shared";
|
|
5
5
|
import { ForwardedRefComponent } from "../../types/components";
|
|
6
|
-
export
|
|
6
|
+
export type RadioElementType = HTMLInputElement;
|
|
7
7
|
export interface RadioProps extends DOMProps, AriaRadioProps, HoverProps, RefAttributes<RadioElementType> {
|
|
8
8
|
children?: ReactNode;
|
|
9
9
|
className?: string;
|
|
10
10
|
label?: ReactNode;
|
|
11
11
|
errorMessage?: string;
|
|
12
12
|
}
|
|
13
|
-
export
|
|
13
|
+
export type RadioRef = Ref<RadioElementType>;
|
|
14
14
|
declare const Radio: ForwardedRefComponent<RadioProps, RadioElementType>;
|
|
15
15
|
export { Radio };
|
|
@@ -3,12 +3,12 @@ import { AriaRadioProps } from "@react-types/radio";
|
|
|
3
3
|
import { HoverProps } from "@react-aria/interactions";
|
|
4
4
|
import { DOMProps } from "@react-types/shared";
|
|
5
5
|
import { ForwardedRefComponent } from "../../types/components";
|
|
6
|
-
export
|
|
6
|
+
export type RadioButtonElementType = HTMLInputElement;
|
|
7
7
|
export interface RadioButtonProps extends DOMProps, AriaRadioProps, HoverProps, RefAttributes<RadioButtonElementType> {
|
|
8
8
|
children?: ReactNode | any;
|
|
9
9
|
label?: string;
|
|
10
10
|
className?: string;
|
|
11
11
|
}
|
|
12
|
-
export
|
|
12
|
+
export type RadioButtonRef = Ref<RadioButtonElementType>;
|
|
13
13
|
declare const RadioButton: ForwardedRefComponent<RadioButtonProps, RadioButtonElementType>;
|
|
14
14
|
export { RadioButton };
|
|
@@ -2,7 +2,7 @@ import { Ref, ReactNode, RefAttributes } from "react";
|
|
|
2
2
|
import type { AriaRadioGroupProps, RadioGroupProps as RadioGroupPropsType } from "@react-types/radio";
|
|
3
3
|
import { DOMProps } from "@react-types/shared";
|
|
4
4
|
import { ForwardedRefComponent } from "../../types/components";
|
|
5
|
-
export
|
|
5
|
+
export type RadioGroupElementType = HTMLDivElement;
|
|
6
6
|
export interface RadioGroupProps extends DOMProps, RadioGroupPropsType, AriaRadioGroupProps, RefAttributes<RadioGroupElementType> {
|
|
7
7
|
children: ReactNode;
|
|
8
8
|
className?: string;
|
|
@@ -10,6 +10,6 @@ export interface RadioGroupProps extends DOMProps, RadioGroupPropsType, AriaRadi
|
|
|
10
10
|
circular?: boolean;
|
|
11
11
|
errorMessage?: string;
|
|
12
12
|
}
|
|
13
|
-
export
|
|
13
|
+
export type RadioGroupRef = Ref<RadioGroupElementType>;
|
|
14
14
|
declare const RadioGroup: ForwardedRefComponent<RadioGroupProps, RadioGroupElementType>;
|
|
15
15
|
export { RadioGroup };
|
|
@@ -5,6 +5,6 @@ export interface SVGProps extends DOMProps, RefAttributes<SVGSVGElement> {
|
|
|
5
5
|
children: React.ReactElement<React.SVGProps<SVGSVGElement>>;
|
|
6
6
|
className?: string;
|
|
7
7
|
}
|
|
8
|
-
export
|
|
8
|
+
export type SVGRef = Ref<SVGSVGElement>;
|
|
9
9
|
declare const SVG: ForwardedRefComponent<SVGProps, SVGSVGElement>;
|
|
10
10
|
export { SVG };
|
|
@@ -3,7 +3,7 @@ import { DOMProps, LabelableProps, Validation } from "@react-types/shared";
|
|
|
3
3
|
import { HoverProps } from "@react-aria/interactions";
|
|
4
4
|
import { ForwardedRefComponent } from "../../types/components";
|
|
5
5
|
import { OptionProps } from "../Option";
|
|
6
|
-
export
|
|
6
|
+
export type SelectElementType = HTMLSelectElement;
|
|
7
7
|
export interface SelectProps extends HoverProps, LabelableProps, Validation, DOMProps, RefAttributes<SelectElementType> {
|
|
8
8
|
name?: string;
|
|
9
9
|
onChange?: (value: string) => void;
|
|
@@ -13,6 +13,6 @@ export interface SelectProps extends HoverProps, LabelableProps, Validation, DOM
|
|
|
13
13
|
errorMessage?: string;
|
|
14
14
|
children?: ReactElement<OptionProps>[] | ReactElement<OptionProps>;
|
|
15
15
|
}
|
|
16
|
-
export
|
|
16
|
+
export type SelectRef = Ref<SelectElementType>;
|
|
17
17
|
declare const Select: ForwardedRefComponent<SelectProps, SelectElementType>;
|
|
18
18
|
export { Select };
|
|
@@ -4,6 +4,6 @@ export interface BodyProps extends RefAttributes<HTMLTableSectionElement> {
|
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
className?: string;
|
|
6
6
|
}
|
|
7
|
-
export
|
|
7
|
+
export type BodyRef = Ref<HTMLTableSectionElement>;
|
|
8
8
|
declare const Body: ForwardedRefComponent<BodyProps, HTMLTableSectionElement>;
|
|
9
9
|
export { Body };
|
|
@@ -6,6 +6,6 @@ export interface CellProps extends RefAttributes<HTMLTableCellElement> {
|
|
|
6
6
|
colSpan?: number;
|
|
7
7
|
rowSpan?: number;
|
|
8
8
|
}
|
|
9
|
-
export
|
|
9
|
+
export type CellRef = Ref<HTMLTableCellElement>;
|
|
10
10
|
declare const Cell: ForwardedRefComponent<CellProps, HTMLTableCellElement>;
|
|
11
11
|
export { Cell };
|
|
@@ -4,6 +4,6 @@ export interface FootProps extends RefAttributes<HTMLTableSectionElement> {
|
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
className?: string;
|
|
6
6
|
}
|
|
7
|
-
export
|
|
7
|
+
export type FootRef = Ref<HTMLTableSectionElement>;
|
|
8
8
|
declare const Foot: ForwardedRefComponent<FootProps, HTMLTableSectionElement>;
|
|
9
9
|
export { Foot };
|
|
@@ -4,6 +4,6 @@ export interface HeadProps extends RefAttributes<HTMLTableSectionElement> {
|
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
className?: string;
|
|
6
6
|
}
|
|
7
|
-
export
|
|
7
|
+
export type HeadRef = Ref<HTMLTableSectionElement>;
|
|
8
8
|
declare const Head: ForwardedRefComponent<HeadProps, HTMLTableSectionElement>;
|
|
9
9
|
export { Head };
|
|
@@ -4,6 +4,6 @@ export interface HeaderCellProps extends RefAttributes<HTMLTableCellElement> {
|
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
className?: string;
|
|
6
6
|
}
|
|
7
|
-
export
|
|
7
|
+
export type HeaderCellRef = Ref<HTMLTableCellElement>;
|
|
8
8
|
declare const HeaderCell: ForwardedRefComponent<HeaderCellProps, HTMLTableCellElement>;
|
|
9
9
|
export { HeaderCell };
|
|
@@ -4,6 +4,6 @@ export interface RowProps extends RefAttributes<HTMLTableRowElement> {
|
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
className?: string;
|
|
6
6
|
}
|
|
7
|
-
export
|
|
7
|
+
export type RowRef = Ref<HTMLTableRowElement>;
|
|
8
8
|
declare const Row: ForwardedRefComponent<RowProps, HTMLTableRowElement>;
|
|
9
9
|
export { Row };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { Ref, RefAttributes, ReactNode } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export
|
|
4
|
+
export type TableElementType = HTMLTableElement;
|
|
5
5
|
export interface TableProps extends DOMProps, RefAttributes<TableElementType> {
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
className?: string;
|
|
8
8
|
}
|
|
9
|
-
export
|
|
9
|
+
export type TableRef = Ref<TableElementType>;
|
|
10
10
|
declare const Table: ForwardedRefComponent<TableProps, TableElementType>;
|
|
11
11
|
export { Table };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ReactNode, Ref, RefAttributes } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
4
|
+
export type TextElementType = HTMLHeadingElement | HTMLParagraphElement;
|
|
5
|
+
export type TextVariantType = "h1" | "h2" | "h3" | "h4" | "h5" | "lead" | "body" | "caption" | "legal";
|
|
6
|
+
export type ElementType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
|
|
7
7
|
export interface TextProps extends DOMProps, RefAttributes<TextElementType> {
|
|
8
8
|
/** HTML element for the text */
|
|
9
9
|
elementType?: ElementType;
|
|
@@ -16,6 +16,6 @@ export interface TextProps extends DOMProps, RefAttributes<TextElementType> {
|
|
|
16
16
|
children: ReactNode;
|
|
17
17
|
style?: React.CSSProperties;
|
|
18
18
|
}
|
|
19
|
-
export
|
|
19
|
+
export type TextRef = Ref<TextElementType>;
|
|
20
20
|
declare const Text: ForwardedRefComponent<TextProps, TextElementType>;
|
|
21
21
|
export { Text };
|
|
@@ -3,12 +3,12 @@ import { DOMProps } from "@react-types/shared";
|
|
|
3
3
|
import { AriaTextFieldOptions } from "@react-aria/textfield";
|
|
4
4
|
import { HoverProps } from "@react-aria/interactions";
|
|
5
5
|
import { ForwardedRefComponent } from "../../types/components";
|
|
6
|
-
export
|
|
6
|
+
export type TextAreaElementType = HTMLTextAreaElement;
|
|
7
7
|
export interface TextAreaProps extends AriaTextFieldOptions<"textarea">, DOMProps, HoverProps, RefAttributes<TextAreaElementType> {
|
|
8
8
|
className?: string;
|
|
9
9
|
errorMessage?: string;
|
|
10
10
|
validationState?: "valid" | "invalid";
|
|
11
11
|
}
|
|
12
|
-
export
|
|
12
|
+
export type TextAreaRef = Ref<TextAreaElementType>;
|
|
13
13
|
declare const TextArea: ForwardedRefComponent<TextAreaProps, TextAreaElementType>;
|
|
14
14
|
export { TextArea };
|