@wizleap-inc/wiz-ui-react 2.9.0 → 2.10.0

package/dist/components/base/accordion/components/accordion.d.ts

@@ -1,7 +1,6 @@
 import { ColorKeys } from '@wizleap-inc/wiz-ui-constants';
-import { FC, ReactNode } from 'react';
-import { BaseProps } from '../../../../types';
-type Props = BaseProps & {
+import { FC, ReactNode, ComponentPropsWithoutRef } from 'react';
+type Props = Omit<ComponentPropsWithoutRef<"details">, "onToggle"> & {
     isOpen: boolean;
     openMessage?: string;
     closeMessage?: string;

package/dist/components/base/anchor/components/anchor.d.ts

@@ -9,6 +9,7 @@ type Props<T extends ElementType> = BaseProps & {
     icon?: TIcon;
     iconPosition?: "left" | "right";
     nowrap?: boolean;
+    [key: `data-${string}`]: string;
     children: ReactNode;
 } & ({
     href?: string;

package/dist/components/base/dropdown/components/dropdown-item.d.ts

@@ -1,10 +1,7 @@
-import { FC, MouseEventHandler, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import { TIcon } from '../../../icons';
-import { BaseProps } from '../../../../types';
-type Props = BaseProps & {
+type Props = ComponentPropsWithoutRef<"button"> & {
     icon?: TIcon;
-    disabled?: boolean;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
     children: ReactNode;
 };
 export declare const WizDropdownItem: FC<Props>;

package/dist/components/base/header/components/header.d.ts

@@ -1,7 +1,6 @@
 import { SpacingKeys } from '@wizleap-inc/wiz-ui-constants';
-import { FC, ReactNode } from 'react';
-import { BaseProps } from '../../../../types';
-type Props = BaseProps & {
+import { FC, ReactNode, ComponentPropsWithoutRef } from 'react';
+type Props = ComponentPropsWithoutRef<"div"> & {
     gapLeft?: SpacingKeys;
     gapRight?: SpacingKeys;
     sticky?: boolean;

package/dist/components/base/information-panel/components/information-panel.d.ts

@@ -1,10 +1,9 @@
-import { FC, ReactNode } from 'react';
-import { BaseProps } from '../../../../types';
+import { FC, ReactNode, ComponentPropsWithoutRef } from 'react';
 type TextMessage = {
     text: string;
     type: "default" | "error";
 };
-type Props = BaseProps & {
+type Props = ComponentPropsWithoutRef<"div"> & {
     messages: (TextMessage | ReactNode)[];
     width?: string;
     border?: boolean;

package/dist/components/base/inputs/checkbox-new/components/checkbox-new.d.ts

@@ -1,16 +1,7 @@
-import { ChangeEvent, ComponentProps, ReactNode } from 'react';
-import { BaseProps } from '../../../../../types';
-type InputProps = ComponentProps<"input">;
-export declare const WizCheckBoxNew: import('react').ForwardRefExoticComponent<BaseProps & {
-    checked?: boolean;
-    value?: InputProps["value"];
-    id?: string;
-    name?: string;
-    disabled?: boolean;
+import { ReactNode } from 'react';
+export declare const WizCheckBoxNew: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     strikeThrough?: boolean;
     bordered?: boolean;
     error?: boolean;
     children?: ReactNode;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 } & import('react').RefAttributes<HTMLInputElement>>;
-export {};

package/dist/components/base/inputs/date-picker/components/date-picker.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { BaseProps } from '../../../../../types';
-type Props = BaseProps & {
+import { FC, ComponentPropsWithoutRef } from 'react';
+type Props = Omit<ComponentPropsWithoutRef<"button">, "disabled"> & {
     date: Date | null;
     placeholder?: string;
     width?: string;

package/dist/components/base/inputs/date-range-picker/components/date-range-picker.d.ts

@@ -1,7 +1,6 @@
-import { FC } from 'react';
-import { BaseProps } from '../../../../../types';
+import { FC, ComponentPropsWithoutRef } from 'react';
 import { DateRange, DateRangePickerSelectBoxOption } from '../types';
-type Props = BaseProps & {
+type Props = Omit<ComponentPropsWithoutRef<"button">, "disabled"> & {
     dateRange: DateRange;
     /**
      * @deprecated このプロパティは将来のバージョンで削除される予定です。代わりに `width="100%"` を使用してください。

package/dist/components/base/inputs/search-input/components/search-input.d.ts

@@ -1,7 +1,7 @@
+import { ComponentPropsWithoutRef } from 'react';
 import { TIcon } from '../../../..';
-import { BaseProps } from '../../../../../types';
 import { CheckboxOption, SearchInputOption } from './types';
-type Props<T extends CheckboxOption> = BaseProps & {
+type Props<T extends CheckboxOption> = ComponentPropsWithoutRef<"div"> & {
     options: SearchInputOption<T>[];
     values: T[];
     name?: string;
@@ -22,7 +22,7 @@ type Props<T extends CheckboxOption> = BaseProps & {
     onChangeValues?: (values: T[]) => void;
 };
 export declare const WizSearchInput: {
-    <T extends CheckboxOption>({ className, style, options, values, name, placeholder, disabled, expand, singleSelect, inputWidth, popupWidth, isDirectionFixed, emptyMessage, showSelectedItem, onChangeValues, showParentLabel, icon, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends CheckboxOption>({ className, style, options, values, name, placeholder, disabled, expand, singleSelect, inputWidth, popupWidth, isDirectionFixed, emptyMessage, showSelectedItem, onChangeValues, showParentLabel, icon, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
     displayName: "WizSearchInput";
 };
 export {};

package/dist/components/base/inputs/search-selector/components/popup-button-group/components/popup-button-group.d.ts

@@ -1,7 +1,7 @@
 import { SpacingKeys } from '@wizleap-inc/wiz-ui-constants';
-import { BaseProps } from '../../../../../../../types';
+import { ComponentPropsWithoutRef } from 'react';
 import { ButtonGroupItem } from '../types';
-type Props<T> = BaseProps & {
+type Props<T> = ComponentPropsWithoutRef<"div"> & {
     options: ButtonGroupItem<T>[];
     width?: string;
     p?: SpacingKeys;
@@ -12,5 +12,5 @@ type Props<T> = BaseProps & {
     buttonDivider?: boolean;
     depth?: number;
 };
-export declare const PopupButtonGroup: <T>({ className, style, options, width, p, borderRadius, disabled, expand, groupDivider, buttonDivider, depth, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const PopupButtonGroup: <T>({ className, style, options, width, p, borderRadius, disabled, expand, groupDivider, buttonDivider, depth, ...props }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/base/inputs/search-selector/components/search-selector.d.ts

@@ -1,6 +1,6 @@
-import { BaseProps } from '../../../../../types';
+import { ComponentPropsWithoutRef } from 'react';
 import { SearchSelectorOption } from './types';
-type Props<T> = BaseProps & {
+type Props<T> = ComponentPropsWithoutRef<"div"> & {
     options: SearchSelectorOption<T>[];
     values: T[];
     placeholder?: string;
@@ -28,7 +28,7 @@ type Props<T> = BaseProps & {
     onInputSearchText?: (text: string) => void;
 };
 export declare const WizSearchSelector: {
-    <T>({ className, style, options, values, placeholder, width, disabled, expand, multiSelectable, addable, error, isDirectionFixed, showExLabel, dropdownMaxHeight, threshold, onChangeValues, onCreate, onInputSearchText, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    <T>({ className, style, options, values, placeholder, width, disabled, expand, multiSelectable, addable, error, isDirectionFixed, showExLabel, dropdownMaxHeight, threshold, onChangeValues, onCreate, onInputSearchText, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
     displayName: "WizSearchSelector";
 };
 export {};

package/dist/components/base/inputs/selectbox/components/selectbox.d.ts

@@ -1,11 +1,11 @@
-import { BaseProps } from '../../../../../types';
+import { ComponentPropsWithoutRef } from 'react';
 type SelectBoxOption<T = number> = {
     label: string;
     exLabel?: string;
     value: T;
     disabled?: boolean;
 };
-type Props<T> = BaseProps & {
+type Props<T> = Omit<ComponentPropsWithoutRef<"div">, "onChange"> & {
     options: SelectBoxOption<T>[];
     value: T | null;
     placeholder?: string;
@@ -23,7 +23,7 @@ type Props<T> = BaseProps & {
     onChange?: (value: T | null) => void;
 };
 export declare const WizSelectBox: {
-    <T>({ className, style, options, value, placeholder, width, disabled, variant, expand, error, isDirectionFixed, showExLabel, dropdownMaxHeight, onChange, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    <T>({ className, style, options, value, placeholder, width, disabled, variant, expand, error, isDirectionFixed, showExLabel, dropdownMaxHeight, onChange, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
     displayName: "WizSelectBox";
 };
 export {};

package/dist/components/base/inputs/time-picker/components/time-picker.d.ts

@@ -1,7 +1,6 @@
-import { FC } from 'react';
-import { BaseProps } from '../../../../../types';
+import { FC, ComponentPropsWithoutRef } from 'react';
 import { Time } from '../types/time';
-type Props = BaseProps & {
+type Props = Omit<ComponentPropsWithoutRef<"div">, "onChange"> & {
     time: Time | null;
     placeholder?: string;
     width?: string;

package/dist/components/base/inputs/toggle-switch/components/toggle-switch.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { BaseProps } from '../../../../../types';
-type Props = BaseProps & {
+import { FC, ComponentPropsWithoutRef } from 'react';
+type Props = ComponentPropsWithoutRef<"label"> & {
     value: boolean;
     ariaLabel: string;
     disabled?: boolean;

package/dist/components/base/navigation/components/navigation-item.d.ts

@@ -1,8 +1,7 @@
-import { ComponentProps, ElementType } from 'react';
+import { ComponentProps, ComponentPropsWithoutRef, ElementType } from 'react';
 import { TIcon } from '../../..';
-import { BaseProps } from '../../../../types';
 import { ButtonGroupItem } from '../../popup-button-group/types';
-type Props<T extends ElementType> = BaseProps & {
+type Props<T extends ElementType> = ComponentPropsWithoutRef<"div"> & {
     icon: TIcon;
     label: string;
     active: boolean;
@@ -31,7 +30,7 @@ type Props<T extends ElementType> = BaseProps & {
     asProps: ComponentProps<T>;
 });
 export declare const WizNavigationItem: {
-    <T extends ElementType>({ className, style, icon: Icon, label, active, disabled, tooltipText, buttons, isPopupOpen, onTogglePopup, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends ElementType>({ style, icon: Icon, label, active, disabled, tooltipText, buttons, isPopupOpen, href, as, asProps, onTogglePopup, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
     displayName: "WizNavigationItem";
 };
 export {};

package/dist/components/base/pagination/components/pagination.d.ts

@@ -1,5 +1,5 @@
-import { BaseProps } from '../../../../types';
-type Props = BaseProps & {
+import { ComponentPropsWithoutRef } from 'react';
+type Props = ComponentPropsWithoutRef<"nav"> & {
     currentPage: number;
     length: number;
     onChangePage?: (page: number) => void;
@@ -10,7 +10,7 @@ type Props = BaseProps & {
     sideLength: number;
 };
 export declare const WizPagination: {
-    ({ className, style, currentPage, length, onChangePage, sideLength, }: Props): import("react/jsx-runtime").JSX.Element;
+    ({ className, currentPage, length, onChangePage, sideLength, ...props }: Props): import("react/jsx-runtime").JSX.Element;
     displayName: "WizPagination";
 };
 export {};

package/dist/components/base/panel-switch/components/panel-switch.d.ts

@@ -1,7 +1,6 @@
-import { FC } from 'react';
-import { BaseProps } from '../../../../types';
+import { FC, ComponentPropsWithoutRef } from 'react';
 import { PanelItems } from './type';
-type Props = BaseProps & {
+type Props = Omit<ComponentPropsWithoutRef<"div">, "onChange"> & {
     value: number | null;
     items: PanelItems[];
     width?: string;

package/dist/components/base/popup-button-group/components/popup-button-group.d.ts

@@ -1,8 +1,7 @@
 import { SpacingKeys } from '@wizleap-inc/wiz-ui-constants';
-import { FC } from 'react';
-import { BaseProps } from '../../../../types';
+import { FC, ComponentPropsWithoutRef } from 'react';
 import { ButtonGroupItem } from '../types';
-type Props = BaseProps & {
+type Props = ComponentPropsWithoutRef<"div"> & {
     options: ButtonGroupItem[];
     width?: string;
     p?: SpacingKeys;

package/dist/components/base/show-more-less/components/show-more-less.d.ts

@@ -1,6 +1,5 @@
-import { FC, ReactNode } from 'react';
-import { BaseProps } from '../../../../types';
-type Props = BaseProps & {
+import { FC, ReactNode, ComponentPropsWithoutRef } from 'react';
+type Props = ComponentPropsWithoutRef<"div"> & {
     isOpen: boolean;
     openMessage?: string;
     closeMessage?: string;

package/dist/components/base/tab/components/tab.d.ts

@@ -1,8 +1,7 @@
 import { SpacingKeys } from '@wizleap-inc/wiz-ui-constants';
-import { FC } from 'react';
-import { BaseProps } from '../../../../types';
+import { FC, ComponentPropsWithoutRef } from 'react';
 import { TabItem } from './types';
-type Props = BaseProps & {
+type Props = ComponentPropsWithoutRef<"div"> & {
     activeTabName: string;
     items: TabItem[];
     gap?: SpacingKeys;

package/dist/components/base/text-area/components/text-area.d.ts

@@ -1,11 +1,8 @@
-import { BaseProps } from '../../../../types';
-export declare const WizTextArea: import('react').ForwardRefExoticComponent<BaseProps & {
-    id?: string;
+import { ComponentPropsWithoutRef } from 'react';
+type TextAreaHTMLProps = Omit<ComponentPropsWithoutRef<"textarea">, "value" | "onChange">;
+export declare const WizTextArea: import('react').ForwardRefExoticComponent<TextAreaHTMLProps & {
     value: string;
-    placeholder?: string;
-    disabled?: boolean;
     expand?: boolean;
-    rows?: number;
     error?: boolean;
     resize?: "none" | "both" | "horizontal" | "vertical";
     maxWidth?: string;
@@ -14,3 +11,4 @@ export declare const WizTextArea: import('react').ForwardRefExoticComponent<Base
     minHeight?: string;
     onChange?: (value: string) => void;
 } & import('react').RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/components/custom/chat/components/chat-card.d.ts

@@ -1,8 +1,7 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, ComponentPropsWithoutRef } from 'react';
 import { WizSelectBox } from '../../..';
-import { BaseProps } from '../../../../types';
 import { Message } from './types';
-type Props<T> = BaseProps & {
+type Props<T> = Omit<ComponentPropsWithoutRef<"div">, "onSubmit"> & {
     textValue: string;
     username: string;
     isOpen: boolean;
@@ -20,7 +19,7 @@ type Props<T> = BaseProps & {
     onToggle?: () => void;
 };
 export declare const WizChatCard: {
-    <T>({ className, style, isOpen, textValue, username, placeholder, messages, haveNewMessage, formRows, typingUsername, status, statusOptions, statusPlaceholder, onChangeStatus, onChangeTextValue, onSubmit, onToggle, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    <T>({ isOpen, textValue, username, placeholder, messages, haveNewMessage, formRows, typingUsername, status, statusOptions, statusPlaceholder, onChangeStatus, onChangeTextValue, onSubmit, onToggle, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
     displayName: "WizChatCard";
 };
 export {};

package/dist/components/custom/notification/components/notification-list.d.ts

@@ -1,7 +1,6 @@
-import { FC } from 'react';
-import { BaseProps } from '../../../../types';
+import { FC, ComponentPropsWithoutRef } from 'react';
 import { NotificationItem, PanelVariant } from './types';
-type Props = BaseProps & {
+type Props = Omit<ComponentPropsWithoutRef<"div">, "onClick"> & {
     variant?: PanelVariant;
     notifications: NotificationItem[];
     height?: string;

package/dist/components/custom/notification/components/notification-panel.d.ts

@@ -1,7 +1,6 @@
-import { FC } from 'react';
-import { BaseProps } from '../../../../types';
+import { FC, ComponentPropsWithoutRef } from 'react';
 import { PanelVariant, TableInfoItem } from './types';
-type Props = BaseProps & {
+type Props = Omit<ComponentPropsWithoutRef<"div">, "onClick" | "title"> & {
     title: string;
     timestamp: Date;
     variant?: PanelVariant;

package/dist/components/custom/notification/components/notification.d.ts

@@ -1,7 +1,6 @@
-import { FC } from 'react';
-import { BaseProps } from '../../../../types';
+import { FC, ComponentPropsWithoutRef } from 'react';
 import { NotificationItem, NotificationTabItem } from './types';
-type Props = BaseProps & {
+type Props = Omit<ComponentPropsWithoutRef<"div">, "onClick"> & {
     tabs: NotificationTabItem[];
     notifications: NotificationItem[];
     height?: string;