@ncds/ui-admin 1.8.1 → 1.8.3

package/dist/temp/src/components/button-group/ButtonGroup.d.ts

@@ -1,312 +0,0 @@
-import React, { type ComponentProps } from 'react';
-import type { Size } from '../../../constant/size';
-import type { SideSlotType } from '../../types/side-slot';
-type ButtonGroupSize = Extract<Size, 'xxs' | 'xs' | 'sm' | 'md'>;
-interface SideCommon {
-    position?: 'leading' | 'trailing';
-}
-type SideSlot = SideCommon & SideSlotType;
-interface ButtonGroupItemCommonProps {
-    label?: string;
-    size?: ButtonGroupSize;
-    icon?: SideSlot;
-    children?: React.ReactNode;
-    onlyIcon?: boolean;
-    disabled?: boolean;
-    isCurrent?: boolean;
-}
-interface ButtonGroupItemProps extends ButtonGroupItemCommonProps, ComponentProps<'button'> {
-}
-interface ButtonGroupProps {
-    className?: string;
-    size?: ButtonGroupSize;
-    children: React.ReactNode;
-    hasBorder?: boolean;
-    fullWidth?: boolean;
-    onlyIcon?: boolean;
-    disabled?: boolean;
-}
-declare const ButtonGroup: {
-    ({ children, className, hasBorder, fullWidth, size, onlyIcon, disabled, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
-    Item({ label, size, onlyIcon, icon, disabled, children, isCurrent, className, ...props }: ButtonGroupItemProps): React.DetailedReactHTMLElement<{
-        ref?: React.LegacyRef<HTMLButtonElement> | undefined;
-        key?: React.Key | null | undefined;
-        form?: string | undefined;
-        formAction?: string | undefined;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        name?: string | undefined;
-        type: string;
-        value?: string | number | readonly string[] | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
-        autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        slot?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: React.CSSProperties | undefined;
-        tabIndex?: number | undefined;
-        title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
-        radioGroup?: string | undefined;
-        role?: React.AriaRole | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        color?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
-        exportparts?: string | undefined;
-        part?: string | undefined;
-        "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-        "aria-colcount"?: number | undefined;
-        "aria-colindex"?: number | undefined;
-        "aria-colindextext"?: string | undefined;
-        "aria-colspan"?: number | undefined;
-        "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-        "aria-valuemax"?: number | undefined;
-        "aria-valuemin"?: number | undefined;
-        "aria-valuenow"?: number | undefined;
-        "aria-valuetext"?: string | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined;
-        onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onAbort?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEmptied?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEnded?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPause?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlaying?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onProgress?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onStalled?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSuspend?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onWaiting?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onDrag?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEnd?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEnter?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragExit?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragLeave?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragOver?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragStart?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDrop?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDropCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
-        onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
-        onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
-        onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
-        onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        className: string;
-        disabled: boolean | undefined;
-    }, HTMLButtonElement>;
-};
-export { ButtonGroup };
-export type { ButtonGroupSize, ButtonGroupItemProps, ButtonGroupProps };

package/dist/temp/src/components/button-group/ButtonGroup.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import React, { createElement } from 'react';
-import { COLOR } from '../../../constant/color';
-import { Dot } from '../dot';
-const svgSize = {
-    xxs: 12,
-    xs: 16,
-    sm: 16,
-    md: 20,
-};
-const dotSize = {
-    xxs: 'sm',
-    xs: 'sm',
-    sm: 'md',
-    md: 'md',
-};
-const ButtonGroup = ({ children, className, hasBorder = true, fullWidth = false, size = 'xs', onlyIcon = false, disabled = false, }) => {
-    return (_jsx("div", { className: classNames('ncua-button-group', `ncua-button-group--${size}`, { 'has-border': hasBorder, 'full-width': fullWidth }, className), children: React.Children.map(children, (child) => {
-            if (!React.isValidElement(child)) {
-                return null;
-            }
-            return React.cloneElement(child, {
-                onlyIcon,
-                size,
-                disabled: disabled || child.props.disabled,
-            });
-        }) }));
-};
-ButtonGroup.Item = ({ label, size = 'xs', onlyIcon, icon, disabled, children, isCurrent, className, ...props }) => {
-    const renderIcon = () => {
-        if (!icon)
-            return null;
-        if (icon.type === 'icon') {
-            const IconComponent = icon.icon;
-            return (_jsx(IconComponent, { width: icon.size ?? svgSize[size], height: icon.size ?? svgSize[size], color: icon.color ? COLOR[icon.color] : 'currentColor' }));
-        }
-        if (icon.type === 'dot') {
-            return _jsx(Dot, { color: icon.color, size: icon.size ?? dotSize[size] });
-        }
-        return icon.children;
-    };
-    const position = icon?.position ?? 'leading';
-    return createElement('button', {
-        className: classNames('ncua-button-group__item', { 'is-only-icon': onlyIcon }, { 'is-current': isCurrent }, className),
-        disabled,
-        type: 'button',
-        ...props,
-    }, _jsxs(_Fragment, { children: [position === 'leading' && renderIcon(), !onlyIcon && label, children, position === 'trailing' && renderIcon()] }));
-};
-export { ButtonGroup };

package/dist/temp/src/components/checkbox/CheckboxInput.d.ts

@@ -1,9 +0,0 @@
-import { type ChangeEvent, type ComponentPropsWithRef } from 'react';
-import type { Size } from '../../../constant/size';
-export interface CheckboxInputProps extends Omit<ComponentPropsWithRef<'input'>, 'size' | 'ref'> {
-    size?: Extract<Size, 'xs' | 'sm'>;
-    indeterminate?: boolean;
-    destructive?: boolean;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-}
-export declare const CheckboxInput: import("react").ForwardRefExoticComponent<CheckboxInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/temp/src/components/combo-box/ComboBox.d.ts

@@ -1,28 +0,0 @@
-import { type ComponentPropsWithRef, type ReactNode } from 'react';
-import type { UseFormRegisterReturn } from 'react-hook-form';
-import type { Size } from '../../../constant/size';
-import type { OptionChangeHandler, OptionType, OptionValue } from '../../types/dropdown';
-declare const defaultMaxHeight = 275;
-interface ComboBoxProps extends Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'> {
-    children?: ReactNode;
-    placeholder?: string;
-    hintText?: string;
-    destructive?: boolean;
-    size?: Extract<Size, 'xs' | 'sm'>;
-    optionItems?: OptionType[];
-    value?: OptionValue;
-    onChange?: OptionChangeHandler;
-    onSearch?: (searchValue: string) => void;
-    disabled?: boolean;
-    register?: UseFormRegisterReturn;
-    maxHeight?: number;
-    searchValue?: string;
-    label?: string;
-    required?: boolean;
-    multiple?: boolean;
-    showFooterButtons?: boolean;
-    onEdit?: () => void;
-}
-declare const ComboBox: import("react").ForwardRefExoticComponent<Omit<ComboBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export { defaultMaxHeight, ComboBox };
-export type { ComboBoxProps };

package/dist/temp/src/components/combo-box/ComboBox.js

@@ -1,166 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ChevronSelectorVertical, SearchLg } from '@ncds/ui-admin-icon';
-import classNames from 'classnames';
-import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
-import { useDropdown } from '../../hooks/dropdown';
-import { useMultiSelect } from '../../utils/dropdown/multiSelect';
-import { Button } from '../button';
-import { InputBase } from '../input-base/InputBase';
-import { SelectDropdown } from '../select-dropdown';
-import { HintText } from '../shared/hintText/HintText';
-import { Tag } from '../tag';
-const defaultMaxHeight = 275;
-const toggleMultiSelectValue = (currentValue, optionId) => {
-    const currentValues = Array.isArray(currentValue) ? currentValue : [];
-    if (currentValues.includes(optionId)) {
-        return currentValues.filter((v) => v !== optionId);
-    }
-    return [...currentValues, optionId];
-};
-const notifyFormChange = (register, multiple, newValue) => {
-    if (register?.onChange) {
-        register.onChange({
-            target: {
-                value: multiple ? JSON.stringify(newValue) : newValue,
-                name: register.name,
-            },
-        });
-    }
-};
-const ComboBox = forwardRef(({ placeholder = '검색하세요', id, className, hintText, children, size = 'xs', destructive = false, value, optionItems = [], onChange, onSearch, disabled = false, register, maxHeight = defaultMaxHeight, searchValue = '', label, required = false, multiple = false, showFooterButtons = false, onEdit, ...props }, ref) => {
-    const internalRef = useRef(null);
-    const dropdownRef = useRef(null);
-    const inputRef = useRef(null);
-    const [inputValue, setInputValue] = useState(searchValue);
-    const [showAllItems, setShowAllItems] = useState(false);
-    const [selectedTags, setSelectedTags] = useState([]);
-    const handleOptionSelect = (option) => {
-        if (disabled)
-            return;
-        if (multiple) {
-            const newValue = toggleMultiSelectValue(value ?? [], option.id);
-            onChange?.(newValue);
-            notifyFormChange(register, multiple, newValue);
-            return;
-        }
-        const newValue = option.id;
-        const tag = { id: option.id, label: option.label };
-        setSelectedTags([tag]);
-        onChange?.(newValue);
-        notifyFormChange(register, multiple, newValue);
-    };
-    const handleInputChange = (e) => {
-        const newValue = e.target.value;
-        setInputValue(newValue);
-        onSearch?.(newValue);
-        setShowAllItems(false);
-        if (!isOpen && !disabled) {
-            toggleDropdown();
-        }
-    };
-    const handleInputClick = () => {
-        if (!disabled) {
-            inputRef.current?.focus();
-        }
-        if (inputValue) {
-            toggleDropdown();
-        }
-    };
-    // useDropdown 훅 사용
-    const { isOpen, direction: dropdownDirection, focusedIndex, toggleDropdown, closeDropdown: dropdownClose, handleKeyDown: dropdownHandleKeyDown, handleOptionSelect: handleDropdownSelect, handleMouseMove, isKeyboardNavigation, } = useDropdown({
-        triggerRef: internalRef,
-        dropdownRef,
-        maxHeight,
-        itemCount: optionItems.length,
-        optionItems: optionItems,
-        disabled,
-        multiple,
-        onSelect: handleOptionSelect,
-    });
-    const showAllItem = () => {
-        if (disabled)
-            return;
-        inputRef.current?.focus();
-        setInputValue('');
-        onSearch?.('');
-        setShowAllItems(true);
-        if (!isOpen) {
-            toggleDropdown();
-        }
-    };
-    const closeDropdown = () => {
-        setShowAllItems(false);
-        dropdownClose();
-    };
-    // 키보드 이벤트 처리는 useDropdown 훅에서 처리됨
-    const handleKeyDown = (e) => {
-        // input 전용 키보드 이벤트 처리
-        if (e.key === 'Escape' && isOpen) {
-            closeDropdown();
-            e.preventDefault();
-            return;
-        }
-        // 나머지는 useDropdown 훅에서 처리
-        dropdownHandleKeyDown(e);
-    };
-    useImperativeHandle(ref, () => internalRef.current, []);
-    const trailingElement = {
-        type: 'custom',
-        placement: 'inside',
-        children: (_jsx("div", { className: "ncua-input__icon-wrap ncua-input__right-icon", onClick: showAllItem, children: _jsx(Button, { label: "\uC804\uCCB4", hierarchy: "text", size: "xxs", leadingIcon: { type: 'icon', icon: ChevronSelectorVertical } }) })),
-    };
-    const leadingElement = {
-        type: 'icon',
-        icon: SearchLg,
-        size: 14,
-        color: 'gray300',
-    };
-    const currentSelectedValues = multiple && Array.isArray(value) ? value : [];
-    const { buttonText: selectAllButtonText, toggleSelectAll, getSelectedTagsData, removeTag, } = useMultiSelect(currentSelectedValues, optionItems);
-    const handleSelectAll = () => {
-        if (!multiple || !onChange)
-            return;
-        const newSelectedValues = toggleSelectAll();
-        onChange(newSelectedValues);
-    };
-    const handleEdit = () => {
-        onEdit?.();
-    };
-    const handleComplete = () => {
-        if (!multiple)
-            return;
-        const tags = getSelectedTagsData();
-        setSelectedTags(tags);
-        setInputValue('');
-        closeDropdown();
-    };
-    const handleRemoveTag = (tagId) => {
-        if (!onChange)
-            return;
-        if (multiple) {
-            const newSelectedValues = removeTag(tagId);
-            onChange(newSelectedValues);
-            setSelectedTags((prev) => prev.filter((tag) => tag.id !== tagId));
-            return;
-        }
-        onChange('');
-        setSelectedTags([]);
-    };
-    const comboboxId = `combobox-options-${id || 'default'}`;
-    const hasVisibleOptions = showAllItems || inputValue;
-    const displayedOptions = hasVisibleOptions ? optionItems : [];
-    const showNoResults = !hasVisibleOptions || optionItems.length === 0;
-    const showFooter = multiple || showFooterButtons;
-    const hiddenInputValue = multiple ? JSON.stringify(value || []) : String(value || '');
-    const hasTags = selectedTags.length > 0;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: internalRef, className: classNames('ncua-combobox', `ncua-combobox--${size}`, {
-                    'ncua-combobox--open': isOpen,
-                    'ncua-combobox--disabled': disabled,
-                    destructive: destructive,
-                }, className), ...props, children: [_jsxs("div", { className: "ncua-combobox__content", children: [_jsx(InputBase, { ref: inputRef, size: size, label: label, required: required, placeholder: placeholder, value: inputValue, onChange: handleInputChange, onKeyDown: handleKeyDown, onClick: handleInputClick, disabled: disabled, destructive: destructive, leadingElement: leadingElement, trailingElement: trailingElement, role: "combobox", "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-controls": comboboxId, "aria-disabled": disabled, autoComplete: "off", clearText: !!inputValue, onClearText: () => {
-                                    setInputValue('');
-                                    onSearch?.('');
-                                } }), _jsxs(SelectDropdown, { ref: dropdownRef, isOpen: isOpen, direction: dropdownDirection, size: size, options: displayedOptions, value: value, focusedIndex: focusedIndex, maxHeight: maxHeight, listboxId: comboboxId, onOptionSelect: handleDropdownSelect, onMouseMove: handleMouseMove, isKeyboardNavigation: isKeyboardNavigation, multiple: multiple, showFooterButtons: showFooter, selectAllButtonText: selectAllButtonText, onSelectAll: handleSelectAll, onEdit: handleEdit, onComplete: handleComplete, componentType: "combobox", children: [showNoResults ? _jsx("li", { className: "ncua-select-dropdown__no-results", children: "\uC77C\uCE58\uD558\uB294 \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) : null, children] })] }), register && _jsx("input", { type: "hidden", ...register, value: hiddenInputValue }), hintText && _jsx(HintText, { destructive: destructive, children: hintText })] }), hasTags && (_jsx("div", { className: "ncua-combobox__tags", children: selectedTags.map((tag) => (_jsx(Tag, { text: tag.label, size: "sm", close: true, onButtonClick: () => handleRemoveTag(tag.id) }, tag.id))) }))] }));
-});
-ComboBox.displayName = 'ComboBox';
-export { defaultMaxHeight, ComboBox };

package/dist/temp/src/components/date-picker/CustomInput.d.ts

@@ -1,10 +0,0 @@
-import { type InputHTMLAttributes } from 'react';
-import type { Size } from '../../../constant/size';
-interface CustomInputProps extends InputHTMLAttributes<HTMLInputElement> {
-    disabled: boolean;
-    iconName: 'calendar' | 'clock';
-    iconSize: Extract<Size, 'xs' | 'sm'>;
-    placeholder?: string;
-}
-declare const CustomInput: import("react").ForwardRefExoticComponent<CustomInputProps & import("react").RefAttributes<HTMLInputElement>>;
-export { CustomInput };

package/dist/temp/src/components/date-picker/DatePicker.d.ts

@@ -1,28 +0,0 @@
-import type { DateOption, Options } from 'flatpickr/dist/types/options';
-import { type DateTimePickerHandle, type DateTimePickerProps } from 'react-flatpickr';
-import type { Size } from '../../../constant/size';
-export type DatePickerProps = {
-    size?: Extract<Size, 'xs' | 'sm'>;
-    shouldFocus?: boolean;
-    currentDate: string;
-    datePickerOptions?: Options;
-    destructive?: string;
-    placeholder?: string;
-    isEndDate?: boolean;
-    className?: string;
-    /**
-     * 캘린더를 body에 포탈 마운트합니다.
-     * overflow: auto/scroll/hidden이 적용된 스크롤 컨테이너 안에서
-     * 캘린더가 잘리는 문제를 해결합니다.
-     */
-    portal?: boolean;
-    onChangeDate: (date: string) => void;
-    onValidationError?: (error: {
-        date: Date;
-        minDate?: DateOption;
-        maxDate?: DateOption;
-        violations: Array<'minDate' | 'maxDate'>;
-        previousDate?: Date;
-    }) => void;
-} & Omit<DateTimePickerProps, 'size' | 'options' | 'value'>;
-export declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & import("react").RefAttributes<DateTimePickerHandle>>;