@ncds/ui-admin 1.6.2 → 1.6.4-alpha.0

package/dist/types/assets/scripts/comboBox.d.ts

@@ -1,91 +0,0 @@
-import { Size } from '@ncds/ui-admin/constant/size';
-import { OptionValue } from '../../src/types';
-import { DropdownOption } from './utils/selectbox/DropdownModel';
-import { UnifiedSelectBoxConfig } from './utils/selectbox/UnifiedSelectBox';
-export interface ComboBoxOptionType {
-    id: string | number;
-    label: string;
-    disabled?: boolean;
-}
-export interface ComboBoxConfig {
-    options?: ComboBoxOptionType[];
-    placeholder?: string;
-    value?: OptionValue;
-    onChange?: (value: OptionValue) => void;
-    onSearch?: (searchValue: string) => void;
-    onEdit?: () => void;
-    onSelectAll?: () => void;
-    onSearchAll?: () => void;
-    onComplete?: () => void;
-    onTagRemove?: (tagId: string | number) => void;
-    onScrollBottom?: () => void;
-    searchDebounceMs?: number;
-    maxHeight?: number;
-    disabled?: boolean;
-    size?: Extract<Size, 'xs' | 'sm'>;
-    multiple?: boolean;
-    showFooterButtons?: boolean;
-    label?: string;
-    required?: boolean;
-}
-export declare class ComboBox {
-    private element;
-    private unifiedSelectBox;
-    private targetSelect;
-    private isInitializing;
-    private lastValue;
-    constructor(element: HTMLElement, config?: ComboBoxConfig);
-    /**
-     * 타겟 select 요소 찾기
-     */
-    private findTargetSelect;
-    /**
-     * HTML select에서 옵션 파싱
-     */
-    private parseOptionsFromHTML;
-    /**
-     * HTML에서 속성 파싱
-     */
-    private parseAttributesFromHTML;
-    /**
-     * 타겟 select와 동기화 (Single 모드)
-     */
-    private syncWithTargetSelect;
-    /**
-     * 타겟 select와 동기화 (Multiple 모드)
-     */
-    private syncWithTargetSelectMultiple;
-    getValues(): DropdownOption[];
-    getOptions(): DropdownOption[];
-    setValues(value: DropdownOption[]): void;
-    updateOptions(newOptions: DropdownOption[]): void;
-    setDisabled(disabled: boolean): void;
-    open(): void;
-    close(): void;
-    focus(): void;
-    destroy(): void;
-    clearInput(): void;
-    getDebugInfo(): {
-        config: UnifiedSelectBoxConfig;
-        modelState: any;
-        isOpen: boolean;
-    };
-    selectAll(): void;
-    deselectAll(): void;
-    getSelectedCount(): number;
-    isMultiple(): boolean;
-    toggleSelectAll(): void;
-    /**
-     * 드롭다운을 스크롤의 바닥으로 이동
-     */
-    scrollToBottom(): void;
-    /**
-     * 전체 선택 버튼의 텍스트를 외부에서 변경
-     */
-    setSelectAllButtonText(text: string): void;
-    /**
-     * 특정 인덱스의 옵션으로 포커스 이동
-     */
-    setFocusIndex(index: number): void;
-}
-//# sourceMappingURL=comboBox.d.ts.map

package/dist/types/assets/scripts/datePicker.d.ts

@@ -1,87 +0,0 @@
-import { Options as FlatpickrOptions } from 'flatpickr/dist/types/options';
-export type DatePickerSize = 'xs' | 'sm';
-export interface ValidationError {
-    index: number;
-    date: string | Date;
-    minDate?: string | Date;
-    maxDate?: string | Date;
-    violations: Array<'minDate' | 'maxDate'>;
-    previousDate?: string | Date;
-}
-interface Options {
-    buttons?: DatePickerButton[];
-    size: DatePickerSize;
-    autoComplete?: 'on' | 'off';
-    datePickerOptions: DatePickerOptionWrapper[];
-    onValidationError?: (error: ValidationError) => void;
-}
-interface DatePickerOptionWrapper {
-    element: string;
-    attrName?: string;
-    placeholder?: string;
-    options: FlatpickrOptions;
-}
-interface DatePickerButton {
-    text: string;
-    period: number;
-    unit: 'days' | 'weeks' | 'months' | 'years';
-    isCurrent: boolean;
-}
-export declare class DatePicker {
-    private static instanceCounter;
-    private static usedWrappers;
-    private readonly contentWrapper;
-    private readonly datePickerOptions;
-    private readonly size;
-    private readonly instanceId;
-    private separator;
-    private autoComplete;
-    private buttons;
-    private flatpickrInstances;
-    private currentButton;
-    private dateFormat;
-    private onValidationError?;
-    constructor(wrapper: HTMLElement, options: Options);
-    private validateWrapper;
-    private init;
-    private validationDependencies;
-    private initializeWrapper;
-    private initButtonGroup;
-    private createButtonElement;
-    private reRenderButtonGroup;
-    private initDatePicker;
-    private initializeFlatpickr;
-    private createBlurHandler;
-    private setupFlatpickrLocale;
-    private createInputHandler;
-    private findFlatpickrInstanceByInput;
-    private clearInputValue;
-    private restorePreviousDate;
-    private createHourInputHandler;
-    private createMinuteInputHandler;
-    private createMouseDownHandler;
-    private createOnChangeHandler;
-    private invokeOriginalOnChange;
-    private isValidDate;
-    private validateAndRestoreIfNeeded;
-    private findFlatpickrInstanceIndexByInput;
-    private restoreDateToInstance;
-    private createOnReadyHandler;
-    private createOnDestroyHandler;
-    private convertDateOption;
-    private validateDate;
-    private checkDateViolations;
-    setDate(dates: string[]): void;
-    private formatDateForOption;
-    private parseDateWithMultipleFormats;
-    private formatMomentDate;
-    private calculatePeriod;
-    private updateDateWithButton;
-    private setMultipleDates;
-    private updateButtonsByPeriod;
-    private calculateDatesFromButton;
-    private convertFlatpickrFormatToMoment;
-    getDates(): string[];
-}
-export {};
-//# sourceMappingURL=datePicker.d.ts.map

package/dist/types/assets/scripts/featuredIcon.d.ts

@@ -1,23 +0,0 @@
-export type FeaturedIconTheme = 'light-circle' | 'dark-circle' | 'outline-circle' | 'square-outline';
-export type FeaturedIconColor = 'neutral' | 'error' | 'warning' | 'success';
-export type FeaturedIconSize = 'sm' | 'md' | 'lg' | 'xl';
-export interface FeaturedIconOptions {
-    svgString: string;
-    theme?: FeaturedIconTheme;
-    color?: FeaturedIconColor;
-    size?: FeaturedIconSize;
-    className?: string;
-}
-export declare class FeaturedIcon {
-    private element;
-    private options;
-    constructor(options: FeaturedIconOptions);
-    private createElement;
-    private addSizeToSvg;
-    getElement(): HTMLElement;
-    updateColor(color: FeaturedIconColor): void;
-    updateSize(size: FeaturedIconSize): void;
-    destroy(): void;
-    static create(options: FeaturedIconOptions): FeaturedIcon;
-}
-//# sourceMappingURL=featuredIcon.d.ts.map

package/dist/types/assets/scripts/fileInput/FileInput.d.ts

@@ -1,67 +0,0 @@
-import { BaseFileInputOptions, UploadedFile } from './const/types';
-export declare class FileInput {
-    private model;
-    private view;
-    constructor(options: BaseFileInputOptions);
-    /**
-     * 컨테이너에 요소 추가
-     */
-    private appendToContainer;
-    /**
-     * 이벤트 리스너 설정
-     */
-    private setupEventListeners;
-    /**
-     * 파일 선택 버튼 클릭 핸들러
-     */
-    private handleBrowseClick;
-    /**
-     * 파일 변경 핸들러
-     */
-    private handleFileChange;
-    /**
-     * 파일 제거 핸들러
-     * 주의: 이 메서드는 renderFileTags에서 사용되지만,
-     * 파일 선택 시 자동 렌더링이 비활성화되어 있으므로 수동으로 호출해야 함
-     */
-    private handleRemoveFile;
-    /**
-     * 변경 알림 (onChange/onFileSelect 호출)
-     * 주의: 이 메서드는 setFiles 등 내부적으로 파일 목록이 변경될 때만 사용됨
-     */
-    private notifyChange;
-    /**
-     * 뷰 렌더링 (내부용)
-     */
-    private render;
-    /**
-     * 파일 태그를 수동으로 렌더링
-     * 사용자가 콜백에서 직접 호출하여 태그를 렌더링할 수 있음
-     */
-    renderFileTags(): void;
-    /**
-     * DOM 요소 반환
-     */
-    getElement(): HTMLDivElement;
-    /**
-     * 현재 파일 목록 반환
-     */
-    getFiles(): File[];
-    /**
-     * 초기 업로드된 파일 목록 설정
-     */
-    setFiles(uploadedFiles: UploadedFile[]): void;
-    /**
-     * 모든 파일 제거
-     */
-    clearFiles(): void;
-    /**
-     * disabled 상태 설정
-     */
-    setDisabled(disabled: boolean): void;
-    /**
-     * 리소스 정리
-     */
-    destroy(): void;
-}
-//# sourceMappingURL=FileInput.d.ts.map

package/dist/types/assets/scripts/fileInput/FileInputModel.d.ts

@@ -1,70 +0,0 @@
-import { BaseFileInputOptions, InvalidFile, RequiredFileInputProps, UploadedFile } from './const/types';
-export declare class FileInputModel {
-    private options;
-    private internalFiles;
-    private initialFiles;
-    private newlyAddedFiles;
-    private deletedInitialFiles;
-    constructor(options: BaseFileInputOptions);
-    /**
-     * 옵션 반환
-     */
-    getOptions(): RequiredFileInputProps;
-    /**
-     * 현재 파일 목록 반환 (초기 파일 + 새로 추가된 파일, 삭제 표시된 파일 제외)
-     */
-    getFiles(): File[];
-    /**
-     * 파일명에서 MIME 타입 추론
-     */
-    private getMimeTypeFromFileName;
-    /**
-     * 초기 업로드된 파일 목록 설정 (UploadedFile[] 타입만 허용)
-     */
-    setFiles(uploadedFiles: UploadedFile[]): void;
-    /**
-     * 파일 추가
-     */
-    addFiles(files: File[]): void;
-    /**
-     * 특정 인덱스의 파일 제거
-     */
-    removeFile(index: number): void;
-    /**
-     * 모든 파일 제거
-     */
-    clearFiles(): void;
-    /**
-     * 파일 유효성 검사
-     */
-    validateFiles(fileList: File[]): {
-        validFiles: File[];
-        invalidFiles: InvalidFile[];
-    };
-    /**
-     * disabled 상태 설정
-     */
-    setDisabled(disabled: boolean): void;
-    /**
-     * disabled 상태 반환
-     */
-    isDisabled(): boolean;
-    /**
-     * Controlled mode 여부 확인
-     * onChange가 있으면 Controlled mode로 판단
-     */
-    isControlled(): boolean;
-    /**
-     * 파일이 초기 파일인지 확인 (UploadedFile로 설정된 기존 파일)
-     */
-    isInitialFile(file: File): boolean;
-    /**
-     * 파일이 새로 추가된 파일인지 확인
-     */
-    isNewlyAddedFile(file: File): boolean;
-    /**
-     * 파일이 삭제 표시된 초기 파일인지 확인
-     */
-    isDeletedInitialFile(file: File): boolean;
-}
-//# sourceMappingURL=FileInputModel.d.ts.map

package/dist/types/assets/scripts/fileInput/FileInputView.d.ts

@@ -1,77 +0,0 @@
-import { RequiredFileInputProps } from './const/types';
-import { FileInputModel } from './FileInputModel';
-export declare class FileInputView {
-    private element;
-    private fileInputElement;
-    private buttonElement;
-    private fileTagsContainer;
-    private tagInstances;
-    private options;
-    private model;
-    private renderedFiles;
-    constructor(options: RequiredFileInputProps, model: FileInputModel);
-    /**
-     * 메인 DOM 요소 생성
-     */
-    private createElement;
-    /**
-     * Hidden file input 생성
-     */
-    private createFileInput;
-    /**
-     * Input container 생성
-     */
-    private createInputContainer;
-    /**
-     * Label container 생성
-     */
-    private createLabelContainer;
-    /**
-     * Help icon 생성
-     */
-    private createHelpIcon;
-    private createButton;
-    private createShareIcon;
-    /**
-     * Hint text 생성
-     */
-    private createHintText;
-    /**
-     * Hint list 생성
-     */
-    private createHintList;
-    /**
-     * 파일 태그 렌더링 (삭제 표시된 초기 파일 포함)
-     */
-    renderFileTags(files: File[], onRemove: (index: number) => void): void;
-    /**
-     * 삭제 표시된 초기 파일을 포함한 전체 파일 목록 반환
-     */
-    private getAllFilesIncludingDeleted;
-    /**
-     * 두 파일이 같은 파일인지 확인
-     */
-    private isSameFile;
-    /**
-     * 특정 인덱스에 파일 태그 삽입
-     */
-    private insertFileTagAtIndex;
-    /**
-     * 파일 태그 생성 (마지막에 추가)
-     */
-    private createFileTag;
-    /**
-     * 파일 태그 컨테이너 생성
-     */
-    private createFileTagContainer;
-    /**
-     * 파일 인덱스 업데이트
-     */
-    private updateFileIndices;
-    setButtonDisabled(disabled: boolean): void;
-    getElement(): HTMLDivElement;
-    getFileInputElement(): HTMLInputElement;
-    getButtonElement(): HTMLButtonElement;
-    destroy(): void;
-}
-//# sourceMappingURL=FileInputView.d.ts.map

package/dist/types/assets/scripts/fileInput/const/classNames.d.ts

@@ -1,17 +0,0 @@
-export declare const FILE_INPUT_CLASS_NAMES: {
-    fileInput: string;
-    inputContainer: string;
-    label: string;
-    helpIcon: string;
-    hintText: string;
-    hintList: string;
-    hintItem: string;
-    fileTags: string;
-    fileTagContainer: string;
-    fileImage: string;
-};
-export declare const getFileInputSizeClassName: (size: string) => string;
-export declare const getButtonSizeClassName: (size: string) => string;
-export declare const getLabelClassName: (isRequired?: boolean) => "ncua-label" | "ncua-label ncua-label--required";
-export declare const getHintTextClassName: (destructive?: boolean) => "ncua-input__hint-text" | "ncua-input__hint-text ncua-input__hint-text--destructive";
-//# sourceMappingURL=classNames.d.ts.map

package/dist/types/assets/scripts/fileInput/const/index.d.ts

@@ -1,3 +0,0 @@
-export * from './classNames';
-export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/assets/scripts/fileInput/const/types.d.ts

@@ -1,132 +0,0 @@
-export declare enum FileInputErrorType {
-    ALREADY_UPLOADED = "ALREADY_UPLOADED",
-    EXCEED_MAX_FILE_SIZE = "EXCEED_MAX_FILE_SIZE",
-    EXCEED_MAX_FILE_COUNT = "EXCEED_MAX_FILE_COUNT"
-}
-export interface InvalidFile extends Omit<File, 'constructor'> {
-    errorType: FileInputErrorType;
-}
-export type FileInputSize = 'xs' | 'sm' | 'md' | 'lg';
-export type UploadedFile = {
-    fileName: string;
-    fileImageUrl?: string;
-};
-export interface BaseFileInputOptions {
-    /**
-     * Size of the input
-     */
-    size?: FileInputSize;
-    /**
-     * Accepted file types
-     * e.g. '.jpg,.png,.pdf' or 'image/*'
-     */
-    accept?: string;
-    /**
-     * Allow multiple file selection
-     */
-    multiple?: boolean;
-    /**
-     * Maximum number of files
-     */
-    maxFileCount?: number;
-    /**
-     * Maximum file size in bytes
-     */
-    maxFileSize?: number;
-    /**
-     * Initial files (controlled mode)
-     */
-    value?: File[];
-    /**
-     * Callback when files change (controlled mode)
-     */
-    onChange?: (files: File[]) => void;
-    /**
-     * Callback when files are selected (uncontrolled mode)
-     */
-    onFileSelect?: (files: File[]) => void;
-    /**
-     * Callback when file selection fails
-     */
-    onFail?: (files: InvalidFile[]) => void;
-    /**
-     * Label shown on the button
-     */
-    buttonLabel?: string;
-    /**
-     * Whether the input is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Label text
-     */
-    label?: string;
-    /**
-     * Hint text items to display as a list
-     */
-    hintItems?: string[];
-    /**
-     * Whether the input is required
-     */
-    isRequired?: boolean;
-    /**
-     * Whether to show the help icon
-     */
-    showHelpIcon?: boolean;
-    /**
-     * Hint text to display
-     */
-    hintText?: string;
-    /**
-     * Validation state
-     */
-    validation?: boolean;
-    /**
-     * Destructive state
-     */
-    destructive?: boolean;
-    /**
-     * Show image preview for image files
-     */
-    showImagePreview?: boolean;
-    /**
-     * Name attribute for file input (for PHP form submission)
-     */
-    fileInputName?: string;
-    /**
-     * Name attribute for checkbox input (for existing files deletion)
-     */
-    checkboxName?: string;
-    /**
-     * Container element or selector to automatically append the file input
-     * Can be a DOM element, element ID, or CSS selector
-     */
-    container?: HTMLElement | string;
-    /**
-     * Additional CSS class names to add to the main file input element
-     */
-    className?: string;
-}
-export interface RequiredFileInputProps extends Required<Pick<BaseFileInputOptions, 'size' | 'buttonLabel'>> {
-    accept?: string;
-    multiple: boolean;
-    maxFileCount?: number;
-    maxFileSize?: number;
-    value?: File[];
-    onChange?: (files: File[]) => void;
-    onFileSelect?: (files: File[]) => void;
-    onFail?: (files: InvalidFile[]) => void;
-    disabled: boolean;
-    label?: string;
-    hintItems?: string[];
-    isRequired?: boolean;
-    showHelpIcon?: boolean;
-    hintText?: string;
-    validation?: boolean;
-    destructive?: boolean;
-    showImagePreview: boolean;
-    fileInputName?: string;
-    checkboxName?: string;
-    className?: string;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/types/assets/scripts/fileInput/index.d.ts

@@ -1,4 +0,0 @@
-export * from './const/classNames';
-export * from './const/types';
-export { FileInput } from './FileInput';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/assets/scripts/imageFileInput/ImageFileInput.d.ts

@@ -1,64 +0,0 @@
-import { BaseImageFileInputOptions, UploadedFile } from './const/types';
-export declare class ImageFileInput {
-    private model;
-    private view;
-    constructor(options: BaseImageFileInputOptions);
-    /**
-     * 컨테이너에 요소 추가
-     */
-    private appendToContainer;
-    /**
-     * 이벤트 리스너 설정
-     */
-    private setupEventListeners;
-    /**
-     * 파일 선택 버튼 클릭 핸들러
-     */
-    private handleBrowseClick;
-    /**
-     * 파일 변경 핸들러
-     */
-    private handleFileChange;
-    /**
-     * 파일 제거 핸들러
-     */
-    private handleRemoveFile;
-    /**
-     * 변경 알림 (onChange/onFileSelect 호출)
-     */
-    private notifyChange;
-    /**
-     * 뷰 렌더링 (내부용)
-     */
-    private render;
-    /**
-     * 이미지 프리뷰를 수동으로 렌더링
-     * 사용자가 콜백에서 직접 호출하여 프리뷰를 렌더링할 수 있음
-     */
-    renderImagePreviews(): void;
-    /**
-     * DOM 요소 반환
-     */
-    getElement(): HTMLDivElement;
-    /**
-     * 현재 파일 목록 반환
-     */
-    getFiles(): File[];
-    /**
-     * 초기 업로드된 파일 목록 설정
-     */
-    setFiles(uploadedFiles: UploadedFile[]): void;
-    /**
-     * 모든 파일 제거
-     */
-    clearFiles(): void;
-    /**
-     * disabled 상태 설정
-     */
-    setDisabled(disabled: boolean): void;
-    /**
-     * 리소스 정리
-     */
-    destroy(): void;
-}
-//# sourceMappingURL=ImageFileInput.d.ts.map