@zenkigen-inc/component-ui 1.2.0 → 1.3.1

package/dist/pagination/index.d.ts

@@ -0,0 +1 @@
+export { Pagination } from './pagination';

package/dist/pagination/pagination-button.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type Props = {
+    page: number;
+    onClick: (value: number) => void;
+};
+export declare function PaginationButton({ page, onClick }: Props): import("react").JSX.Element;
+export {};

package/dist/pagination/pagination-context.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type PaginationContextType = {
+    /** 現在のページ番号 */
+    currentPage: number;
+};
+export declare const PaginationContext: import("react").Context<PaginationContextType>;
+export {};

package/dist/pagination/pagination.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+type Props = {
+    /** 現在のページ番号 */
+    currentPage: number;
+    /** トータルのページ数 */
+    totalPage: number;
+    /** 現在のページ番号を中心としたときの、左右のページボタン数 */
+    sideNumPagesToShow?: number;
+    /** ボタンが押されたときのイベントハンドラ */
+    onClick: (value: number) => void;
+};
+export declare function Pagination({ currentPage, totalPage, sideNumPagesToShow, onClick }: Props): import("react").JSX.Element;
+export {};

package/dist/select/select-list.d.ts

@@ -1,7 +1,6 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, PropsWithChildren } from 'react';
 type Props = {
-    children: ReactNode;
     maxHeight?: CSSProperties['height'];
 };
-export declare function SelectList({ children, maxHeight }: Props): import("react").JSX.Element;
+export declare function SelectList({ children, maxHeight }: PropsWithChildren<Props>): import("react").JSX.Element;
 export {};

package/dist/select/select.d.ts

@@ -1,9 +1,8 @@
-import { CSSProperties, ReactNode } from 'react';
 import { IconName } from '@zenkigen-inc/component-icons';
+import { CSSProperties, PropsWithChildren } from 'react';
 import { SelectItem } from './select-item';
 import type { SelectOption } from './type';
 type Props = {
-    children: ReactNode;
     size?: 'x-small' | 'small' | 'medium' | 'large';
     variant?: 'outline' | 'text';
     width?: CSSProperties['width'];
@@ -14,7 +13,7 @@ type Props = {
     isDisabled?: boolean;
     onChange?: (option: SelectOption | null) => void;
 };
-export declare function Select({ children, size, variant, width, placeholder, placeholderIcon, selectedOption, isDisabled, onChange, optionListMaxHeight, }: Props): import("react").JSX.Element;
+export declare function Select({ children, size, variant, width, placeholder, placeholderIcon, selectedOption, isDisabled, onChange, optionListMaxHeight, }: PropsWithChildren<Props>): import("react").JSX.Element;
 export declare namespace Select {
     var Option: typeof SelectItem;
 }

package/dist/select-sort/select-item.d.ts

@@ -1,8 +1,7 @@
-import { ReactNode } from 'react';
+import { PropsWithChildren } from 'react';
 type Props = {
-    children: ReactNode;
     isSortKey: boolean;
     onClickItem: () => void;
 };
-export declare function SelectItem({ children, isSortKey, onClickItem }: Props): import("react").JSX.Element;
+export declare function SelectItem({ children, isSortKey, onClickItem }: PropsWithChildren<Props>): import("react").JSX.Element;
 export {};

package/dist/table/index.d.ts

@@ -1,3 +1,3 @@
 export { Table } from './table';
-export { TableRow } from './table-row';
 export { TableCell } from './table-cell';
+export { TableRow } from './table-row';

package/dist/text-input/index.d.ts

@@ -0,0 +1 @@
+export { TextInput } from './text-input';

package/dist/text-input/text-input.d.ts

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes } from 'react';
+interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    size?: 'medium' | 'large';
+    value: string;
+    isError?: boolean;
+    onClickClearButton?: () => void;
+}
+export declare const TextInput: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/tooltip/tooltip.d.ts

@@ -1,7 +1,6 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, PropsWithChildren } from 'react';
 import { TooltipHorizontalAlign, TooltipSize, TooltipVerticalPosition } from './type';
 type Props = {
-    children: ReactNode;
     content: string;
     size?: TooltipSize;
     maxWidth?: CSSProperties['width'];
@@ -9,5 +8,5 @@ type Props = {
     horizontalAlign?: TooltipHorizontalAlign;
     isDisabledHover?: boolean;
 };
-export declare function Tooltip({ children, content, size, maxWidth, verticalPosition, horizontalAlign, isDisabledHover, }: Props): import("react").JSX.Element;
+export declare function Tooltip({ children, content, size, maxWidth, verticalPosition, horizontalAlign, isDisabledHover, }: PropsWithChildren<Props>): import("react").JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zenkigen-inc/component-ui",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "repository": "https://github.com/zenkigen/zenkigen-component",
   "license": "MIT",
   "publishConfig": {
@@ -26,8 +26,8 @@
     "react": "^18.0.0"
   },
   "dependencies": {
-    "@zenkigen-inc/component-icons": "1.2.0",
-    "@zenkigen-inc/component-theme": "1.2.0",
+    "@zenkigen-inc/component-icons": "1.3.1",
+    "@zenkigen-inc/component-theme": "1.3.1",
     "clsx": "2.0.0"
   }
 }