@wizleap-inc/wiz-ui-react 0.36.0 → 0.37.0

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

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

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

@@ -1,7 +1,8 @@
 import { ColorKeys, FontSizeKeys, FontWeightKeys } from "@wizleap-inc/wiz-ui-constants";
 import { ComponentProps, ElementType, ReactNode } from "react";
 import { TIcon } from '../../../../components';
-type Props<T extends ElementType> = {
+import { BaseProps } from '../../../../types';
+type Props<T extends ElementType> = BaseProps & {
     color?: ColorKeys;
     fontSize?: FontSizeKeys;
     fontWeight?: FontWeightKeys;

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

@@ -1,6 +1,7 @@
 import { ColorKeys, SpacingKeys } from "@wizleap-inc/wiz-ui-constants";
 import { ComponentProps } from "react";
-type Props = {
+import { BaseProps } from '../../../../types';
+type Props = BaseProps & {
     src: string;
     size?: SpacingKeys;
     color?: ColorKeys;

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

@@ -1,6 +1,7 @@
 import { ColorKeys, SpacingKeys } from "@wizleap-inc/wiz-ui-constants";
 import { FC, ReactNode } from "react";
-type Props = {
+import { BaseProps } from '../../../../types';
+type Props = BaseProps & {
     label?: string;
     hidden?: boolean;
     color?: ColorKeys;

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

@@ -1,6 +1,7 @@
 import { ColorKeys, ShadowKeys, SpacingKeys, ZIndexKeys } from "@wizleap-inc/wiz-ui-constants";
 import { ComponentProps, ReactNode } from "react";
-type Props = {
+import { BaseProps } from '../../../../types';
+type Props = BaseProps & {
     position?: "absolute" | "relative" | "fixed" | "sticky" | "static";
     top?: string;
     right?: string;

package/dist/components/base/buttons/icon/components/icon-button.d.ts

@@ -1,6 +1,7 @@
 import { ComponentProps } from "react";
 import { TIcon } from '../../../../../components';
-type Props = {
+import { BaseProps } from '../../../../../types';
+type Props = BaseProps & {
     icon: TIcon;
     variant?: "primary" | "sub" | "transparent" | "link";
     disabled?: boolean;

package/dist/components/base/buttons/text/components/text-button.d.ts

@@ -1,6 +1,7 @@
 import { ComponentProps, ReactNode } from "react";
 import { TIcon } from '../../../../../components';
-type Props = {
+import { BaseProps } from '../../../../../types';
+type Props = BaseProps & {
     variant?: "primary" | "sub";
     disabled?: boolean;
     rounded?: boolean;

package/dist/components/base/buttons/tiny/components/tiny-button.d.ts

@@ -1,7 +1,8 @@
 import { SpacingKeys } from "@wizleap-inc/wiz-ui-constants";
 import { ComponentProps, ReactNode } from "react";
 import { TIcon } from '../../../../../components';
-type Props = {
+import { BaseProps } from '../../../../../types';
+type Props = BaseProps & {
     clickable?: boolean;
     active?: boolean;
     hover?: boolean;

package/dist/components/base/buttons/toggle/components/toggle-button.d.ts

@@ -1,6 +1,7 @@
 import { ComponentProps, ReactNode } from "react";
 import { TIcon } from '../../../../../components';
-type Props = {
+import { BaseProps } from '../../../../../types';
+type Props = BaseProps & {
     isActive: boolean;
     inactiveIcon: TIcon;
     activeIcon: TIcon;

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

@@ -1,6 +1,7 @@
 import { FC } from "react";
+import { BaseProps } from '../../../../types';
 import { DateStatus } from "./types";
-type Props = {
+type Props = BaseProps & {
     currentMonth?: Date;
     activeDates?: DateStatus[];
     filledWeeks?: boolean;

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

@@ -1,6 +1,7 @@
 import { ColorKeys, SpacingKeys } from "@wizleap-inc/wiz-ui-constants";
 import { ComponentProps, ReactNode } from "react";
-type Props = {
+import { BaseProps } from '../../../../types';
+type Props = BaseProps & {
     p?: SpacingKeys;
     px?: SpacingKeys;
     py?: SpacingKeys;
@@ -17,7 +18,7 @@ type Props = {
     footerArea?: ReactNode;
 } & ComponentProps<"div">;
 export declare const WizCard: {
-    ({ p, px, py, backgroundColor, shadow, border, align, fit, maxWidth, gap, children, mainHeaderArea, subHeaderArea, footerArea, ...props }: Props): JSX.Element;
+    ({ className, style, p, px, py, backgroundColor, shadow, border, align, fit, maxWidth, gap, children, mainHeaderArea, subHeaderArea, footerArea, ...props }: Props): JSX.Element;
     displayName: "WizCard";
 };
 export {};

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

@@ -1,5 +1,6 @@
 import { FC, ReactNode } from "react";
-type Props = {
+import { BaseProps } from '../../../../types';
+type Props = BaseProps & {
     isOpen: boolean;
     maxWidth?: string;
     title?: ReactNode;

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

@@ -1,7 +1,9 @@
 import { ColorKeys } from "@wizleap-inc/wiz-ui-constants";
-export type Props = {
+import { BaseProps } from '../../../../types';
+type Props = BaseProps & {
     color?: ColorKeys;
     variant?: "solid" | "dashed" | "dotted";
     direction?: "horizontal" | "vertical";
 };
-export declare const WizDivider: import("react").MemoExoticComponent<({ color, variant, direction, }: Props) => JSX.Element>;
+export declare const WizDivider: import("react").MemoExoticComponent<({ className, style, color, variant, direction, }: Props) => JSX.Element>;
+export {};

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

@@ -1,5 +1,6 @@
 import { FC, ReactNode } from "react";
-type Props = {
+import { BaseProps } from '../../../types';
+type Props = BaseProps & {
     isOpen: boolean;
     /**
      * オフセットを指定してdrawerの高さを調整します。

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

@@ -1,6 +1,7 @@
 import { FC, MouseEventHandler, ReactNode } from "react";
 import { TIcon } from '../../../../components/icons';
-type Props = {
+import { BaseProps } from '../../../../types';
+type Props = BaseProps & {
     icon?: TIcon;
     disabled?: boolean;
     onClick?: MouseEventHandler<HTMLButtonElement>;

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

@@ -1,6 +1,7 @@
 import { ComponentProps, FC, ReactNode } from "react";
 import { WizPopup } from '../../../../components';
-type Props = {
+import { BaseProps } from '../../../../types';
+type Props = BaseProps & {
     isOpen: boolean;
     children: ReactNode;
     options: ReactNode;

package/dist/components/base/graphs/circle/components/bar.d.ts

@@ -1,5 +1,6 @@
 import { FC, ReactNode } from "react";
-type Props = {
+import { BaseProps } from '../../../../../types';
+type Props = BaseProps & {
     percentages: number[];
     children?: ReactNode;
 };

package/dist/components/base/graphs/circle/components/circle-graph.d.ts

@@ -1,6 +1,7 @@
 import { FC, ReactNode } from "react";
+import { BaseProps } from '../../../../../types';
 import { CircleGraphData } from "./types";
-type Props = {
+type Props = BaseProps & {
     data: CircleGraphData[];
     otherLabel?: string;
     children?: ReactNode;

package/dist/components/base/graphs/compare/components/bar.d.ts

@@ -1,6 +1,7 @@
 import { FC } from "react";
+import { BaseProps } from '../../../../../types';
 import { CompareGraphData } from "./types";
-type Props = {
+type Props = BaseProps & {
     data: CompareGraphData;
     maxFrequency: number;
     barGap: number;

package/dist/components/base/graphs/compare/components/compare-graph.d.ts

@@ -1,6 +1,7 @@
 import { FC, ReactNode } from "react";
+import { BaseProps } from '../../../../../types';
 import { CompareGraphData } from "./types";
-type Props = {
+type Props = BaseProps & {
     data: CompareGraphData[];
     /** 縦軸の最大値を設定します。 */
     maxFrequency?: number;

package/dist/components/base/graphs/line/components/line-graph.d.ts

@@ -1,5 +1,6 @@
 import { FC } from "react";
-type Props = {
+import { BaseProps } from '../../../../../types';
+type Props = BaseProps & {
     percentage: number;
 };
 export declare const WizLineGraph: FC<Props>;

package/dist/components/base/graphs/meter/components/meter-graph.d.ts

@@ -1,5 +1,6 @@
 import { FC, ReactNode } from "react";
-type Props = {
+import { BaseProps } from '../../../../../types';
+type Props = BaseProps & {
     percentage: number;
     children?: ReactNode;
 };

package/dist/components/base/graphs/poll/components/bar.d.ts

@@ -1,5 +1,6 @@
 import { FC } from "react";
-type Props = {
+import { BaseProps } from '../../../../../types';
+type Props = BaseProps & {
     percentage: number;
     label?: string;
     isColorFixed?: boolean;

package/dist/components/base/graphs/poll/components/poll-graph.d.ts

@@ -1,10 +1,11 @@
 import { FC } from "react";
+import { BaseProps } from '../../../../../types';
 type PollGraphData = {
     innerLabel: string;
     label: string;
     percentage: number;
 };
-type Props = {
+type Props = BaseProps & {
     data: PollGraphData[];
     rowCount?: number;
     labelWidth?: string;

package/dist/components/base/graphs/poll/components/row.d.ts

@@ -1,5 +1,6 @@
 import { FC } from "react";
-type Props = {
+import { BaseProps } from '../../../../../types';
+type Props = BaseProps & {
     percentage?: number;
     label?: string;
     innerLabel?: string;

package/dist/components/base/graphs/transition/components/bar.d.ts

@@ -1,5 +1,6 @@
 import { FC } from "react";
-type Props = {
+import { BaseProps } from '../../../../../types';
+type Props = BaseProps & {
     label: string;
     frequency: number;
     lastFrequency: number | null;

package/dist/components/base/graphs/transition/components/transition-graph.d.ts

@@ -1,9 +1,10 @@
 import { FC, ReactNode } from "react";
+import { BaseProps } from '../../../../../types';
 type TransitionGraphData = {
     label: string;
     frequency: number;
 };
-type Props = {
+type Props = BaseProps & {
     data: TransitionGraphData[];
     children?: ReactNode;
 };

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

@@ -1,12 +1,13 @@
 import { SpacingKeys } from "@wizleap-inc/wiz-ui-constants";
 import { FC, ReactNode } from "react";
-interface Props {
+import { BaseProps } from '../../../../types';
+type Props = BaseProps & {
     gapLeft?: SpacingKeys;
     gapRight?: SpacingKeys;
     sticky?: boolean;
     leftContent?: ReactNode;
     rightContent?: ReactNode;
     onToggle: () => void;
-}
+};
 export declare const WizHeader: FC<Props>;
 export {};

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

@@ -1,11 +1,12 @@
 import { ColorKeys, FontSizeKeys } from "@wizleap-inc/wiz-ui-constants";
 import { FC, ReactNode } from "react";
 export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
-interface Props {
+import { BaseProps } from '../../../../types';
+type Props = BaseProps & {
     level?: HeadingLevel;
     color?: ColorKeys;
     fontSize?: FontSizeKeys;
     children: ReactNode;
-}
+};
 export declare const WizHeading: FC<Props>;
 export {};

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

@@ -1,9 +1,10 @@
 import { ColorKeys, FontSizeKeys } from "@wizleap-inc/wiz-ui-constants";
 import { TIcon } from '../../../../components/icons';
-type Props = {
+import { BaseProps } from '../../../../types';
+type Props = BaseProps & {
     icon: TIcon;
     color?: ColorKeys | "inherit";
     size?: FontSizeKeys;
 };
-export declare const WizIcon: import("react").MemoExoticComponent<({ color, size, ...props }: Props) => JSX.Element>;
+export declare const WizIcon: import("react").MemoExoticComponent<({ className, style, color, size, ...props }: Props) => JSX.Element>;
 export {};

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

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

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

@@ -1,5 +1,6 @@
 import { ComponentProps } from "react";
-type Props = {
+import { BaseProps } from '../../../../../types';
+type Props = BaseProps & {
     id?: string;
     value?: string;
     placeholder?: string;

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

@@ -1,7 +1,8 @@
 import { SpacingKeys } from "@wizleap-inc/wiz-ui-constants";
-import { ComponentPropsWithoutRef, FC } from "react";
+import { FC } from "react";
+import { BaseProps } from '../../../../../types';
 import { CheckBoxOption } from "./types";
-type Props = Omit<ComponentPropsWithoutRef<"div">, "onChange"> & {
+type Props = BaseProps & {
     options: CheckBoxOption[];
     values: number[];
     disabled?: boolean;

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

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

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

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

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

@@ -1,6 +1,7 @@
 import { FC } from "react";
+import { BaseProps } from '../../../../../types';
 import { DateRange, DateRangePickerSelectBoxOption } from "../types";
-type Props = {
+type Props = BaseProps & {
     dateRange: DateRange;
     expand?: boolean;
     disabled?: boolean;

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

@@ -1,11 +1,10 @@
+import { FC } from "react";
+import { BaseProps } from '../../../../../types';
 import { PanelItems } from "./type";
-type Props = {
+type Props = BaseProps & {
     value: number | null;
     items: PanelItems[];
     onChange: (value: number) => void;
 };
-export declare const WizPanelSwitch: {
-    ({ value, items, onChange }: Props): JSX.Element;
-    displayName: "WizPanelSwitch";
-};
+export declare const WizPanelSwitch: FC<Props>;
 export {};

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

@@ -1,14 +1,12 @@
-import { AutoCompleteKeys } from "@wizleap-inc/wiz-ui-constants";
-type Props = {
-    id?: string;
+import { BaseProps } from '../../../../../types';
+export declare const WizPasswordInput: import("react").ForwardRefExoticComponent<BaseProps & {
+    id?: string | undefined;
     value: string;
-    placeholder?: string;
-    disabled?: boolean;
-    expand?: boolean;
-    width?: string;
-    autocomplete?: Extract<AutoCompleteKeys, "currentPassword" | "newPassword">;
-    error?: boolean;
+    placeholder?: string | undefined;
+    disabled?: boolean | undefined;
+    expand?: boolean | undefined;
+    width?: string | undefined;
+    autocomplete?: "newPassword" | "currentPassword" | undefined;
+    error?: boolean | undefined;
     onChange: (value: string) => void;
-};
-export declare const WizPasswordInput: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLInputElement>>;
-export {};
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,7 +1,8 @@
 import { SpacingKeys } from "@wizleap-inc/wiz-ui-constants";
 import { FC } from "react";
+import { BaseProps } from '../../../../../types';
 import { RadioOption } from "./types";
-type Props = {
+type Props = BaseProps & {
     options: RadioOption[];
     value: number | null;
     name?: string;

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

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

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

@@ -1,7 +1,8 @@
 import { FC } from "react";
 import { TIcon } from '../../../../../components';
+import { BaseProps } from '../../../../../types';
 import { SearchInputOption } from "./types";
-type Props = {
+type Props = BaseProps & {
     options: SearchInputOption[];
     values: number[];
     name?: string;

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

@@ -1,6 +1,7 @@
 import { FC } from "react";
+import { BaseProps } from '../../../../../types';
 import { SearchInputOption } from "./types";
-type Props = {
+type Props = BaseProps & {
     options: SearchInputOption[];
     values: number[];
     width?: string;

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

@@ -1,6 +1,7 @@
 import { FC } from "react";
+import { BaseProps } from '../../../../../types';
 import { SearchSelectorOption } from "./types";
-type Props = {
+type Props = BaseProps & {
     options: SearchSelectorOption[];
     values: number[];
     placeholder?: string;

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

@@ -1,10 +1,11 @@
 import { FC } from "react";
+import { BaseProps } from '../../../../../types';
 type SelectBoxOption = {
     label: string;
     exLabel?: string;
     value: number;
 };
-type Props = {
+type Props = BaseProps & {
     options: SelectBoxOption[];
     value: number | null;
     placeholder?: string;

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

@@ -1,8 +1,9 @@
 import { ComponentProps } from "react";
 import { TIcon } from '../../../../../components';
 import { PrivateBaseInput } from '../../../../../components/base/inputs/base';
+import { BaseProps } from '../../../../../types';
 type PrivateBaseInputProps = ComponentProps<typeof PrivateBaseInput>;
-export type Props = {
+type Props = BaseProps & {
     icon?: TIcon;
     onChangeValue?: (value: string) => void;
 } & Omit<PrivateBaseInputProps, "type">;

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

@@ -1,5 +1,7 @@
+import { FC } from "react";
+import { BaseProps } from '../../../../../types';
 import { Time } from "../types/time";
-type Props = {
+type Props = BaseProps & {
     time: Time | null;
     placeholder?: string;
     width?: string;
@@ -8,8 +10,5 @@ type Props = {
     error?: boolean;
     onChange: (time: Time | null) => void;
 };
-export declare const WizTimePicker: {
-    ({ time, placeholder, width, disabled, isDirectionFixed, error, onChange, }: Props): JSX.Element;
-    displayName: "WizTimePicker";
-};
+export declare const WizTimePicker: FC<Props>;
 export {};

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

@@ -1,10 +1,9 @@
-type Props = {
+import { FC } from "react";
+import { BaseProps } from '../../../../../types';
+type Props = BaseProps & {
     value: boolean;
     ariaLabel: string;
     setValue: (value: boolean) => void;
 };
-export declare const WizToggleSwitch: {
-    ({ value, ariaLabel, ...props }: Props): JSX.Element;
-    displayName: "WizToggleSwitch";
-};
+export declare const WizToggleSwitch: FC<Props>;
 export {};

package/dist/components/base/inputs/upload/components/upload-display.d.ts

@@ -1,5 +1,6 @@
 import { FC } from "react";
-type Props = {
+import { BaseProps } from '../../../../../types';
+type Props = BaseProps & {
     files: File[];
     uploadingFileCount: number;
     completedFileCount: number;

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

@@ -1,5 +1,6 @@
 import { FC } from "react";
-type Props = {
+import { BaseProps } from '../../../../../types';
+type Props = BaseProps & {
     setupXHR: () => XMLHttpRequest;
     multiple?: boolean;
 };

package/dist/components/base/loading-overlay/components/loading-overlay.d.ts

@@ -1,6 +1,7 @@
 import { FC } from "react";
-interface Props {
+import { BaseProps } from '../../../../types';
+type Props = BaseProps & {
     isLoading: boolean;
-}
+};
 export declare const WizLoadingOverlay: FC<Props>;
 export {};