ingred-ui 17.3.2 → 18.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,6 +9,7 @@ export type DualListBoxCandidateItem = DualListBoxItem & {
9
9
  export type DualListBoxProps = {
10
10
  candidateItems: DualListBoxCandidateItem[];
11
11
  selectedItems: DualListBoxItem[];
12
+ disableCheckbox?: boolean;
12
13
  onAdd?: (item: DualListBoxItem) => void;
13
14
  onRemove?: (item: DualListBoxItem) => void;
14
15
  };
@@ -13,3 +13,8 @@ export declare const Example: StoryObj<DualListBoxProps>;
13
13
  * ときにフラットにするのは利用者側で頑張ってもらう
14
14
  */
15
15
  export declare const Nested: StoryObj<DualListBoxProps>;
16
+ /**
17
+ * 規定の Checkbox による選択・選択解除ではなく
18
+ * DualListBoxItem に配置した Button による選択・選択解除を行う
19
+ */
20
+ export declare const WithoutCheckbox: StoryObj<DualListBoxProps>;
@@ -5,6 +5,7 @@ import { DualListBoxCandidateItem, DualListBoxItem } from "../../DualListBox";
5
5
  */
6
6
  export declare const CandidateRenderer: React.FunctionComponent<{
7
7
  items: DualListBoxCandidateItem[];
8
+ disableCheckbox?: boolean;
8
9
  onAdd?: (item: DualListBoxItem) => void;
9
10
  onRemove?: (item: DualListBoxItem) => void;
10
11
  }>;
@@ -2,6 +2,7 @@ import React from "react";
2
2
  import { CandidateItem, DualListBoxItem } from "../../../../DualListBox";
3
3
  export declare const SelectLabel: React.FunctionComponent<{
4
4
  item: CandidateItem;
5
+ disableCheckbox?: boolean;
5
6
  onAdd?: (item: DualListBoxItem) => void;
6
7
  onRemove?: (item: DualListBoxItem) => void;
7
8
  children: React.ReactNode;
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
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" | "refresh_line" | "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" | "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";
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" | "refresh_line" | "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" | "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";
3
3
  type IconType = "fill" | "line";
4
4
  type IconColor = IconType | "active" | string;
5
5
  type IconSize = "sm" | "md" | "lg";
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import { IconProps } from "../../Icon";
3
+ declare const KeyIcon: React.FunctionComponent<IconProps>;
4
+ export { KeyIcon };