@wizleap-inc/wiz-ui-react 0.16.2 → 0.17.0

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

@@ -7,7 +7,9 @@ export * from "./box";
 export * from "./card";
 export * from "./tag";
 export * from "./icon";
+export * from "./information-panel";
 export * from "./divider";
+export * from "./progress-bar";
 export * from "./tab";
 export * from "./step-bar";
 export * from "./message-box";
@@ -25,4 +27,8 @@ export * from "./graphs";
 export * from "./tooltip";
 export * from "./heading";
 export * from "./popup-button-group";
+export * from "./navigation";
 export * from "./dropdown";
+export * from "./snackbar";
+export * from "./text-area";
+export * from "./skeleton";

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

@@ -0,0 +1 @@
+export { WizInformationPanel } from "./information-panel";

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

@@ -0,0 +1,13 @@
+import { FC } from "react";
+type Message = {
+    text: string;
+    type: "default" | "error";
+};
+type Props = {
+    messages: Message[];
+    width?: string;
+    border?: boolean;
+    onClose: () => void;
+};
+export declare const WizInformationPanel: FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+export * from "./components";

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

@@ -1,5 +1,9 @@
 export * from "./checkbox";
 export * from "./radio";
+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/index.d.ts

@@ -0,0 +1 @@
+export { WizPasswordInput } from "./password-input";

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

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

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

@@ -0,0 +1 @@
+export * from "./components";

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

@@ -0,0 +1 @@
+export { WizSelectBox } from "./selectbox";

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

@@ -0,0 +1,19 @@
+import { FC } from "react";
+type SelectBoxOption = {
+    label: string;
+    exLabel?: string;
+    value: number;
+};
+type Props = {
+    options: SelectBoxOption[];
+    value: number | null;
+    placeholder?: string;
+    width?: string;
+    disabled?: boolean;
+    expand?: boolean;
+    error?: boolean;
+    isDirectionFixed?: boolean;
+    onChange: (value: number | null) => void;
+};
+export declare const WizSelectBox: FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+export * from "./components";

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

@@ -0,0 +1 @@
+export * from "./time-picker";

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

@@ -0,0 +1,15 @@
+import { Time } from "../types/time";
+type Props = {
+    time: Time | null;
+    placeholder?: string;
+    width?: string;
+    disabled?: boolean;
+    isDirectionFixed?: boolean;
+    error?: boolean;
+    onChange: (time: Time | null) => void;
+};
+export declare const WizTimePicker: {
+    ({ time, placeholder, width, disabled, isDirectionFixed, error, onChange, }: Props): JSX.Element;
+    displayName: "WizTimePicker";
+};
+export {};

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

@@ -0,0 +1 @@
+export * from "./components";

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

@@ -0,0 +1,6 @@
+export declare const HOURS: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23];
+export declare const MINUTES: readonly [0, 15, 30, 45];
+export type Time = {
+    hour: (typeof HOURS)[number];
+    minute: (typeof MINUTES)[number];
+};

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

@@ -0,0 +1,2 @@
+export { WizUploadInput } from "./upload-input";
+export { WizUploadDisplay } from "./upload-display";

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

@@ -0,0 +1,12 @@
+import { FC } from "react";
+type Props = {
+    files: File[];
+    uploadingFileCount: number;
+    completedFileCount: number;
+    progress: number;
+    isUploaded: boolean;
+    isUploading: boolean;
+    multiple: boolean;
+};
+export declare const WizUploadDisplay: FC<Props>;
+export {};

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

@@ -0,0 +1,7 @@
+import { FC } from "react";
+type Props = {
+    setupXHR: () => XMLHttpRequest;
+    multiple?: boolean;
+};
+export declare const WizUploadInput: FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+export * from "./components";

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

@@ -0,0 +1,2 @@
+export { WizNavigationItem } from "./navigation-item";
+export { WizNavigationContainer } from "./navigation-container";

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

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from "react";
+interface Props {
+    isOpen: boolean;
+    width?: string;
+    sticky?: boolean;
+    children: ReactNode;
+    footer?: ReactNode;
+}
+export declare const WizNavigationContainer: FC<Props>;
+export {};

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

@@ -0,0 +1,18 @@
+import { FC } from "react";
+import { TIcon } from '../../../../components';
+import { ButtonGroupItem } from "../../popup-button-group/types";
+interface Props {
+    icon: TIcon;
+    label: string;
+    active: boolean;
+    href: string;
+    disabled?: boolean;
+    tooltipText?: string;
+    isPopupLocking?: boolean;
+    buttons?: ButtonGroupItem[];
+    isPopupOpen?: boolean;
+    onTogglePopup: (isPopup: boolean) => void;
+    onTogglePopupLocking: (lock: boolean) => void;
+}
+export declare const WizNavigationItem: FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+export * from "./components";

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

@@ -1,2 +1,2 @@
-export { wrapDirection } from "./wrap";
 export * from "./placement";
+export { wrapDirection, wrapOutOfBound } from "./wrap";

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

@@ -1,6 +1,9 @@
 import { DirectionValue } from "../types/direction";
 export type Args = {
-    bound: DOMRect;
+    bound: {
+        width: number;
+        height: number;
+    };
     content: DOMRect;
     anchor: DOMRect;
     gap: number;
@@ -36,3 +39,19 @@ export declare const reflection: {
     verticalCenter: (args: Args) => "Center" | "Top" | "Bottom";
 };
 export declare const wrapDirection: Record<DirectionValue, (args: Args) => DirectionValue>;
+/**
+ * 境界外にPopupContentが出てしまう場合、回り込みにより方向を変更します。ただし、変更後も境界外に出てしまう場合は変更しません。
+ */
+export declare const wrapOutOfBound: (dir: DirectionValue, placementArgs: {
+    bound: {
+        width: number;
+        height: number;
+    };
+    content: DOMRect;
+    anchor: DOMRect;
+    gap: number;
+    window: {
+        scrollX: number;
+        scrollY: number;
+    };
+}) => DirectionValue;

package/dist/components/base/progress-bar/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./progress-bar";
+export * from "./progress-point";
+export * from "./progress-line";

package/dist/components/base/progress-bar/components/progress-bar.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+import { ProgressItem } from "../types";
+type Props = {
+    contents: ProgressItem[];
+};
+export declare const WizProgressBar: FC<Props>;
+export {};

package/dist/components/base/progress-bar/components/progress-line.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+type Props = {
+    active?: boolean;
+    isFirst: boolean;
+};
+export declare const WizProgressLine: FC<Props>;
+export {};

package/dist/components/base/progress-bar/components/progress-point.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import type { ProgressStatus } from "../types";
+type Props = {
+    status: ProgressStatus;
+    value?: number;
+};
+export declare const WizProgressPoint: FC<Props>;
+export {};

package/dist/components/base/progress-bar/components/progress.d.ts

@@ -0,0 +1,4 @@
+import { ProgressItem } from "../types";
+export declare const Progress: ({ content }: {
+    content: ProgressItem;
+}) => JSX.Element;

package/dist/components/base/progress-bar/index.d.ts

@@ -0,0 +1 @@
+export * from "./components";

package/dist/components/base/progress-bar/types/index.d.ts

@@ -0,0 +1 @@
+export * from "./progress-item";

package/dist/components/base/progress-bar/types/progress-item.d.ts

@@ -0,0 +1,10 @@
+export type ProgressStatus = "done" | "active" | "inactive" | "none" | "pending" | "dead";
+export interface ProgressItem {
+    id: string;
+    status: ProgressStatus;
+    label?: string;
+    annotation?: string;
+    tooltip?: string;
+    progress?: boolean;
+    value?: number;
+}

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

@@ -0,0 +1,3 @@
+export * from "./skeleton";
+export * from "./skeleton-circle";
+export * from "./skeleton-text";

package/dist/components/base/skeleton/components/skeleton-circle.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+type Props = {
+    size: string;
+    isLoading?: boolean;
+    children?: ReactNode;
+};
+export declare const WizSkeletonCircle: {
+    ({ size, isLoading, children, }: Props): JSX.Element;
+    displayName: "WizSkeletonCircle";
+};
+export {};

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

@@ -0,0 +1,14 @@
+import { FontSizeKeys, SpacingKeys } from "@wizleap-inc/wiz-ui-constants";
+import { ReactNode } from "react";
+type Props = {
+    fontSize?: FontSizeKeys;
+    gap?: SpacingKeys;
+    lines?: number;
+    isLoading?: boolean;
+    children?: ReactNode;
+};
+export declare const WizSkeletonText: {
+    ({ fontSize, gap, lines, isLoading, children, }: Props): JSX.Element;
+    displayName: "WizSkeletonText";
+};
+export {};

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

@@ -0,0 +1,14 @@
+import { SpacingKeys } from "@wizleap-inc/wiz-ui-constants";
+import { ReactNode } from "react";
+type Props = {
+    width?: string;
+    height?: string;
+    borderRadius?: SpacingKeys;
+    isLoading?: boolean;
+    children?: ReactNode;
+};
+export declare const WizSkeleton: {
+    ({ width, height, borderRadius, isLoading, children, }: Props): JSX.Element;
+    displayName: "WizSkeleton";
+};
+export {};

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

@@ -0,0 +1 @@
+export * from "./components";

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

@@ -0,0 +1,3 @@
+export { WizSnackbar } from "./snackbar";
+export { useSnackbar } from "./snackbar-context";
+export { WizSnackbarProvider } from "./snackbar-provider";

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

@@ -0,0 +1,6 @@
+type SnackbarContextType = {
+    showSnackbar: (message: string) => void;
+};
+export declare const SnackbarContext: import("react").Context<SnackbarContextType>;
+export declare const useSnackbar: () => SnackbarContextType;
+export {};

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

@@ -0,0 +1,4 @@
+import { FC, ReactNode } from "react";
+export declare const WizSnackbarProvider: FC<{
+    children: ReactNode;
+}>;

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

@@ -0,0 +1,9 @@
+import { FC } from "react";
+type Props = {
+    message: string;
+    enableAnimation?: boolean;
+    autoClose?: boolean;
+    onClose: () => void;
+};
+export declare const WizSnackbar: FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+export * from "./components";

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

@@ -0,0 +1 @@
+export { WizTextArea } from "./text-area";

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

@@ -0,0 +1,12 @@
+type Props = {
+    id?: string;
+    value: string;
+    placeholder?: string;
+    disabled?: boolean;
+    expand?: boolean;
+    rows?: number;
+    error?: boolean;
+    onChange: (value: string) => void;
+};
+export declare const WizTextArea: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLTextAreaElement>>;
+export {};

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

@@ -0,0 +1 @@
+export * from "./components";

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

@@ -0,0 +1,21 @@
+import { ComponentProps, FC } from "react";
+import { WizSelectBox } from '../../../../components';
+import { Message } from "./types";
+type Props = {
+    textValue: string;
+    username: string;
+    placeholder?: string;
+    messages: Message[];
+    haveNewMessage?: boolean;
+    formRows?: number;
+    typingUsername?: string;
+    status?: number | null;
+    statusOptions?: ComponentProps<typeof WizSelectBox>["options"];
+    statusPlaceholder?: string;
+    onChangeStatus?: (status: number | null) => void;
+    onChangeTextValue: (value: string) => void;
+    onSubmit: () => void;
+    onToggleOpen?: (isOpen: boolean) => void;
+};
+export declare const WizChatCard: FC<Props>;
+export {};

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

@@ -0,0 +1,11 @@
+import { FC } from "react";
+type Props = {
+    value: string;
+    disabled?: boolean;
+    placeholder?: string;
+    formRows?: number;
+    onChange: (value: string) => void;
+    onSubmit: () => void;
+};
+export declare const WizChatForm: FC<Props>;
+export {};

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { Message } from "./types";
+type Props = {
+    content: Message;
+    maxChatItemWidth?: string;
+};
+export declare const WizChatItem: FC<Props>;
+export {};

package/dist/components/custom/chat/components/index.d.ts

@@ -0,0 +1,3 @@
+export { WizChatCard } from "./chat-card";
+export { WizChatItem } from "./chat-item";
+export { WizChatForm } from "./chat-form";

package/dist/components/custom/chat/components/types.d.ts

@@ -0,0 +1,11 @@
+export type Message = {
+    message: string;
+    sender: "me" | "other";
+    time: Date;
+    username?: string;
+    readers?: string[];
+};
+export type DisplayMessage = {
+    date: Date;
+    contents: Message[];
+};

package/dist/components/custom/chat/index.d.ts

@@ -0,0 +1 @@
+export * from "./components";

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

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from "react";
+type Props = {
+    htmlFor?: string;
+    label: string;
+    required?: boolean;
+    error?: string;
+    children: ReactNode;
+};
+export declare const WizFormControl: FC<Props>;
+export {};

package/dist/components/custom/form/components/form-group-context.d.ts

@@ -0,0 +1,8 @@
+import { ColorKeys, FontSizeKeys } from "@wizleap-inc/wiz-ui-constants";
+type FormGroupContextType = {
+    labelWidth?: string;
+    labelColor?: ColorKeys;
+    labelFontSize?: FontSizeKeys;
+};
+export declare const FormGroupContext: import("react").Context<FormGroupContextType>;
+export {};

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

@@ -0,0 +1,11 @@
+import { ColorKeys, FontSizeKeys, SpacingKeys } from "@wizleap-inc/wiz-ui-constants";
+import { FC, ReactNode } from "react";
+type Props = {
+    labelWidth?: string;
+    labelColor?: ColorKeys;
+    labelFontSize?: FontSizeKeys;
+    gap?: SpacingKeys;
+    children: ReactNode;
+};
+export declare const WizFormGroup: FC<Props>;
+export {};

package/dist/components/custom/form/components/index.d.ts

@@ -0,0 +1,2 @@
+export { WizFormControl } from "./form-control";
+export { WizFormGroup } from "./form-group";

package/dist/components/custom/form/index.d.ts

@@ -0,0 +1 @@
+export * from "./components";

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

@@ -1 +1,4 @@
+export * from "./chat";
+export * from "./form";
+export * from "./notification";
 export * from "./schedule";

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

@@ -0,0 +1,3 @@
+export { WizNotification } from "./notification";
+export { WizNotificationList } from "./notification-list";
+export { WizNotificationPanel } from "./notification-panel";

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

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import { NotificationItem, PanelVariant } from "./types";
+type Props = {
+    variant?: PanelVariant;
+    notifications: NotificationItem[];
+    height?: string;
+    emptyMessage?: string;
+    onClick?: (id: string) => void;
+};
+export declare const WizNotificationList: FC<Props>;
+export {};

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

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import { PanelVariant, TableInfoItem } from "./types";
+type Props = {
+    title: string;
+    timestamp: Date;
+    variant?: PanelVariant;
+    read: boolean;
+    tableInfo?: TableInfoItem[];
+    onClick?: () => void;
+};
+export declare const WizNotificationPanel: FC<Props>;
+export {};

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

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import { NotificationItem, NotificationTabItem } from "./types";
+type Props = {
+    tabs: NotificationTabItem[];
+    notifications: NotificationItem[];
+    height?: string;
+    emptyMessage?: string;
+    onClick?: (id: string) => void;
+};
+export declare const WizNotification: FC<Props>;
+export {};

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

@@ -0,0 +1,20 @@
+export type PanelVariant = "primary" | "secondary";
+export type NotificationTabItem = {
+    label: string;
+    name: string;
+    notificationCount?: number;
+    disabled?: boolean;
+    variant: PanelVariant;
+};
+export type TableInfoItem = {
+    title: string;
+    content: string;
+};
+export type NotificationItem = {
+    id: string;
+    title: string;
+    timestamp: Date;
+    tabName: string;
+    read: boolean;
+    tableInfo?: TableInfoItem[];
+};

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

@@ -0,0 +1 @@
+export * from "./components";