ingred-ui 33.5.0 → 33.5.1-canary.1

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.
@@ -53,7 +53,7 @@ export declare const useDateField2: ({ date, format, disabled, onDateChange, }:
53
53
  style: {
54
54
  caretColor: "transparent";
55
55
  };
56
- "aria-label": "日" | "月" | "年" | undefined;
56
+ "aria-label": string | undefined;
57
57
  onFocus: () => void;
58
58
  onBlur: (e: React.FocusEvent) => void;
59
59
  onKeyDown: (event: React.KeyboardEvent<HTMLSpanElement>) => void;
@@ -8,7 +8,7 @@ export declare const LeftPanel: import("styled-components/dist/types").IStyledCo
8
8
  }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isShow"> & {
9
9
  isShow: boolean;
10
10
  }, never>>> & string;
11
- export declare const LeftPanelBody: 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
+ export declare const LeftPanelBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "tabIndex"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "tabIndex">>> & string;
12
12
  export declare const LeftPanelHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hasMenu" | "hasCustomFilterHeader"> & {
13
13
  hasMenu?: boolean | undefined;
14
14
  hasCustomFilterHeader?: boolean | undefined;
@@ -29,7 +29,7 @@ export declare const RightPanel: import("styled-components/dist/types").IStyledC
29
29
  isShow: boolean;
30
30
  }, never>>> & string;
31
31
  export declare const RightPanelHeader: 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;
32
- export declare const RightPanelBody: 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;
32
+ export declare const RightPanelBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "tabIndex"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, "tabIndex">>> & string;
33
33
  export declare const SelectedCounts: 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;
34
34
  export declare const SelectedCountIncluded: 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;
35
35
  export declare const SelectedCountExcluded: 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;
@@ -16,6 +16,17 @@ 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;
19
30
  disabled?: boolean;
20
31
  applyButtonText?: string;
21
32
  cancelButtonText?: string;
@@ -31,5 +42,5 @@ type FilterTagInputProps = {
31
42
  */
32
43
  middleware?: Middleware[];
33
44
  };
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;
45
+ export declare const FilterComboBox: ({ values, options, selectedIndex, selectOptions, onChange, onSelectChange, size, variant, tagVariant, searchPlaceholder, noResultsMessage, showOptionsOnlyWhenSearching, searchPromptMessage, disabled, applyButtonText, cancelButtonText, error, placement, middleware, }: FilterTagInputProps) => React.JSX.Element;
35
46
  export {};
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
2
  /** @deprecated "arrow_bottom" は "arrow_down" に置き換わりました */
3
3
  type DeprecatedArrowBottom = "arrow_bottom";
4
- export type IconName = "dashboard" | "bar_chart" | "bar_chart_framed" | "line_chart_framed" | "multi_line_chart_framed" | "logout" | "setting" | "arrow_up" | "arrow_down" | "arrow_left" | "arrow_right" | "pencil" | "delete_bin" | "close" | "forbid" | "check" | "eye" | "eye_off" | "exclamation" | "expand_diagonal_s_fill" | "arrow_double_left" | "arrow_double_right" | "question" | "zoom_in" | "sort_up" | "sort_down" | "sort_inactive" | "folder" | "folder_open" | "refresh_line" | "return_line" | "link" | "list_ordered_2" | "unlink" | "no_link" | "search" | "import" | "export" | "add_line" | "more" | "more_vert" | "date_range" | "external_link" | "desktop" | "mobile" | "desktop_mobile" | "copy" | "truck" | "translate_2" | "camera_movie" | "code_file" | "cart_secure" | "profile" | "auction" | "mail" | "mail_open" | "filter" | "notification" | "user_settings" | "company_settings" | "heart_pulse" | "checkbox_circle" | "alert" | "base_station" | "braille" | "label" | "download_cloud" | "save" | "sidebar_fold" | "sidebar_unfold" | "skip_down" | "close_circle" | "bid_strap" | "fluct" | "data_strap" | "company" | "document" | "user" | "information" | "analytics" | "support" | "apps" | "ad_block" | "building" | "image" | "calendar" | "menu" | "file_list" | "draft" | "time" | "stop_circle" | "play_circle" | "sort_asc" | "sort_desc" | "bar_chart_search" | "check_thin" | "image_check" | "group2" | "key" | "operator_match" | "operator_does_not_match" | "operator_contains" | "operator_does_not_contains" | "operator_starts_with" | "operator_ends_with" | "operator_equal" | "operator_not_equal" | "operator_greater_than" | "operator_greater_than_or_equal_to" | "operator_less_than" | "operator_less_than_or_equal_to" | "bookmark" | "circle" | "money_dollar_circle" | "money_jpy_circle" | "expand_list" | "collapse_list" | "history" | "keyvalue" | "dashboard2" | "calculator" | "upload_cloud" | "corner_down_right";
4
+ export type IconName = "dashboard" | "bar_chart" | "bar_chart_framed" | "line_chart_framed" | "multi_line_chart_framed" | "logout" | "setting" | "arrow_up" | "arrow_down" | "arrow_left" | "arrow_right" | "pencil" | "delete_bin" | "close" | "forbid" | "check" | "eye" | "eye_off" | "exclamation" | "expand_diagonal_s_fill" | "arrow_double_left" | "arrow_double_right" | "question" | "zoom_in" | "sort_up" | "sort_down" | "sort_inactive" | "folder" | "folder_open" | "refresh_line" | "return_line" | "link" | "list_ordered_2" | "unlink" | "no_link" | "search" | "import" | "export" | "add_line" | "more" | "more_vert" | "date_range" | "external_link" | "desktop" | "mobile" | "desktop_mobile" | "copy" | "truck" | "translate_2" | "camera_movie" | "code_file" | "cart_secure" | "profile" | "auction" | "mail" | "mail_open" | "filter" | "notification" | "user_settings" | "company_settings" | "heart_pulse" | "checkbox_circle" | "alert" | "base_station" | "braille" | "label" | "download_cloud" | "save" | "sidebar_fold" | "sidebar_unfold" | "skip_down" | "close_circle" | "bid_strap" | "fluct" | "data_strap" | "company" | "document" | "dooh" | "user" | "information" | "analytics" | "support" | "apps" | "ad_block" | "building" | "image" | "calendar" | "menu" | "file_list" | "draft" | "terminal_box" | "time" | "stop_circle" | "play_circle" | "sort_asc" | "sort_desc" | "bar_chart_search" | "check_thin" | "image_check" | "group2" | "key" | "operator_match" | "operator_does_not_match" | "operator_contains" | "operator_does_not_contains" | "operator_starts_with" | "operator_ends_with" | "operator_equal" | "operator_not_equal" | "operator_greater_than" | "operator_greater_than_or_equal_to" | "operator_less_than" | "operator_less_than_or_equal_to" | "bookmark" | "circle" | "money_dollar_circle" | "money_jpy_circle" | "expand_list" | "collapse_list" | "history" | "keyvalue" | "dashboard2" | "calculator" | "upload_cloud" | "corner_down_right";
5
5
  type IconType = "fill" | "line";
6
6
  type IconColor = IconType | "active" | string;
7
7
  export type IconSize = "sm" | "sm-md" | "md" | "md-lg" | "lg";
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import { IconProps } from "../../Icon";
3
+ declare const DoohIcon: React.FunctionComponent<IconProps>;
4
+ export { DoohIcon };
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import { IconProps } from "../../Icon";
3
+ declare const TerminalBoxIcon: React.FunctionComponent<IconProps>;
4
+ export { TerminalBoxIcon };
@@ -106,6 +106,18 @@ 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;
109
121
  /**
110
122
  * エラー状態
111
123
  * @default false