@wizleap-inc/wiz-ui-react 0.9.0 → 0.13.0

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

@@ -0,0 +1,14 @@
+import { ColorKeys } from "@wizleap-inc/wiz-ui-constants";
+import { FC, ReactNode } from "react";
+type Props = {
+    isOpen: boolean;
+    openMessage?: string;
+    closeMessage?: string;
+    width?: string;
+    bgColor?: ColorKeys;
+    fontColor?: ColorKeys;
+    children?: ReactNode;
+    onToggle: () => void;
+};
+export declare const WizAccordion: FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+export { WizAccordion } from "./accordion";

package/dist/components/base/accordion/components/use-toggle-animation.d.ts

@@ -0,0 +1,9 @@
+export declare const ANIMATION_CONFIGURATION: {
+    duration: number;
+    easing: string;
+};
+export declare function useToggleAnimation(isOpen: boolean): {
+    isActuallyOpen: boolean;
+    isAnimating: boolean;
+    contentRef: import("react").RefObject<HTMLDivElement>;
+};

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

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

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

@@ -0,0 +1,13 @@
+import { ColorKeys, SpacingKeys } from "@wizleap-inc/wiz-ui-constants";
+import { FC, ReactNode } from "react";
+type Props = {
+    label?: string;
+    hidden?: boolean;
+    color?: ColorKeys;
+    bgColor?: ColorKeys;
+    offset?: SpacingKeys;
+    size?: "sm" | "md" | "lg";
+    children?: ReactNode;
+};
+export declare const WizBadge: FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+export { WizBadge } from "./badge";

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

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

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

@@ -0,0 +1,10 @@
+import { ComponentProps } from "react";
+import { TIcon } from '../../../../../components';
+type Props = {
+    icon: TIcon;
+    variant?: "primary" | "sub" | "transparent" | "link";
+    disabled?: boolean;
+    size?: "sm" | "md" | "lg" | "xl";
+} & ComponentProps<"button">;
+export declare const WizIconButton: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

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

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

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

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

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

@@ -1,2 +1,4 @@
 export * from "./text";
+export * from "./toggle";
 export * from "./tiny";
+export * from "./icon";

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

@@ -0,0 +1 @@
+export { WizToggleButton } from "./toggle-button";

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

@@ -0,0 +1,13 @@
+import { ComponentProps, ReactNode } from "react";
+import { TIcon } from '../../../../../components';
+type Props = {
+    isActive: boolean;
+    inactiveIcon: TIcon;
+    activeIcon: TIcon;
+    disabled?: boolean;
+    rounded?: boolean;
+    size?: "sm" | "md" | "lg";
+    children?: ReactNode;
+} & ComponentProps<"button">;
+export declare const WizToggleButton: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

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

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

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

@@ -0,0 +1,2 @@
+import { CalendarData } from "./types";
+export declare function createCalendarData(currentShowingDateTime: Date, shouldFillWeeks?: boolean): CalendarData;

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

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import { DateStatus } from "./types";
+type Props = {
+    currentMonth?: Date;
+    activeDates?: DateStatus[];
+    filledWeeks?: boolean;
+    onClickDate?: (selectedValue: Date) => void;
+};
+export declare const WizCalendar: FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+export { WizCalendar } from "./calendar";

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

@@ -0,0 +1,9 @@
+export type DateStatus = {
+    date: Date;
+    state: "primary" | "secondary";
+};
+export type CalendarDataItem = {
+    label: string;
+    isOutOfCurrentMonth?: boolean;
+};
+export type CalendarData = CalendarDataItem[][];

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

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

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

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from "react";
+type Props = {
+    isOpen: boolean;
+    maxWidth?: string;
+    title?: ReactNode;
+    footer?: ReactNode;
+    children?: ReactNode;
+    align?: "start" | "center" | "end";
+    onClose: () => void;
+};
+export declare const WizDialog: FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+export { WizDialog } from "./dialog";

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

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

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

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from "react";
+type Props = {
+    percentages: number[];
+    children?: ReactNode;
+};
+export declare const Bar: FC<Props>;
+export {};

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

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from "react";
+import { CircleGraphData } from "./types";
+type Props = {
+    data: CircleGraphData[];
+    otherLabel?: string;
+    children?: ReactNode;
+};
+export declare const WizCircleGraph: FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+export { WizCircleGraph } from "./circle-graph";

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

@@ -0,0 +1,4 @@
+export interface CircleGraphData {
+    label: string;
+    percentage: number;
+}

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

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

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

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import { CompareGraphData } from "./types";
+type Props = {
+    data: CompareGraphData;
+    maxFrequency: number;
+    barGap: number;
+    barGroupWidth: number;
+    /** バーの傾き(rad)を指定します。*/
+    theta: number;
+};
+export declare const Bar: FC<Props>;
+export {};

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

@@ -0,0 +1,34 @@
+import { FC, ReactNode } from "react";
+import { CompareGraphData } from "./types";
+type Props = {
+    data: CompareGraphData[];
+    /** 縦軸の最大値を設定します。 */
+    maxFrequency?: number;
+    /** 縦軸の最大値をceilN桁で切り上げて設定します。 */
+    ceilN?: number;
+    /** バーの間隔に影響します。0~1の値を指定してください。 */
+    barGap?: number;
+    /** バーの太さに影響します。0~1の値を指定してください。 */
+    barGroupWidth?: number;
+    /** 単位を指定してください。 */
+    unit?: string;
+    /**
+     * ラベルの単位の表示位置を指定します。
+     * @param {String} unitPosition - ラベルの単位の表示位置を指定します。以下のいずれかの値を指定できます:
+     *   - "vertical": 縦軸の目盛に対して単位を表示します。
+     *   - "intersection": 縦軸と横軸が交わる位置に単位を表示します。
+     *   - "no": 単位を表示しません。
+     * @default "no"
+     * @required false
+     */
+    unitPosition?: "vertical" | "intersection" | "no";
+    /**
+     * 横軸ラベルを傾けるかを指定します。
+     * @param isTilted
+     * @default false
+     */
+    isTilted?: boolean;
+    children?: ReactNode;
+};
+export declare const WizCompareGraph: FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+export { WizCompareGraph } from "./compare-graph";

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

@@ -0,0 +1,10 @@
+import { ColorKeys } from "@wizleap-inc/wiz-ui-constants";
+export interface CompareGraphData {
+    label: string;
+    data: {
+        id: string;
+        frequency: number;
+        barColor?: ColorKeys;
+        numberColor?: ColorKeys;
+    }[];
+}

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

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

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

@@ -0,0 +1,3 @@
+export * from "./transition";
+export * from "./compare";
+export * from "./circle";

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

@@ -0,0 +1,9 @@
+import { FC } from "react";
+type Props = {
+    label: string;
+    frequency: number;
+    lastFrequency: number | null;
+    maxFrequency: number;
+};
+export declare const Bar: FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+export { WizTransitionGraph } from "./transition-graph";

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

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from "react";
+type TransitionGraphData = {
+    label: string;
+    frequency: number;
+};
+type Props = {
+    data: TransitionGraphData[];
+    children?: ReactNode;
+};
+export declare const WizTransitionGraph: FC<Props>;
+export {};

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,5 @@
 export * from "./buttons";
+export * from "./badge";
 export * from "./popup";
 export * from "./portal";
 export * from "./avatar";
@@ -7,8 +8,16 @@ export * from "./card";
 export * from "./tag";
 export * from "./icon";
 export * from "./divider";
+export * from "./tab";
+export * from "./step-bar";
 export * from "./message-box";
 export * from "./menu";
 export * from "./stack";
 export * from "./anchor";
 export * from "./inputs";
+export * from "./header";
+export * from "./dialog";
+export * from "./calendar";
+export * from "./accordion";
+export * from "./text";
+export * from "./graphs";

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

@@ -1 +1 @@
-export * from "./base";
+export * from "./base-input";

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

@@ -1,3 +1,4 @@
-export * from "./base";
+export * from "./radio";
+export * from "./text";
 export * from "./toggle-switch";
 export * from "./panel-switch";

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

@@ -0,0 +1 @@
+export { WizRadio } from "./radio";

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

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

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

@@ -0,0 +1,5 @@
+export interface RadioOption {
+    label: string;
+    value: number;
+    disabled?: boolean;
+}

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

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

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

@@ -0,0 +1 @@
+export { WizTextInput } from "./text-input";

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

@@ -0,0 +1,10 @@
+import { ComponentProps } from "react";
+import { TIcon } from '../../../../../components';
+import { PrivateBaseInput } from '../../../../../components/base/inputs/base';
+type PrivateBaseInputProps = ComponentProps<typeof PrivateBaseInput>;
+export type Props = {
+    icon?: TIcon;
+    onChangeValue?: (value: string) => void;
+} & Omit<PrivateBaseInputProps, "type">;
+export declare const WizTextInput: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { FC } from "react";
+import { StepStatus } from "./types";
+type Props = {
+    status: StepStatus;
+};
+export declare const WizStepPoint: FC<Props>;
+export {};

package/dist/components/base/step-bar/components/types.d.ts

@@ -0,0 +1,8 @@
+export type StepStatus = "done" | "pending";
+export interface StepItem {
+    id: string;
+    status: StepStatus;
+    label?: string;
+    description?: string;
+    progress?: boolean;
+}

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

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

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

@@ -0,0 +1,2 @@
+export * from "./tab";
+export * from "./tab-pane";

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

@@ -0,0 +1,12 @@
+import { FC } from "react";
+type Props = {
+    label: string;
+    name: string;
+    active?: boolean;
+    disabled?: boolean;
+    notificationCount?: number;
+    width?: string;
+    onClick: (name: string) => void;
+};
+export declare const WizTabPane: FC<Props>;
+export {};

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

@@ -0,0 +1,12 @@
+import { SpacingKeys } from "@wizleap-inc/wiz-ui-constants";
+import { FC } from "react";
+import { TabItem } from "./types";
+type Props = {
+    activeTabName: string;
+    items: TabItem[];
+    gap?: SpacingKeys;
+    width?: string;
+    onClickTab: (name: string) => void;
+};
+export declare const WizTab: FC<Props>;
+export {};

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

@@ -0,0 +1,6 @@
+export interface TabItem {
+    label: string;
+    name: string;
+    notificationCount?: number;
+    disabled?: boolean;
+}

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

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

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

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

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

@@ -0,0 +1,26 @@
+import { ColorKeys, FontSizeKeys, WhiteSpaceKeys } from "@wizleap-inc/wiz-ui-constants";
+import { ReactNode } from "react";
+type Props = {
+    as?: "p" | "span" | "label";
+    htmlFor?: string;
+    color?: ColorKeys;
+    fontSize?: FontSizeKeys;
+    lineHeight?: FontSizeKeys;
+    bold?: boolean;
+    maxLines?: number;
+    whiteSpace?: WhiteSpaceKeys;
+    /**
+     * テキストをぼかすかどうかを指定します。
+     * @default false
+     */
+    isBlurred?: boolean;
+    breakAll?: boolean;
+    textAlign?: "start" | "end" | "left" | "right" | "center";
+    lineThrough?: boolean;
+    children?: ReactNode;
+};
+export declare const WizText: import("react").MemoExoticComponent<{
+    ({ as, htmlFor, color, fontSize, lineHeight, bold, maxLines, whiteSpace, isBlurred, breakAll, textAlign, lineThrough, children, }: Props): JSX.Element;
+    displayName: "WizText";
+}>;
+export {};

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

@@ -0,0 +1 @@
+export { WizText } from "./components";

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

@@ -0,0 +1,5 @@
+type FormControlContextType = {
+    error?: boolean;
+};
+export declare const FormControlContext: import("react").Context<FormControlContextType>;
+export {};

package/dist/components/icons/cancel.d.ts

@@ -0,0 +1 @@
+export declare const WizICancel: () => JSX.Element;

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

@@ -10,6 +10,7 @@ import { WizIAutoRenew } from "./auto-renew";
 import { WizIBusinessCenter } from "./business-center";
 import { WizICalendar } from "./calendar";
 import { WizICamera } from "./camera";
+import { WizICancel } from "./cancel";
 import { WizIChangeHistory } from "./change-history";
 import { WizIChat } from "./chat";
 import { WizICheck } from "./check";
@@ -49,5 +50,5 @@ import { WizITab } from "./tab";
 import { WizITask } from "./task";
 import { WizIUpload } from "./upload";
 import { WizIWarning } from "./warning";
-export type TIcon = typeof WizIAddCircle | typeof WizIAdd | typeof WizIArrowDropDown | typeof WizIArrowDropUp | typeof WizIArrowRight | typeof WizIAssignmentAdd | typeof WizIAssignment | typeof WizIAttachFile | typeof WizIAutoRenew | typeof WizIBusinessCenter | typeof WizICalendar | typeof WizICamera | typeof WizIChangeHistory | typeof WizIChat | typeof WizICheck | typeof WizIChevronLeft | typeof WizIChevronRight | typeof WizICircleCheck | typeof WizIClose | typeof WizIContentCopy | typeof WizIDashboard | typeof WizIDescription | typeof WizIDownload | typeof WizIEditNote | typeof WizIExpandLess | typeof WizIExpandMore | typeof WizIEye | typeof WizIGroups | typeof WizIHelp | typeof WizIHistory | typeof WizIHome | typeof WizIInfo | typeof WizIManageAccounts | typeof WizIMenu | typeof WizIMonitoring | typeof WizIMoreVert | typeof WizINoteAdd | typeof WizINotification | typeof WizIOpenInNew | typeof WizIPinDrop | typeof WizIPublic | typeof WizIRemove | typeof WizISchedule | typeof WizISearch | typeof WizISend | typeof WizIStars | typeof WizIStoreFront | typeof WizITab | typeof WizITask | typeof WizIUpload | typeof WizIWarning;
-export { WizIAddCircle, WizIAdd, WizIArrowDropDown, WizIArrowDropUp, WizIArrowRight, WizIAssignmentAdd, WizIAssignment, WizIAttachFile, WizIAutoRenew, WizIBusinessCenter, WizICalendar, WizICamera, WizIChangeHistory, WizIChat, WizICheck, WizIChevronLeft, WizIChevronRight, WizICircleCheck, WizIClose, WizIContentCopy, WizIDashboard, WizIDescription, WizIDownload, WizIEditNote, WizIExpandLess, WizIExpandMore, WizIEye, WizIGroups, WizIHelp, WizIHistory, WizIHome, WizIInfo, WizIManageAccounts, WizIMenu, WizIMonitoring, WizIMoreVert, WizINoteAdd, WizINotification, WizIOpenInNew, WizIPinDrop, WizIPublic, WizIRemove, WizISchedule, WizISearch, WizISend, WizIStars, WizIStoreFront, WizITab, WizITask, WizIUpload, WizIWarning, };
+export type TIcon = typeof WizIAddCircle | typeof WizIAdd | typeof WizIArrowDropDown | typeof WizIArrowDropUp | typeof WizIArrowRight | typeof WizIAssignmentAdd | typeof WizIAssignment | typeof WizIAttachFile | typeof WizIAutoRenew | typeof WizIBusinessCenter | typeof WizICalendar | typeof WizICamera | typeof WizICancel | typeof WizIChangeHistory | typeof WizIChat | typeof WizICheck | typeof WizIChevronLeft | typeof WizIChevronRight | typeof WizICircleCheck | typeof WizIClose | typeof WizIContentCopy | typeof WizIDashboard | typeof WizIDescription | typeof WizIDownload | typeof WizIEditNote | typeof WizIExpandLess | typeof WizIExpandMore | typeof WizIEye | typeof WizIGroups | typeof WizIHelp | typeof WizIHistory | typeof WizIHome | typeof WizIInfo | typeof WizIManageAccounts | typeof WizIMenu | typeof WizIMonitoring | typeof WizIMoreVert | typeof WizINoteAdd | typeof WizINotification | typeof WizIOpenInNew | typeof WizIPinDrop | typeof WizIPublic | typeof WizIRemove | typeof WizISchedule | typeof WizISearch | typeof WizISend | typeof WizIStars | typeof WizIStoreFront | typeof WizITab | typeof WizITask | typeof WizIUpload | typeof WizIWarning;
+export { WizIAddCircle, WizIAdd, WizIArrowDropDown, WizIArrowDropUp, WizIArrowRight, WizIAssignmentAdd, WizIAssignment, WizIAttachFile, WizIAutoRenew, WizIBusinessCenter, WizICalendar, WizICamera, WizICancel, WizIChangeHistory, WizIChat, WizICheck, WizIChevronLeft, WizIChevronRight, WizICircleCheck, WizIClose, WizIContentCopy, WizIDashboard, WizIDescription, WizIDownload, WizIEditNote, WizIExpandLess, WizIExpandMore, WizIEye, WizIGroups, WizIHelp, WizIHistory, WizIHome, WizIInfo, WizIManageAccounts, WizIMenu, WizIMonitoring, WizIMoreVert, WizINoteAdd, WizINotification, WizIOpenInNew, WizIPinDrop, WizIPublic, WizIRemove, WizISchedule, WizISearch, WizISend, WizIStars, WizIStoreFront, WizITab, WizITask, WizIUpload, WizIWarning, };