ingred-ui 21.4.0 → 21.4.2

package/dist/components/DualListBox2/DualListBox2.d.ts

@@ -42,9 +42,21 @@ type DualListBox2Props = {
      **/
     onActiveSectionChange?: (activeSection: string | null) => void;
     /**
-     * 「さらに読み込む」ボタンが押されたときのハンドラ
+     * スクロールによって追加データの読み込みが必要になったときに呼び出されるハンドラ
      **/
     onLoadMore?: () => void;
+    /**
+     * 1ページあたりの表示件数
+     **/
+    pageSize?: number;
+    /**
+     * 1ページあたりの表示件数の選択肢
+     **/
+    pageSizeOptions?: number[];
+    /**
+     * 1ページあたりの表示件数が変更されたときのハンドラ
+     **/
+    onPageSizeChange?: (pageSize: number) => void;
 };
 export declare const DualListBox2: React.ForwardRefExoticComponent<DualListBox2Props & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/DualListBox2/DualListBox2.stories.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { StoryObj } from "@storybook/react";
+import { StoryObj, ComponentStory } from "@storybook/react";
 import { type Item, DualListBox2 } from "./index";
 declare const meta: {
     title: string;
@@ -15,6 +15,9 @@ declare const meta: {
         onExcludedChange: (excludedIds: string[]) => void;
         onActiveSectionChange?: ((activeSection: string | null) => void) | undefined;
         onLoadMore?: (() => void) | undefined;
+        pageSize?: number | undefined;
+        pageSizeOptions?: number[] | undefined;
+        onPageSizeChange?: ((pageSize: number) => void) | undefined;
     } & React.RefAttributes<HTMLDivElement>>;
     argTypes: {};
 };
@@ -31,8 +34,11 @@ export default meta;
  *
  * children には、左パネル用の選択できる項目を渡します。右パネルの内容は状態に応じて自動で表示管理されます。
  *
+ * モバイルサイズでは、タブで左右パネルの表示を切り替える
+ *
+ * included はフラットな配列。アコーディオンやセクションの group ごとに分けて配置する
  */
-export declare const Default: StoryObj<typeof meta>;
+export declare const Default: ComponentStory<typeof DualListBox2>;
 /**
  * #### 選択候補がアコーディオンで折りたたまれているタイプ
  *

package/dist/components/DualListBox2/DualListBox2Accordion.d.ts

@@ -4,6 +4,7 @@ type DualListBox2AccordionProps = {
     disableInclude?: boolean;
     disableExclude?: boolean;
     children: ReactNode;
+    onOpen?: () => void;
 };
-export declare const DualListBox2Accordion: ({ label, disableInclude, disableExclude, children, }: DualListBox2AccordionProps) => JSX.Element;
+export declare const DualListBox2Accordion: ({ label, disableInclude, disableExclude, children, onOpen, }: DualListBox2AccordionProps) => JSX.Element;
 export {};

package/dist/components/DualListBox2/DualListBox2MenuCountControl.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type DualListBox2MenuCountControlProps = {
+    pageSize: number;
+    pageSizeOptions: number[];
+    onPageSizeChange: (pageSize: number) => void;
+};
+export declare const DualListBox2MenuCountControl: ({ pageSize, pageSizeOptions, onPageSizeChange, }: DualListBox2MenuCountControlProps) => JSX.Element;
+export {};

package/dist/components/DualListBox2/styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const DualListBox2: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TabList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
 export declare const CountBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
@@ -33,3 +34,12 @@ export declare const AccordionIcon: import("styled-components").StyledComponent<
 export declare const SectionButtonBefore: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const SectionButtonAfter: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const SectionButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const LoadingIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const NestedAccordion: import("styled-components").StyledComponent<({ label, disableInclude, disableExclude, children, onOpen, }: {
+    label: string;
+    disableInclude?: boolean | undefined;
+    disableExclude?: boolean | undefined;
+    children: import("react").ReactNode;
+    onOpen?: (() => void) | undefined;
+}) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const NestedItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/DualListBox2/types.d.ts

@@ -2,4 +2,6 @@ export type Item = {
     id: string;
     groupName?: string;
     label: string;
+    parentNode?: string;
+    childNode?: string;
 };