@bbodek/hooks 0.0.19 → 0.0.21

package/dist/index.es.js

@@ -1,505 +1,7 @@
-import { useRef, useEffect, useLayoutEffect, useCallback, useMemo, useReducer, useState } from 'react';
-import { composeEventHandler, ACCEPT_FILES, executeFunction, getUUID } from '@bbodek/utils';
-
-const useFirstRenderEffect = (effect) => {
-    const isFirstRender = useRef(true);
-    useEffect(() => {
-        if (isFirstRender.current) {
-            isFirstRender.current = false;
-            effect();
-        }
-    }, []);
-};
-
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-
-const useScrollLockEffect = ({ isLocked, target, }) => {
-    useEffect(() => {
-        const element = target ? document.getElementById(target) : document.body;
-        if (element) {
-            if (isLocked) {
-                element.style.overflow = 'hidden';
-            }
-            else {
-                element.style.overflow = 'auto';
-            }
-            return () => {
-                element.style.overflow = 'auto';
-            };
-        }
-    }, [isLocked, target]);
-};
-
-const useClickOutSideEffect = ({ ref, onClose, useClickOutsideEvent = true, }) => {
-    useEffect(() => {
-        const onClickOutSide = (e) => {
-            if (!ref.current || ref.current.contains(e.target))
-                return;
-            onClose(e);
-        };
-        if (useClickOutsideEvent) {
-            document.addEventListener('mousedown', onClickOutSide);
-        }
-        else {
-            document.removeEventListener('mousedown', onClickOutSide);
-        }
-        return () => {
-            if (useClickOutsideEvent) {
-                document.removeEventListener('mousedown', onClickOutSide);
-            }
-        };
-    }, [ref.current, useClickOutsideEvent]);
-};
-
-const useClickOutside = ({ onClose, useClickOutsideEvent, }) => {
-    const contentRef = useRef(null);
-    useClickOutSideEffect({
-        ref: contentRef,
-        onClose,
-        useClickOutsideEvent,
-    });
-    return { contentRef };
-};
-
-const useComposeEventHandler = () => {
-    const compose = useCallback((handler) => composeEventHandler(handler), []);
-    return { compose };
-};
-
-const DROPZONE_ACTION_MAPPER = {
-    DRAG: 'drag',
-    HOVER: 'hover',
-    SET_FILES: 'setFiles',
-    SET_REJECT: 'setReject',
-    DELETE_FILE: 'deleteFile',
-    RESET_FILES: 'resetFiles',
-};
-const DROPZONE_REJECT_CODE_MAPPER = {
-    SINGLE_FILE_ONLY: 'SINGLE_FILE_ONLY',
-    TOO_MANY_FILES: 'TOO_MANY_FILES',
-    NEED_ACTIVE_MULTIPLE_OPTION: 'NEED_ACTIVE_MULTIPLE_OPTION',
-    INVALID_FILE_FORMAT: 'INVALID_FILE_FORMAT',
-};
-const DROPZONE_REJECT_MESSAGE = {
-    [DROPZONE_REJECT_CODE_MAPPER['SINGLE_FILE_ONLY']]: '한 개의 파일만 선택할 수 있어요',
-    [DROPZONE_REJECT_CODE_MAPPER['TOO_MANY_FILES']]: '너무 많은 파일이 선택되었어요',
-    [DROPZONE_REJECT_CODE_MAPPER['NEED_ACTIVE_MULTIPLE_OPTION']]: '다중 선택 옵션을 활성화 시켜주세요',
-    [DROPZONE_REJECT_CODE_MAPPER['INVALID_FILE_FORMAT']]: '지원하지 않는 형식의 파일이 있어요',
-};
-
-const revokeFile = ({ url }) => Array.isArray(url)
-    ? url.forEach((_url) => URL.revokeObjectURL(_url))
-    : URL.revokeObjectURL(url);
-
-const useDropzoneFilesCleanupEffect = ({ acceptedFiles, }) => {
-    useFirstRenderEffect(() => {
-        revokeFile({ url: acceptedFiles.map((file) => file['blob']) });
-    });
-};
-
-const parseAcceptAttr = ({ accept = ACCEPT_FILES, }) => accept.join(',');
-
-const useExecuteFunction = () => {
-    const execute = useCallback((params) => executeFunction(params), []);
-    return { execute };
-};
-
-const useDropzoneInput = ({ multiple = true, accept = ACCEPT_FILES, disabled = false, handleUpload, }) => {
-    const inputRef = useRef(null);
-    const { execute } = useExecuteFunction();
-    const { compose } = useComposeEventHandler();
-    const handleChangeCallback = useCallback((e) => {
-        e.preventDefault();
-        if (!e.target || !e.target.files)
-            return;
-        const { files } = e.target;
-        handleUpload({ files });
-    }, [handleUpload]);
-    const inputProps = useMemo(() => ({ onChange, ...rest } = {}) => {
-        const props = {
-            multiple,
-            type: 'file',
-            style: { display: 'none' },
-            tabIndex: -1,
-            ref: inputRef,
-            onChange: execute({
-                disabled,
-                fn: compose({
-                    externalEventHandler: onChange,
-                    internalEventHandler: handleChangeCallback,
-                }),
-            }),
-            accept: parseAcceptAttr({ accept }),
-            disabled,
-        };
-        return { ...props, ...rest };
-    }, [
-        multiple,
-        accept,
-        inputRef,
-        handleChangeCallback,
-        disabled,
-        execute,
-        compose,
-    ]);
-    return { inputProps, inputRef };
-};
-
-const initialState = {
-    isDragActive: false,
-    isHover: false,
-    isActive: false,
-    acceptedFiles: [],
-    rejectedFiles: undefined,
-};
-const dropZoneReducer = (state, action) => {
-    switch (action.type) {
-        case DROPZONE_ACTION_MAPPER['DRAG']:
-            return {
-                ...state,
-                isDragActive: action['isDragActive'] ?? state['isDragActive'],
-                isActive: action['isDragActive'] ?? state['isDragActive'],
-            };
-        case DROPZONE_ACTION_MAPPER['HOVER']:
-            return {
-                ...state,
-                isHover: action['isHover'] ?? state['isHover'],
-                isActive: action['isHover'] ?? state['isHover'],
-            };
-        case DROPZONE_ACTION_MAPPER['SET_FILES']:
-            return {
-                ...state,
-                acceptedFiles: action['acceptedFiles'] ?? state['acceptedFiles'],
-                rejectedFiles: undefined,
-                isDragActive: false,
-                isHover: false,
-                isActive: false,
-            };
-        case DROPZONE_ACTION_MAPPER['SET_REJECT']:
-            return {
-                ...state,
-                rejectedFiles: action['rejectedFiles'] ?? state['rejectedFiles'],
-                isDragActive: false,
-                isHover: false,
-                isActive: false,
-            };
-        case DROPZONE_ACTION_MAPPER['DELETE_FILE']:
-            return {
-                ...state,
-                acceptedFiles: state['acceptedFiles'].filter((file) => file['id'] !== action['id']),
-            };
-        case DROPZONE_ACTION_MAPPER['RESET_FILES']:
-            return {
-                ...state,
-                acceptedFiles: [],
-            };
-        default:
-            return state;
-    }
-};
-const useDropzoneReducer = () => {
-    const [state, dispatch] = useReducer(dropZoneReducer, initialState);
-    return { state, dispatch };
-};
-
-const useDropzoneRoot = ({ inputRef, dispatch, disabled = false, handleUpload, }) => {
-    const rootRef = useRef(null);
-    const { execute } = useExecuteFunction();
-    const { compose } = useComposeEventHandler();
-    const isRelatedDropZone = useMemo(() => (e) => e.relatedTarget instanceof Node &&
-        rootRef.current &&
-        rootRef.current.contains(e.relatedTarget), [rootRef.current]);
-    const handleMouseEnterCallback = useCallback(() => dispatch({ type: DROPZONE_ACTION_MAPPER['HOVER'], isHover: true }), [dispatch]);
-    const handleMouseLeaveCallback = useCallback((e) => {
-        if (isRelatedDropZone(e))
-            return;
-        dispatch({ type: DROPZONE_ACTION_MAPPER['HOVER'], isHover: false });
-    }, [dispatch, isRelatedDropZone]);
-    const handleDragEnterCallback = useCallback((e) => {
-        e.preventDefault();
-        dispatch({ type: DROPZONE_ACTION_MAPPER['DRAG'], isDragActive: true });
-    }, [dispatch]);
-    const handleDragLeaveCallback = useCallback((e) => {
-        e.preventDefault();
-        if (isRelatedDropZone(e))
-            return;
-        dispatch({ type: DROPZONE_ACTION_MAPPER['DRAG'], isDragActive: false });
-    }, [dispatch, isRelatedDropZone]);
-    const handleDragOverCallback = useCallback((e) => e.preventDefault(), []);
-    const handleDropCallback = useCallback((e) => {
-        e.preventDefault();
-        if (!e.dataTransfer || !e.dataTransfer.files)
-            return;
-        const { files } = e.dataTransfer;
-        handleUpload({ files });
-    }, [handleUpload]);
-    const handleClickCallback = useCallback(() => {
-        if (inputRef.current) {
-            inputRef.current.value = '';
-            inputRef.current.click();
-        }
-    }, [inputRef.current]);
-    const rootProps = useMemo(() => ({ onDrop, onClick, onDragEnter, onDragLeave, onDragOver, onMouseEnter, onMouseLeave, role, ...rest } = {}) => {
-        const props = {
-            onDrop: execute({
-                disabled,
-                fn: compose({
-                    externalEventHandler: onDrop,
-                    internalEventHandler: handleDropCallback,
-                }),
-            }),
-            onClick: execute({
-                disabled,
-                fn: compose({
-                    externalEventHandler: onClick,
-                    internalEventHandler: handleClickCallback,
-                }),
-            }),
-            onDragEnter: execute({
-                disabled,
-                fn: compose({
-                    externalEventHandler: onDragEnter,
-                    internalEventHandler: handleDragEnterCallback,
-                }),
-            }),
-            onDragLeave: execute({
-                disabled,
-                fn: compose({
-                    externalEventHandler: onDragLeave,
-                    internalEventHandler: handleDragLeaveCallback,
-                }),
-            }),
-            onDragOver: execute({
-                disabled,
-                fn: compose({
-                    externalEventHandler: onDragOver,
-                    internalEventHandler: handleDragOverCallback,
-                }),
-            }),
-            onMouseEnter: execute({
-                disabled,
-                fn: compose({
-                    externalEventHandler: onMouseEnter,
-                    internalEventHandler: handleMouseEnterCallback,
-                }),
-            }),
-            onMouseLeave: execute({
-                disabled,
-                fn: compose({
-                    externalEventHandler: onMouseLeave,
-                    internalEventHandler: handleMouseLeaveCallback,
-                }),
-            }),
-            role: typeof role === 'string' && role !== '' ? role : 'presentation',
-            ref: rootRef,
-        };
-        return {
-            ...props,
-            ...rest,
-        };
-    }, [
-        handleDropCallback,
-        handleClickCallback,
-        handleDragEnterCallback,
-        handleDragLeaveCallback,
-        handleDragOverCallback,
-        handleMouseEnterCallback,
-        handleMouseLeaveCallback,
-        rootRef,
-        disabled,
-        execute,
-        compose,
-    ]);
-    return { rootProps };
-};
-
-const useDropzoneUpload = ({ uploadedFiles, state, dispatch, multiple = true, limit, onDrop, onDropAccepted, onDropRejected, accept = ACCEPT_FILES, }) => {
-    const parseFileData = (file) => {
-        const { name, size, type, lastModified, webkitRelativePath } = file;
-        return {
-            id: getUUID(),
-            name,
-            size,
-            type,
-            lastModified,
-            webkitRelativePath,
-            blob: URL.createObjectURL(file),
-            original: file,
-        };
-    };
-    const rejectUpload = ({ acceptedFiles, rejectCode }) => {
-        const rejectedFiles = {
-            files: acceptedFiles,
-            code: rejectCode,
-        };
-        dispatch({
-            type: DROPZONE_ACTION_MAPPER['SET_REJECT'],
-            acceptedFiles,
-            rejectedFiles,
-        });
-        onDropRejected?.({ rejectedFiles, state, dispatch });
-        onDrop?.({
-            acceptedFiles: [],
-            rejectedFiles,
-            state,
-            dispatch,
-        });
-        console.error(`An error occurred in Dropzone. code: ${rejectCode}`);
-    };
-    const handleUpload = ({ files }) => {
-        const acceptedFiles = Array.from(files, parseFileData);
-        if (!multiple && acceptedFiles.length > 1) {
-            return rejectUpload({
-                acceptedFiles,
-                rejectCode: DROPZONE_REJECT_CODE_MAPPER['SINGLE_FILE_ONLY'],
-            });
-        }
-        if (typeof limit !== 'undefined') {
-            if (!multiple) {
-                return rejectUpload({
-                    acceptedFiles,
-                    rejectCode: DROPZONE_REJECT_CODE_MAPPER['NEED_ACTIVE_MULTIPLE_OPTION'],
-                });
-            }
-            if (acceptedFiles.length > limit) {
-                return rejectUpload({
-                    acceptedFiles,
-                    rejectCode: DROPZONE_REJECT_CODE_MAPPER['TOO_MANY_FILES'],
-                });
-            }
-        }
-        const isRejectAccept = acceptedFiles.some((file) => {
-            const acceptFileKeys = ['type', 'name'];
-            return acceptFileKeys.every((acceptFileKey) => !accept.some((acceptType) => file[acceptFileKey].toLowerCase().includes(acceptType)));
-        });
-        if (isRejectAccept) {
-            return rejectUpload({
-                acceptedFiles,
-                rejectCode: DROPZONE_REJECT_CODE_MAPPER['INVALID_FILE_FORMAT'],
-            });
-        }
-        dispatch({ type: DROPZONE_ACTION_MAPPER['SET_FILES'], acceptedFiles });
-        onDropAccepted?.({ acceptedFiles, state, dispatch });
-        onDrop?.({
-            acceptedFiles,
-            state,
-            dispatch,
-        });
-    };
-    const resetFiles = () => {
-        revokeFile({ url: uploadedFiles.map((file) => file['blob']) });
-        dispatch({ type: DROPZONE_ACTION_MAPPER['RESET_FILES'] });
-    };
-    const deleteFile = ({ id }) => {
-        dispatch({ type: DROPZONE_ACTION_MAPPER['DELETE_FILE'], id });
-    };
-    return { handleUpload, deleteFile, resetFiles };
-};
-
-const useDropzone = (props) => {
-    const { multiple = true, limit, disabled = false, onDrop, onDropAccepted, onDropRejected, accept = ACCEPT_FILES, } = props;
-    const { state, dispatch } = useDropzoneReducer();
-    const { handleUpload, deleteFile, resetFiles } = useDropzoneUpload({
-        uploadedFiles: state['acceptedFiles'],
-        state,
-        dispatch,
-        multiple,
-        limit,
-        onDrop,
-        onDropAccepted,
-        onDropRejected,
-        accept,
-    });
-    const { inputProps, inputRef } = useDropzoneInput({
-        disabled,
-        handleUpload,
-        multiple,
-        accept,
-    });
-    const { rootProps } = useDropzoneRoot({
-        inputRef,
-        dispatch,
-        disabled,
-        handleUpload,
-    });
-    useDropzoneFilesCleanupEffect({ acceptedFiles: state['acceptedFiles'] });
-    return { state, deleteFile, resetFiles, rootProps, inputProps, dispatch };
-};
-
-const useForm = ({ initialValues, validate, }) => {
-    const [values, setValuesState] = useState(initialValues);
-    const [errors, setErrors] = useState({});
-    const handleChange = (e) => {
-        const { name, value } = e.target;
-        if (name in initialValues) {
-            setValuesState({ ...values, [name]: value });
-            if (validate) {
-                const validationErrors = validate({
-                    ...values,
-                    [name]: value,
-                });
-                setErrors(validationErrors);
-            }
-        }
-    };
-    const setValues = (newValues) => {
-        const updatedValues = typeof newValues === 'function' ? newValues(values) : newValues;
-        setValuesState(updatedValues);
-        if (validate) {
-            const validationErrors = validate(updatedValues);
-            setErrors(validationErrors);
-        }
-    };
-    return {
-        values,
-        setValues,
-        errors,
-        handleChange,
-        setErrors,
-    };
-};
-
-const RESPONSIBLE_STATUS = {
-    MOBILE: 'MOBILE',
-    TABLET: 'TABLET',
-    DESKTOP: 'DESKTOP',
-};
-const BREAKPOINT_SIZE = {
-    [RESPONSIBLE_STATUS.MOBILE]: 360,
-    [RESPONSIBLE_STATUS.TABLET]: 820,
-    [RESPONSIBLE_STATUS.DESKTOP]: 1180,
-};
-
-const useResponsibleStatusEffect = ({ setStatus, }) => {
-    useEffect(() => {
-        const handleResize = () => {
-            const width = window.innerWidth;
-            const calculateStatus = () => {
-                if (width >= BREAKPOINT_SIZE.DESKTOP) {
-                    return RESPONSIBLE_STATUS.DESKTOP;
-                }
-                else if (width >= BREAKPOINT_SIZE.TABLET) {
-                    return RESPONSIBLE_STATUS.TABLET;
-                }
-                else {
-                    return RESPONSIBLE_STATUS.MOBILE;
-                }
-            };
-            setStatus(calculateStatus());
-        };
-        handleResize();
-        window.addEventListener('resize', handleResize);
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, []);
-};
-
-const useResponsible = () => {
-    const [status, setStatus] = useState(null);
-    useResponsibleStatusEffect({ setStatus });
-    return { status };
-};
-
-export { BREAKPOINT_SIZE, DROPZONE_ACTION_MAPPER, DROPZONE_REJECT_CODE_MAPPER, DROPZONE_REJECT_MESSAGE, RESPONSIBLE_STATUS, useClickOutSideEffect, useClickOutside, useComposeEventHandler, useDropzone, useExecuteFunction, useFirstRenderEffect, useForm, useIsomorphicLayoutEffect, useResponsible, useScrollLockEffect };
+export { a0 as BREAKPOINT_SIZE, V as DROPZONE_ACTION_MAPPER, W as DROPZONE_REJECT_CODE_MAPPER, X as DROPZONE_REJECT_MESSAGE, $ as RESPONSIBLE_STATUS, S as useClickOutSideEffect, R as useClickOutside, T as useComposeEventHandler, U as useDropzone, Y as useExecuteFunction, O as useFirstRenderEffect, Z as useForm, P as useIsomorphicLayoutEffect, _ as useResponsible, Q as useScrollLockEffect } from './index-_fK2m8cY.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+import 'fs';
+import 'stream';
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/useFilterSelectOptionPanel-CliL1k8Q-B38iwnY2.js

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import { p as useFilterContext, u as useFilterPanelContext, q as FILTER_STEPS, B as Button, r as BUTTON_THEMES, s as BUTTON_SIZES } from './index-_fK2m8cY.js';
+import { useCallback } from 'react';
+
+const FilterSelectButton = ({ onClick, disabled }) => {
+    return (jsx("div", { className: 'border-t-in-gray-02 border-t p-4', children: jsx(Button, { className: 'w-full', disabled: disabled, label: '\uC120\uD0DD \uC644\uB8CC', size: BUTTON_SIZES.SM, theme: BUTTON_THEMES.PRIMARY, onClick: onClick }) }));
+};
+
+const useFilterSelectOptionPanel = () => {
+    const { toggleValues = null, selectValues, selectOptions, onChange, } = useFilterContext();
+    const { currentOptions, currentSelectValue, setCurrentSelectValue, setFilterStep, } = useFilterPanelContext();
+    const { key } = currentOptions;
+    const selectValue = selectValues?.[key] ?? null;
+    const _currentSelectValue = currentSelectValue?.[key] ?? null;
+    const value = selectValue ?? _currentSelectValue;
+    const options = selectOptions.find((option) => option.key === key);
+    const handleChange = useCallback(({ value }) => {
+        onChange({
+            toggleValues,
+            selectValues: {
+                ...selectValues,
+                [key]: value,
+            },
+        });
+        setFilterStep(FILTER_STEPS.IDLE);
+        setCurrentSelectValue(null);
+    }, [key, currentSelectValue, selectValues]);
+    return {
+        models: {
+            value,
+            options,
+        },
+        operations: { handleChange, setCurrentSelectValue },
+    };
+};
+
+export { FilterSelectButton as F, useFilterSelectOptionPanel as u };
+//# sourceMappingURL=useFilterSelectOptionPanel-CliL1k8Q-B38iwnY2.js.map

package/dist/useFilterSelectOptionPanel-CliL1k8Q-B38iwnY2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterSelectOptionPanel-CliL1k8Q-B38iwnY2.js","sources":["../../../node_modules/.pnpm/@bbodek+internal-ui@0.0.47_@bbodek+hooks@0.0.20_@bbodek+utils@0.0.18_react-dom@19.1.0_r_d6746e838fae43790bb6979f6e7cc369/node_modules/@bbodek/internal-ui/dist/useFilterSelectOptionPanel-CliL1k8Q.js"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { B as Button, l as BUTTON_THEMES, m as BUTTON_SIZES, n as useFilterContext, u as useFilterPanelContext, o as FILTER_STEPS } from './index-nvdefcFf.js';\nimport { useCallback } from 'react';\n\nconst FilterSelectButton = ({ onClick, disabled }) => {\n    return (jsx(\"div\", { className: 'border-t-in-gray-02 border-t p-4', children: jsx(Button, { className: 'w-full', disabled: disabled, label: '\\uC120\\uD0DD \\uC644\\uB8CC', size: BUTTON_SIZES.SM, theme: BUTTON_THEMES.PRIMARY, onClick: onClick }) }));\n};\n\nconst useFilterSelectOptionPanel = () => {\n    const { toggleValues = null, selectValues, selectOptions, onChange, } = useFilterContext();\n    const { currentOptions, currentSelectValue, setCurrentSelectValue, setFilterStep, } = useFilterPanelContext();\n    const { key } = currentOptions;\n    const selectValue = selectValues?.[key] ?? null;\n    const _currentSelectValue = currentSelectValue?.[key] ?? null;\n    const value = selectValue ?? _currentSelectValue;\n    const options = selectOptions.find((option) => option.key === key);\n    const handleChange = useCallback(({ value }) => {\n        onChange({\n            toggleValues,\n            selectValues: {\n                ...selectValues,\n                [key]: value,\n            },\n        });\n        setFilterStep(FILTER_STEPS.IDLE);\n        setCurrentSelectValue(null);\n    }, [key, currentSelectValue, selectValues]);\n    return {\n        models: {\n            value,\n            options,\n        },\n        operations: { handleChange, setCurrentSelectValue },\n    };\n};\n\nexport { FilterSelectButton as F, useFilterSelectOptionPanel as u };\n//# sourceMappingURL=useFilterSelectOptionPanel-CliL1k8Q.js.map\n"],"names":[],"mappings":";;;;AAIK,MAAC,kBAAkB,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK;AACtD,IAAI,QAAQ,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,kCAAkC,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,2BAA2B,EAAE,IAAI,EAAE,YAAY,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;AACxP;;AAEK,MAAC,0BAA0B,GAAG,MAAM;AACzC,IAAI,MAAM,EAAE,YAAY,GAAG,IAAI,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,GAAG,GAAG,gBAAgB,EAAE;AAC9F,IAAI,MAAM,EAAE,cAAc,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,aAAa,GAAG,GAAG,qBAAqB,EAAE;AACjH,IAAI,MAAM,EAAE,GAAG,EAAE,GAAG,cAAc;AAClC,IAAI,MAAM,WAAW,GAAG,YAAY,GAAG,GAAG,CAAC,IAAI,IAAI;AACnD,IAAI,MAAM,mBAAmB,GAAG,kBAAkB,GAAG,GAAG,CAAC,IAAI,IAAI;AACjE,IAAI,MAAM,KAAK,GAAG,WAAW,IAAI,mBAAmB;AACpD,IAAI,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC;AACtE,IAAI,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK;AACpD,QAAQ,QAAQ,CAAC;AACjB,YAAY,YAAY;AACxB,YAAY,YAAY,EAAE;AAC1B,gBAAgB,GAAG,YAAY;AAC/B,gBAAgB,CAAC,GAAG,GAAG,KAAK;AAC5B,aAAa;AACb,SAAS,CAAC;AACV,QAAQ,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;AACxC,QAAQ,qBAAqB,CAAC,IAAI,CAAC;AACnC,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAAC;AAC/C,IAAI,OAAO;AACX,QAAQ,MAAM,EAAE;AAChB,YAAY,KAAK;AACjB,YAAY,OAAO;AACnB,SAAS;AACT,QAAQ,UAAU,EAAE,EAAE,YAAY,EAAE,qBAAqB,EAAE;AAC3D,KAAK;AACL;;;;","x_google_ignoreList":[0]}

package/dist/useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13-COH6mNr-.js

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import { I as useFilterContext, a as useFilterPanelContext, J as FILTER_STEPS, K as Button, L as BUTTON_SIZES, N as BUTTON_THEMES } from './index-_fK2m8cY.js';
+import { useCallback } from 'react';
+
+const FilterSelectButton = ({ onClick, disabled }) => {
+    return (jsx("div", { className: 'border-t-in-gray-02 border-t p-4', children: jsx(Button, { label: '\uC120\uD0DD \uC644\uB8CC', theme: BUTTON_THEMES.PRIMARY, size: BUTTON_SIZES.SM, onClick: onClick, className: 'w-full', disabled: disabled }) }));
+};
+
+const useFilterSelectOptionPanel = () => {
+    const { toggleValues = null, selectValues, selectOptions, onChange, } = useFilterContext();
+    const { currentOptions, currentSelectValue, setCurrentSelectValue, setFilterStep, } = useFilterPanelContext();
+    const { key } = currentOptions;
+    const selectValue = selectValues?.[key] ?? null;
+    const _currentSelectValue = currentSelectValue?.[key] ?? null;
+    const value = selectValue ?? _currentSelectValue;
+    const options = selectOptions.find((option) => option.key === key);
+    const handleChange = useCallback(({ value }) => {
+        onChange({
+            toggleValues,
+            selectValues: {
+                ...selectValues,
+                [key]: value,
+            },
+        });
+        setFilterStep(FILTER_STEPS.IDLE);
+        setCurrentSelectValue(null);
+    }, [key, currentSelectValue, selectValues]);
+    return {
+        models: {
+            value,
+            options,
+        },
+        operations: { handleChange, setCurrentSelectValue },
+    };
+};
+
+export { FilterSelectButton as F, useFilterSelectOptionPanel as u };
+//# sourceMappingURL=useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13-COH6mNr-.js.map

package/dist/useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13-COH6mNr-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13-COH6mNr-.js","sources":["../../../node_modules/.pnpm/@bbodek+hooks@0.0.20_@bbodek+internal-ui@0.0.47_next@15.3.2_react-dom@19.1.0_react@19.1_ec9476c75b6e0c0ca8f9de2a0dfc11c9/node_modules/@bbodek/hooks/dist/useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13.js"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { l as useFilterContext, u as useFilterPanelContext, m as FILTER_STEPS, B as Button, n as BUTTON_SIZES, o as BUTTON_THEMES } from './index-BotlieCc.js';\nimport { useCallback } from 'react';\n\nconst FilterSelectButton = ({ onClick, disabled }) => {\n    return (jsx(\"div\", { className: 'border-t-in-gray-02 border-t p-4', children: jsx(Button, { label: '\\uC120\\uD0DD \\uC644\\uB8CC', theme: BUTTON_THEMES.PRIMARY, size: BUTTON_SIZES.SM, onClick: onClick, className: 'w-full', disabled: disabled }) }));\n};\n\nconst useFilterSelectOptionPanel = () => {\n    const { toggleValues = null, selectValues, selectOptions, onChange, } = useFilterContext();\n    const { currentOptions, currentSelectValue, setCurrentSelectValue, setFilterStep, } = useFilterPanelContext();\n    const { key } = currentOptions;\n    const selectValue = selectValues?.[key] ?? null;\n    const _currentSelectValue = currentSelectValue?.[key] ?? null;\n    const value = selectValue ?? _currentSelectValue;\n    const options = selectOptions.find((option) => option.key === key);\n    const handleChange = useCallback(({ value }) => {\n        onChange({\n            toggleValues,\n            selectValues: {\n                ...selectValues,\n                [key]: value,\n            },\n        });\n        setFilterStep(FILTER_STEPS.IDLE);\n        setCurrentSelectValue(null);\n    }, [key, currentSelectValue, selectValues]);\n    return {\n        models: {\n            value,\n            options,\n        },\n        operations: { handleChange, setCurrentSelectValue },\n    };\n};\n\nexport { FilterSelectButton as F, useFilterSelectOptionPanel as u };\n//# sourceMappingURL=useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13.js.map\n"],"names":[],"mappings":";;;;AAIK,MAAC,kBAAkB,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK;AACtD,IAAI,QAAQ,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,kCAAkC,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,KAAK,EAAE,aAAa,CAAC,OAAO,EAAE,IAAI,EAAE,YAAY,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;AACxP;;AAEK,MAAC,0BAA0B,GAAG,MAAM;AACzC,IAAI,MAAM,EAAE,YAAY,GAAG,IAAI,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,GAAG,GAAG,gBAAgB,EAAE;AAC9F,IAAI,MAAM,EAAE,cAAc,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,aAAa,GAAG,GAAG,qBAAqB,EAAE;AACjH,IAAI,MAAM,EAAE,GAAG,EAAE,GAAG,cAAc;AAClC,IAAI,MAAM,WAAW,GAAG,YAAY,GAAG,GAAG,CAAC,IAAI,IAAI;AACnD,IAAI,MAAM,mBAAmB,GAAG,kBAAkB,GAAG,GAAG,CAAC,IAAI,IAAI;AACjE,IAAI,MAAM,KAAK,GAAG,WAAW,IAAI,mBAAmB;AACpD,IAAI,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC;AACtE,IAAI,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK;AACpD,QAAQ,QAAQ,CAAC;AACjB,YAAY,YAAY;AACxB,YAAY,YAAY,EAAE;AAC1B,gBAAgB,GAAG,YAAY;AAC/B,gBAAgB,CAAC,GAAG,GAAG,KAAK;AAC5B,aAAa;AACb,SAAS,CAAC;AACV,QAAQ,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;AACxC,QAAQ,qBAAqB,CAAC,IAAI,CAAC;AACnC,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAAC;AAC/C,IAAI,OAAO;AACX,QAAQ,MAAM,EAAE;AAChB,YAAY,KAAK;AACjB,YAAY,OAAO;AACnB,SAAS;AACT,QAAQ,UAAU,EAAE,EAAE,YAAY,EAAE,qBAAqB,EAAE;AAC3D,KAAK;AACL;;;;","x_google_ignoreList":[0]}

package/package.json

@@ -1,8 +1,14 @@
 {
   "name": "@bbodek/hooks",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "license": "MIT",
   "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/thebbodek/dotoli",
+    "directory": "apps/hooks"
+  },
+  "homepage": "https://github.com/thebbodek/dotoli/tree/main/apps/hooks#readme",
   "exports": {
     ".": {
       "import": "./dist/index.es.js",
@@ -12,18 +18,18 @@
   "files": [
     "dist"
   ],
-  "dependencies": {},
+  "dependencies": {
+    "@bbodek/utils": "0.0.19"
+  },
   "peerDependencies": {
     "next": "^15.3.1",
     "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "@bbodek/utils": "^0.0.16"
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
     "next": "^15.3.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "@bbodek/utils": "^0.0.16",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
@@ -32,7 +38,7 @@
     "tsc-alias": "^1.8.16",
     "tslib": "^2.8.1",
     "typescript": "^5.8.3",
-    "@dotoli/eslint-config": "0.0.0",
+    "@bbodek/eslint-config": "0.0.4",
     "@dotoli/typescript-config": "0.0.0",
     "@dotoli/rollup-config": "0.0.0"
   },
@@ -40,6 +46,6 @@
     "dev": "rollup -c --watch & tsc -p tsconfig.build.json --watch & tsc-alias -p tsconfig.build.json --watch",
     "build": "rollup -c && tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "eslint \"./src\" --ext .ts,.tsx"
   }
 }