@bbodek/hooks 0.0.20 → 0.0.21
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/{FilterCalendarPanel-tgOkj1yi-Ca95srv1.js → FilterCalendarPanel-tgOkj1yi-Ca95srv1-CXb7mQ6r.js} +3 -3
- package/dist/FilterCalendarPanel-tgOkj1yi-Ca95srv1-CXb7mQ6r.js.map +1 -0
- package/dist/FilterCalendarPanel-xRJERPNn-CFJAMzHr.js +46 -0
- package/dist/FilterCalendarPanel-xRJERPNn-CFJAMzHr.js.map +1 -0
- package/dist/{FilterMultiSelectPanel-BKJ7F-nP-DqwwAW3z.js → FilterMultiSelectPanel-BKJ7F-nP-DqwwAW3z-mmfuCg1f.js} +3 -3
- package/dist/FilterMultiSelectPanel-BKJ7F-nP-DqwwAW3z-mmfuCg1f.js.map +1 -0
- package/dist/FilterMultiSelectPanel-M8j-s3EV-BzHL2e14.js +51 -0
- package/dist/{FilterMultiSelectPanel-BKJ7F-nP-DqwwAW3z.js.map → FilterMultiSelectPanel-M8j-s3EV-BzHL2e14.js.map} +1 -1
- package/dist/{FilterSelectOptionPanel-uodA0iXc-kXTbi7Ni.js → FilterSelectOptionPanel-D_AQGIT2-DUOIV1sc.js} +4 -4
- package/dist/{FilterSelectOptionPanel-uodA0iXc-kXTbi7Ni.js.map → FilterSelectOptionPanel-D_AQGIT2-DUOIV1sc.js.map} +1 -1
- package/dist/FilterSelectOptionPanel-uodA0iXc-kXTbi7Ni-BlAqWYjA.js +22 -0
- package/dist/FilterSelectOptionPanel-uodA0iXc-kXTbi7Ni-BlAqWYjA.js.map +1 -0
- package/dist/{index-BotlieCc.js → index-_fK2m8cY.js} +35058 -230
- package/dist/index-_fK2m8cY.js.map +1 -0
- package/dist/index.es.js +1 -1
- package/dist/useFilterSelectOptionPanel-CliL1k8Q-B38iwnY2.js +38 -0
- package/dist/{useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13.js.map → useFilterSelectOptionPanel-CliL1k8Q-B38iwnY2.js.map} +1 -1
- package/dist/{useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13.js → useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13-COH6mNr-.js} +2 -2
- package/dist/useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13-COH6mNr-.js.map +1 -0
- package/package.json +4 -3
- package/dist/FilterCalendarPanel-tgOkj1yi-Ca95srv1.js.map +0 -1
- package/dist/index-BotlieCc.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { useId } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
import { u as useFilterSelectOptionPanel, F as FilterSelectButton } from './useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13
|
|
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
5
|
import 'react-dom';
|
|
6
6
|
import 'fs';
|
|
7
7
|
import 'stream';
|
|
@@ -43,4 +43,4 @@ const FilterCalendarPanel = ({ variant }) => {
|
|
|
43
43
|
};
|
|
44
44
|
|
|
45
45
|
export { FilterCalendarPanel as default };
|
|
46
|
-
//# sourceMappingURL=FilterCalendarPanel-tgOkj1yi-Ca95srv1.js.map
|
|
46
|
+
//# sourceMappingURL=FilterCalendarPanel-tgOkj1yi-Ca95srv1-CXb7mQ6r.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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]}
|
|
@@ -0,0 +1,46 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { useId } from 'react';
|
|
3
|
-
import { u as useFilterSelectOptionPanel, F as FilterSelectButton } from './useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13
|
|
4
|
-
import {
|
|
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
5
|
import 'react-dom';
|
|
6
6
|
import 'fs';
|
|
7
7
|
import 'stream';
|
|
@@ -48,4 +48,4 @@ const FilterMultiSelectPanel = () => {
|
|
|
48
48
|
};
|
|
49
49
|
|
|
50
50
|
export { FilterMultiSelectPanel as default };
|
|
51
|
-
//# sourceMappingURL=FilterMultiSelectPanel-BKJ7F-nP-DqwwAW3z.js.map
|
|
51
|
+
//# sourceMappingURL=FilterMultiSelectPanel-BKJ7F-nP-DqwwAW3z-mmfuCg1f.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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]}
|
|
@@ -0,0 +1,51 @@
|
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterMultiSelectPanel-
|
|
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":"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","x_google_ignoreList":[0]}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
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-
|
|
2
|
+
import { u as useFilterPanelContext, F as FILTER_TYPES, d as dynamic, C as CALENDAR_VARIANTS } from './index-_fK2m8cY.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'react-dom';
|
|
5
5
|
import 'fs';
|
|
6
6
|
import 'stream';
|
|
7
7
|
|
|
8
|
-
const FilterMultiSelectPanel = dynamic(() => import('./FilterMultiSelectPanel-
|
|
9
|
-
const FilterCalendarPanel = dynamic(() => import('./FilterCalendarPanel-
|
|
8
|
+
const FilterMultiSelectPanel = dynamic(() => import('./FilterMultiSelectPanel-M8j-s3EV-BzHL2e14.js'), { ssr: false });
|
|
9
|
+
const FilterCalendarPanel = dynamic(() => import('./FilterCalendarPanel-xRJERPNn-CFJAMzHr.js'), { ssr: false });
|
|
10
10
|
const FilterSelectOptionPanel = () => {
|
|
11
11
|
const { currentOptions } = useFilterPanelContext();
|
|
12
12
|
const { type } = currentOptions;
|
|
@@ -19,4 +19,4 @@ const FilterSelectOptionPanel = () => {
|
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
export { FilterSelectOptionPanel as default };
|
|
22
|
-
//# sourceMappingURL=FilterSelectOptionPanel-
|
|
22
|
+
//# sourceMappingURL=FilterSelectOptionPanel-D_AQGIT2-DUOIV1sc.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterSelectOptionPanel-
|
|
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]}
|
|
@@ -0,0 +1,22 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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]}
|