@bbodek/hooks 0.0.21 → 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 +4 -3
- 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
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
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';
|
|
3
|
-
import { useCallback } from 'react';
|
|
4
|
-
|
|
5
|
-
const FilterSelectButton = ({ onClick, disabled }) => {
|
|
6
|
-
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 }) }));
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
const useFilterSelectOptionPanel = () => {
|
|
10
|
-
const { toggleValues = null, selectValues, selectOptions, onChange, } = useFilterContext();
|
|
11
|
-
const { currentOptions, currentSelectValue, setCurrentSelectValue, setFilterStep, } = useFilterPanelContext();
|
|
12
|
-
const { key } = currentOptions;
|
|
13
|
-
const selectValue = selectValues?.[key] ?? null;
|
|
14
|
-
const _currentSelectValue = currentSelectValue?.[key] ?? null;
|
|
15
|
-
const value = selectValue ?? _currentSelectValue;
|
|
16
|
-
const options = selectOptions.find((option) => option.key === key);
|
|
17
|
-
const handleChange = useCallback(({ value }) => {
|
|
18
|
-
onChange({
|
|
19
|
-
toggleValues,
|
|
20
|
-
selectValues: {
|
|
21
|
-
...selectValues,
|
|
22
|
-
[key]: value,
|
|
23
|
-
},
|
|
24
|
-
});
|
|
25
|
-
setFilterStep(FILTER_STEPS.IDLE);
|
|
26
|
-
setCurrentSelectValue(null);
|
|
27
|
-
}, [key, currentSelectValue, selectValues]);
|
|
28
|
-
return {
|
|
29
|
-
models: {
|
|
30
|
-
value,
|
|
31
|
-
options,
|
|
32
|
-
},
|
|
33
|
-
operations: { handleChange, setCurrentSelectValue },
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
export { FilterSelectButton as F, useFilterSelectOptionPanel as u };
|
|
38
|
-
//# sourceMappingURL=useFilterSelectOptionPanel-CliL1k8Q-B38iwnY2.js.map
|
|
@@ -1 +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]}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
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';
|
|
3
|
-
import { useCallback } from 'react';
|
|
4
|
-
|
|
5
|
-
const FilterSelectButton = ({ onClick, disabled }) => {
|
|
6
|
-
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 }) }));
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
const useFilterSelectOptionPanel = () => {
|
|
10
|
-
const { toggleValues = null, selectValues, selectOptions, onChange, } = useFilterContext();
|
|
11
|
-
const { currentOptions, currentSelectValue, setCurrentSelectValue, setFilterStep, } = useFilterPanelContext();
|
|
12
|
-
const { key } = currentOptions;
|
|
13
|
-
const selectValue = selectValues?.[key] ?? null;
|
|
14
|
-
const _currentSelectValue = currentSelectValue?.[key] ?? null;
|
|
15
|
-
const value = selectValue ?? _currentSelectValue;
|
|
16
|
-
const options = selectOptions.find((option) => option.key === key);
|
|
17
|
-
const handleChange = useCallback(({ value }) => {
|
|
18
|
-
onChange({
|
|
19
|
-
toggleValues,
|
|
20
|
-
selectValues: {
|
|
21
|
-
...selectValues,
|
|
22
|
-
[key]: value,
|
|
23
|
-
},
|
|
24
|
-
});
|
|
25
|
-
setFilterStep(FILTER_STEPS.IDLE);
|
|
26
|
-
setCurrentSelectValue(null);
|
|
27
|
-
}, [key, currentSelectValue, selectValues]);
|
|
28
|
-
return {
|
|
29
|
-
models: {
|
|
30
|
-
value,
|
|
31
|
-
options,
|
|
32
|
-
},
|
|
33
|
-
operations: { handleChange, setCurrentSelectValue },
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
export { FilterSelectButton as F, useFilterSelectOptionPanel as u };
|
|
38
|
-
//# sourceMappingURL=useFilterSelectOptionPanel-E9OE1xmu-hQsWrD13-COH6mNr-.js.map
|
|
@@ -1 +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]}
|