@bbodek/hooks 0.0.22 → 0.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +1 -6
- package/dist/index.es.js.map +1 -1
- package/package.json +5 -4
- package/dist/FilterCalendarPanel-tgOkj1yi-Ca95srv1-CXb7mQ6r.js +0 -46
- package/dist/FilterCalendarPanel-tgOkj1yi-Ca95srv1-CXb7mQ6r.js.map +0 -1
- package/dist/FilterCalendarPanel-xRJERPNn-CFJAMzHr.js +0 -46
- package/dist/FilterCalendarPanel-xRJERPNn-CFJAMzHr.js.map +0 -1
- package/dist/FilterMultiSelectPanel-BKJ7F-nP-DqwwAW3z-mmfuCg1f.js +0 -51
- package/dist/FilterMultiSelectPanel-BKJ7F-nP-DqwwAW3z-mmfuCg1f.js.map +0 -1
- package/dist/FilterMultiSelectPanel-M8j-s3EV-BzHL2e14.js +0 -51
- package/dist/FilterMultiSelectPanel-M8j-s3EV-BzHL2e14.js.map +0 -1
- package/dist/FilterSelectOptionPanel-D_AQGIT2-DUOIV1sc.js +0 -22
- package/dist/FilterSelectOptionPanel-D_AQGIT2-DUOIV1sc.js.map +0 -1
- package/dist/FilterSelectOptionPanel-uodA0iXc-kXTbi7Ni-BlAqWYjA.js +0 -22
- package/dist/FilterSelectOptionPanel-uodA0iXc-kXTbi7Ni-BlAqWYjA.js.map +0 -1
- package/dist/index-_fK2m8cY.js +0 -72035
- package/dist/index-_fK2m8cY.js.map +0 -1
- package/dist/useFilterSelectOptionPanel-CliL1k8Q-B38iwnY2.js +0 -38
- package/dist/useFilterSelectOptionPanel-CliL1k8Q-B38iwnY2.js.map +0 -1
- package/dist/useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13-COH6mNr-.js +0 -38
- package/dist/useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13-COH6mNr-.js.map +0 -1
package/dist/index.es.js
CHANGED
|
@@ -1,7 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import 'react';
|
|
3
|
-
import 'react/jsx-runtime';
|
|
4
|
-
import 'react-dom';
|
|
5
|
-
import 'fs';
|
|
6
|
-
import 'stream';
|
|
1
|
+
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},R=(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}},g=t=>{const{isMultiple: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(R,O);return{state:e,dispatch:t}})(),{handleUpload:g,deleteFile:m,resetFiles:h}=(({uploadedFiles:e,state:t,dispatch:r,isMultiple: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,isMultiple:r,limit:a,onDrop:o,onDropAccepted:p,onDropRejected:u,accept:v}),{inputProps:H,inputRef:S}=(({isMultiple: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}={})=>({isMultiple: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:g,isMultiple: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:g});return(({acceptedFiles:e})=>{E((()=>{I({url:e.map((e=>e.blob))})}))})({acceptedFiles:L.acceptedFiles}),{state:L,deleteFile:m,resetFiles:h,rootProps:b,inputProps:H,dispatch:D}},m=({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,g as useDropzone,A as useExecuteFunction,E as useFirstRenderEffect,m as useForm,p as useIsomorphicLayoutEffect,S as useResponsible,u as useScrollLockEffect};
|
|
7
2
|
//# sourceMappingURL=index.es.js.map
|
package/dist/index.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bbodek/hooks",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.23",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -19,12 +19,13 @@
|
|
|
19
19
|
"dist"
|
|
20
20
|
],
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@bbodek/utils": "0.0.
|
|
22
|
+
"@bbodek/utils": "0.0.20"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"next": "^15.3.1",
|
|
26
26
|
"react": "^19.1.0",
|
|
27
|
-
"react-dom": "^19.1.0"
|
|
27
|
+
"react-dom": "^19.1.0",
|
|
28
|
+
"@bbodek/utils": "0.0.20"
|
|
28
29
|
},
|
|
29
30
|
"devDependencies": {
|
|
30
31
|
"next": "^15.3.1",
|
|
@@ -38,8 +39,8 @@
|
|
|
38
39
|
"tsc-alias": "^1.8.16",
|
|
39
40
|
"tslib": "^2.8.1",
|
|
40
41
|
"typescript": "^5.8.3",
|
|
41
|
-
"@dotoli/typescript-config": "0.0.0",
|
|
42
42
|
"@bbodek/eslint-config": "0.0.4",
|
|
43
|
+
"@dotoli/typescript-config": "0.0.0",
|
|
43
44
|
"@dotoli/rollup-config": "0.0.0"
|
|
44
45
|
},
|
|
45
46
|
"scripts": {
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { useId } from 'react';
|
|
3
|
-
import { A as CalendarProvider, v as Flex, D as Calendar, E as getCalendarDate, G as useCalendarContext, H as isValidDateOfVariant } from './index-_fK2m8cY.js';
|
|
4
|
-
import { u as useFilterSelectOptionPanel, F as FilterSelectButton } from './useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13-COH6mNr-.js';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
import 'fs';
|
|
7
|
-
import 'stream';
|
|
8
|
-
|
|
9
|
-
const FilterCalendarSelectButton = () => {
|
|
10
|
-
const { variant, internalValue, handleChange } = useCalendarContext();
|
|
11
|
-
const _disabled = !isValidDateOfVariant({ value: internalValue, variant });
|
|
12
|
-
return jsx(FilterSelectButton, { onClick: handleChange, disabled: _disabled });
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
const useFilterCalendarPanel = () => {
|
|
16
|
-
const { models: { value }, operations: { handleChange }, } = useFilterSelectOptionPanel();
|
|
17
|
-
const { startDate, endDate } = value !== null
|
|
18
|
-
? getCalendarDate({ value })
|
|
19
|
-
: { startDate: null, endDate: null };
|
|
20
|
-
const calendarValue = value !== null
|
|
21
|
-
? {
|
|
22
|
-
startDate: startDate,
|
|
23
|
-
endDate: endDate,
|
|
24
|
-
}
|
|
25
|
-
: null;
|
|
26
|
-
const onChange = (value) => {
|
|
27
|
-
const _value = value ? [`${value.startDate}~${value.endDate}`] : null;
|
|
28
|
-
handleChange({ value: _value });
|
|
29
|
-
};
|
|
30
|
-
return {
|
|
31
|
-
models: {
|
|
32
|
-
calendarValue,
|
|
33
|
-
},
|
|
34
|
-
operations: { onChange },
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
const FilterCalendarPanel = ({ variant }) => {
|
|
39
|
-
const labelId = useId();
|
|
40
|
-
const calendarId = useId();
|
|
41
|
-
const { models: { calendarValue }, operations: { onChange }, } = useFilterCalendarPanel();
|
|
42
|
-
return (jsx(CalendarProvider, { value: calendarValue, variant: variant, onChange: onChange, children: jsxs(Flex, { direction: 'column', className: 'in-tablet:min-w-[23.75rem] mx-auto w-[22.5rem] justify-between overflow-hidden', children: [jsx(Calendar, { className: 'in-tablet:min-h-[34svh-3.75rem] in-tablet:max-h-[46svh-3.75rem] mx-auto h-[100svh-4rem]', id: calendarId, labelId: labelId }), jsx(FilterCalendarSelectButton, {})] }) }));
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
export { FilterCalendarPanel as default };
|
|
46
|
-
//# sourceMappingURL=FilterCalendarPanel-tgOkj1yi-Ca95srv1-CXb7mQ6r.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FilterCalendarPanel-tgOkj1yi-Ca95srv1-CXb7mQ6r.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/FilterCalendarPanel-tgOkj1yi-Ca95srv1.js"],"sourcesContent":["import { jsx, jsxs } from 'react/jsx-runtime';\nimport { useId } from 'react';\nimport { g as CalendarProvider, a as Flex, h as Calendar, i as getCalendarDate, j as useCalendarContext, k as isValidDateOfVariant } from './index-BotlieCc.js';\nimport { u as useFilterSelectOptionPanel, F as FilterSelectButton } from './useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13.js';\nimport 'react-dom';\nimport 'fs';\nimport 'stream';\n\nconst FilterCalendarSelectButton = () => {\n const { variant, internalValue, handleChange } = useCalendarContext();\n const _disabled = !isValidDateOfVariant({ value: internalValue, variant });\n return jsx(FilterSelectButton, { onClick: handleChange, disabled: _disabled });\n};\n\nconst useFilterCalendarPanel = () => {\n const { models: { value }, operations: { handleChange }, } = useFilterSelectOptionPanel();\n const { startDate, endDate } = value !== null\n ? getCalendarDate({ value })\n : { startDate: null, endDate: null };\n const calendarValue = value !== null\n ? {\n startDate: startDate,\n endDate: endDate,\n }\n : null;\n const onChange = (value) => {\n const _value = value ? [`${value.startDate}~${value.endDate}`] : null;\n handleChange({ value: _value });\n };\n return {\n models: {\n calendarValue,\n },\n operations: { onChange },\n };\n};\n\nconst FilterCalendarPanel = ({ variant }) => {\n const labelId = useId();\n const calendarId = useId();\n const { models: { calendarValue }, operations: { onChange }, } = useFilterCalendarPanel();\n return (jsx(CalendarProvider, { value: calendarValue, variant: variant, onChange: onChange, children: jsxs(Flex, { direction: 'column', className: 'in-tablet:min-w-[23.75rem] mx-auto w-[22.5rem] justify-between overflow-hidden', children: [jsx(Calendar, { className: 'in-tablet:min-h-[34svh-3.75rem] in-tablet:max-h-[46svh-3.75rem] mx-auto h-[100svh-4rem]', id: calendarId, labelId: labelId }), jsx(FilterCalendarSelectButton, {})] }) }));\n};\n\nexport { FilterCalendarPanel as default };\n//# sourceMappingURL=FilterCalendarPanel-tgOkj1yi-Ca95srv1.js.map\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,0BAA0B,GAAG,MAAM;AACzC,IAAI,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE;AACzE,IAAI,MAAM,SAAS,GAAG,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC;AAC9E,IAAI,OAAO,GAAG,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAClF,CAAC;;AAED,MAAM,sBAAsB,GAAG,MAAM;AACrC,IAAI,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,YAAY,EAAE,GAAG,GAAG,0BAA0B,EAAE;AAC7F,IAAI,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,KAAK;AAC7C,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE;AACnC,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE;AAC5C,IAAI,MAAM,aAAa,GAAG,KAAK,KAAK;AACpC,UAAU;AACV,YAAY,SAAS,EAAE,SAAS;AAChC,YAAY,OAAO,EAAE,OAAO;AAC5B;AACA,UAAU,IAAI;AACd,IAAI,MAAM,QAAQ,GAAG,CAAC,KAAK,KAAK;AAChC,QAAQ,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI;AAC7E,QAAQ,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AACvC,IAAI,CAAC;AACL,IAAI,OAAO;AACX,QAAQ,MAAM,EAAE;AAChB,YAAY,aAAa;AACzB,SAAS;AACT,QAAQ,UAAU,EAAE,EAAE,QAAQ,EAAE;AAChC,KAAK;AACL,CAAC;;AAEI,MAAC,mBAAmB,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK;AAC7C,IAAI,MAAM,OAAO,GAAG,KAAK,EAAE;AAC3B,IAAI,MAAM,UAAU,GAAG,KAAK,EAAE;AAC9B,IAAI,MAAM,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,GAAG,sBAAsB,EAAE;AAC7F,IAAI,QAAQ,GAAG,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,gFAAgF,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,yFAAyF,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;AACzb;;;;","x_google_ignoreList":[0]}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { useId } from 'react';
|
|
3
|
-
import { k as CalendarProvider, f as Flex, l as Calendar, m as getCalendarDate, n as useCalendarContext, o as isValidDateOfVariant } from './index-_fK2m8cY.js';
|
|
4
|
-
import { u as useFilterSelectOptionPanel, F as FilterSelectButton } from './useFilterSelectOptionPanel-CliL1k8Q-B38iwnY2.js';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
import 'fs';
|
|
7
|
-
import 'stream';
|
|
8
|
-
|
|
9
|
-
const FilterCalendarSelectButton = () => {
|
|
10
|
-
const { variant, internalValue, handleChange } = useCalendarContext();
|
|
11
|
-
const isDisabled = !isValidDateOfVariant({ value: internalValue, variant });
|
|
12
|
-
return jsx(FilterSelectButton, { disabled: isDisabled, onClick: handleChange });
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
const useFilterCalendarPanel = () => {
|
|
16
|
-
const { models: { value }, operations: { handleChange }, } = useFilterSelectOptionPanel();
|
|
17
|
-
const { startDate, endDate } = value !== null
|
|
18
|
-
? getCalendarDate({ value })
|
|
19
|
-
: { startDate: null, endDate: null };
|
|
20
|
-
const calendarValue = value !== null
|
|
21
|
-
? {
|
|
22
|
-
startDate: startDate,
|
|
23
|
-
endDate: endDate,
|
|
24
|
-
}
|
|
25
|
-
: null;
|
|
26
|
-
const onChange = (value) => {
|
|
27
|
-
const _value = value ? [`${value.startDate}~${value.endDate}`] : null;
|
|
28
|
-
handleChange({ value: _value });
|
|
29
|
-
};
|
|
30
|
-
return {
|
|
31
|
-
models: {
|
|
32
|
-
calendarValue,
|
|
33
|
-
},
|
|
34
|
-
operations: { onChange },
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
const FilterCalendarPanel = ({ variant }) => {
|
|
39
|
-
const labelId = useId();
|
|
40
|
-
const calendarId = useId();
|
|
41
|
-
const { models: { calendarValue }, operations: { onChange }, } = useFilterCalendarPanel();
|
|
42
|
-
return (jsx(CalendarProvider, { value: calendarValue, variant: variant, onChange: onChange, children: jsxs(Flex, { className: 'in-tablet:min-w-[23.75rem] mx-auto w-[22.5rem] justify-between overflow-hidden', direction: 'column', children: [jsx(Calendar, { className: 'in-tablet:min-h-[34svh-3.75rem] in-tablet:max-h-[46svh-3.75rem] mx-auto h-[100svh-4rem]', id: calendarId, labelId: labelId }), jsx(FilterCalendarSelectButton, {})] }) }));
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
export { FilterCalendarPanel as default };
|
|
46
|
-
//# sourceMappingURL=FilterCalendarPanel-xRJERPNn-CFJAMzHr.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FilterCalendarPanel-xRJERPNn-CFJAMzHr.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/FilterCalendarPanel-xRJERPNn.js"],"sourcesContent":["import { jsx, jsxs } from 'react/jsx-runtime';\nimport { useId } from 'react';\nimport { g as useCalendarContext, i as isValidDateOfVariant, h as getCalendarDate, j as CalendarProvider, b as Flex, k as Calendar } from './index-nvdefcFf.js';\nimport '@bbodek/utils';\nimport { F as FilterSelectButton, u as useFilterSelectOptionPanel } from './useFilterSelectOptionPanel-CliL1k8Q.js';\nimport 'react-dom';\nimport '@bbodek/hooks';\n\nconst FilterCalendarSelectButton = () => {\n const { variant, internalValue, handleChange } = useCalendarContext();\n const isDisabled = !isValidDateOfVariant({ value: internalValue, variant });\n return jsx(FilterSelectButton, { disabled: isDisabled, onClick: handleChange });\n};\n\nconst useFilterCalendarPanel = () => {\n const { models: { value }, operations: { handleChange }, } = useFilterSelectOptionPanel();\n const { startDate, endDate } = value !== null\n ? getCalendarDate({ value })\n : { startDate: null, endDate: null };\n const calendarValue = value !== null\n ? {\n startDate: startDate,\n endDate: endDate,\n }\n : null;\n const onChange = (value) => {\n const _value = value ? [`${value.startDate}~${value.endDate}`] : null;\n handleChange({ value: _value });\n };\n return {\n models: {\n calendarValue,\n },\n operations: { onChange },\n };\n};\n\nconst FilterCalendarPanel = ({ variant }) => {\n const labelId = useId();\n const calendarId = useId();\n const { models: { calendarValue }, operations: { onChange }, } = useFilterCalendarPanel();\n return (jsx(CalendarProvider, { value: calendarValue, variant: variant, onChange: onChange, children: jsxs(Flex, { className: 'in-tablet:min-w-[23.75rem] mx-auto w-[22.5rem] justify-between overflow-hidden', direction: 'column', children: [jsx(Calendar, { className: 'in-tablet:min-h-[34svh-3.75rem] in-tablet:max-h-[46svh-3.75rem] mx-auto h-[100svh-4rem]', id: calendarId, labelId: labelId }), jsx(FilterCalendarSelectButton, {})] }) }));\n};\n\nexport { FilterCalendarPanel as default };\n//# sourceMappingURL=FilterCalendarPanel-xRJERPNn.js.map\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,0BAA0B,GAAG,MAAM;AACzC,IAAI,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE;AACzE,IAAI,MAAM,UAAU,GAAG,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC;AAC/E,IAAI,OAAO,GAAG,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;AACnF,CAAC;;AAED,MAAM,sBAAsB,GAAG,MAAM;AACrC,IAAI,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,YAAY,EAAE,GAAG,GAAG,0BAA0B,EAAE;AAC7F,IAAI,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,KAAK;AAC7C,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE;AACnC,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE;AAC5C,IAAI,MAAM,aAAa,GAAG,KAAK,KAAK;AACpC,UAAU;AACV,YAAY,SAAS,EAAE,SAAS;AAChC,YAAY,OAAO,EAAE,OAAO;AAC5B;AACA,UAAU,IAAI;AACd,IAAI,MAAM,QAAQ,GAAG,CAAC,KAAK,KAAK;AAChC,QAAQ,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI;AAC7E,QAAQ,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AACvC,IAAI,CAAC;AACL,IAAI,OAAO;AACX,QAAQ,MAAM,EAAE;AAChB,YAAY,aAAa;AACzB,SAAS;AACT,QAAQ,UAAU,EAAE,EAAE,QAAQ,EAAE;AAChC,KAAK;AACL,CAAC;;AAEI,MAAC,mBAAmB,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK;AAC7C,IAAI,MAAM,OAAO,GAAG,KAAK,EAAE;AAC3B,IAAI,MAAM,UAAU,GAAG,KAAK,EAAE;AAC9B,IAAI,MAAM,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,GAAG,sBAAsB,EAAE;AAC7F,IAAI,QAAQ,GAAG,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,gFAAgF,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,yFAAyF,EAAE,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;AACzb;;;;","x_google_ignoreList":[0]}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { useId } from 'react';
|
|
3
|
-
import { u as useFilterSelectOptionPanel, F as FilterSelectButton } from './useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13-COH6mNr-.js';
|
|
4
|
-
import { t as MultiSelectBaseProvider, v as Flex, w as MultiSelectBase, x as MultiSearchSelectSelectedPanel, y as MultiSearchSelectSearchPanel, z as useMultiSelectBaseContext } from './index-_fK2m8cY.js';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
import 'fs';
|
|
7
|
-
import 'stream';
|
|
8
|
-
|
|
9
|
-
const FilterMultiSelectButton = () => {
|
|
10
|
-
const { onChange, onSearch, internalOptions } = useMultiSelectBaseContext();
|
|
11
|
-
const handleClick = () => {
|
|
12
|
-
onSearch({ value: null });
|
|
13
|
-
onChange();
|
|
14
|
-
};
|
|
15
|
-
return (jsx(FilterSelectButton, { onClick: handleClick, disabled: internalOptions.length === 0 ||
|
|
16
|
-
internalOptions.find(({ isSelected }) => isSelected) === undefined }));
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
const useFilterMultiSelectPanel = () => {
|
|
20
|
-
const { models: { options: selectOptions, value: selectValue }, operations: { handleChange }, } = useFilterSelectOptionPanel();
|
|
21
|
-
const options = selectOptions.options.map(({ value, displayValue }) => ({
|
|
22
|
-
value,
|
|
23
|
-
label: displayValue,
|
|
24
|
-
}));
|
|
25
|
-
const value = (selectValue ?? []).map((value) => ({
|
|
26
|
-
value: value,
|
|
27
|
-
label: options.find((option) => option.value === value)?.label ?? '',
|
|
28
|
-
}));
|
|
29
|
-
const onChange = (values) => {
|
|
30
|
-
const _value = values ? values.map(({ value }) => value) : null;
|
|
31
|
-
handleChange({ value: _value });
|
|
32
|
-
};
|
|
33
|
-
return {
|
|
34
|
-
models: {
|
|
35
|
-
value,
|
|
36
|
-
options,
|
|
37
|
-
},
|
|
38
|
-
operations: { onChange },
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
const FilterMultiSelectPanel = () => {
|
|
43
|
-
const labelId = useId();
|
|
44
|
-
const selectListResultId = useId();
|
|
45
|
-
const selectedListResultId = useId();
|
|
46
|
-
const { models: { value, options }, operations: { onChange }, } = useFilterMultiSelectPanel();
|
|
47
|
-
return (jsx(MultiSelectBaseProvider, { onChange: onChange, value: value, options: options, selectListResultId: selectListResultId, selectedListResultId: selectedListResultId, children: jsxs(Flex, { direction: 'column', className: 'in-tablet:min-w-[36.25rem] mx-auto w-[22.5rem] flex-1 justify-between overflow-hidden', children: [jsx(MultiSelectBase, { className: 'in-tablet:min-h-[calc(34svh-3.75rem)] in-tablet:max-h-[calc(46svh-3.75rem)] h-[100svh-4rem]', labelId: labelId, searchPanel: jsx(MultiSearchSelectSearchPanel, {}), selectedPanel: jsx(MultiSearchSelectSelectedPanel, {}) }), jsx(FilterMultiSelectButton, {})] }) }));
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
export { FilterMultiSelectPanel as default };
|
|
51
|
-
//# sourceMappingURL=FilterMultiSelectPanel-BKJ7F-nP-DqwwAW3z-mmfuCg1f.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FilterMultiSelectPanel-BKJ7F-nP-DqwwAW3z-mmfuCg1f.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/FilterMultiSelectPanel-BKJ7F-nP-DqwwAW3z.js"],"sourcesContent":["import { jsx, jsxs } from 'react/jsx-runtime';\nimport { useId } from 'react';\nimport { u as useFilterSelectOptionPanel, F as FilterSelectButton } from './useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13.js';\nimport { M as MultiSelectBaseProvider, a as Flex, b as MultiSelectBase, c as MultiSearchSelectSelectedPanel, e as MultiSearchSelectSearchPanel, f as useMultiSelectBaseContext } from './index-BotlieCc.js';\nimport 'react-dom';\nimport 'fs';\nimport 'stream';\n\nconst FilterMultiSelectButton = () => {\n const { onChange, onSearch, internalOptions } = useMultiSelectBaseContext();\n const handleClick = () => {\n onSearch({ value: null });\n onChange();\n };\n return (jsx(FilterSelectButton, { onClick: handleClick, disabled: internalOptions.length === 0 ||\n internalOptions.find(({ isSelected }) => isSelected) === undefined }));\n};\n\nconst useFilterMultiSelectPanel = () => {\n const { models: { options: selectOptions, value: selectValue }, operations: { handleChange }, } = useFilterSelectOptionPanel();\n const options = selectOptions.options.map(({ value, displayValue }) => ({\n value,\n label: displayValue,\n }));\n const value = (selectValue ?? []).map((value) => ({\n value: value,\n label: options.find((option) => option.value === value)?.label ?? '',\n }));\n const onChange = (values) => {\n const _value = values ? values.map(({ value }) => value) : null;\n handleChange({ value: _value });\n };\n return {\n models: {\n value,\n options,\n },\n operations: { onChange },\n };\n};\n\nconst FilterMultiSelectPanel = () => {\n const labelId = useId();\n const selectListResultId = useId();\n const selectedListResultId = useId();\n const { models: { value, options }, operations: { onChange }, } = useFilterMultiSelectPanel();\n return (jsx(MultiSelectBaseProvider, { onChange: onChange, value: value, options: options, selectListResultId: selectListResultId, selectedListResultId: selectedListResultId, children: jsxs(Flex, { direction: 'column', className: 'in-tablet:min-w-[36.25rem] mx-auto w-[22.5rem] flex-1 justify-between overflow-hidden', children: [jsx(MultiSelectBase, { className: 'in-tablet:min-h-[calc(34svh-3.75rem)] in-tablet:max-h-[calc(46svh-3.75rem)] h-[100svh-4rem]', labelId: labelId, searchPanel: jsx(MultiSearchSelectSearchPanel, {}), selectedPanel: jsx(MultiSearchSelectSelectedPanel, {}) }), jsx(FilterMultiSelectButton, {})] }) }));\n};\n\nexport { FilterMultiSelectPanel as default };\n//# sourceMappingURL=FilterMultiSelectPanel-BKJ7F-nP-DqwwAW3z.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { useId } from 'react';
|
|
3
|
-
import { u as useFilterSelectOptionPanel, F as FilterSelectButton } from './useFilterSelectOptionPanel-CliL1k8Q-B38iwnY2.js';
|
|
4
|
-
import { M as MultiSelectBaseProvider, f as Flex, g as MultiSelectBase, h as MultiSearchSelectSelectedPanel, i as MultiSearchSelectSearchPanel, j as useMultiSelectBaseContext } from './index-_fK2m8cY.js';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
import 'fs';
|
|
7
|
-
import 'stream';
|
|
8
|
-
|
|
9
|
-
const FilterMultiSelectButton = () => {
|
|
10
|
-
const { onChange, onSearch, internalOptions } = useMultiSelectBaseContext();
|
|
11
|
-
const handleClick = () => {
|
|
12
|
-
onSearch({ value: null });
|
|
13
|
-
onChange();
|
|
14
|
-
};
|
|
15
|
-
return (jsx(FilterSelectButton, { disabled: internalOptions.length === 0 ||
|
|
16
|
-
internalOptions.find(({ isSelected }) => isSelected) === undefined, onClick: handleClick }));
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
const useFilterMultiSelectPanel = () => {
|
|
20
|
-
const { models: { options: selectOptions, value: selectValue }, operations: { handleChange }, } = useFilterSelectOptionPanel();
|
|
21
|
-
const options = selectOptions.options.map(({ value, displayValue }) => ({
|
|
22
|
-
value,
|
|
23
|
-
label: displayValue,
|
|
24
|
-
}));
|
|
25
|
-
const value = (selectValue ?? []).map((value) => ({
|
|
26
|
-
value: value,
|
|
27
|
-
label: options.find((option) => option.value === value)?.label ?? '',
|
|
28
|
-
}));
|
|
29
|
-
const onChange = (values) => {
|
|
30
|
-
const _value = values ? values.map(({ value }) => value) : null;
|
|
31
|
-
handleChange({ value: _value });
|
|
32
|
-
};
|
|
33
|
-
return {
|
|
34
|
-
models: {
|
|
35
|
-
value,
|
|
36
|
-
options,
|
|
37
|
-
},
|
|
38
|
-
operations: { onChange },
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
const FilterMultiSelectPanel = () => {
|
|
43
|
-
const labelId = useId();
|
|
44
|
-
const selectListResultId = useId();
|
|
45
|
-
const selectedListResultId = useId();
|
|
46
|
-
const { models: { value, options }, operations: { onChange }, } = useFilterMultiSelectPanel();
|
|
47
|
-
return (jsx(MultiSelectBaseProvider, { options: options, selectListResultId: selectListResultId, selectedListResultId: selectedListResultId, value: value, onChange: onChange, children: jsxs(Flex, { className: 'in-tablet:min-w-[36.25rem] mx-auto w-[22.5rem] flex-1 justify-between overflow-hidden', direction: 'column', children: [jsx(MultiSelectBase, { className: 'in-tablet:min-h-[calc(34svh-3.75rem)] in-tablet:max-h-[calc(46svh-3.75rem)] h-[100svh-4rem]', labelId: labelId, searchPanel: jsx(MultiSearchSelectSearchPanel, {}), selectedPanel: jsx(MultiSearchSelectSelectedPanel, {}) }), jsx(FilterMultiSelectButton, {})] }) }));
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
export { FilterMultiSelectPanel as default };
|
|
51
|
-
//# sourceMappingURL=FilterMultiSelectPanel-M8j-s3EV-BzHL2e14.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FilterMultiSelectPanel-M8j-s3EV-BzHL2e14.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/FilterMultiSelectPanel-M8j-s3EV.js"],"sourcesContent":["import { jsx, jsxs } from 'react/jsx-runtime';\nimport { useId } from 'react';\nimport { F as FilterSelectButton, u as useFilterSelectOptionPanel } from './useFilterSelectOptionPanel-CliL1k8Q.js';\nimport { a as useMultiSelectBaseContext, M as MultiSelectBaseProvider, b as Flex, c as MultiSelectBase, e as MultiSearchSelectSelectedPanel, f as MultiSearchSelectSearchPanel } from './index-nvdefcFf.js';\nimport 'react-dom';\nimport '@bbodek/hooks';\nimport '@bbodek/utils';\n\nconst FilterMultiSelectButton = () => {\n const { onChange, onSearch, internalOptions } = useMultiSelectBaseContext();\n const handleClick = () => {\n onSearch({ value: null });\n onChange();\n };\n return (jsx(FilterSelectButton, { disabled: internalOptions.length === 0 ||\n internalOptions.find(({ isSelected }) => isSelected) === undefined, onClick: handleClick }));\n};\n\nconst useFilterMultiSelectPanel = () => {\n const { models: { options: selectOptions, value: selectValue }, operations: { handleChange }, } = useFilterSelectOptionPanel();\n const options = selectOptions.options.map(({ value, displayValue }) => ({\n value,\n label: displayValue,\n }));\n const value = (selectValue ?? []).map((value) => ({\n value: value,\n label: options.find((option) => option.value === value)?.label ?? '',\n }));\n const onChange = (values) => {\n const _value = values ? values.map(({ value }) => value) : null;\n handleChange({ value: _value });\n };\n return {\n models: {\n value,\n options,\n },\n operations: { onChange },\n };\n};\n\nconst FilterMultiSelectPanel = () => {\n const labelId = useId();\n const selectListResultId = useId();\n const selectedListResultId = useId();\n const { models: { value, options }, operations: { onChange }, } = useFilterMultiSelectPanel();\n return (jsx(MultiSelectBaseProvider, { options: options, selectListResultId: selectListResultId, selectedListResultId: selectedListResultId, value: value, onChange: onChange, children: jsxs(Flex, { className: 'in-tablet:min-w-[36.25rem] mx-auto w-[22.5rem] flex-1 justify-between overflow-hidden', direction: 'column', children: [jsx(MultiSelectBase, { className: 'in-tablet:min-h-[calc(34svh-3.75rem)] in-tablet:max-h-[calc(46svh-3.75rem)] h-[100svh-4rem]', labelId: labelId, searchPanel: jsx(MultiSearchSelectSearchPanel, {}), selectedPanel: jsx(MultiSearchSelectSelectedPanel, {}) }), jsx(FilterMultiSelectButton, {})] }) }));\n};\n\nexport { FilterMultiSelectPanel as default };\n//# sourceMappingURL=FilterMultiSelectPanel-M8j-s3EV.js.map\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,uBAAuB,GAAG,MAAM;AACtC,IAAI,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,yBAAyB,EAAE;AAC/E,IAAI,MAAM,WAAW,GAAG,MAAM;AAC9B,QAAQ,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACjC,QAAQ,QAAQ,EAAE;AAClB,IAAI,CAAC;AACL,IAAI,QAAQ,GAAG,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,eAAe,CAAC,MAAM,KAAK,CAAC;AAC5E,YAAY,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,UAAU,CAAC,KAAK,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;AACvG,CAAC;;AAED,MAAM,yBAAyB,GAAG,MAAM;AACxC,IAAI,MAAM,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,UAAU,EAAE,EAAE,YAAY,EAAE,GAAG,GAAG,0BAA0B,EAAE;AAClI,IAAI,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM;AAC5E,QAAQ,KAAK;AACb,QAAQ,KAAK,EAAE,YAAY;AAC3B,KAAK,CAAC,CAAC;AACP,IAAI,MAAM,KAAK,GAAG,CAAC,WAAW,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,KAAK,MAAM;AACtD,QAAQ,KAAK,EAAE,KAAK;AACpB,QAAQ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,KAAK,IAAI,EAAE;AAC5E,KAAK,CAAC,CAAC;AACP,IAAI,MAAM,QAAQ,GAAG,CAAC,MAAM,KAAK;AACjC,QAAQ,MAAM,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,GAAG,IAAI;AACvE,QAAQ,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AACvC,IAAI,CAAC;AACL,IAAI,OAAO;AACX,QAAQ,MAAM,EAAE;AAChB,YAAY,KAAK;AACjB,YAAY,OAAO;AACnB,SAAS;AACT,QAAQ,UAAU,EAAE,EAAE,QAAQ,EAAE;AAChC,KAAK;AACL,CAAC;;AAEI,MAAC,sBAAsB,GAAG,MAAM;AACrC,IAAI,MAAM,OAAO,GAAG,KAAK,EAAE;AAC3B,IAAI,MAAM,kBAAkB,GAAG,KAAK,EAAE;AACtC,IAAI,MAAM,oBAAoB,GAAG,KAAK,EAAE;AACxC,IAAI,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,GAAG,yBAAyB,EAAE;AACjG,IAAI,QAAQ,GAAG,CAAC,uBAAuB,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,uFAAuF,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,eAAe,EAAE,EAAE,SAAS,EAAE,6FAA6F,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,CAAC,4BAA4B,EAAE,EAAE,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,8BAA8B,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,uBAAuB,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;AACvnB;;;;","x_google_ignoreList":[0]}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { u as useFilterPanelContext, F as FILTER_TYPES, d as dynamic, C as CALENDAR_VARIANTS } from './index-_fK2m8cY.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react-dom';
|
|
5
|
-
import 'fs';
|
|
6
|
-
import 'stream';
|
|
7
|
-
|
|
8
|
-
const FilterMultiSelectPanel = dynamic(() => import('./FilterMultiSelectPanel-M8j-s3EV-BzHL2e14.js'), { ssr: false });
|
|
9
|
-
const FilterCalendarPanel = dynamic(() => import('./FilterCalendarPanel-xRJERPNn-CFJAMzHr.js'), { ssr: false });
|
|
10
|
-
const FilterSelectOptionPanel = () => {
|
|
11
|
-
const { currentOptions } = useFilterPanelContext();
|
|
12
|
-
const { type } = currentOptions;
|
|
13
|
-
const PANELS = {
|
|
14
|
-
[FILTER_TYPES.MULTI_SELECT]: jsx(FilterMultiSelectPanel, {}),
|
|
15
|
-
[FILTER_TYPES.DATE_SINGLE]: (jsx(FilterCalendarPanel, { variant: CALENDAR_VARIANTS.SINGLE })),
|
|
16
|
-
[FILTER_TYPES.DATE_RANGE]: (jsx(FilterCalendarPanel, { variant: CALENDAR_VARIANTS.RANGE })),
|
|
17
|
-
};
|
|
18
|
-
return PANELS[type];
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { FilterSelectOptionPanel as default };
|
|
22
|
-
//# sourceMappingURL=FilterSelectOptionPanel-D_AQGIT2-DUOIV1sc.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FilterSelectOptionPanel-D_AQGIT2-DUOIV1sc.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/FilterSelectOptionPanel-D_AQGIT2.js"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { u as useFilterPanelContext, F as FILTER_TYPES, d as dynamic, C as CALENDAR_VARIANTS } from './index-nvdefcFf.js';\nimport 'react';\nimport '@bbodek/utils';\nimport 'react-dom';\nimport '@bbodek/hooks';\n\nconst FilterMultiSelectPanel = dynamic(() => import('./FilterMultiSelectPanel-M8j-s3EV.js'), { ssr: false });\nconst FilterCalendarPanel = dynamic(() => import('./FilterCalendarPanel-xRJERPNn.js'), { ssr: false });\nconst FilterSelectOptionPanel = () => {\n const { currentOptions } = useFilterPanelContext();\n const { type } = currentOptions;\n const PANELS = {\n [FILTER_TYPES.MULTI_SELECT]: jsx(FilterMultiSelectPanel, {}),\n [FILTER_TYPES.DATE_SINGLE]: (jsx(FilterCalendarPanel, { variant: CALENDAR_VARIANTS.SINGLE })),\n [FILTER_TYPES.DATE_RANGE]: (jsx(FilterCalendarPanel, { variant: CALENDAR_VARIANTS.RANGE })),\n };\n return PANELS[type];\n};\n\nexport { FilterSelectOptionPanel as default };\n//# sourceMappingURL=FilterSelectOptionPanel-D_AQGIT2.js.map\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,sBAAsB,GAAG,OAAO,CAAC,MAAM,OAAO,+CAAsC,CAAC,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAC5G,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAAM,OAAO,4CAAmC,CAAC,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AACjG,MAAC,uBAAuB,GAAG,MAAM;AACtC,IAAI,MAAM,EAAE,cAAc,EAAE,GAAG,qBAAqB,EAAE;AACtD,IAAI,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc;AACnC,IAAI,MAAM,MAAM,GAAG;AACnB,QAAQ,CAAC,YAAY,CAAC,YAAY,GAAG,GAAG,CAAC,sBAAsB,EAAE,EAAE,CAAC;AACpE,QAAQ,CAAC,YAAY,CAAC,WAAW,IAAI,GAAG,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,iBAAiB,CAAC,MAAM,EAAE,CAAC,CAAC;AACrG,QAAQ,CAAC,YAAY,CAAC,UAAU,IAAI,GAAG,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,iBAAiB,CAAC,KAAK,EAAE,CAAC,CAAC;AACnG,KAAK;AACL,IAAI,OAAO,MAAM,CAAC,IAAI,CAAC;AACvB;;;;","x_google_ignoreList":[0]}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { a as useFilterPanelContext, b as FILTER_TYPES, c as dynamic, e as CALENDAR_VARIANTS } from './index-_fK2m8cY.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react-dom';
|
|
5
|
-
import 'fs';
|
|
6
|
-
import 'stream';
|
|
7
|
-
|
|
8
|
-
const FilterMultiSelectPanel = dynamic(() => import('./FilterMultiSelectPanel-BKJ7F-nP-DqwwAW3z-mmfuCg1f.js'), { ssr: false });
|
|
9
|
-
const FilterCalendarPanel = dynamic(() => import('./FilterCalendarPanel-tgOkj1yi-Ca95srv1-CXb7mQ6r.js'), { ssr: false });
|
|
10
|
-
const FilterSelectOptionPanel = () => {
|
|
11
|
-
const { currentOptions } = useFilterPanelContext();
|
|
12
|
-
const { type } = currentOptions;
|
|
13
|
-
const PANELS = {
|
|
14
|
-
[FILTER_TYPES.MULTI_SELECT]: jsx(FilterMultiSelectPanel, {}),
|
|
15
|
-
[FILTER_TYPES.DATE_SINGLE]: (jsx(FilterCalendarPanel, { variant: CALENDAR_VARIANTS.SINGLE })),
|
|
16
|
-
[FILTER_TYPES.DATE_RANGE]: (jsx(FilterCalendarPanel, { variant: CALENDAR_VARIANTS.RANGE })),
|
|
17
|
-
};
|
|
18
|
-
return PANELS[type];
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { FilterSelectOptionPanel as default };
|
|
22
|
-
//# sourceMappingURL=FilterSelectOptionPanel-uodA0iXc-kXTbi7Ni-BlAqWYjA.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FilterSelectOptionPanel-uodA0iXc-kXTbi7Ni-BlAqWYjA.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/FilterSelectOptionPanel-uodA0iXc-kXTbi7Ni.js"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { u as useFilterPanelContext, F as FILTER_TYPES, d as dynamic, C as CALENDAR_VARIANTS } from './index-BotlieCc.js';\nimport 'react';\nimport 'react-dom';\nimport 'fs';\nimport 'stream';\n\nconst FilterMultiSelectPanel = dynamic(() => import('./FilterMultiSelectPanel-BKJ7F-nP-DqwwAW3z.js'), { ssr: false });\nconst FilterCalendarPanel = dynamic(() => import('./FilterCalendarPanel-tgOkj1yi-Ca95srv1.js'), { ssr: false });\nconst FilterSelectOptionPanel = () => {\n const { currentOptions } = useFilterPanelContext();\n const { type } = currentOptions;\n const PANELS = {\n [FILTER_TYPES.MULTI_SELECT]: jsx(FilterMultiSelectPanel, {}),\n [FILTER_TYPES.DATE_SINGLE]: (jsx(FilterCalendarPanel, { variant: CALENDAR_VARIANTS.SINGLE })),\n [FILTER_TYPES.DATE_RANGE]: (jsx(FilterCalendarPanel, { variant: CALENDAR_VARIANTS.RANGE })),\n };\n return PANELS[type];\n};\n\nexport { FilterSelectOptionPanel as default };\n//# sourceMappingURL=FilterSelectOptionPanel-uodA0iXc-kXTbi7Ni.js.map\n"],"names":[],"mappings":";;;;;;;AAOA,MAAM,sBAAsB,GAAG,OAAO,CAAC,MAAM,OAAO,wDAA+C,CAAC,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AACrH,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAAM,OAAO,qDAA4C,CAAC,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AAC1G,MAAC,uBAAuB,GAAG,MAAM;AACtC,IAAI,MAAM,EAAE,cAAc,EAAE,GAAG,qBAAqB,EAAE;AACtD,IAAI,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc;AACnC,IAAI,MAAM,MAAM,GAAG;AACnB,QAAQ,CAAC,YAAY,CAAC,YAAY,GAAG,GAAG,CAAC,sBAAsB,EAAE,EAAE,CAAC;AACpE,QAAQ,CAAC,YAAY,CAAC,WAAW,IAAI,GAAG,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,iBAAiB,CAAC,MAAM,EAAE,CAAC,CAAC;AACrG,QAAQ,CAAC,YAAY,CAAC,UAAU,IAAI,GAAG,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,iBAAiB,CAAC,KAAK,EAAE,CAAC,CAAC;AACnG,KAAK;AACL,IAAI,OAAO,MAAM,CAAC,IAAI,CAAC;AACvB;;;;","x_google_ignoreList":[0]}
|