maru_design2 2.5.2 → 2.7.0

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # Changelog
 
+## [2.7.0](https://github.com/42maru-ai/maru-design2/compare/v2.6.0...v2.7.0) (2024-06-04)
+
+
+### Features
+
+* :sparkles: Toast - ADD details props ([b40843c](https://github.com/42maru-ai/maru-design2/commit/b40843c55c717d5fb7b3459c5ab8eaef19492f3d))
+* :sparkles: Toast - ADD ToastTimer ([84bd953](https://github.com/42maru-ai/maru-design2/commit/84bd953ef265c29a8d02d8ca7c7db4d6506009e8))
+
+
+### Bug Fixes
+
+* :adhesive_bandage: Toast -  ADD details props ([6c3cbdd](https://github.com/42maru-ai/maru-design2/commit/6c3cbdd5cd5ad1db77d9f20a370b0b6b93d7ef57))
+* :adhesive_bandage: Toast - UPDATE details ([be77f71](https://github.com/42maru-ai/maru-design2/commit/be77f71cd0179342f1a610a71ca99fcde83ce0a4))
+* :adhesive_bandage: Toast - UPDATE props ([eb1be6c](https://github.com/42maru-ai/maru-design2/commit/eb1be6c6506127f768e619867305ea67eefa8060))
+* :adhesive_bandage: Toast - UPDATE Reorder variable declarations ([ec08173](https://github.com/42maru-ai/maru-design2/commit/ec0817370ddcc86ce5e7c9f94f19dc0b7ced7d73))
+* :fire: Toast - DELETE toaster ([d352672](https://github.com/42maru-ai/maru-design2/commit/d35267283f6f50611fa5942a4f2518e2885f6721))
+* :fire: Toast - DELETE toaster css ([4a9eade](https://github.com/42maru-ai/maru-design2/commit/4a9eadefe695d55c615a17c9d26f25a97d82518d))
+* :fire: Toast - UPDATE replace svg files to Icon ([f6fc591](https://github.com/42maru-ai/maru-design2/commit/f6fc591cbf82ce5b0fc3c16800885305e70f3130))
+* :recycle: Toast - REFACTOR code review feedback ([1bf68ff](https://github.com/42maru-ai/maru-design2/commit/1bf68ffa6d3cbeee5cbad4653e4d0119fa6b9315))
+* :recycle: Toast - REFACTOR extract Details component from Toast ([ae56649](https://github.com/42maru-ai/maru-design2/commit/ae5664997b5db7a52861717af4f6b4e72eaf4b48))
+* :recycle: Toast - REFACTOR ToastTimer and ToastContext ([082f05f](https://github.com/42maru-ai/maru-design2/commit/082f05f40ceab170136020f9da1a3f1347a2084f))
+
+## [2.6.0](https://github.com/42maru-ai/maru-design2/compare/v2.5.2...v2.6.0) (2024-05-28)
+
+
+### Features
+
+* :bento: ADD assets ([5d71dc6](https://github.com/42maru-ai/maru-design2/commit/5d71dc6dc5c6e7f1fff9e232a3801466ce94fb8c))
+* :label: ADD variant type for toast ([3ee947b](https://github.com/42maru-ai/maru-design2/commit/3ee947b8b106d9f250ab876fefb150778273a909))
+* :sparkles: ADD toast ([fd72b15](https://github.com/42maru-ai/maru-design2/commit/fd72b15ae376c3990f090474e77af90f64d823ff))
+* ADD Calendar ([e119e76](https://github.com/42maru-ai/maru-design2/commit/e119e762ea81f01c868b7b296c33c30394ef6d9c))
+* ADD error,success,warning icons, UPDATE parser ([de0facb](https://github.com/42maru-ai/maru-design2/commit/de0facb55886cee9b22eb863e2f2a5aeb5266920))
+* ADD Input option - hiddenClearButton ([3828d12](https://github.com/42maru-ai/maru-design2/commit/3828d129839fc853e3e340ab612c447df3c6bccc))
+
+
+### Bug Fixes
+
+* :adhesive_bandage: ADD id props ([d6e6186](https://github.com/42maru-ai/maru-design2/commit/d6e61869d3441335fcd5d71efcbcf2f1837aab44))
+* :pencil2: FIX typo ([7c4895d](https://github.com/42maru-ai/maru-design2/commit/7c4895d972f0e47977faa5b20da4077141456869))
+* calendar day-name parse error ([45f2190](https://github.com/42maru-ai/maru-design2/commit/45f219070f4b70e43c4093531e534117910be7a9))
+* icon documents ([1254267](https://github.com/42maru-ai/maru-design2/commit/1254267f54ed1cc68dde3da01c53758ef120478e))
+* UPDATE calendar footer input hidden clear btn ([cef27ec](https://github.com/42maru-ai/maru-design2/commit/cef27ecff581f3274f4633991d691c3ddf799e8e))
+
 ## [2.5.2](https://github.com/42maru-ai/maru-design2/compare/v2.5.1...v2.5.2) (2024-05-20)
 
 

package/dist/components/atoms/icon/iconmap.d.ts

@@ -20,6 +20,15 @@ export declare const iconmap: {
             r: string;
             fill: string;
         }[];
+        rects: {
+            x: string;
+            y: string;
+            width: string;
+            height: string;
+            rx: string;
+            transform: string;
+            fill: string;
+        }[];
     };
 };
 export declare const ICONS: {
@@ -84,6 +93,7 @@ export declare const ICONS: {
     readonly Download01Thin: "Download01Thin";
     readonly Downstream: "Downstream";
     readonly Edit03Thin: "Edit03Thin";
+    readonly Error: "Error";
     readonly ExpandThin: "ExpandThin";
     readonly FiEyeOffThin: "FiEyeOffThin";
     readonly FiEyeThin: "FiEyeThin";
@@ -151,6 +161,7 @@ export declare const ICONS: {
     readonly StopCircle: "StopCircle";
     readonly SubtractLineThin: "SubtractLineThin";
     readonly SuccessThin: "SuccessThin";
+    readonly Success: "Success";
     readonly SwitchHorizontal02Thin: "SwitchHorizontal02Thin";
     readonly TransformThin: "TransformThin";
     readonly Trash01Thin: "Trash01Thin";
@@ -162,6 +173,7 @@ export declare const ICONS: {
     readonly UserPlusThin: "UserPlusThin";
     readonly Users01Thin: "Users01Thin";
     readonly Users01: "Users01";
+    readonly Warning: "Warning";
     readonly XCircleThin: "XCircleThin";
     readonly XCircle: "XCircle";
     readonly XLarge: "XLarge";

package/dist/components/atoms/input/Input.d.ts

@@ -15,6 +15,10 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
      * 초기화 함수 (@v1 hasClearBtn, onClear)
      */
     onClear?: () => void;
+    /**
+     * 초기화 버튼 숨기기
+     */
+    hiddenClearButton?: boolean;
     /**
      * input을 감싸고 있는 div의 ref, input은 일반 ref 사용
      */

package/dist/components/molecules/calendar/Calendar.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './calendar.scss';
+export interface CalendarProps {
+    /**
+     * Maru Datepicker를 띄울 대상이 되는 컴포넌트. setOpen을 변수로 전달해서 외부에서 datepicker를 띄울 수 있도록 설정
+     * @param setOpen 토글형태로 동작. children의 onClick 메서드에서 실행 필요
+     */
+    children: ({ setOpen }: {
+        setOpen: () => void;
+    }) => React.ReactNode;
+    saveButtonContent: string;
+    /**
+     * 캘린더 하단 버튼을 누르면 동작할 함수, 선택한 startDate와 endDate를 전달
+     * @param startDate 시작일
+     * @param endDate 마지막일
+     */
+    onSaveClick: (startDate?: string, endDate?: string) => void;
+    className?: string;
+}
+export declare function Calendar({ children, saveButtonContent, onSaveClick, className, }: CalendarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/calendar/DatePickerHeader.d.ts

@@ -0,0 +1,3 @@
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+declare function DatePickerHeader({ date, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, }: ReactDatePickerCustomHeaderProps): import("react/jsx-runtime").JSX.Element;
+export default DatePickerHeader;

package/dist/components/molecules/calendar/DatePickerWrapper.d.ts

@@ -0,0 +1,8 @@
+import 'react-datepicker/dist/react-datepicker.css';
+interface Props {
+    saveButtonContent?: string;
+    onSaveClick: (startDate?: string, endDate?: string) => void;
+    setOpen: (open: boolean) => void;
+}
+declare function DatePickerWrapper({ saveButtonContent, onSaveClick, setOpen }: Props): import("react/jsx-runtime").JSX.Element;
+export default DatePickerWrapper;

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

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

package/dist/components/molecules/toast/Details.d.ts

@@ -0,0 +1,7 @@
+interface DetailsProps {
+    details: string[] | undefined;
+    isDetailsOpen: boolean;
+    handleToggleDetails: () => void;
+}
+export default function Details({ details, isDetailsOpen, handleToggleDetails, }: DetailsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/molecules/toast/Toast.d.ts

@@ -0,0 +1,15 @@
+import { TToastVariant } from '../../../enums/variant';
+export interface IToast {
+    id: string;
+    variant: TToastVariant;
+    content: string;
+    details?: string[];
+    disableAutoOff?: boolean;
+}
+export interface ToastProps {
+    id: string;
+    toast: IToast;
+    drop: (id: string) => void;
+    className?: string;
+}
+export declare function Toast({ id, toast, drop, className }: ToastProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/molecules/toast/ToastContext.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { IToast } from './Toast';
+interface ToastContextProps {
+    toasts: {
+        [id: string]: IToast;
+    };
+    pop: (toast: Omit<IToast, 'id'>) => void;
+    drop: (id: string) => void;
+}
+declare const ToastContext: React.Context<ToastContextProps | undefined>;
+declare function ToastProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const useToast: () => ToastContextProps;
+export { ToastContext, ToastProvider };

package/dist/components/molecules/toast/ToastStyle.d.ts

@@ -0,0 +1,18 @@
+import { TToastVariant } from '../../../enums/variant';
+import './toast.scss';
+export interface ToastStyleProps {
+    /**
+     * ['success', 'warning', 'danger'].
+     */
+    variant: TToastVariant;
+    /**
+     * 컴포넌트에 들어갈 내용
+     */
+    content: string;
+    /**
+     * details, summary 태그를 활용하여 노출할 내용
+     */
+    details?: string[];
+    onClose: () => void;
+}
+export declare function ToastStyle({ variant, content, details, onClose, }: ToastStyleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/toast/index.d.ts

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

package/dist/enums/variant.d.ts

@@ -4,3 +4,5 @@ export declare const CHIP_VARIANTS: readonly ["default", "outline", "dot"];
 export type TChipVariant = (typeof CHIP_VARIANTS)[number];
 export declare const TOOLTIP_VARIANTS: readonly ["default", "error"];
 export type TTooltipVariant = (typeof TOOLTIP_VARIANTS)[number];
+export declare const TOAST_VARIANTS: readonly ["success", "warning", "danger"];
+export type TToastVariant = (typeof TOAST_VARIANTS)[number];

package/dist/index.d.ts

@@ -8,7 +8,9 @@ export * from './components/atoms/popover';
 export * from './components/atoms/radio';
 export * from './components/atoms/toggle';
 export * from './components/atoms/tooltip';
+export * from './components/molecules/calendar';
 export * from './components/molecules/dropdown';
 export * from './components/molecules/modal';
 export * from './components/molecules/pagination';
 export * from './components/molecules/table';
+export * from './components/molecules/toast';