@wizleap-inc/wiz-ui-react 1.1.3 → 1.3.0

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

@@ -9,7 +9,7 @@ type Props = BaseProps & {
     bgColor?: ColorKeys;
     fontColor?: ColorKeys;
     children?: ReactNode;
-    onToggle: () => void;
+    onToggle?: () => void;
 };
 export declare const WizAccordion: FC<Props>;
 export {};

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

@@ -5,6 +5,7 @@ type Props = BaseProps & {
     currentMonth?: Date;
     activeDates?: DateStatus[];
     filledWeeks?: boolean;
+    _today?: Date;
     onClickDate?: (selectedValue: Date) => void;
     /**
      * @description 日付が無効かどうかを判定する関数です。無効な日付はクリック不可になります。

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

@@ -7,3 +7,6 @@ export declare const Default: Story;
 export declare const CurrentMonth: Story;
 export declare const ActiveDates: Story;
 export declare const FilledWeeks: Story;
+export declare const Today: Story;
+export declare const DisabledToday: Story;
+export declare const SelectedToday: Story;

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

@@ -8,7 +8,7 @@ type Props = BaseProps & {
     children?: ReactNode;
     align?: "start" | "center" | "end";
     hideClose?: boolean;
-    onClose: () => void;
+    onClose?: () => void;
 };
 export declare const WizDialog: FC<Props>;
 export {};

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

@@ -8,7 +8,7 @@ type Props = BaseProps & {
     skeleton?: boolean;
     gap?: ComponentProps<typeof WizPopup>["gap"];
     isDirectionFixed?: boolean;
-    onClose: () => void;
+    onClose?: () => void;
 };
 export declare const WizDropdown: FC<Props>;
 export {};

package/dist/components/base/full-modal-view/components/full-modal-view.d.ts

@@ -4,7 +4,7 @@ type Props = {
     title: string;
     header?: ReactNode;
     children: ReactNode;
-    onClose: () => void;
+    onClose?: () => void;
 };
 export declare const WizFullModalView: FC<Props>;
 export {};

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

@@ -7,7 +7,7 @@ type Props = BaseProps & {
     sticky?: boolean;
     leftContent?: ReactNode;
     rightContent?: ReactNode;
-    onToggle: () => void;
+    onToggle?: () => void;
 };
 export declare const WizHeader: FC<Props>;
 export {};

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

@@ -38,3 +38,4 @@ export * from './tables';
 export * from './loading-overlay';
 export * from './pagination';
 export * from './full-modal-view';
+export * from './panel-switch';

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

@@ -8,7 +8,7 @@ type Props = BaseProps & {
     messages: (TextMessage | ReactNode)[];
     width?: string;
     border?: boolean;
-    onClose: () => void;
+    onClose?: () => void;
 };
 export declare const WizInformationPanel: FC<Props>;
 export {};

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

@@ -7,7 +7,8 @@ type Props = BaseProps & {
     disabled?: boolean;
     error?: boolean;
     isDirectionFixed?: boolean;
-    onChangeDate: (selectedValue: Date | null) => void;
+    _today?: Date;
+    onChangeDate?: (selectedValue: Date | null) => void;
     /**
      * @description 日付が無効かどうかを判定する関数です。無効な日付はクリック不可になります。
      * @param date

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

@@ -12,3 +12,5 @@ export declare const Expand: Story;
 export declare const IsDirectionFixed: Story;
 export declare const YearStyle: Story;
 export declare const Playground: Story;
+export declare const Today: Story;
+export declare const DisabledToday: Story;

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

@@ -9,7 +9,8 @@ type Props = BaseProps & {
     selectBoxValue?: string;
     isDirectionFixed?: boolean;
     error?: boolean;
-    onChangeDateRange: (dateRange: DateRange) => void;
+    _today?: Date;
+    onChangeDateRange?: (dateRange: DateRange) => void;
     onChangeSelectBoxValue?: (value: string) => void;
     disabledDate?: (date: Date) => boolean;
     /**

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

@@ -13,3 +13,5 @@ export declare const InitialValue: Story;
 export declare const InitialValue2: Story;
 export declare const InitialValueStart: Story;
 export declare const Playground: Story;
+export declare const Today: Story;
+export declare const DisabledWithToday: Story;

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

@@ -7,7 +7,6 @@ export * from './search-selector';
 export * from './selectbox';
 export * from './text';
 export * from './toggle-switch';
-export * from './panel-switch';
 export * from './password';
 export * from './time-picker';
 export * from './upload';

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

@@ -12,7 +12,7 @@ type Props = BaseProps & {
     width?: string;
     autocomplete?: Extract<AutoCompleteKeys, "currentPassword" | "newPassword">;
     error?: boolean;
-    onChange: (value: string) => void;
+    onChange?: (value: string) => void;
 } & Omit<PrivateBaseInputProps, "onChange">;
 export declare const WizPasswordInput: import('react').ForwardRefExoticComponent<Omit<Props, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -16,7 +16,7 @@ type Props<T extends CheckboxOption> = BaseProps & {
     icon?: TIcon;
     showSelectedItem?: boolean;
     showParentLabel?: boolean;
-    onChangeValues: (values: T[]) => void;
+    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;

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

@@ -20,7 +20,7 @@ type Props<T> = BaseProps & {
      * @default 0.75
      */
     threshold?: number;
-    onChangeValues: (values: T[]) => void;
+    onChangeValues?: (values: T[]) => void;
     onCreate?: (label: string) => void;
     onInputSearchText?: (text: string) => void;
 };

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

@@ -16,7 +16,7 @@ type Props<T> = BaseProps & {
     isDirectionFixed?: boolean;
     showExLabel?: boolean;
     dropdownMaxHeight?: string;
-    onChange: (value: T | null) => void;
+    onChange?: (value: T | null) => void;
 };
 export declare const WizSelectBox: {
     <T>({ className, style, options, value, placeholder, width, disabled, expand, error, isDirectionFixed, showExLabel, dropdownMaxHeight, onChange, }: Props<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -8,7 +8,7 @@ type Props = BaseProps & {
     disabled?: boolean;
     isDirectionFixed?: boolean;
     error?: boolean;
-    onChange: (time: Time | null) => void;
+    onChange?: (time: Time | null) => void;
 };
 export declare const WizTimePicker: FC<Props>;
 export {};

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

@@ -4,7 +4,7 @@ type Props = BaseProps & {
     value: boolean;
     ariaLabel: string;
     disabled?: boolean;
-    setValue: (value: boolean) => void;
+    setValue?: (value: boolean) => void;
 };
 export declare const WizToggleSwitch: FC<Props>;
 export {};

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

@@ -2,7 +2,7 @@ import { BaseProps } from '../../../../types';
 type Props = BaseProps & {
     currentPage: number;
     length: number;
-    onChangePage: (page: number) => void;
+    onChangePage?: (page: number) => void;
     /**
      * 表示ページ数を制御します。(`>=0`)
      * @default 2

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

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

package/dist/components/base/{inputs/panel-switch → panel-switch}/stories/panel-switch.stories.d.ts

@@ -4,3 +4,5 @@ declare const meta: Meta<typeof WizPanelSwitch>;
 export default meta;
 type Story = StoryObj<typeof WizPanelSwitch>;
 export declare const Default: Story;
+export declare const Width: Story;
+export declare const Active: Story;

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

@@ -4,7 +4,7 @@ import { BaseProps } from '../../../../types';
 import { DirectionKey } from '../types/direction';
 type Props = BaseProps & {
     isOpen: boolean;
-    onClose: () => void;
+    onClose?: () => void;
     anchorElement: RefObject<HTMLElement>;
     direction?: DirectionKey;
     gap?: Exclude<SpacingKeys, "at">;

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

@@ -6,7 +6,7 @@ type Props = BaseProps & {
     closeMessage?: string;
     width?: string;
     variant?: "pc" | "mobile";
-    onToggle: () => void;
+    onToggle?: () => void;
     children: ReactNode;
 };
 export declare const WizShowMoreLess: FC<Props>;

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

@@ -5,7 +5,7 @@ type Props = BaseProps & {
     expand?: boolean;
     enableAnimation?: boolean;
     autoClose?: boolean;
-    onClose: () => void;
+    onClose?: () => void;
 };
 export declare const WizSnackbar: FC<Props>;
 export {};

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

@@ -8,7 +8,7 @@ type Props = BaseProps & {
     notificationCount?: number;
     badgeColor?: "red" | "green";
     width?: string;
-    onClick: (name: string) => void;
+    onClick?: (name: string) => void;
 };
 export declare const WizTabPane: FC<Props>;
 export {};

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

@@ -8,7 +8,7 @@ type Props = BaseProps & {
     gap?: SpacingKeys;
     width?: string;
     center?: boolean;
-    onClickTab: (name: string) => void;
+    onClickTab?: (name: string) => void;
 };
 export declare const WizTab: FC<Props>;
 export {};

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

@@ -12,5 +12,5 @@ export declare const WizTextArea: import('react').ForwardRefExoticComponent<Base
     minWidth?: string | undefined;
     maxHeight?: string | undefined;
     minHeight?: string | undefined;
-    onChange: (value: string) => void;
+    onChange?: ((value: string) => void) | undefined;
 } & import('react').RefAttributes<HTMLTextAreaElement>>;

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

@@ -15,9 +15,9 @@ type Props<T> = BaseProps & {
     statusOptions?: ComponentProps<typeof WizSelectBox<T>>["options"];
     statusPlaceholder?: string;
     onChangeStatus?: (status: T | null) => void;
-    onChangeTextValue: (value: string) => void;
-    onSubmit: () => void;
-    onToggle: () => void;
+    onChangeTextValue?: (value: string) => void;
+    onSubmit?: () => void;
+    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;

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

@@ -5,8 +5,8 @@ type Props = BaseProps & {
     disabled?: boolean;
     placeholder?: string;
     formRows?: number;
-    onChange: (value: string) => void;
-    onSubmit: () => void;
+    onChange?: (value: string) => void;
+    onSubmit?: () => void;
 };
 export declare const WizChatForm: FC<Props>;
 export {};

package/dist/components/custom/timeline/components/timeline-item.d.ts

@@ -1,3 +1,4 @@
+import { ColorKeys } from '@wizleap-inc/wiz-ui-constants';
 import { FC, ReactNode } from 'react';
 import { TIcon } from '../../../icons';
 type TimelineVariant = "success" | "failure" | "yellow" | "gray";
@@ -10,6 +11,7 @@ interface TimelineItemProps {
     footer?: ReactNode;
     disabled?: boolean;
     icon?: TIcon;
+    backgroundColor?: Extract<ColorKeys, "white.800" | "gray.200">;
 }
 export declare const WizTimelineItem: FC<TimelineItemProps>;
 export {};

package/dist/components/custom/timeline/stories/timeline-item.stories.d.ts

@@ -12,3 +12,4 @@ export declare const VariantYellow: Story;
 export declare const VariantGray: Story;
 export declare const MobileDevice: Story;
 export declare const Disabled: Story;
+export declare const BackgroundColor: Story;