ingred-ui 11.1.1 → 11.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/dist/components/ActionButton/ActionButton.d.ts +2 -2
- package/dist/components/ActionButton/styled.d.ts +1 -1
- package/dist/components/Backdrop/Backdrop.d.ts +1 -1
- package/dist/components/Badge/Badge.d.ts +3 -3
- package/dist/components/Badge/Badge.stories.d.ts +1 -1
- package/dist/components/Badge/styled.d.ts +2 -2
- package/dist/components/Button/Button.d.ts +5 -5
- package/dist/components/Button/internal/BaseButton.d.ts +1 -1
- package/dist/components/Button/styled.d.ts +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/dist/components/ButtonGroup/styled.d.ts +1 -1
- package/dist/components/Card/Card.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/components/ClickAwayListener/ClickAwayListener.d.ts +1 -1
- package/dist/components/ConfirmModal/ConfirmModal.d.ts +3 -3
- package/dist/components/ConfirmModal/styled.d.ts +1 -1
- package/dist/components/ContextMenu/ContextMenu.d.ts +1 -1
- package/dist/components/CreatableSelect/CreatableSelect.d.ts +9 -5
- package/dist/components/CreatableSelect/CreatableSelect.stories.d.ts +8 -4
- package/dist/components/DataTable/DataTable.d.ts +5 -5
- package/dist/components/DataTable/internal/CellCheckbox/CellCheckbox.d.ts +1 -1
- package/dist/components/DataTable/internal/CellRadio/CellRadio.d.ts +1 -1
- package/dist/components/DataTable/internal/CountChanger/CountChanger.d.ts +2 -2
- package/dist/components/DataTable/internal/SortableHeaderCell/SortableHeaderCell.d.ts +1 -1
- package/dist/components/DataTable/internal/SortableHeaderCell/styled.d.ts +1 -1
- package/dist/components/DataTable/internal/Table/Body.d.ts +1 -1
- package/dist/components/DataTable/internal/Table/Cell.d.ts +1 -1
- package/dist/components/DataTable/internal/Table/Header.d.ts +1 -1
- package/dist/components/DataTable/internal/Table/Row.d.ts +3 -3
- package/dist/components/DataTable/internal/Table/Table.d.ts +2 -2
- package/dist/components/DataTable/internal/TableTabs/TableTabs.d.ts +3 -3
- package/dist/components/DataTable/sort.d.ts +3 -3
- package/dist/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/dist/components/Divider/Divider.d.ts +1 -1
- package/dist/components/DropdownButton/DropdownButton.d.ts +2 -2
- package/dist/components/ErrorText/ErrorText.d.ts +1 -1
- package/dist/components/FileUploader/FileUploader.d.ts +1 -1
- package/dist/components/FileUploader/styled.d.ts +1 -1
- package/dist/components/FixedPanel/FixedPanel.d.ts +1 -1
- package/dist/components/FixedPanel/styled.d.ts +1 -1
- package/dist/components/Flex/Flex.d.ts +2 -2
- package/dist/components/FloatingTip/FloatingTip.d.ts +2 -2
- package/dist/components/Icon/Icon.d.ts +6 -6
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/ItemEmpty/ItemEmpty.d.ts +1 -1
- package/dist/components/LocaleProvider/LocaleProvider.d.ts +1 -1
- package/dist/components/Menu/Menu.d.ts +2 -2
- package/dist/components/MenuList/MenuList.d.ts +6 -6
- package/dist/components/MenuList/styled.d.ts +1 -1
- package/dist/components/Modal/Modal.d.ts +2 -2
- package/dist/components/MultipleFilter/MultipleFilter.d.ts +1 -1
- package/dist/components/MultipleFilter/MultipleFilterStatus.d.ts +1 -1
- package/dist/components/MultipleFilter/internal/EditFilterCard/EditFilterCard.d.ts +1 -1
- package/dist/components/MultipleFilter/internal/FilterCard/FilterCard.d.ts +1 -1
- package/dist/components/MultipleFilter/internal/Label/Label.d.ts +1 -1
- package/dist/components/MultipleFilter/types/index.d.ts +6 -6
- package/dist/components/NavigationRail/ExpantionMenu/ExpantionMenu.d.ts +1 -1
- package/dist/components/NavigationRail/ExpantionMenu/styled.d.ts +1 -1
- package/dist/components/NavigationRail/ExpantionMenuItem/ExpantionMenuItem.d.ts +1 -1
- package/dist/components/NavigationRail/Fixture/Fixture.d.ts +2 -2
- package/dist/components/NavigationRail/MainContent/MainContent.d.ts +1 -1
- package/dist/components/NavigationRail/Menu/Menu.d.ts +1 -1
- package/dist/components/NavigationRail/NavigationRail.d.ts +2 -2
- package/dist/components/NavigationRail/NavigationRailContainer/NavigationRailContainer.d.ts +1 -1
- package/dist/components/NavigationRail/internal/SideNotificationBadge/SideNotificationBadge.d.ts +1 -1
- package/dist/components/NavigationRail/styled.d.ts +1 -1
- package/dist/components/NavigationRail/utils.d.ts +1 -1
- package/dist/components/NotificationBadge/NotificationBadge.d.ts +1 -1
- package/dist/components/NotificationBadge/styled.d.ts +1 -1
- package/dist/components/Pager/Pager.d.ts +2 -2
- package/dist/components/Pager/internal/ArrowButton/index.d.ts +1 -1
- package/dist/components/Pager/internal/ArrowButton/styled.d.ts +1 -1
- package/dist/components/Pager/internal/NumberButton/index.d.ts +1 -1
- package/dist/components/Pager/internal/NumberButton/styled.d.ts +1 -1
- package/dist/components/Pager/internal/PagerButtonsWithDottedLine/index.d.ts +1 -1
- package/dist/components/Popover/Popover.d.ts +1 -1
- package/dist/components/Portal/Portal.d.ts +1 -1
- package/dist/components/RadioButton/RadioButton.d.ts +3 -3
- package/dist/components/RadioButton/RadioButton.stories.d.ts +1 -1
- package/dist/components/ScrollArea/ScrollArea.d.ts +1 -1
- package/dist/components/ScrollArea/styled.d.ts +1 -1
- package/dist/components/Select/Select.d.ts +10 -6
- package/dist/components/Select/Select.stories.d.ts +8 -4
- package/dist/components/Snackbar/Snackbar.d.ts +2 -2
- package/dist/components/Snackbar/internal/SnackbarContent/SnackbarContent.d.ts +1 -1
- package/dist/components/Spinner/Spinner.d.ts +1 -1
- package/dist/components/SplitAnnotation/SplitAnnotation.d.ts +1 -1
- package/dist/components/Switch/Switch.d.ts +3 -3
- package/dist/components/Table/Body.d.ts +1 -1
- package/dist/components/Table/Cell.d.ts +1 -1
- package/dist/components/Table/Header.d.ts +1 -1
- package/dist/components/Table/HeaderCell.d.ts +1 -1
- package/dist/components/Table/Row.d.ts +3 -3
- package/dist/components/Table/Table.d.ts +2 -2
- package/dist/components/Tabs/Tabs.d.ts +1 -1
- package/dist/components/Tabs/internal/Tab.d.ts +1 -1
- package/dist/components/Tabs/styled.d.ts +1 -1
- package/dist/components/TextField/TextField.d.ts +1 -1
- package/dist/components/Toast/DefaultToast/DefaultToast.d.ts +1 -1
- package/dist/components/Toast/DefaultToast/styled.d.ts +2 -2
- package/dist/components/Toast/Toast.d.ts +1 -1
- package/dist/components/Toast/ToastProvider/ToastProvider.d.ts +1 -1
- package/dist/components/ToggleButton/ToggleButton.d.ts +1 -1
- package/dist/components/ToggleButton/styled.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/Typography/Typography.d.ts +5 -5
- package/dist/components/Typography/styled.d.ts +1 -1
- package/dist/hooks/useMergeRefs.d.ts +1 -1
- package/dist/index.es.js +4 -4
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/lib/react-toast-notification/src/ToastContainer.d.ts +1 -1
- package/dist/lib/react-toast-notification/src/ToastController.d.ts +2 -2
- package/dist/lib/react-toast-notification/src/ToastElement.d.ts +2 -2
- package/dist/lib/react-toast-notification/src/ToastProvider.d.ts +3 -3
- package/dist/lib/react-toast-notification/src/types.d.ts +11 -11
- package/dist/styles/color.d.ts +1 -1
- package/dist/styles/depth.d.ts +2 -2
- package/dist/themes/ThemeProvider.d.ts +1 -1
- package/dist/themes/createTheme.d.ts +2 -2
- package/dist/themes/palette.d.ts +6 -6
- package/dist/types/index.d.ts +1 -1
- package/dist/utils/getShadow.d.ts +6 -6
- package/dist/utils/reactTransitionGroup.d.ts +2 -2
- package/dist/utils/scrollbar.d.ts +1 -1
- package/dist/utils/spacer.d.ts +1 -1
- package/package.json +7 -7
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { IconName } from "../Icon/Icon";
|
|
3
|
-
|
|
4
|
-
export
|
|
3
|
+
type ColorProp = "primary" | "warning";
|
|
4
|
+
export type ActionButtonProps = React.ComponentPropsWithoutRef<"button"> & {
|
|
5
5
|
icon: IconName;
|
|
6
6
|
color?: ColorProp;
|
|
7
7
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { CSSTransitionProps } from "../../utils/reactTransitionGroup";
|
|
3
|
-
export
|
|
3
|
+
export type BackdropProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
4
4
|
isOpen?: boolean;
|
|
5
5
|
invisible?: boolean;
|
|
6
6
|
/**
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as Styled from "./styled";
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type BadgeColor = "primary" | "secondary" | "success" | "warning" | "danger";
|
|
4
|
+
export type BadgeProps = React.ComponentPropsWithoutRef<"a" | "span"> & {
|
|
5
5
|
color: BadgeColor;
|
|
6
6
|
type?: Styled.BadgeType;
|
|
7
7
|
fontSize?: string;
|
|
8
8
|
fontWeight?: string;
|
|
9
9
|
component?: "span" | "a";
|
|
10
10
|
};
|
|
11
|
-
declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<
|
|
11
|
+
declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement | HTMLAnchorElement>>;
|
|
12
12
|
export default Badge;
|
|
@@ -3,7 +3,7 @@ import { Story } from "@storybook/react/types-6-0";
|
|
|
3
3
|
import { BadgeProps } from "./Badge";
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
|
-
components: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<
|
|
6
|
+
components: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement | HTMLAnchorElement>>;
|
|
7
7
|
parameters: {
|
|
8
8
|
docs: {
|
|
9
9
|
source: {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Props as BaseButtonProps } from "./internal/BaseButton";
|
|
3
3
|
import { Theme } from "../../themes";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
4
|
+
export type ButtonSize = "small" | "medium" | "large";
|
|
5
|
+
export type ButtonColor = "primary" | "secondary" | "danger" | "clear";
|
|
6
|
+
export type ButtonColorStyle = {
|
|
7
7
|
normal: {
|
|
8
8
|
background: string;
|
|
9
9
|
color: string;
|
|
@@ -20,12 +20,12 @@ export declare type ButtonColorStyle = {
|
|
|
20
20
|
border: string;
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
|
-
export
|
|
23
|
+
export type Padding = {
|
|
24
24
|
theme: Theme;
|
|
25
25
|
size: ButtonSize;
|
|
26
26
|
color: ButtonColor;
|
|
27
27
|
};
|
|
28
|
-
export
|
|
28
|
+
export type ButtonProps = Omit<BaseButtonProps, "color"> & {
|
|
29
29
|
/**
|
|
30
30
|
* The component used for the root node.
|
|
31
31
|
* Default: `<button />`
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export
|
|
2
|
+
export type Props = React.ComponentPropsWithoutRef<"button">;
|
|
3
3
|
export declare const BaseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { ButtonSize } from "../Button/Button";
|
|
3
|
-
|
|
4
|
-
export
|
|
3
|
+
type GroupButtonSize = Exclude<ButtonSize, "large">;
|
|
4
|
+
export type ButtonGroupProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
5
5
|
size?: GroupButtonSize;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Property } from "csstype";
|
|
2
2
|
import { FlexProps } from "../Flex/Flex";
|
|
3
3
|
import { SpacerProps } from "../../utils/spacer";
|
|
4
|
-
export
|
|
4
|
+
export type CardProps = SpacerProps & FlexProps & {
|
|
5
5
|
width?: Property.Width;
|
|
6
6
|
maxWidth?: Property.MaxWidth;
|
|
7
7
|
minWidth?: Property.MinWidth;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
export
|
|
2
|
+
export type CheckBoxProps = React.ComponentPropsWithoutRef<"input"> & {
|
|
3
3
|
indeterminate?: boolean;
|
|
4
4
|
error?: boolean;
|
|
5
5
|
inputRef?: React.Ref<HTMLInputElement>;
|
|
@@ -3,13 +3,13 @@ import { ButtonColor } from "../Button/Button";
|
|
|
3
3
|
import { IconName } from "../Icon/Icon";
|
|
4
4
|
import { ModalCloseReason, ModalProps } from "../Modal";
|
|
5
5
|
import { CSSTransitionProps } from "../../utils/reactTransitionGroup";
|
|
6
|
-
export
|
|
7
|
-
export
|
|
6
|
+
export type ConfirmModalCloseReason = "clickCloseIcon" | "clickCancelButton";
|
|
7
|
+
export type SubAction = {
|
|
8
8
|
title: string;
|
|
9
9
|
icon: IconName;
|
|
10
10
|
action: () => void;
|
|
11
11
|
};
|
|
12
|
-
export
|
|
12
|
+
export type ConfirmModalProps = {
|
|
13
13
|
title: string;
|
|
14
14
|
confirmText?: string;
|
|
15
15
|
cancelText?: string;
|
|
@@ -8,7 +8,7 @@ export declare const ModalContainer: import("styled-components").StyledComponent
|
|
|
8
8
|
}, never>;
|
|
9
9
|
export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
10
10
|
export declare const LeftContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
11
|
-
|
|
11
|
+
type ScrollContainerProps = {
|
|
12
12
|
overflowYScroll: boolean;
|
|
13
13
|
fullSize: boolean;
|
|
14
14
|
showFooter: boolean;
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import * as PopperJS from "@popperjs/core";
|
|
3
3
|
import { ContentProp } from "../MenuList/MenuList";
|
|
4
4
|
import { MenuProps } from "../Menu";
|
|
5
|
-
export
|
|
5
|
+
export type ContextMenuProps = {
|
|
6
6
|
/**
|
|
7
7
|
* `type ContentProp = React.ComponentPropsWithoutRef<"div"> & {
|
|
8
8
|
* text: string;
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import { CreatableProps } from "react-select/creatable";
|
|
3
3
|
import { GroupBase } from "react-select/dist/declarations/src/types";
|
|
4
4
|
import { OptionType } from "../Select";
|
|
5
|
-
export
|
|
5
|
+
export type CreatableSelectProps<T> = {
|
|
6
6
|
limit?: number;
|
|
7
7
|
minWidth?: string;
|
|
8
8
|
placeholder?: string;
|
|
@@ -22,18 +22,19 @@ declare const _default: <T>(props: {
|
|
|
22
22
|
placeholder?: React.ReactNode;
|
|
23
23
|
tabIndex?: number | undefined;
|
|
24
24
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
25
|
+
classNames?: import("react-select").ClassNamesConfig<OptionType<T>, boolean, GroupBase<OptionType<T>>> | undefined;
|
|
25
26
|
styles?: import("react-select").StylesConfig<OptionType<T>, boolean, GroupBase<OptionType<T>>> | undefined;
|
|
26
27
|
options?: import("react-select/dist/declarations/src/types").OptionsOrGroups<OptionType<T>, GroupBase<OptionType<T>>> | undefined;
|
|
27
28
|
menuIsOpen?: boolean | undefined;
|
|
28
29
|
isDisabled?: boolean | undefined;
|
|
29
|
-
isMulti?: boolean | undefined;
|
|
30
|
-
isRtl?: boolean | undefined;
|
|
31
30
|
loadingMessage?: ((obj: {
|
|
32
31
|
inputValue: string;
|
|
33
32
|
}) => React.ReactNode) | undefined;
|
|
34
33
|
noOptionsMessage?: ((obj: {
|
|
35
34
|
inputValue: string;
|
|
36
35
|
}) => React.ReactNode) | undefined;
|
|
36
|
+
isMulti?: boolean | undefined;
|
|
37
|
+
isRtl?: boolean | undefined;
|
|
37
38
|
backspaceRemovesValue?: boolean | undefined;
|
|
38
39
|
blurInputOnSelect?: boolean | undefined;
|
|
39
40
|
captureMenuScroll?: boolean | undefined;
|
|
@@ -62,22 +63,24 @@ declare const _default: <T>(props: {
|
|
|
62
63
|
count: number;
|
|
63
64
|
}) => string) | undefined;
|
|
64
65
|
tabSelectsValue?: boolean | undefined;
|
|
66
|
+
unstyled?: boolean | undefined;
|
|
65
67
|
} & {}, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
|
|
66
68
|
placeholder?: React.ReactNode;
|
|
67
69
|
tabIndex?: number | undefined;
|
|
68
70
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
71
|
+
classNames?: import("react-select").ClassNamesConfig<OptionType<T>, boolean, GroupBase<OptionType<T>>> | undefined;
|
|
69
72
|
styles?: import("react-select").StylesConfig<OptionType<T>, boolean, GroupBase<OptionType<T>>> | undefined;
|
|
70
73
|
options?: import("react-select/dist/declarations/src/types").OptionsOrGroups<OptionType<T>, GroupBase<OptionType<T>>> | undefined;
|
|
71
74
|
menuIsOpen?: boolean | undefined;
|
|
72
75
|
isDisabled?: boolean | undefined;
|
|
73
|
-
isMulti?: boolean | undefined;
|
|
74
|
-
isRtl?: boolean | undefined;
|
|
75
76
|
loadingMessage?: ((obj: {
|
|
76
77
|
inputValue: string;
|
|
77
78
|
}) => React.ReactNode) | undefined;
|
|
78
79
|
noOptionsMessage?: ((obj: {
|
|
79
80
|
inputValue: string;
|
|
80
81
|
}) => React.ReactNode) | undefined;
|
|
82
|
+
isMulti?: boolean | undefined;
|
|
83
|
+
isRtl?: boolean | undefined;
|
|
81
84
|
backspaceRemovesValue?: boolean | undefined;
|
|
82
85
|
blurInputOnSelect?: boolean | undefined;
|
|
83
86
|
captureMenuScroll?: boolean | undefined;
|
|
@@ -106,6 +109,7 @@ declare const _default: <T>(props: {
|
|
|
106
109
|
count: number;
|
|
107
110
|
}) => string) | undefined;
|
|
108
111
|
tabSelectsValue?: boolean | undefined;
|
|
112
|
+
unstyled?: boolean | undefined;
|
|
109
113
|
} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionType<T>> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<OptionType<T>, GroupBase<OptionType<T>>> & {
|
|
110
114
|
ref?: React.ForwardedRef<HTMLDivElement> | undefined;
|
|
111
115
|
}) => ReturnType<typeof CreatableSelect>;
|
|
@@ -12,18 +12,19 @@ declare const _default: {
|
|
|
12
12
|
placeholder?: React.ReactNode;
|
|
13
13
|
tabIndex?: number | undefined;
|
|
14
14
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
15
|
+
classNames?: import("react-select").ClassNamesConfig<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
|
|
15
16
|
styles?: import("react-select").StylesConfig<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
|
|
16
17
|
options?: import("react-select").OptionsOrGroups<import("..").OptionType<T>, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
|
|
17
18
|
menuIsOpen?: boolean | undefined;
|
|
18
19
|
isDisabled?: boolean | undefined;
|
|
19
|
-
isMulti?: boolean | undefined;
|
|
20
|
-
isRtl?: boolean | undefined;
|
|
21
20
|
loadingMessage?: ((obj: {
|
|
22
21
|
inputValue: string;
|
|
23
22
|
}) => React.ReactNode) | undefined;
|
|
24
23
|
noOptionsMessage?: ((obj: {
|
|
25
24
|
inputValue: string;
|
|
26
25
|
}) => React.ReactNode) | undefined;
|
|
26
|
+
isMulti?: boolean | undefined;
|
|
27
|
+
isRtl?: boolean | undefined;
|
|
27
28
|
backspaceRemovesValue?: boolean | undefined;
|
|
28
29
|
blurInputOnSelect?: boolean | undefined;
|
|
29
30
|
captureMenuScroll?: boolean | undefined;
|
|
@@ -52,22 +53,24 @@ declare const _default: {
|
|
|
52
53
|
count: number;
|
|
53
54
|
}) => string) | undefined;
|
|
54
55
|
tabSelectsValue?: boolean | undefined;
|
|
56
|
+
unstyled?: boolean | undefined;
|
|
55
57
|
} & {}, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
|
|
56
58
|
placeholder?: React.ReactNode;
|
|
57
59
|
tabIndex?: number | undefined;
|
|
58
60
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
61
|
+
classNames?: import("react-select").ClassNamesConfig<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
|
|
59
62
|
styles?: import("react-select").StylesConfig<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
|
|
60
63
|
options?: import("react-select").OptionsOrGroups<import("..").OptionType<T>, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
|
|
61
64
|
menuIsOpen?: boolean | undefined;
|
|
62
65
|
isDisabled?: boolean | undefined;
|
|
63
|
-
isMulti?: boolean | undefined;
|
|
64
|
-
isRtl?: boolean | undefined;
|
|
65
66
|
loadingMessage?: ((obj: {
|
|
66
67
|
inputValue: string;
|
|
67
68
|
}) => React.ReactNode) | undefined;
|
|
68
69
|
noOptionsMessage?: ((obj: {
|
|
69
70
|
inputValue: string;
|
|
70
71
|
}) => React.ReactNode) | undefined;
|
|
72
|
+
isMulti?: boolean | undefined;
|
|
73
|
+
isRtl?: boolean | undefined;
|
|
71
74
|
backspaceRemovesValue?: boolean | undefined;
|
|
72
75
|
blurInputOnSelect?: boolean | undefined;
|
|
73
76
|
captureMenuScroll?: boolean | undefined;
|
|
@@ -96,6 +99,7 @@ declare const _default: {
|
|
|
96
99
|
count: number;
|
|
97
100
|
}) => string) | undefined;
|
|
98
101
|
tabSelectsValue?: boolean | undefined;
|
|
102
|
+
unstyled?: boolean | undefined;
|
|
99
103
|
} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<import("..").OptionType<T>> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<import("..").OptionType<T>, import("react-select").GroupBase<import("..").OptionType<T>>> & {
|
|
100
104
|
ref?: React.ForwardedRef<HTMLDivElement> | undefined;
|
|
101
105
|
}) => React.ReactElement<import("./CreatableSelect").CreatableSelectProps<unknown>, string | React.JSXElementConstructor<any>>;
|
|
@@ -3,11 +3,11 @@ import { LabelDisplayRows } from "./internal/CountChanger";
|
|
|
3
3
|
import { TypographyProps } from "../Typography";
|
|
4
4
|
import { ItemEmptyProps } from "../ItemEmpty";
|
|
5
5
|
import { VerticalSpacing } from "./internal/Table/Row";
|
|
6
|
-
export
|
|
6
|
+
export type DataTableBaseData = {
|
|
7
7
|
id: number;
|
|
8
8
|
selectDisabled?: boolean;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
10
|
+
export type Column<T> = {
|
|
11
11
|
name: string;
|
|
12
12
|
selector: (data: T) => string | number;
|
|
13
13
|
sortable?: boolean;
|
|
@@ -17,12 +17,12 @@ export declare type Column<T> = {
|
|
|
17
17
|
align?: TypographyProps["align"];
|
|
18
18
|
enableMergeCell?: boolean;
|
|
19
19
|
};
|
|
20
|
-
|
|
20
|
+
type Tab<T> = {
|
|
21
21
|
label: string;
|
|
22
22
|
filter: (data: T[]) => T[];
|
|
23
23
|
disabledCheck?: boolean;
|
|
24
24
|
};
|
|
25
|
-
export
|
|
25
|
+
export type DataTableProps<T> = {
|
|
26
26
|
/**
|
|
27
27
|
* Array of some object that has `id: number` property.
|
|
28
28
|
*/
|
|
@@ -101,7 +101,7 @@ export declare type DataTableProps<T> = {
|
|
|
101
101
|
labelRowsPerPage?: string;
|
|
102
102
|
labelDisplayedRows?: LabelDisplayRows;
|
|
103
103
|
};
|
|
104
|
-
declare const DataTable: <T extends DataTableBaseData>({ data, columns, enablePagination, onSelectRowsChange, onRadioChange, clearSelectedRows, tabs, itemEmptyProps, per, defaultSortField, defaultSortOrder, defaultSelectedRows, defaultSelectedRow, enableRuledLine, verticalSpacing, fullWidth, disableCheckWhenClickRow, tableMaxHeight, horizontalScrollable, labelRowsPerPage, labelDisplayedRows, }: DataTableProps<T>, ref?: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
|
|
104
|
+
declare const DataTable: <T extends DataTableBaseData>({ data: sourceData, columns, enablePagination, onSelectRowsChange, onRadioChange, clearSelectedRows, tabs, itemEmptyProps, per, defaultSortField, defaultSortOrder, defaultSelectedRows, defaultSelectedRow, enableRuledLine, verticalSpacing, fullWidth, disableCheckWhenClickRow, tableMaxHeight, horizontalScrollable, labelRowsPerPage, labelDisplayedRows, }: DataTableProps<T>, ref?: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
|
|
105
105
|
declare const _default: <T extends DataTableBaseData>(props: DataTableProps<T> & {
|
|
106
106
|
ref?: React.ForwardedRef<HTMLDivElement> | undefined;
|
|
107
107
|
}) => ReturnType<typeof DataTable>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
export
|
|
2
|
+
export type Props = React.TdHTMLAttributes<HTMLTableDataCellElement> & React.ThHTMLAttributes<HTMLTableHeaderCellElement> & {
|
|
3
3
|
header?: boolean;
|
|
4
4
|
indeterminate?: boolean;
|
|
5
5
|
selected?: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
2
|
+
type Props = React.TdHTMLAttributes<HTMLTableDataCellElement> & React.ThHTMLAttributes<HTMLTableHeaderCellElement> & {
|
|
3
3
|
header?: boolean;
|
|
4
4
|
selected?: boolean;
|
|
5
5
|
onClick?: React.ComponentPropsWithoutRef<"input">["onClick"];
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { OptionType } from "../../../Select/Select";
|
|
3
|
-
export
|
|
3
|
+
export type LabelDisplayRows = ({ from, to, total, }: {
|
|
4
4
|
from: number;
|
|
5
5
|
to: number;
|
|
6
6
|
total: number;
|
|
7
7
|
}) => string;
|
|
8
|
-
export
|
|
8
|
+
export type Props = {
|
|
9
9
|
per: number;
|
|
10
10
|
total: number;
|
|
11
11
|
index?: number;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { OrderStatus } from "../../sort";
|
|
3
|
-
export
|
|
3
|
+
export type Props = React.ThHTMLAttributes<HTMLTableHeaderCellElement> & {
|
|
4
4
|
sortable?: boolean;
|
|
5
5
|
order?: OrderStatus;
|
|
6
6
|
width?: string;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
export
|
|
3
|
-
|
|
2
|
+
export type VerticalSpacing = "small" | "medium" | "large";
|
|
3
|
+
type RowProps = {
|
|
4
4
|
highlighted: boolean;
|
|
5
5
|
verticalSpacing: VerticalSpacing;
|
|
6
6
|
isStickyHeader: boolean;
|
|
7
7
|
disableHoverHighlight: boolean;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
9
|
+
export type Props = React.ComponentPropsWithoutRef<"tr"> & Partial<RowProps>;
|
|
10
10
|
export declare const Row: React.FunctionComponent<Props>;
|
|
11
11
|
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
2
|
+
type TableProps = {
|
|
3
3
|
horizontalScrollable: boolean;
|
|
4
4
|
};
|
|
5
|
-
export
|
|
5
|
+
export type Props = TableProps & {
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
};
|
|
8
8
|
export declare const Table: {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
3
|
-
export
|
|
2
|
+
type ValueType = number;
|
|
3
|
+
export type TabItem = {
|
|
4
4
|
label: string;
|
|
5
5
|
value: ValueType;
|
|
6
6
|
};
|
|
7
|
-
|
|
7
|
+
type Props = {
|
|
8
8
|
value: ValueType;
|
|
9
9
|
items: TabItem[];
|
|
10
10
|
onChange: (value: ValueType) => void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
2
|
+
export type OrderStatus = "desc" | "asc" | null;
|
|
3
|
+
export type GetValue<T> = (obj: T) => string | number;
|
|
4
|
+
export type CurrentSortState<T> = {
|
|
5
5
|
isDesc: boolean;
|
|
6
6
|
name: string;
|
|
7
7
|
getValue?: GetValue<T>;
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import "react-dates/initialize";
|
|
3
3
|
import dayjs, { InstanceLocaleDataReturn } from "dayjs";
|
|
4
4
|
import { RenderMonthProps, SingleDatePickerShape } from "react-dates";
|
|
5
|
-
export
|
|
5
|
+
export type DatePickerProps = Partial<Omit<SingleDatePickerShape, "date" | "onFocusChange" | "onDateChange" | "renderMonthText">> & Omit<RenderMonthProps, "renderMonthText"> & {
|
|
6
6
|
date: dayjs.Dayjs | null;
|
|
7
7
|
onDateChange: (date: dayjs.Dayjs | null) => void;
|
|
8
8
|
renderMonthText?: ((month: dayjs.Dayjs) => React.ReactNode) | null;
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import "react-dates/initialize";
|
|
3
3
|
import dayjs, { InstanceLocaleDataReturn } from "dayjs";
|
|
4
4
|
import { DateRangePickerShape } from "react-dates";
|
|
5
|
-
export
|
|
5
|
+
export type DateRangePickerProps = Partial<Omit<DateRangePickerShape, "startDate" | "endDate" | "onDatesChange" | "renderMonthText">> & {
|
|
6
6
|
startDate: dayjs.Dayjs | null;
|
|
7
7
|
endDate: dayjs.Dayjs | null;
|
|
8
8
|
onDatesChange: (arg: {
|
|
@@ -3,8 +3,8 @@ import * as PopperJS from "@popperjs/core";
|
|
|
3
3
|
import { MenuProps } from "../Menu";
|
|
4
4
|
import { ButtonSize, ButtonColor } from "../Button/Button";
|
|
5
5
|
import { ContentProp } from "../MenuList/MenuList";
|
|
6
|
-
|
|
7
|
-
export
|
|
6
|
+
type DropdownButtonColor = Exclude<ButtonColor, "danger">;
|
|
7
|
+
export type DropdownButtonProps = {
|
|
8
8
|
size?: ButtonSize;
|
|
9
9
|
color?: DropdownButtonColor;
|
|
10
10
|
onClick?: () => void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Property } from "csstype";
|
|
2
|
-
|
|
3
|
-
export
|
|
2
|
+
type TLengthStyledSystem = string | 0 | number;
|
|
3
|
+
export type FlexProps = {
|
|
4
4
|
display?: "flex" | "inline-flex";
|
|
5
5
|
height?: Property.Height<TLengthStyledSystem>;
|
|
6
6
|
alignItems?: Property.AlignItems;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as PopperJS from "@popperjs/core";
|
|
3
3
|
import { ModalCloseReason } from "../Modal";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
4
|
+
export type FloatingTipCloseReason = "clickCloseIcon";
|
|
5
|
+
export type FloatingTipProps = {
|
|
6
6
|
/**
|
|
7
7
|
* That becomes position reference of this component.
|
|
8
8
|
*/
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
export type IconName = "dashboard" | "bar_chart" | "bar_chart_framed" | "line_chart_framed" | "multi_line_chart_framed" | "logout" | "setting" | "arrow_bottom" | "arrow_left" | "arrow_right" | "pencil" | "delete_bin" | "close" | "forbid" | "check" | "eye" | "eye_off" | "exclamation" | "arrow_double_left" | "arrow_double_right" | "question" | "zoom_in" | "sort_up" | "sort_down" | "sort_inactive" | "folder" | "folder_open" | "return_line" | "link" | "unlink" | "no_link" | "search" | "import" | "export" | "add_line" | "more" | "more_vert" | "date_range" | "external_link" | "desktop" | "mobile" | "desktop_mobile" | "copy" | "truck" | "camera_movie" | "code_file" | "cart_secure" | "profile" | "auction" | "mail" | "mail_open" | "filter" | "notification" | "user_settings" | "company_settings" | "heart_pulse" | "checkbox_circle" | "alart" | "base_station" | "braille" | "label" | "download_cloud" | "save" | "close_circle" | "bid_strap" | "fluct" | "data_strap" | "company" | "document" | "user" | "information";
|
|
3
|
+
type IconType = "fill" | "line";
|
|
4
|
+
type IconColor = IconType | "active" | string;
|
|
5
|
+
type IconSize = "sm" | "md" | "lg";
|
|
6
6
|
export declare const iconSize: {
|
|
7
7
|
[key in IconSize]: number;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
9
|
+
export type IconProps = {
|
|
10
10
|
type: IconType;
|
|
11
11
|
fill: string;
|
|
12
12
|
};
|
|
13
13
|
export declare const icons: {
|
|
14
14
|
[key in IconName]: React.FunctionComponent<IconProps>;
|
|
15
15
|
};
|
|
16
|
-
export
|
|
16
|
+
export type Props = {
|
|
17
17
|
name: IconName;
|
|
18
18
|
type?: IconType;
|
|
19
19
|
size?: IconSize;
|