enerdot-front-system 0.0.25 → 0.0.26

package/dist/lib/components/Button/index.d.ts

@@ -9,6 +9,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     children?: React.ReactNode;
     /**theme - secondary, text만 지원 */
     isSelected?: boolean;
+    buttonRef?: React.RefObject<HTMLButtonElement>;
 }
 export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/dist/lib/components/DateSelector/DatePicker/Buttons/ArrowButton.d.ts

@@ -0,0 +1,18 @@
+import { default as moment } from 'moment';
+interface ArrowButtonProps {
+    level: "small" | "large";
+    dateType: "day" | "week" | "month" | "quarter" | "year";
+    format: "hyphenFormat" | "dotFormat";
+    onClick: () => void;
+    disabled?: boolean;
+    date: moment.Moment;
+    minDate?: moment.Moment;
+    maxDate?: moment.Moment;
+    onChange: (e: {
+        date: moment.Moment;
+        name?: string;
+    }) => void;
+    name?: string;
+}
+declare const ArrowButton: ({ level, dateType, onClick, format, disabled, date, maxDate, minDate, onChange, name, }: ArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default ArrowButton;

package/dist/lib/components/DateSelector/DatePicker/Buttons/InputButton.d.ts

@@ -0,0 +1,10 @@
+interface InputButtonProps {
+    level: "small" | "large";
+    dateType: "day" | "week" | "month" | "quarter" | "year";
+    format: "hyphenFormat" | "dotFormat";
+    onClick: () => void;
+    disabled?: boolean;
+    date: moment.Moment;
+}
+declare const InputButton: ({ level, dateType, onClick, format, disabled, date, }: InputButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default InputButton;

package/dist/lib/components/DateSelector/DatePicker/Calendar/DayButton.d.ts

@@ -0,0 +1,13 @@
+import { default as moment } from 'moment';
+export interface DayButtonProps {
+    day: moment.Moment;
+    initialDate: moment.Moment;
+    minDate: moment.Moment;
+    maxDate: moment.Moment;
+    screenMonth: moment.Moment;
+    selectDate: moment.Moment;
+    index: number;
+    onChange: (date: moment.Moment) => void;
+}
+declare const DayButton: ({ day, minDate, maxDate, screenMonth, selectDate, index, onChange, initialDate, }: DayButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default DayButton;

package/dist/lib/components/DateSelector/DatePicker/Calendar/MonthButton.d.ts

@@ -0,0 +1,11 @@
+import { default as moment } from 'moment';
+export interface MonthButtonProps {
+    day: moment.Moment;
+    initialDate: moment.Moment;
+    minDate: moment.Moment;
+    maxDate: moment.Moment;
+    selectDate: moment.Moment;
+    onChange: (date: moment.Moment) => void;
+}
+declare const MonthButton: ({ day, minDate, maxDate, selectDate, onChange, initialDate, }: MonthButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default MonthButton;

package/dist/lib/components/DateSelector/DatePicker/Calendar/QuarterButton.d.ts

@@ -0,0 +1,11 @@
+import { default as moment } from 'moment';
+export interface QuarterButtonProps {
+    day: moment.Moment;
+    initialDate: moment.Moment;
+    minDate: moment.Moment;
+    maxDate: moment.Moment;
+    selectDate: moment.Moment;
+    onChange: (date: moment.Moment) => void;
+}
+declare const QuarterButton: ({ day, minDate, maxDate, selectDate, onChange, initialDate, }: QuarterButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default QuarterButton;

package/dist/lib/components/DateSelector/DatePicker/Calendar/WeekButton.d.ts

@@ -0,0 +1,12 @@
+import { default as moment } from 'moment';
+export interface WeekButtonProps {
+    day: moment.Moment;
+    minDate: moment.Moment;
+    maxDate: moment.Moment;
+    screenMonth: moment.Moment;
+    selectDate: moment.Moment;
+    index: number;
+    onChange: (date: moment.Moment) => void;
+}
+declare const WeekButton: ({ day, minDate, maxDate, screenMonth, selectDate, index, onChange, }: WeekButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default WeekButton;

package/dist/lib/components/DateSelector/DatePicker/Calendar/YearButton.d.ts

@@ -0,0 +1,11 @@
+import { default as moment } from 'moment';
+export interface YearButtonProps {
+    day: moment.Moment;
+    initialDate: moment.Moment;
+    minDate: moment.Moment;
+    maxDate: moment.Moment;
+    selectDate: moment.Moment;
+    onChange: (date: moment.Moment) => void;
+}
+declare const YearButton: ({ day, minDate, maxDate, selectDate, onChange, initialDate, }: YearButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default YearButton;

package/dist/lib/components/DateSelector/DatePicker/Calendar/index.d.ts

@@ -0,0 +1,17 @@
+import { default as moment } from 'moment';
+export interface DatePickerCalendarProps {
+    dateType?: "day" | "week" | "month" | "quarter" | "year";
+    date?: moment.Moment;
+    initialDate?: moment.Moment;
+    maxDate?: moment.Moment;
+    minDate?: moment.Moment;
+    onChange?: (e: {
+        date: moment.Moment;
+        name?: string;
+    }) => void;
+    name?: string;
+    width?: number;
+}
+export declare const DatePickerCalendar: (props: DatePickerCalendarProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import('react').MemoExoticComponent<(props: DatePickerCalendarProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/lib/components/DateSelector/DatePicker/index.d.ts

@@ -0,0 +1,19 @@
+import { default as moment } from 'moment';
+export interface DatePickerProps {
+    date: moment.Moment;
+    onChange: (e: {
+        date: moment.Moment;
+        name?: string;
+    }) => void;
+    dateType?: "day" | "week" | "month" | "quarter" | "year";
+    minDate?: moment.Moment;
+    maxDate?: moment.Moment;
+    disabled?: boolean;
+    name?: string;
+    width?: "auto" | `${number}px`;
+    level?: "small" | "large";
+    format?: "hyphenFormat" | "dotFormat";
+    buttonType?: "arrow" | "input";
+}
+export declare const DatePicker: ({ date, dateType, maxDate, minDate, onChange, disabled, name, format, level, buttonType, width, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export default DatePicker;

package/dist/lib/components/DateSelector/DateRangePicker/Button.d.ts

@@ -0,0 +1,10 @@
+interface ButtonProps {
+    level: "small" | "large";
+    dateType: "day" | "month" | "year";
+    format: "hyphenFormat" | "dotFormat";
+    onClick: () => void;
+    disabled?: boolean;
+    dates: [moment.Moment, moment.Moment];
+}
+declare const Button: ({ level, dateType, onClick, format, disabled, dates, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/lib/components/DateSelector/DateRangePicker/Calendar/DayButton.d.ts

@@ -0,0 +1,13 @@
+import { default as moment } from 'moment';
+export interface DayButtonProps {
+    day: moment.Moment;
+    minDate: moment.Moment;
+    maxDate: moment.Moment;
+    screenMonth: moment.Moment;
+    selectDates: [moment.Moment, moment.Moment];
+    index: number;
+    onChange: (date: [moment.Moment, moment.Moment], name?: string) => void;
+    maxRange?: number;
+}
+declare const DayButton: ({ day, minDate, maxDate, screenMonth, selectDates, index, onChange, }: DayButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default DayButton;

package/dist/lib/components/DateSelector/DateRangePicker/Calendar/MonthButton.d.ts

@@ -0,0 +1,11 @@
+import { default as moment } from 'moment';
+export interface MonthButtonProps {
+    day: moment.Moment;
+    minDate: moment.Moment;
+    maxDate: moment.Moment;
+    selectDates: [moment.Moment, moment.Moment];
+    onChange: (date: [moment.Moment, moment.Moment], name?: string) => void;
+    maxRange?: number;
+}
+declare const MonthButton: ({ day, minDate, maxDate, selectDates, onChange, }: MonthButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default MonthButton;

package/dist/lib/components/DateSelector/DateRangePicker/Calendar/YearButton.d.ts

@@ -0,0 +1,11 @@
+import { default as moment } from 'moment';
+export interface YearButtonProps {
+    day: moment.Moment;
+    minDate: moment.Moment;
+    maxDate: moment.Moment;
+    selectDates: [moment.Moment, moment.Moment];
+    onChange: (date: [moment.Moment, moment.Moment], name?: string) => void;
+    maxRange?: number;
+}
+declare const YearButton: ({ day, minDate, maxDate, selectDates, onChange, }: YearButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default YearButton;

package/dist/lib/components/DateSelector/DateRangePicker/Calendar/index.d.ts

@@ -0,0 +1,14 @@
+import { default as moment } from 'moment';
+export interface DateRangePickerCalendarProps {
+    dateType?: "day" | "month" | "year";
+    dates?: [moment.Moment, moment.Moment];
+    maxDate?: moment.Moment;
+    minDate?: moment.Moment;
+    onChange?: (dates: [moment.Moment, moment.Moment], name?: string) => void;
+    name?: string;
+    width?: number;
+    maxRange?: number;
+}
+export declare const DateRangePickerCalendar: (props: DateRangePickerCalendarProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import('react').MemoExoticComponent<(props: DateRangePickerCalendarProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/lib/components/DateSelector/DateRangePicker/index.d.ts

@@ -0,0 +1,20 @@
+import { default as moment } from 'moment';
+export interface DateRangePickerProps {
+    dates: [moment.Moment, moment.Moment];
+    onChange: (e: {
+        dates: [moment.Moment, moment.Moment];
+        name?: string;
+    }) => void;
+    dateType?: "day" | "month" | "year";
+    minDate?: moment.Moment;
+    maxDate?: moment.Moment;
+    disabled?: boolean;
+    name?: string;
+    width?: "auto" | `${number}px`;
+    level?: "small" | "large";
+    format?: "hyphenFormat" | "dotFormat";
+    buttonType?: "arrow" | "input";
+    maxRange?: number;
+}
+export declare const DateRangePicker: ({ dates, dateType, maxDate, minDate, onChange, disabled, name, format, level, width, maxRange, }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+export default DateRangePicker;

package/dist/lib/components/DateSelector/common.d.ts

@@ -0,0 +1,6 @@
+export declare const levels: {
+    [key: string]: {
+        height: number;
+        fontSize: number;
+    };
+};

package/dist/lib/components/IconButton/index.d.ts

@@ -4,6 +4,7 @@ export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
     theme?: "primary" | "secondary" | "tertiary" | "onlyIcon" | "quaternary";
     baseColor?: "primary" | "green" | "red" | "orange" | "yellow" | "gray";
     isRound?: boolean;
+    buttonRef?: React.RefObject<HTMLButtonElement>;
 }
 export declare const IconButton: (props: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default IconButton;

package/dist/lib/components/Ripple/index.d.ts

@@ -0,0 +1,13 @@
+export type RippleObject = {
+    x: number;
+    y: number;
+    size: number;
+    id: number;
+};
+interface RippleProps {
+    theme?: "primary" | "secondary" | "tertiary" | "text" | "quaternary" | "onlyIcon";
+    baseColor?: "primary" | "green" | "red" | "orange" | "yellow" | "gray";
+    ripples: RippleObject[];
+}
+declare const Ripple: ({ theme, ripples, baseColor }: RippleProps) => import("react/jsx-runtime").JSX.Element;
+export default Ripple;

package/dist/lib/components/Segment/index.d.ts

@@ -0,0 +1,9 @@
+import { TabItemProps } from '../Tab';
+export interface SegmentProps {
+    segments: Array<TabItemProps>;
+    selectId: number;
+    onClick: (index: number) => void;
+    level?: "large" | "medium" | "small";
+}
+export declare const Segment: ({ segments, selectId, level, onClick, }: SegmentProps) => import("react/jsx-runtime").JSX.Element;
+export default Segment;

package/dist/lib/components/Svg/Symbol/Calendar.d.ts

@@ -0,0 +1,2 @@
+declare const Calendar: () => import("react/jsx-runtime").JSX.Element;
+export default Calendar;

package/dist/lib/components/Svg/arrow/ArrowLeft.d.ts

@@ -0,0 +1,7 @@
+declare const ArrowLeft: ({ size, disabled, color, disabledColor, }: {
+    size?: number;
+    disabled?: boolean;
+    color?: string;
+    disabledColor?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowLeft;

package/dist/lib/components/Svg/arrow/ArrowRight.d.ts

@@ -0,0 +1,7 @@
+declare const ArrowRight: ({ size, disabled, color, disabledColor, }: {
+    size?: number;
+    disabled?: boolean;
+    color?: string;
+    disabledColor?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowRight;

package/dist/lib/components/Tab/index.d.ts

@@ -0,0 +1,13 @@
+export interface TabItemProps {
+    label: string;
+    isNew?: boolean;
+    isDisabled?: boolean;
+}
+export interface TabProps {
+    tabs: Array<TabItemProps>;
+    selectId: string | number;
+    level?: "large" | "medium" | "small";
+    onClick: (index: number) => void;
+}
+export declare const Tab: ({ tabs, selectId, level, onClick }: TabProps) => import("react/jsx-runtime").JSX.Element;
+export default Tab;

package/dist/lib/components/Toast/index.d.ts

@@ -0,0 +1,6 @@
+interface ToastProps {
+    message: string;
+    onClose: () => void;
+}
+declare const Toast: ({ message, onClose }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export default Toast;

package/dist/lib/data/dateFormat.d.ts

@@ -0,0 +1,17 @@
+export declare const hyphenFormat: {
+    second: string;
+    minute: string;
+    hour: string;
+    day: string;
+    month: string;
+    year: string;
+};
+export declare const dotFormat: {
+    second: string;
+    minute: string;
+    hour: string;
+    day: string;
+    month: string;
+    year: string;
+};
+export declare const WEEKS: string[];

package/dist/lib/hooks/useIndicator.d.ts

@@ -0,0 +1,12 @@
+interface UseIndicatorProps {
+    selectId: number;
+    segments: Array<{
+        isDisabled?: boolean;
+    }>;
+    containerWidth?: number;
+}
+export declare const useIndicator: ({ selectId, segments, containerWidth, }: UseIndicatorProps) => {
+    indicatorStyle: {};
+    ref: import('react').MutableRefObject<HTMLButtonElement[]>;
+};
+export {};

package/dist/lib/hooks/useToast.d.ts

@@ -0,0 +1,11 @@
+interface UseToastReturn {
+    isVisible: boolean;
+    message: string;
+    showToast: (message: string) => void;
+    closeToast: () => void;
+}
+/**
+ * Toast 메시지 표시를 위한 커스텀 훅
+ */
+declare const useToast: (duration?: number) => UseToastReturn;
+export default useToast;

package/dist/lib/index.d.ts

@@ -3,6 +3,10 @@ export * from './components/ButtonFilter';
 export * from './components/ButtonFilter/CustomFilter';
 export * from './components/CheckBox';
 export * from './components/Chip';
+export * from './components/DateSelector/DatePicker';
+export * from './components/DateSelector/DatePicker/Calendar';
+export * from './components/DateSelector/DateRangePicker';
+export * from './components/DateSelector/DateRangePicker/Calendar';
 export * from './components/Divider';
 export * from './components/IconButton';
 export * from './components/IconWithButton';
@@ -11,5 +15,7 @@ export * from './components/Inputs/SearchInput';
 export * from './components/Pagination';
 export * from './components/Radio/RadioButton';
 export * from './components/Radio/RadioButtons';
+export * from './components/Segment';
+export * from './components/Tab';
 export * from './components/Textarea';
 export * from './theme/color.style';

package/dist/lib/utils/calendar.d.ts

@@ -0,0 +1,27 @@
+import { default as moment } from 'moment';
+export declare const dateParentsFormats: {
+    day: string;
+    week: string;
+    month: string;
+    quarter: string;
+    year: string;
+};
+/**선택 월의 주단위 날짜들을 가져오는 유틸 */
+export declare const generateDatesByWeek: (currentDate: moment.Moment) => moment.Moment[][];
+/**선택 년의 분기단위 날짜들을 가져오는 유틸 */
+export declare const generateMonthsByQuarter: (currentDate: moment.Moment) => moment.Moment[][];
+/**선택 년의 분기들을 3개씩 나눠서 가져오는 유틸 */
+export declare const generateQuarters: (currentDate: moment.Moment) => moment.Moment[][];
+/**날짜를 10년단위로 내림하는 유틸*/
+export declare const downYear: (currentDate: moment.Moment) => moment.Moment;
+/**선택 10년의 연단위 날짜들을 가져오는 유틸 */
+export declare const generateYearsByDecade: (currentDate: moment.Moment) => moment.Moment[][];
+/**캘린더 컴포넌트 ( datePicker, dateRangePicker ) nav text 유틸 */
+export declare const getNavText: ({ dateType, screenDate, }: {
+    dateType: "day" | "week" | "month" | "quarter" | "year";
+    screenDate: moment.Moment;
+}) => string;
+export declare const checkMaxRange: (dateType: "day" | "month" | "year", selectedDates: [moment.Moment, moment.Moment], maxRange: number) => {
+    isRangeExceeded: boolean;
+    errorMessage: any;
+};

package/dist/lib/utils/formatter.d.ts

@@ -0,0 +1,2 @@
+/**array를  size개씩 잘라서 2중배열로 리턴하는 유틸*/
+export declare const divideArray: <T>(array: T[], size: number) => T[][];

package/dist/lib/utils/ripple.d.ts

@@ -0,0 +1,6 @@
+import { RippleObject } from '../components/Ripple';
+export declare const makeRipples: ({ e, buttonElement, setRipples, }: {
+    e: React.MouseEvent<HTMLButtonElement>;
+    buttonElement: HTMLButtonElement;
+    setRipples: (value: React.SetStateAction<RippleObject[]>) => void;
+}) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "enerdot-front-system",
   "private": false,
-  "version": "0.0.25",
+  "version": "0.0.26",
   "type": "module",
   "keywords": [
     "enerdot-front-system",
@@ -27,8 +27,8 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "prepare": "rm -rf dist && tsc && vite build",
-    "add:package": "yarn add ./enerdot-front-system-v0.0.25.tgz",
-    "reset:package": "yarn remove enerdot-front-system && yarn cache clean && rm -rf ./enerdot-front-system-v0.0.25.tgz"
+    "add:package": "yarn add ./enerdot-front-system-v0.0.26.tgz",
+    "reset:package": "yarn remove enerdot-front-system && yarn cache clean && rm -rf ./enerdot-front-system-v0.0.26.tgz"
   },
   "exports": {
     ".": {
@@ -38,6 +38,7 @@
     }
   },
   "peerDependencies": {
+    "moment": "^2.30.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^7.1.1"
@@ -54,6 +55,7 @@
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-unused-imports": "^4.1.4",
     "globals": "^15.14.0",
+    "moment": "^2.30.1",
     "path": "^0.12.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",