ingred-ui 33.5.1-canary.2 → 33.6.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/components/FilterComboBox/FilterComboBox.d.ts +1 -30
- package/dist/components/FilterComboBox/styled.d.ts +0 -1
- package/dist/components/Select2/types.d.ts +0 -12
- package/dist/components/Tabs/Tabs.d.ts +3 -1
- package/dist/components/Tabs/internal/Tab.d.ts +2 -0
- package/dist/components/Tabs/styled.d.ts +16 -4
- package/dist/index.es.js +363 -317
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +302 -256
- package/dist/index.js.map +1 -1
- package/package.json +18 -45
|
@@ -16,35 +16,6 @@ type FilterTagInputProps = {
|
|
|
16
16
|
tagVariant?: FilterVariant;
|
|
17
17
|
searchPlaceholder?: string;
|
|
18
18
|
noResultsMessage?: string;
|
|
19
|
-
/**
|
|
20
|
-
* 検索語が入力されるまで候補リストを描画しない
|
|
21
|
-
* 候補が大量にある場合に、開いた瞬間の全件描画を避けるためのオプション。
|
|
22
|
-
* @default false
|
|
23
|
-
*/
|
|
24
|
-
showOptionsOnlyWhenSearching?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* showOptionsOnlyWhenSearching=true かつ検索語が空のときに表示する案内文言
|
|
27
|
-
* @default "キーワードを入力してください"
|
|
28
|
-
*/
|
|
29
|
-
searchPromptMessage?: string;
|
|
30
|
-
/**
|
|
31
|
-
* 候補の絞り込みをコンポーネント内で行うか。
|
|
32
|
-
* false にすると getFilteredOptions をスキップし、親から渡された options を
|
|
33
|
-
* そのまま描画する(サーバ検索など、親が options を供給するケース向け)。
|
|
34
|
-
* @default true
|
|
35
|
-
*/
|
|
36
|
-
filterLocally?: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* 検索語が変わるたびに呼ばれる。サーバ検索する親側で debounce する想定。
|
|
39
|
-
* filterLocally=false と組み合わせて使う。
|
|
40
|
-
*/
|
|
41
|
-
onSearchChange?: (searchTerm: string) => void;
|
|
42
|
-
/**
|
|
43
|
-
* 検索結果を取得中かどうか。true の間は候補の代わりにローディングを表示する。
|
|
44
|
-
* サーバ検索(filterLocally=false)と組み合わせて使う。
|
|
45
|
-
* @default false
|
|
46
|
-
*/
|
|
47
|
-
isLoading?: boolean;
|
|
48
19
|
disabled?: boolean;
|
|
49
20
|
applyButtonText?: string;
|
|
50
21
|
cancelButtonText?: string;
|
|
@@ -60,5 +31,5 @@ type FilterTagInputProps = {
|
|
|
60
31
|
*/
|
|
61
32
|
middleware?: Middleware[];
|
|
62
33
|
};
|
|
63
|
-
export declare const FilterComboBox: ({ values, options, selectedIndex, selectOptions, onChange, onSelectChange, size, variant, tagVariant, searchPlaceholder, noResultsMessage,
|
|
34
|
+
export declare const FilterComboBox: ({ values, options, selectedIndex, selectOptions, onChange, onSelectChange, size, variant, tagVariant, searchPlaceholder, noResultsMessage, disabled, applyButtonText, cancelButtonText, error, placement, middleware, }: FilterTagInputProps) => React.JSX.Element;
|
|
64
35
|
export {};
|
|
@@ -47,7 +47,6 @@ export declare const StyledContextMenu2TextInputItem: import("styled-components/
|
|
|
47
47
|
as?: import("styled-components").WebTarget | undefined;
|
|
48
48
|
forwardedAs?: import("styled-components").WebTarget | undefined;
|
|
49
49
|
}, "$insetFocusRingPadding">>> & string;
|
|
50
|
-
export declare const LoadingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
51
50
|
export declare const SearchHeaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
52
51
|
export declare const SearchInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
53
52
|
export declare const SearchResetButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
|
|
@@ -106,18 +106,6 @@ export type Select2Props = {
|
|
|
106
106
|
* @default "オプションがありません"
|
|
107
107
|
*/
|
|
108
108
|
noResultsMessage?: string;
|
|
109
|
-
/**
|
|
110
|
-
* 検索語が入力されるまで候補リストを描画しない
|
|
111
|
-
* 候補が大量にある場合に、開いた瞬間の全件描画を避けるためのオプション。
|
|
112
|
-
* searchable=true が前提(検索窓がないと候補を表示できないため)。
|
|
113
|
-
* @default false
|
|
114
|
-
*/
|
|
115
|
-
showOptionsOnlyWhenSearching?: boolean;
|
|
116
|
-
/**
|
|
117
|
-
* showOptionsOnlyWhenSearching=true かつ検索語が空のときに表示する案内文言
|
|
118
|
-
* @default "キーワードを入力してください"
|
|
119
|
-
*/
|
|
120
|
-
searchPromptMessage?: string;
|
|
121
109
|
/**
|
|
122
110
|
* エラー状態
|
|
123
111
|
* @default false
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import type { TabsOrientation } from "./styled";
|
|
2
3
|
type TabsProps<T> = {
|
|
3
4
|
data: {
|
|
4
5
|
text: string;
|
|
@@ -8,9 +9,10 @@ type TabsProps<T> = {
|
|
|
8
9
|
value: T;
|
|
9
10
|
}[];
|
|
10
11
|
value: T;
|
|
12
|
+
orientation?: TabsOrientation;
|
|
11
13
|
onChange?: (value: T) => void;
|
|
12
14
|
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
13
15
|
ref?: React.Ref<HTMLDivElement>;
|
|
14
16
|
};
|
|
15
|
-
declare const Tabs: <T>({ ref, data, value, onChange, onClick, }: TabsProps<T>) => React.ReactElement<TabsProps<T>, string | React.JSXElementConstructor<any>>;
|
|
17
|
+
declare const Tabs: <T>({ ref, data, value, orientation, onChange, onClick, }: TabsProps<T>) => React.ReactElement<TabsProps<T>, string | React.JSXElementConstructor<any>>;
|
|
16
18
|
export default Tabs;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import type { TabsOrientation } from "../styled";
|
|
2
3
|
type TabProps = {
|
|
3
4
|
text: string;
|
|
4
5
|
count?: number;
|
|
5
6
|
countMax?: number;
|
|
6
7
|
value: any;
|
|
7
8
|
selected: boolean;
|
|
9
|
+
orientation: TabsOrientation;
|
|
8
10
|
onChange?: (value: any) => void;
|
|
9
11
|
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
10
12
|
};
|
|
@@ -1,11 +1,23 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
type
|
|
2
|
+
export type TabsOrientation = "horizontal" | "vertical";
|
|
3
|
+
type OrientationProps = {
|
|
4
|
+
$orientation: TabsOrientation;
|
|
5
|
+
};
|
|
6
|
+
type ButtonProps = OrientationProps & {
|
|
3
7
|
selected: boolean;
|
|
4
8
|
};
|
|
5
9
|
export declare const ChildContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
6
|
-
export declare const ChildrenContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
10
|
+
export declare const ChildrenContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$orientation"> & OrientationProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$orientation"> & OrientationProps, never>>> & string;
|
|
11
|
+
export declare const HorizontalWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
12
|
+
export declare const TabListScroll: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
13
|
+
export declare const TabList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
14
|
+
export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "selected" | "$orientation"> & OrientationProps & {
|
|
15
|
+
selected: boolean;
|
|
16
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "selected" | "$orientation"> & OrientationProps & {
|
|
17
|
+
selected: boolean;
|
|
18
|
+
}, never>>> & string;
|
|
19
|
+
export declare const LabelRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$orientation"> & OrientationProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$orientation"> & OrientationProps, never>>> & string;
|
|
20
|
+
export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, keyof import("../Typography").TypographyProps | keyof import("react").RefAttributes<HTMLElement>> & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, "selected"> & Pick<ButtonProps, "selected">, "trimVertical"> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, keyof import("../Typography").TypographyProps | keyof import("react").RefAttributes<HTMLElement>> & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>, "selected"> & Pick<ButtonProps, "selected">, "trimVertical">>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
|
|
9
21
|
export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
10
22
|
export declare const Border: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
11
23
|
export {};
|