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

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/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/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/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;