ados-rcm 1.1.776 → 1.1.778

package/dist/AModule/AComponents/ADatePicker/ADatePicker.d.ts

@@ -1,118 +1,33 @@
 import { TUseValues } from '../../AHooks/useValues';
+import { default as React } from 'react';
 import { IABaseProps } from '../ABase/ABase';
+import { TIconSize } from '../AIcon/AIcon';
 import { Resources } from '../AResource/AResource';
 import { EDir12, TActionRef } from '../ATypes/ATypes';
+import { IAWrapProps } from '../AWrap/AWrap';
 export declare const ADatePickerTypes: readonly ["Primary", "Secondary", "Raw"];
 export type TADatePickerTypes = (typeof ADatePickerTypes)[number];
 export interface IADatePickerActions {
-    /**
-     * close : () => void
-     *
-     * Description : closes calendar when called
-     */
     close: () => void;
-    /**
-     * open : () => void
-     *
-     * Description : opens calendar when called
-     */
     open: () => void;
-    /**
-     * toggle : () => void
-     *
-     * Description : toggles calendar(open <> close) when called
-     */
     toggle: () => void;
 }
-export interface IADatePickerProps extends IABaseProps {
-    /**
-     * LeftAddon? : React.ReactNode
-     *
-     * Description : LeftAddon of ADatePicker
-     */
+export interface IADatePickerProps extends IABaseProps, IAWrapProps {
     LeftAddon?: React.ReactNode;
-    /**
-     * RightAddon? : React.ReactNode
-     *
-     * Description : RightAddon of ADatePicker
-     */
     RightAddon?: React.ReactNode;
-    /**
-     * actionRef? : TActionRef<IADatePickerActions>
-     *
-     * Description : actionRef of ADatePicker
-     */
     actionRef?: TActionRef<IADatePickerActions>;
-    /**
-     * className? : string
-     *
-     * Description : className of ADatePicker
-     */
+    canTabOpen?: boolean;
     className?: string;
-    /**
-     * maxDate? : Date = new Date(new Date().getFullYear() + 1, new Date().getMonth(), new Date().getDate())
-     *
-     * Description : maximum date of ADatePicker. default is a year later from now
-     */
+    iconSize?: TIconSize;
+    inputProps?: React.HTMLAttributes<HTMLInputElement>;
     maxDate?: Date;
-    /**
-     * minDate? : Date = new Date(new Date().getFullYear() - 1, new Date().getMonth(), new Date().getDate())
-     *
-     * Description : minimum date of ADatePicker. default is a year ago from now
-     */
     minDate?: Date;
-    /**
-     * noClearButton? : boolean
-     *
-     * Description : if true, clear button is not shown
-     */
     noClearButton?: boolean;
-    /**
-     * placeholder? : string
-     *
-     * Description : placeholder of ADatePicker
-     */
     placeholder?: string;
-    /**
-     * position? : EDir12 = EDir12.SE
-     *
-     * Description : position of calendar
-     */
     position?: EDir12;
-    /**
-     * resources? : Partial<typeof Resources.ADatePicker>
-     *
-     * Description : language resources of ADatePicker
-     */
     resources?: Partial<typeof Resources.ADatePicker>;
-    /**
-     * type? : TADatePickerTypes = 'Primary'
-     *
-     * Description : type of ADatePicker
-     */
     type?: TADatePickerTypes;
-    /**
-     * useDate? : TUseValues<Date | undefined>
-     *
-     * Description : useDate of ADatePicker
-     */
     useDate?: TUseValues<Date | undefined>;
+    yearSize?: number;
 }
-/**
- * AComponent : ADatePicker
- *
- * Description : ADatePicker is a component for selecting single date.
- *
- * Basic Usage :
- *
- *     const actionRef = useRef<IADatePickerActions>();
- *     const [date, setDate] = useState(new Date());
- *
- *     if (case 1)
- *       <ADatePicker useDate={[date, setDate]} actionRef={actionRef}/>
- *       <AButton onClick={actionRef.current?.open}>Open</AButton>
- *       <AButton onClick={actionRef.current?.close}>Close</AButton>
- *       <AButton onClick={actionRef.current?.toggle}>Toggle</AButton>
- *
- */
 export declare const ADatePicker: (props: IADatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/AModule/AComponents/ADatePicker/ADatePickerUtil.d.ts

@@ -0,0 +1,166 @@
+import { default as React } from 'react';
+import { Resources } from '../AResource/AResource';
+import { EDir12 } from '../ATypes/ATypes';
+export interface ICalendarPage {
+    month: number;
+    year: number;
+}
+/** Min/Max 날짜 정규화 */
+export declare function normalizeMinMaxDates(exMinDate?: Date, exMaxDate?: Date): [Date | undefined, Date | undefined];
+/** 초기 페이지 생성 */
+export declare function makeInitialPage(targetDate?: Date, minDate?: Date, maxDate?: Date): ICalendarPage;
+export declare function getMonthsOptions(year: number, minDate?: Date, maxDate?: Date): number[];
+export declare function getYearsOptions(year: number, minDate?: Date, maxDate?: Date, size?: number): number[];
+export declare function moveMonth(currentMonth: number, currentYear: number, delta: number, options?: {
+    maxDate?: Date;
+    minDate?: Date;
+    validateMonths?: boolean;
+}): {
+    month: number;
+    year: number;
+} | null;
+export declare function parseAndNormalizeDateString(str: string | undefined | null, minDate?: Date, maxDate?: Date): Date | null;
+export declare function adjustMonthForYear(newYear: number, currentMonth: number, minDate?: Date, maxDate?: Date): number;
+export declare const formatDate: (date?: Date) => string;
+export declare function sortDateRange(sDate: Date, eDate: Date): {
+    eDate: Date;
+    sDate: Date;
+};
+export declare function normalizeDateRange(dr: IDateRange): IDateRange;
+export declare function useCalendarLogic(selectedDate: Date | undefined, minDate: Date | undefined, maxDate: Date | undefined): {
+    page: ICalendarPage;
+    setPage: React.Dispatch<React.SetStateAction<ICalendarPage>>;
+    handleYearChange: (newYear: number) => void;
+    handleMonthChange: (newMonth: number) => void;
+    calendarDays: IDayObject[];
+    resetPage: () => void;
+};
+export declare function useLocalDateSync<T extends Date | IDateRange | undefined>(externalDate: T): [T, (date: T) => void];
+export declare function useDateInputSync(localDate: Date | undefined, isOpen?: boolean): readonly [string, React.Dispatch<React.SetStateAction<string>>];
+interface IDateInputHandlersConfig {
+    inputValue: string;
+    maxDate?: Date;
+    minDate?: Date;
+    onError?: (message: string) => void;
+    setExternalDate?: (date: Date | undefined) => void;
+    setInputValue: (value: string) => void;
+    setLocalDate: (date: Date | undefined) => void;
+    setPage: React.Dispatch<React.SetStateAction<ICalendarPage>>;
+}
+export declare function useDateInputHandlers(config: IDateInputHandlersConfig): {
+    hasError: boolean;
+    handleStringChange: (val: string) => void;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleBlur: () => void;
+    handlePaste: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+};
+export declare function useDateRangeInputSync(localDr?: {
+    eDate?: Date;
+    sDate?: Date;
+}, isOpen?: boolean): {
+    readonly startInputValue: string;
+    readonly setStartInputValue: React.Dispatch<React.SetStateAction<string>>;
+    readonly endInputValue: string;
+    readonly setEndInputValue: React.Dispatch<React.SetStateAction<string>>;
+};
+export interface IDateRange {
+    eDate: Date;
+    sDate: Date;
+}
+interface IDateRangeInputHandlersConfig {
+    calculateDateRange: (newDate: Date, isStart: boolean) => {
+        e: Date;
+        s: Date;
+    };
+    endInputValue: string;
+    handleEmptyValue: (isStart: boolean) => void;
+    localDr?: IDateRange;
+    maxDate?: Date;
+    minDate?: Date;
+    setEndInputValue: (value: string) => void;
+    setLocalDr: (dr?: IDateRange) => void;
+    setPage: (page: ICalendarPage) => void;
+    setStartInputValue: (value: string) => void;
+    showDateError: () => void;
+    startInputValue: string;
+    updateDateRange: (newDr?: IDateRange) => void;
+}
+export declare function calculateDateRangeFromLocal(newDate: Date, isStart: boolean, localDr?: IDateRange): {
+    e: Date;
+    s: Date;
+};
+export declare function useDateRangeInputHandlers(config: IDateRangeInputHandlersConfig): {
+    hasStartError: boolean;
+    hasEndError: boolean;
+    handleStartStringChange: (val: string) => void;
+    handleEndStringChange: (val: string) => void;
+    handleStartKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleEndKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    handleStartBlur: () => void;
+    handleEndBlur: () => void;
+    handleStartPaste: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+    handleEndPaste: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+    applyStartDateString: () => void;
+    applyEndDateString: () => void;
+};
+export declare function useDateRangeLogic(dr: IDateRange | undefined, changeDr: (val?: IDateRange) => void, minDate?: Date, maxDate?: Date): {
+    page: ICalendarPage;
+    setPage: React.Dispatch<React.SetStateAction<ICalendarPage>>;
+    calendarDays: IDayObject[];
+    handleDateClick: (date: Date) => void;
+    resetPage: () => void;
+    handleYearChange: (newYear: number) => void;
+    handleMonthChange: (newMonth: number) => void;
+};
+export interface IDayObject {
+    date: Date;
+    day: number;
+    isCurrentMonth: boolean;
+    isDisabled: boolean;
+}
+export declare const isSameDate: (date1?: Date | null, date2?: Date | null) => boolean;
+export declare const isSameRange: (a?: IDateRange, b?: IDateRange) => boolean;
+export declare function generateCalendarDays(year: number, month: number, { minDate, maxDate }?: {
+    maxDate?: Date;
+    minDate?: Date;
+}): IDayObject[];
+interface ICalendarGridProps {
+    S: CSSModuleClasses;
+    dateRange?: {
+        eDate?: Date;
+        sDate?: Date;
+    };
+    days: IDayObject[];
+    onDateClick: (d: Date) => void;
+    selectedDate?: Date;
+}
+export declare const CalendarGrid: React.MemoExoticComponent<({ days, selectedDate, dateRange, onDateClick, S }: ICalendarGridProps) => import("react/jsx-runtime").JSX.Element>;
+interface ICalendarHeaderProps {
+    S: CSSModuleClasses;
+    handleMonthChange: (m: number) => void;
+    handleYearChange: (y: number) => void;
+    maxDate?: Date;
+    minDate?: Date;
+    page: ICalendarPage;
+    resources: typeof Resources.ADatePicker | typeof Resources.ADateRangePicker;
+    setPage: (p: ICalendarPage) => void;
+    yearSize?: number;
+}
+export declare const CalendarHeader: ({ page, setPage, handleYearChange, handleMonthChange, minDate, maxDate, yearSize, resources, S, }: ICalendarHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare function usePortalKeyboardNavigation(isOpen: boolean, close: () => void, portalRef: React.RefObject<HTMLElement | null>, anchorRef: React.RefObject<HTMLElement | null>): void;
+export interface IPortalRefs {
+    anchorRef: React.RefObject<HTMLElement | null>;
+    endRef?: React.RefObject<HTMLElement | null>;
+    portalRef: React.RefObject<HTMLElement | null>;
+    startRef?: React.RefObject<HTMLElement | null>;
+}
+export declare function usePortalManager(refs: IPortalRefs, position: EDir12, isDisabled?: boolean | string, isLoading?: boolean, canTabOpen?: boolean, resetPage?: () => void): {
+    isOpen: boolean;
+    isTransitioning: boolean;
+    setIsTransitioning: React.Dispatch<React.SetStateAction<boolean>>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    calculatePosition: () => void;
+};
+export {};

package/dist/AModule/AComponents/ADatePicker/ADateRangePicker.d.ts

@@ -1,71 +1,10 @@
 import { TUseValues } from '../../AHooks/useValues';
 import { Resources } from '../AResource/AResource';
 import { IADatePickerProps } from './ADatePicker';
-export interface IDateRange {
-    /**
-     * eDate : Date;
-     *
-     * Description : end date of IDateRange
-     */
-    eDate: Date;
-    /**
-     * sDate : Date;
-     *
-     * Description : start date of IDateRange
-     */
-    sDate: Date;
-}
+import { IDateRange } from './ADatePickerUtil';
 export interface IADateRangePickerProps extends Omit<IADatePickerProps, 'useDate'> {
-    /**
-     * noDefaultChoices? : boolean;
-     *
-     * Description : don't use default choices of ADateRangePicker
-     */
     noDefaultChoices?: boolean;
-    /**
-     * resources : Partial<typeof Resources.ADateRangePicker>;
-     *
-     * Description : resources of ADateRangePicker
-     */
     resources?: Partial<typeof Resources.ADateRangePicker>;
-    /**
-     * useDateRange : TUseValues<IDateRange | undefined>;
-     *
-     * Description : useDateRange of ADateRangePicker
-     */
     useDateRange?: TUseValues<IDateRange | undefined>;
-    /**
-     * yearsOptionSize? : number = 5
-     */
-    yearsOptionSize?: number;
 }
-/**
- * AComponent : ADateRangePicker
- *
- * Description : ADateRangePicker is a component for selecting dateRange
- *
- * Basic Usage :
- *
- *     const actionRef = useRef<IADatePickerActions>();
- *     const [dateRange, setDateRange] = useState<IDateRange>({ sDate: new Date(), eDate: new Date() });
- *
- *     if (case 1)
- *       <ADateRangePicker useDateRange={[dateRange, setDateRange]} actionRef={actionRef} />
- *       <AButton onClick={actionRef.current?.open}>Open</AButton>
- *       <AButton onClick={actionRef.current?.close}>Close</AButton>
- *       <AButton onClick={actionRef.current?.toggle}>Toggle</AButton>
- *
- */
 export declare const ADateRangePicker: (props: IADateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * getMonthsOptions : (year: number, minDate?: Date, maxDate?: Date) => number[]
- *
- * Description : get months options. returns months for given year that are between minDate and maxDate
- */
-export declare function getMonthsOptions(year: number, minDate?: Date, maxDate?: Date): number[];
-/**
- * getYearsOptions : (year: number, minDate?: Date, maxDate?: Date, size? : number) => number[]
- *
- * Description : returns max {size} years with the current year in the middle. If minDate and maxDate are provided, the years will be within the range.
- */
-export declare function getYearsOptions(year: number, minDate?: Date, maxDate?: Date, size?: number): number[];

package/dist/AModule/AComponents/AResource/AResource.d.ts

@@ -17,6 +17,8 @@ export declare const Resources: {
         weekDays: (n: number) => string;
         months: (n: number) => string;
         'Select Date': string;
+        'Invalid Date Format': string;
+        Clear: string;
     };
     ADateRangePicker: {
         weekDays: (n: number) => string;
@@ -26,6 +28,8 @@ export declare const Resources: {
         '1\uC8FC\uC77C': string;
         '1\uAC1C\uC6D4': string;
         '3\uAC1C\uC6D4': string;
+        'Invalid Date Format': string;
+        Clear: string;
     };
     AFileBox: {
         'drop file to select': string;

package/dist/AModule/AComponents/ASelect/ASelect.d.ts

@@ -80,6 +80,12 @@ export interface IASelectProps<T> extends IABaseProps {
      * Description : options of ASelect. CAREFUL null is not rendered as an option.
      */
     options: readonly T[] | T[];
+    /**
+     * optionsRef? : React.RefObject<HTMLDivElement | null>
+     *
+     * Description : optionsRef of ASelect
+     */
+    optionsRef?: React.RefObject<HTMLDivElement | null>;
     /**
      * placeholder? : React.ReactNode
      *

package/dist/AModule/AComponents/ATable/ATable.d.ts

@@ -3,10 +3,10 @@ import { TUseValues } from '../../AHooks/useValues';
 import { TCanCallback } from '../../AUtils/cbF';
 import { IItem } from '../../AUtils/objF';
 import { IABaseProps } from '../ABase/ABase';
-import { IDateRange } from '../ADatePicker/ADateRangePicker';
 import { TIcons } from '../AIcon/AIcon';
 import { Resources } from '../AResource/AResource';
 import { TActionRef, TIdx, TPromisable } from '../ATypes/ATypes';
+import { IDateRange } from '../ADatePicker/ADatePickerUtil';
 import { IATableRowProps } from './ATableBody';
 export interface IATableTHProps<T extends IItem> {
     /**

package/dist/AModule/AComponents/AToast/AToast.d.ts

@@ -0,0 +1,18 @@
+export interface AToastLoadProps {
+    maxToasts?: number;
+}
+export interface AToastProps {
+    dismissOnClick?: boolean;
+    node: React.ReactNode;
+    offsetX?: number;
+    offsetY?: number;
+    position?: 'bottom' | 'top' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    remainTime?: number;
+    style?: React.CSSProperties;
+    transitionTime?: number;
+    type?: 'normal' | 'error';
+}
+export declare const AToastLoad: React.FC<AToastLoadProps>;
+export declare const AToast: {
+    Toast: (po: AToastProps) => void;
+};

package/dist/AModule/AUtils/tableF.d.ts

@@ -24,7 +24,7 @@ export declare const tableF: {
         value: undefined;
     } | {
         selectedKey: string | number | keyof T;
-        value: string | number | Date | import('../..').IDateRange;
+        value: string | number | Date | import('../AComponents/ADatePicker/ADatePickerUtil').IDateRange;
     } | undefined;
 };
 export {};