@bbodek/hooks 0.0.18 → 0.0.20

package/dist/index.es.js

@@ -1,2 +1,7 @@
-import{useRef as e,useEffect as t,useLayoutEffect as r,useCallback as n,useMemo as i,useReducer as s,useState as a}from"react";import{composeEventHandler as l,ACCEPT_FILES as c,executeFunction as o,getUUID as d}from"@bbodek/utils";const E=r=>{const n=e(!0);t((()=>{n.current&&(n.current=!1,r())}),[])},p="undefined"!=typeof window?r:t,u=({isLocked:e,target:r})=>{t((()=>{const t=r?document.getElementById(r):document.body;if(t)return t.style.overflow=e?"hidden":"auto",()=>{t.style.overflow="auto"}}),[e,r])},v=({ref:e,onClose:r,useClickOutsideEvent:n=!0})=>{t((()=>{const t=t=>{e.current&&!e.current.contains(t.target)&&r(t)};return n?document.addEventListener("mousedown",t):document.removeEventListener("mousedown",t),()=>{n&&document.removeEventListener("mousedown",t)}}),[e.current,n])},L=({onClose:t,useClickOutsideEvent:r})=>{const n=e(null);return v({ref:n,onClose:t,useClickOutsideEvent:r}),{contentRef:n}},F=()=>({compose:n((e=>l(e)),[])}),f={DRAG:"drag",HOVER:"hover",SET_FILES:"setFiles",SET_REJECT:"setReject",DELETE_FILE:"deleteFile",RESET_FILES:"resetFiles"},T={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"},D={[T.SINGLE_FILE_ONLY]:"한 개의 파일만 선택할 수 있어요",[T.TOO_MANY_FILES]:"너무 많은 파일이 선택되었어요",[T.NEED_ACTIVE_MULTIPLE_OPTION]:"다중 선택 옵션을 활성화 시켜주세요",[T.INVALID_FILE_FORMAT]:"지원하지 않는 형식의 파일이 있어요"},I=({url:e})=>Array.isArray(e)?e.forEach((e=>URL.revokeObjectURL(e))):URL.revokeObjectURL(e),_=({accept:e=c})=>e.join(","),A=()=>({execute:n((e=>o(e)),[])}),O={isDragActive:!1,isHover:!1,isActive:!1,acceptedFiles:[],rejectedFiles:void 0},m=(e,t)=>{switch(t.type){case f.DRAG:return{...e,isDragActive:t.isDragActive??e.isDragActive,isActive:t.isDragActive??e.isDragActive};case f.HOVER:return{...e,isHover:t.isHover??e.isHover,isActive:t.isHover??e.isHover};case f.SET_FILES:return{...e,acceptedFiles:t.acceptedFiles??e.acceptedFiles,rejectedFiles:void 0,isDragActive:!1,isHover:!1,isActive:!1};case f.SET_REJECT:return{...e,rejectedFiles:t.rejectedFiles??e.rejectedFiles,isDragActive:!1,isHover:!1,isActive:!1};case f.DELETE_FILE:return{...e,acceptedFiles:e.acceptedFiles.filter((e=>e.id!==t.id))};case f.RESET_FILES:return{...e,acceptedFiles:[]};default:return e}},R=t=>{const{multiple:r=!0,limit:a,disabled:l=!1,onDrop:o,onDropAccepted:p,onDropRejected:u,accept:v=c}=t,{state:L,dispatch:D}=(()=>{const[e,t]=s(m,O);return{state:e,dispatch:t}})(),{handleUpload:R,deleteFile:g,resetFiles:h}=(({uploadedFiles:e,state:t,dispatch:r,multiple:n=!0,limit:i,onDrop:s,onDropAccepted:a,onDropRejected:l,accept:o=c})=>{const E=e=>{const{name:t,size:r,type:n,lastModified:i,webkitRelativePath:s}=e;return{id:d(),name:t,size:r,type:n,lastModified:i,webkitRelativePath:s,blob:URL.createObjectURL(e),original:e}},p=({acceptedFiles:e,rejectCode:n})=>{const i={files:e,code:n};r({type:f.SET_REJECT,acceptedFiles:e,rejectedFiles:i}),l?.({rejectedFiles:i,state:t,dispatch:r}),s?.({acceptedFiles:[],rejectedFiles:i,state:t,dispatch:r})};return{handleUpload:({files:e})=>{const l=Array.from(e,E);if(!n&&l.length>1)return p({acceptedFiles:l,rejectCode:T.SINGLE_FILE_ONLY});if(void 0!==i){if(!n)return p({acceptedFiles:l,rejectCode:T.NEED_ACTIVE_MULTIPLE_OPTION});if(l.length>i)return p({acceptedFiles:l,rejectCode:T.TOO_MANY_FILES})}if(l.some((e=>["type","name"].every((t=>!o.some((r=>e[t].toLowerCase().includes(r))))))))return p({acceptedFiles:l,rejectCode:T.INVALID_FILE_FORMAT});r({type:f.SET_FILES,acceptedFiles:l}),a?.({acceptedFiles:l,state:t,dispatch:r}),s?.({acceptedFiles:l,state:t,dispatch:r})},deleteFile:({id:e})=>{r({type:f.DELETE_FILE,id:e})},resetFiles:()=>{I({url:e.map((e=>e.blob))}),r({type:f.RESET_FILES})}}})({uploadedFiles:L.acceptedFiles,state:L,dispatch:D,multiple:r,limit:a,onDrop:o,onDropAccepted:p,onDropRejected:u,accept:v}),{inputProps:H,inputRef:S}=(({multiple:t=!0,accept:r=c,disabled:s=!1,handleUpload:a})=>{const l=e(null),{execute:o}=A(),{compose:d}=F(),E=n((e=>{if(e.preventDefault(),!e.target||!e.target.files)return;const{files:t}=e.target;a({files:t})}),[a]);return{inputProps:i((()=>({onChange:e,...n}={})=>({multiple:t,type:"file",style:{display:"none"},tabIndex:-1,ref:l,onChange:o({disabled:s,fn:d({externalEventHandler:e,internalEventHandler:E})}),accept:_({accept:r}),disabled:s,...n})),[t,r,l,E,s,o,d]),inputRef:l}})({disabled:l,handleUpload:R,multiple:r,accept:v}),{rootProps:b}=(({inputRef:t,dispatch:r,disabled:s=!1,handleUpload:a})=>{const l=e(null),{execute:c}=A(),{compose:o}=F(),d=i((()=>e=>e.relatedTarget instanceof Node&&l.current&&l.current.contains(e.relatedTarget)),[l.current]),E=n((()=>r({type:f.HOVER,isHover:!0})),[r]),p=n((e=>{d(e)||r({type:f.HOVER,isHover:!1})}),[r,d]),u=n((e=>{e.preventDefault(),r({type:f.DRAG,isDragActive:!0})}),[r]),v=n((e=>{e.preventDefault(),d(e)||r({type:f.DRAG,isDragActive:!1})}),[r,d]),L=n((e=>e.preventDefault()),[]),T=n((e=>{if(e.preventDefault(),!e.dataTransfer||!e.dataTransfer.files)return;const{files:t}=e.dataTransfer;a({files:t})}),[a]),D=n((()=>{t.current&&(t.current.value="",t.current.click())}),[t.current]);return{rootProps:i((()=>({onDrop:e,onClick:t,onDragEnter:r,onDragLeave:n,onDragOver:i,onMouseEnter:a,onMouseLeave:d,role:F,...f}={})=>({onDrop:c({disabled:s,fn:o({externalEventHandler:e,internalEventHandler:T})}),onClick:c({disabled:s,fn:o({externalEventHandler:t,internalEventHandler:D})}),onDragEnter:c({disabled:s,fn:o({externalEventHandler:r,internalEventHandler:u})}),onDragLeave:c({disabled:s,fn:o({externalEventHandler:n,internalEventHandler:v})}),onDragOver:c({disabled:s,fn:o({externalEventHandler:i,internalEventHandler:L})}),onMouseEnter:c({disabled:s,fn:o({externalEventHandler:a,internalEventHandler:E})}),onMouseLeave:c({disabled:s,fn:o({externalEventHandler:d,internalEventHandler:p})}),role:"string"==typeof F&&""!==F?F:"presentation",ref:l,...f})),[T,D,u,v,L,E,p,l,s,c,o])}})({inputRef:S,dispatch:D,disabled:l,handleUpload:R});return(({acceptedFiles:e})=>{E((()=>{I({url:e.map((e=>e.blob))})}))})({acceptedFiles:L.acceptedFiles}),{state:L,deleteFile:g,resetFiles:h,rootProps:b,inputProps:H,dispatch:D}},g=({initialValues:e,validate:t})=>{const[r,n]=a(e),[i,s]=a({});return{values:r,setValues:e=>{const i="function"==typeof e?e(r):e;if(n(i),t){const e=t(i);s(e)}},errors:i,handleChange:i=>{const{name:a,value:l}=i.target;if(a in e&&(n({...r,[a]:l}),t)){const e=t({...r,[a]:l});s(e)}},setErrors:s}},h={MOBILE:"MOBILE",TABLET:"TABLET",DESKTOP:"DESKTOP"},H={[h.MOBILE]:360,[h.TABLET]:820,[h.DESKTOP]:1180},S=()=>{const[e,r]=a(null);return(({setStatus:e})=>{t((()=>{const t=()=>{const t=window.innerWidth;e(t>=H.DESKTOP?h.DESKTOP:t>=H.TABLET?h.TABLET:h.MOBILE)};return t(),window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}}),[])})({setStatus:r}),{status:e}};export{H as BREAKPOINT_SIZE,f as DROPZONE_ACTION_MAPPER,T as DROPZONE_REJECT_CODE_MAPPER,D as DROPZONE_REJECT_MESSAGE,h as RESPONSIBLE_STATUS,v as useClickOutSideEffect,L as useClickOutside,F as useComposeEventHandler,R as useDropzone,A as useExecuteFunction,E as useFirstRenderEffect,g as useForm,p as useIsomorphicLayoutEffect,S as useResponsible,u as useScrollLockEffect};
+export { G as BREAKPOINT_SIZE, D as DROPZONE_ACTION_MAPPER, x as DROPZONE_REJECT_CODE_MAPPER, y as DROPZONE_REJECT_MESSAGE, R as RESPONSIBLE_STATUS, t as useClickOutSideEffect, s as useClickOutside, v as useComposeEventHandler, w as useDropzone, z as useExecuteFunction, p as useFirstRenderEffect, A as useForm, q as useIsomorphicLayoutEffect, E as useResponsible, r as useScrollLockEffect } from './index-BotlieCc.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-E9OE1xmu-hQsWrD13.js

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import { 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';
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13.js","sources":["../../../node_modules/.pnpm/@bbodek+internal-ui@0.0.46_@bbodek+hooks@0.0.19_@bbodek+utils@0.0.16_react-dom@19.1.0_r_391de0e25676aa2bb3131b4638467e71/node_modules/@bbodek/internal-ui/dist/useFilterSelectOptionPanel-E9OE1xmu.js"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { B as Button, l as BUTTON_SIZES, m as BUTTON_THEMES, n as useFilterContext, u as useFilterPanelContext, o as FILTER_STEPS } from './index-Bt8RKgO9.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.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,13 @@
 {
   "name": "@bbodek/hooks",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "license": "MIT",
   "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/thebbodek/dotoli",
+    "directory": "apps/hooks"
+  },
   "exports": {
     ".": {
       "import": "./dist/index.es.js",
@@ -12,37 +17,34 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "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"
+  "dependencies": {
+    "@bbodek/utils": "0.0.18"
   },
-  "dependencies": {},
   "peerDependencies": {
     "next": "^15.3.1",
     "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "@bbodek/utils": "^0.0.6"
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
     "next": "^15.3.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "@bbodek/utils": "^0.0.6",
-    "@dotoli/eslint-config": "workspace:*",
-    "@dotoli/typescript-config": "workspace:*",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-terser": "^0.4.4",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9.26.0",
     "rollup": "^4.40.2",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-typescript2": "^0.36.0",
     "tsc-alias": "^1.8.16",
     "tslib": "^2.8.1",
-    "typescript": "^5.8.3"
+    "typescript": "^5.8.3",
+    "@dotoli/typescript-config": "0.0.0",
+    "@bbodek/eslint-config": "0.0.3",
+    "@dotoli/rollup-config": "0.0.0"
+  },
+  "scripts": {
+    "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": "eslint \"./src\" --ext .ts,.tsx"
   }
-}
+}

package/dist/hooks/useResponsible/effects/useSetResponsibleStatusEffect.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=useSetResponsibleStatusEffect.d.ts.map

package/dist/hooks/useResponsible/effects/useSetResponsibleStatusEffect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSetResponsibleStatusEffect.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useResponsible/effects/useSetResponsibleStatusEffect.ts"],"names":[],"mappings":""}