@zenkigen-inc/component-ui 1.1.3 → 1.3.0

package/dist/modal/modal-body.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare function ModalBody({ children }: PropsWithChildren): import("react").JSX.Element;

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 type ModalReturnType = {
-    width: number;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
 };
 export declare const ModalContext: import("react").Context<ModalReturnType>;

package/dist/modal/modal-footer.d.ts

@@ -0,0 +1,6 @@
+import React, { PropsWithChildren } from 'react';
+type Props = {
+    isNoBorder?: boolean;
+};
+export declare function ModalFooter({ children, isNoBorder }: PropsWithChildren<Props>): React.JSX.Element;
+export {};

package/dist/modal/modal-header.d.ts

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

package/dist/modal/modal.d.ts

@@ -1,22 +1,18 @@
-import { CSSProperties, MutableRefObject, ReactElement, ReactNode } from 'react';
-import { ModalButtonTab } from './modal-button-tab';
+import { CSSProperties, MutableRefObject, PropsWithChildren } from 'react';
+import { ModalBody } from './modal-body';
+import { ModalFooter } from './modal-footer';
 import { ModalHeader } from './modal-header';
-import { ModalTab } from './modal-tab';
 type Props = {
-    children?: ReactNode;
-    width: number;
+    width?: CSSProperties['width'];
     height?: CSSProperties['height'];
     isOpen: boolean;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
     portalTargetRef?: MutableRefObject<HTMLElement | null>;
-    headerElement?: ReactElement;
-    tabElement?: ReactElement;
-    buttonTabElement?: ReactElement;
 };
-export declare function Modal({ children, width, height, isOpen, setIsOpen, portalTargetRef, headerElement, tabElement, buttonTabElement, }: Props): import("react").ReactPortal;
+export declare function Modal({ children, width, height, isOpen, setIsOpen, portalTargetRef }: PropsWithChildren<Props>): import("react").ReactPortal;
 export declare namespace Modal {
+    var Body: typeof ModalBody;
     var Header: typeof ModalHeader;
-    var Tab: typeof ModalTab;
-    var ButtonTab: typeof ModalButtonTab;
+    var Footer: typeof ModalFooter;
 }
 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.1.3",
+  "version": "1.3.0",
   "repository": "https://github.com/zenkigen/zenkigen-component",
   "license": "MIT",
   "publishConfig": {
@@ -26,8 +26,8 @@
     "react": "^18.0.0"
   },
   "dependencies": {
-    "@zenkigen-inc/component-icons": "1.1.3",
-    "@zenkigen-inc/component-theme": "1.1.3",
+    "@zenkigen-inc/component-icons": "1.3.0",
+    "@zenkigen-inc/component-theme": "1.3.0",
     "clsx": "2.0.0"
   }
 }

package/dist/modal/modal-button-tab.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-type Props = {
-    primaryButtonLabel: string;
-    secondaryButtonLabel: string;
-    onClickPrimaryButton: () => void;
-    onClickSecondaryButton: () => void;
-    isDanger?: boolean;
-    isNoBorder?: boolean;
-} & ({
-    isWithCheckbox?: boolean;
-    checkboxLabel?: string;
-    isChecked?: boolean;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    subButtonLabel?: never;
-    onClickSubButton?: never;
-} | {
-    isWithCheckbox?: never;
-    checkboxLabel?: never;
-    isChecked?: never;
-    onChange?: never;
-    subButtonLabel?: string;
-    onClickSubButton?: () => void;
-});
-export declare function ModalButtonTab({ primaryButtonLabel, secondaryButtonLabel, onClickPrimaryButton, onClickSecondaryButton, isDanger, isNoBorder, isWithCheckbox, checkboxLabel, isChecked, onChange, subButtonLabel, onClickSubButton, }: Props): import("react").JSX.Element;
-export {};

package/dist/modal/modal-tab.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-type Props = {
-    tabItems: {
-        id: string;
-        label: string;
-    }[];
-    selectedTab: string;
-    setSelectedTab: React.Dispatch<React.SetStateAction<string>>;
-};
-export declare function ModalTab({ tabItems, selectedTab, setSelectedTab }: Props): import("react").JSX.Element;
-export {};