@croquiscom/pds 0.14.0 → 0.16.0

package/dist/menu/Menu.d.ts

@@ -4,15 +4,19 @@ export interface MenuContextProps {
     activeMenuGroup: string;
     setActiveMenu: (id: string) => void;
     setActiveMenuGroup: (id: string) => void;
+    openMenuGroup: string;
+    setOpenMenuGroup: (groupId: string) => void;
     onClickMenu: ({ id, groupId }: {
         id: string;
         groupId: string;
     }) => void;
+    toggleMode: boolean;
 }
 export declare const MenuContext: React.Context<MenuContextProps>;
 export declare const useMenuContext: () => MenuContextProps;
 export interface MenuProps extends HTMLAttributes<HTMLUListElement> {
     selectedMenu?: MenuContextProps['activeMenu'];
     onClickMenu?: (id: MenuContextProps['activeMenuGroup']) => void;
+    toggleMode?: MenuContextProps['toggleMode'];
 }
 export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLUListElement>>;

package/dist/menu/Menu.stories.d.ts

@@ -6,5 +6,5 @@ export default _default;
 export declare const BaseOneDepthMenu: ComponentStory<typeof Menu>;
 export declare const WithIcon: ComponentStory<typeof Menu>;
 export declare const WithSuffix: ComponentStory<typeof Menu>;
-export declare const WithChild: ComponentStory<typeof Menu>;
+export declare const WithChildToggle: ComponentStory<typeof Menu>;
 export declare const ControlledNavigation: ComponentStory<typeof Menu>;

package/dist/toast/Toast.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+export declare type ToastSize = 'large' | 'medium';
+export declare type ToastVariant = 'info' | 'success' | 'error';
+export interface ToastComponentProps {
+    id?: string;
+    content: ReactNode;
+    /**
+     * @desc 지속시간(ms)
+     * @default 3000
+     */
+    duration?: number;
+    /**
+     * @desc 토스트 사이즈
+     * @default medium
+     */
+    size?: ToastSize;
+    /**
+     * @default info
+     */
+    variant?: ToastVariant;
+    destroy: () => void;
+}
+export declare const ToastComponent: React.FC<ToastComponentProps>;

package/dist/toast/Toast.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.FC<import("./Toast").ToastComponentProps>>;
+export default _default;
+export declare const Base: any;
+export declare const Variant: any;
+export declare const Position: any;

package/dist/toast/ToastManager.d.ts

@@ -0,0 +1,50 @@
+import { ToastComponentProps } from './Toast';
+export declare const ToastPosition: {
+    readonly TOP_RIGHT: "top-right";
+    readonly TOP_CENTER: "top-center";
+    readonly BOTTOM_RIGHT: "bottom-right";
+    readonly BOTTOM_CENTER: "bottom-center";
+    readonly CENTER: "center";
+};
+export declare type ToastPosition = typeof ToastPosition[keyof typeof ToastPosition];
+export interface ToastContainerProps {
+    /**
+     * @desc 토스트 노출 위치
+     * @default top-center
+     */
+    position: ToastPosition;
+    /**
+     * @desc position 기준으로 커스텀 위치, center일 경우 적용되지 않습니다
+     */
+    offset_x: number;
+    /**
+     * @desc position 기준으로 커스텀 위치, center일 경우 적용되지 않습니다.
+     */
+    offset_y: number;
+    /**
+     * @desc 최대 노출 토스트 갯수
+     * @default 6
+     */
+    max_count?: number;
+}
+export interface ToastOptions extends Omit<ToastComponentProps, 'destroy'>, Partial<ToastContainerProps> {
+}
+declare type ToastContainerKey = `${ToastPosition}_${number}_${number}`;
+declare class ToastManager {
+    private container;
+    private container_keys;
+    private toasts;
+    constructor();
+    static generateContainerKey({ position, offset_x, offset_y }: ToastContainerProps): ToastContainerKey;
+    static getContainerPropsByKey(key: ToastContainerKey): ToastContainerProps;
+    private generateToastId;
+    private findContainerKeyById;
+    private addContainerKey;
+    private removeContainerKey;
+    private getOffset;
+    private render;
+    show({ id, position, offset_x, offset_y, max_count, ...options }: ToastOptions): void;
+    destroy(id: string, key?: ToastContainerKey): void;
+}
+export declare const Toast: ToastManager;
+export {};

package/dist/toast/index.d.ts

@@ -0,0 +1 @@
+export * from './ToastManager';

package/dist/toast/styles.d.ts

@@ -0,0 +1,6 @@
+import { ToastSize } from './Toast';
+import { ToastContainerProps } from './ToastManager';
+export declare const toast_size_css: Record<ToastSize, string>;
+export declare const toast_show_animation: import("@emotion/serialize").Keyframes;
+export declare const toast_hide_animation: import("@emotion/serialize").Keyframes;
+export declare function getContainerStyle({ position, offset_x, offset_y }: ToastContainerProps): import("@emotion/utils").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@croquiscom/pds",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "description": "Design system for Zigzag's Partner Center",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",