@wizleap-inc/wiz-ui-react 0.14.0 → 0.16.0

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

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

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

@@ -0,0 +1,13 @@
+import { ComponentProps, FC, ReactNode } from "react";
+import { WizPopup } from '../../../../components';
+type Props = {
+    isOpen: boolean;
+    children: ReactNode;
+    options: ReactNode;
+    skeleton?: boolean;
+    gap?: ComponentProps<typeof WizPopup>["gap"];
+    isDirectionFixed?: boolean;
+    onClose: () => void;
+};
+export declare const WizDropdown: FC<Props>;
+export {};

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

@@ -0,0 +1,2 @@
+export { WizDropdown } from "./dropdown";
+export { WizDropdownItem } from "./dropdown-item";

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

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

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

@@ -22,4 +22,9 @@ export * from "./calendar";
 export * from "./accordion";
 export * from "./text";
 export * from "./graphs";
+export * from "./tooltip";
 export * from "./heading";
+export * from "./popup-button-group";
+export * from "./navigation";
+export * from "./dropdown";
+export * from "./snackbar";

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

@@ -0,0 +1,14 @@
+import { SpacingKeys } from "@wizleap-inc/wiz-ui-constants";
+import { FC } from "react";
+import { CheckBoxOption } from "./types";
+type Props = {
+    options: CheckBoxOption[];
+    values: number[];
+    disabled?: boolean;
+    direction?: "horizontal" | "vertical";
+    gap?: SpacingKeys;
+    strikeThrough?: boolean;
+    onChange?: (values: number[]) => void;
+};
+export declare const WizCheckBox: FC<Props>;
+export {};

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

@@ -0,0 +1,2 @@
+export { WizCheckBox } from "./checkbox";
+export * from "./types";

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

@@ -0,0 +1,6 @@
+export interface CheckBoxOption {
+    label: string;
+    value: number;
+    disabled?: boolean;
+    key: string;
+}

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

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

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

@@ -1,4 +1,8 @@
+export * from "./checkbox";
 export * from "./radio";
+export * from "./selectbox";
 export * from "./text";
 export * from "./toggle-switch";
 export * from "./panel-switch";
+export * from "./time-picker";
+export * from "./upload";

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

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

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { ButtonItem as ButtonItemType } from "../types";
+interface Props {
+    item: ButtonItemType;
+    disabled: boolean;
+    depth: number;
+}
+export declare const ButtonItem: FC<Props>;
+export {};

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

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const DividerItem: FC;

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

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { GroupItem as GroupItemType } from "../types";
+interface Props {
+    item: GroupItemType;
+    disabled: boolean;
+    depth: number;
+}
+export declare const GroupItem: FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+export * from "./popup-button-group";

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

@@ -0,0 +1,16 @@
+import { SpacingKeys } from "@wizleap-inc/wiz-ui-constants";
+import { FC } from "react";
+import { ButtonGroupItem } from "../types";
+interface Props {
+    options: ButtonGroupItem[];
+    width?: string;
+    p?: SpacingKeys;
+    borderRadius?: SpacingKeys;
+    disabled?: boolean;
+    expand?: boolean;
+    groupDivider?: boolean;
+    buttonDivider?: boolean;
+    depth?: number;
+}
+export declare const WizPopupButtonGroup: FC<Props>;
+export {};

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

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

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

@@ -0,0 +1,30 @@
+import { TIcon } from '../../../components';
+export interface PopupButtonOption {
+    label: string;
+    value: number;
+    exLabel?: string;
+    icon?: TIcon;
+    iconDefaultColor?: "green.800" | "gray.500";
+    disabled?: boolean;
+    onClick: () => void;
+}
+export interface ButtonItem {
+    kind: "button";
+    option: PopupButtonOption;
+}
+interface DividerItem {
+    kind: "divider";
+}
+export interface GroupItem {
+    kind: "group";
+    title: string;
+    items: ButtonGroupItem[];
+    groupDivider?: boolean;
+    buttonDivider?: boolean;
+}
+export type ButtonGroupItem = ButtonItem | DividerItem | GroupItem;
+export type ItemElement = DividerItem | {
+    kind: "item";
+    item: Exclude<ButtonGroupItem, DividerItem>;
+};
+export {};

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/tooltip/components/index.d.ts

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

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

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from "react";
+interface Props {
+    direction?: "top" | "bottom" | "left" | "right";
+    hover?: boolean;
+    isDirectionFixed?: boolean;
+    children: ReactNode;
+    content: ReactNode;
+}
+export declare const WizTooltip: FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+export { WizTooltip } 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,3 @@
+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";