@nodeblocks/frontend-filter-search-panel-block 0.3.0 → 0.3.3

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.
Files changed (11) hide show
  1. package/dist/context.d.ts +2 -2
  2. package/dist/context.d.ts.map +1 -1
  3. package/dist/filter-search-panel.d.ts +11 -46
  4. package/dist/filter-search-panel.d.ts.map +1 -1
  5. package/dist/index.cjs.js +1 -267
  6. package/dist/index.esm.js +1 -265
  7. package/dist/lib.d.ts +19 -3
  8. package/dist/lib.d.ts.map +1 -1
  9. package/package.json +18 -11
  10. package/dist/index.cjs.js.map +0 -1
  11. package/dist/index.esm.js.map +0 -1
package/dist/context.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { FilterChip, SearchFormData } from './filter-search-panel';
3
- type FilterSearchPanelContextValue<T extends SearchFormData = any> = {
3
+ export type FilterSearchPanelContextValue<T extends SearchFormData = any> = {
4
4
  filters?: FilterChip[];
5
5
  defaultSearchValue?: string;
6
6
  onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
@@ -11,9 +11,9 @@ type FilterSearchPanelContextValue<T extends SearchFormData = any> = {
11
11
  noFilterText?: string;
12
12
  filterLabel?: string;
13
13
  };
14
+ export declare const keys: readonly ["filters", "defaultSearchValue", "onSearchChange", "onClickFilterButton", "onClickRemoveFilter", "onSearch", "searchPlaceholder", "noFilterText", "filterLabel"];
14
15
  export declare const FilterSearchPanelProvider: <T extends SearchFormData>({ children, ...value }: FilterSearchPanelContextValue<T> & {
15
16
  children: ReactNode;
16
17
  }) => import("react/jsx-runtime").JSX.Element;
17
18
  export declare const useFilterSearchPanelContext: <T extends SearchFormData>() => FilterSearchPanelContextValue<T>;
18
- export {};
19
19
  //# sourceMappingURL=context.d.ts.map
package/dist/context.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEnE,KAAK,6BAA6B,CAIhC,CAAC,SAAS,cAAc,GAAG,GAAG,IAC5B;IACF,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtE,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,cAAc,EAAE,wBAGjE,6BAA6B,CAAC,CAAC,CAAC,GAAG;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAEA,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,cAAc,uCAOnE,CAAC"}
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEnE,MAAM,MAAM,6BAA6B,CAIvC,CAAC,SAAS,cAAc,GAAG,GAAG,IAC5B;IACF,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtE,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,IAAI,4KAUyB,CAAC;AAW3C,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,cAAc,EAAE,wBAGjE,6BAA6B,CAAC,CAAC,CAAC,GAAG;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAEA,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,cAAc,uCAOnE,CAAC"}
package/dist/filter-search-panel.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { Box, Button, Chip, Stack, StackProps, TextField } from '@mui/material';
2
2
  import { ComponentProps, ReactNode } from 'react';
3
+ import { FilterSearchPanelContextValue } from './context';
3
4
  import { BlocksOverride } from './lib';
4
5
  export type FilterChip = {
5
6
  label: string;
@@ -10,58 +11,22 @@ export type SearchFormData = {
10
11
  search: string;
11
12
  };
12
13
  declare const FilterSearchPanel: {
13
- <T extends SearchFormData, CustomBlocks extends Record<string, ReactNode> = {}>({ filters, defaultSearchValue, onClickRemoveFilter, onClickFilterButton, onSearchChange, onSearch, searchPlaceholder, noFilterText, filterLabel, className, children, sx, spacing, direction, ...props }: Omit<StackProps<"form">, "children" | "component" | "onSubmit"> & {
14
- filters?: FilterChip[];
15
- defaultSearchValue?: string;
16
- onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
17
- onClickFilterButton?: () => void;
18
- onClickRemoveFilter?: (filter: FilterChip) => void;
19
- onSearch?: (data: T) => void;
20
- searchPlaceholder?: string;
21
- noFilterText?: string;
22
- filterLabel?: string;
14
+ <T extends SearchFormData, CustomBlocks extends Record<string, ReactNode> = {}>({ filters, onSearch, sx, className, children, spacing, direction, ...props }: Omit<StackProps<"form">, "children" | "component" | "onSubmit"> & Partial<Pick<FilterSearchPanelContextValue, "defaultSearchValue" | "onSearchChange" | "onClickFilterButton" | "onClickRemoveFilter" | "onSearch" | "searchPlaceholder" | "noFilterText" | "filterLabel" | "filters">> & {
23
15
  children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;
24
16
  }): import("react/jsx-runtime").JSX.Element;
25
- SearchInput(props: Partial<Omit<ComponentProps<typeof TextField>, "children"> & {
26
- children?: ReactNode;
27
- searchPlaceholder?: string;
28
- onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
29
- onSearch?: () => void;
30
- defaultSearchValue?: string;
31
- }>): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
32
- FilterButton(props: Partial<ComponentProps<typeof Button> & {
33
- filterLabel: string;
34
- onClickFilterButton: () => void;
35
- }>): import("react/jsx-runtime").JSX.Element;
36
- SelectedFilterList(props: Partial<ComponentProps<typeof Box> & {
37
- filters: FilterChip[];
38
- onClickRemoveFilter: (filter: FilterChip) => void;
39
- noFilterText: string;
40
- }>): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
41
- FilterBadge(props: Partial<Omit<ComponentProps<typeof Chip>, "children">> & {
42
- children?: ReactNode;
17
+ SearchInput(props: Partial<ComponentProps<typeof TextField> & Pick<FilterSearchPanelContextValue, "searchPlaceholder" | "onSearchChange" | "defaultSearchValue">>): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
18
+ FilterButton(props: Partial<ComponentProps<typeof Button> & Pick<FilterSearchPanelContextValue, "filterLabel" | "onClickFilterButton">>): import("react/jsx-runtime").JSX.Element;
19
+ SelectedFilterList(props: Partial<ComponentProps<typeof Box> & Pick<FilterSearchPanelContextValue, "filters" | "onClickRemoveFilter" | "noFilterText">>): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
20
+ FilterBadge(props: Partial<ComponentProps<typeof Chip> & Pick<FilterSearchPanelContextValue, "onClickRemoveFilter">> & {
43
21
  filter: FilterChip;
44
- onClickRemoveFilter: (filter: FilterChip) => void;
45
22
  }): import("react/jsx-runtime").JSX.Element;
46
- ActionGroup(props: Partial<ComponentProps<typeof Stack>>): import("react/jsx-runtime").JSX.Element;
23
+ ActionGroup({ children, className, sx, ...props }: Partial<ComponentProps<typeof Stack> & Pick<FilterSearchPanelContextValue, "onClickRemoveFilter" | "filters" | "filterLabel" | "noFilterText" | "onClickFilterButton">>): import("react/jsx-runtime").JSX.Element;
47
24
  };
48
25
  declare const defaultBlocks: {
49
- searchInput: import("react").ReactElement<Partial<Omit<{
50
- variant?: import("@mui/material").TextFieldVariants | undefined;
51
- } & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps, "variant">, "children"> & {
52
- children?: ReactNode;
53
- searchPlaceholder?: string;
54
- onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
55
- onSearch?: () => void;
56
- defaultSearchValue?: string;
57
- }>, (props: Partial<Omit<ComponentProps<typeof TextField>, "children"> & {
58
- children?: ReactNode;
59
- searchPlaceholder?: string;
60
- onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
61
- onSearch?: () => void;
62
- defaultSearchValue?: string;
63
- }>) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element>;
64
- actionGroup: import("react").ReactElement<Partial<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps>>, (props: Partial<ComponentProps<typeof Stack>>) => import("react/jsx-runtime").JSX.Element>;
26
+ searchInput: import("react").ReactElement<Partial<{
27
+ variant?: import("@mui/material").TextFieldVariants;
28
+ } & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps, "variant"> & Pick<FilterSearchPanelContextValue, "defaultSearchValue" | "onSearchChange" | "searchPlaceholder">>, (props: Partial<ComponentProps<typeof TextField> & Pick<FilterSearchPanelContextValue, "searchPlaceholder" | "onSearchChange" | "defaultSearchValue">>) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element>;
29
+ actionGroup: import("react").ReactElement<Partial<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & Pick<FilterSearchPanelContextValue, "onClickFilterButton" | "onClickRemoveFilter" | "noFilterText" | "filterLabel" | "filters">>, ({ children, className, sx, ...props }: Partial<ComponentProps<typeof Stack> & Pick<FilterSearchPanelContextValue, "onClickRemoveFilter" | "filters" | "filterLabel" | "noFilterText" | "onClickFilterButton">>) => import("react/jsx-runtime").JSX.Element>;
65
30
  };
66
31
  export default FilterSearchPanel;
67
32
  //# sourceMappingURL=filter-search-panel.d.ts.map
package/dist/filter-search-panel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"filter-search-panel.d.ts","sourceRoot":"","sources":["../src/filter-search-panel.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"filter-search-panel.d.ts","sourceRoot":"","sources":["../src/filter-search-panel.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,GAAG,EACH,MAAM,EACN,IAAI,EAGJ,KAAK,EACL,UAAU,EAEV,SAAS,EAEV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EACL,6BAA6B,EAI9B,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,cAAc,EAA+E,MAAM,OAAO,CAAC;AAEpH,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5E,MAAM,MAAM,cAAc,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhD,QAAA,MAAM,iBAAiB;KAAI,CAAC,SAAS,cAAc,EAAE,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,qFAShG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC,GAChE,OAAO,CACL,IAAI,CACF,6BAA6B,EAC3B,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,qBAAqB,GACrB,UAAU,GACV,mBAAmB,GACnB,cAAc,GACd,aAAa,GACb,SAAS,CACZ,CACF,GAAG;QACF,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,EAAE,YAAY,CAAC,CAAC;KAC/D;uBAiDM,OAAO,CACZ,cAAc,CAAC,OAAO,SAAS,CAAC,GAC9B,IAAI,CAAC,6BAA6B,EAAE,mBAAmB,GAAG,gBAAgB,GAAG,oBAAoB,CAAC,CACrG;wBAwEM,OAAO,CACZ,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG,IAAI,CAAC,6BAA6B,EAAE,aAAa,GAAG,qBAAqB,CAAC,CAC3G;8BA8CM,OAAO,CACZ,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,6BAA6B,EAAE,SAAS,GAAG,qBAAqB,GAAG,cAAc,CAAC,CACrH;uBAiHM,OAAO,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,IAAI,CAAC,6BAA6B,EAAE,qBAAqB,CAAC,CAAC,GAAG;QACzG,MAAM,EAAE,UAAU,CAAC;KACpB;uDAyDA,OAAO,CACR,cAAc,CAAC,OAAO,KAAK,CAAC,GAC1B,IAAI,CACF,6BAA6B,EAC7B,qBAAqB,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,GAAG,qBAAqB,CAC3F,CACJ;CAlTA,CAAC;AAsVF,QAAA,MAAM,aAAa;;;uRAnVV,OAAO,CACZ,cAAc,CAAC,OAAO,SAAS,CAAC,GAC9B,IAAI,CAAC,6BAA6B,EAAE,mBAAmB,GAAG,gBAAgB,GAAG,oBAAoB,CAAC,CACrG;2hBAsSA,OAAO,CACR,cAAc,CAAC,OAAO,KAAK,CAAC,GAC1B,IAAI,CACF,6BAA6B,EAC7B,qBAAqB,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,GAAG,qBAAqB,CAC3F,CACJ;CAuCC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
package/dist/index.cjs.js CHANGED
@@ -1,267 +1 @@
1
-
2
-
3
- if (typeof global === 'undefined') {
4
- var global = window;
5
- }
6
-
7
- 'use strict';
8
-
9
- var jsxRuntime = require('react/jsx-runtime');
10
- var material = require('@mui/material');
11
- var iconsMaterial = require('@mui/icons-material');
12
- var react = require('react');
13
-
14
- const FilterSearchPanelContext = react.createContext(undefined);
15
- const FilterSearchPanelProvider = ({ children, ...value }) => {
16
- return jsxRuntime.jsx(FilterSearchPanelContext.Provider, { value: value, children: children });
17
- };
18
- const useFilterSearchPanelContext = () => {
19
- const context = react.useContext(FilterSearchPanelContext);
20
- if (!context) {
21
- throw new Error('useFilterSearchPanelContext must be used within a FilterSearchPanelProvider');
22
- }
23
- return context;
24
- };
25
-
26
- /**
27
- * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.
28
- *
29
- * @param components - A map of default block keys to component functions.
30
- *
31
- * @example
32
- * const defaultBlocks = createDefaultBlocks({
33
- * title: Title,
34
- * description: Description,
35
- * form: Form,
36
- * });
37
- */
38
- function createDefaultBlocks(components) {
39
- return Object.fromEntries(Object.entries(components).map(([key, Component]) => [key, react.createElement(Component, { key })]));
40
- }
41
- /**
42
- * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.
43
- * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.
44
- *
45
- * @param props
46
- * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).
47
- * @param props.defaultBlocks - The default blocks of outer component.
48
- * @param props.children - A function returning the JSX to render.
49
- *
50
- * @example
51
- * <BlocksOverrideComponent
52
- * defaultBlocks={defaultFormBlocks}
53
- * blocksOverride={children}
54
- * >
55
- * {({ blocks, blockOrder }) =>
56
- * blockOrder.map((key) => (
57
- * <Fragment key={String(key)}>{blocks[key]}</Fragment>
58
- * ))
59
- * }
60
- * </BlocksOverrideComponent>
61
- */
62
- function BlocksOverrideComponent({ blocksOverride, defaultBlocks, defaultBlockOrder, children, }) {
63
- if (blocksOverride === undefined) {
64
- return children({
65
- // TODO: Remove this assertion
66
- blocks: defaultBlocks,
67
- blockOrder: defaultBlockOrder,
68
- });
69
- }
70
- if (typeof blocksOverride === 'function') {
71
- const { blocks, blockOrder } = blocksOverride({
72
- defaultBlocks,
73
- defaultBlockOrder,
74
- });
75
- return children({ blocks, blockOrder });
76
- }
77
- return blocksOverride;
78
- }
79
- function deepMerge(obj1, obj2) {
80
- const result = { ...obj1 };
81
- for (const key in obj2) {
82
- if (obj2.hasOwnProperty(key)) {
83
- const val1 = result[key];
84
- const val2 = obj2[key];
85
- if (Array.isArray(val1) || Array.isArray(val2)) {
86
- // If either is an array, replace entirely with obj2's value
87
- result[key] = val2;
88
- }
89
- else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {
90
- result[key] = deepMerge(val1, val2);
91
- }
92
- else {
93
- result[key] = val2;
94
- }
95
- }
96
- }
97
- return result;
98
- }
99
- /**
100
- * Utility function to join class names together, ignoring undefined or nil values.
101
- * @param classes - The class names to join.
102
- * @returns The joined class names.
103
- */
104
- function classNames(...classes) {
105
- return classes.flat().filter(Boolean).join(' ');
106
- }
107
-
108
- const FilterSearchPanel = ({ filters = [], defaultSearchValue, onClickRemoveFilter, onClickFilterButton, onSearchChange, onSearch, searchPlaceholder, noFilterText, filterLabel, className, children, sx = [], spacing = 1.5, direction = 'column', ...props }) => {
109
- return (jsxRuntime.jsx(material.Stack, { component: "form", direction: direction, spacing: spacing, className: classNames('nbb-filter-search-panel', className), sx: [
110
- {
111
- p: 2,
112
- bgcolor: 'background.default',
113
- },
114
- ...(Array.isArray(sx) ? sx : [sx]),
115
- ], onSubmit: (e) => {
116
- e.preventDefault();
117
- if (!onSearch) {
118
- return;
119
- }
120
- if (!(e.target instanceof HTMLFormElement)) {
121
- return;
122
- }
123
- const formData = new FormData(e.target);
124
- const data = Object.fromEntries(formData);
125
- onSearch(data);
126
- }, ...props, children: jsxRuntime.jsx(FilterSearchPanelProvider, { filters,
127
- defaultSearchValue,
128
- onClickRemoveFilter,
129
- onClickFilterButton,
130
- onSearchChange,
131
- onSearch,
132
- searchPlaceholder,
133
- noFilterText,
134
- filterLabel, children: jsxRuntime.jsx(BlocksOverrideComponent, { defaultBlocks: defaultBlocks, defaultBlockOrder: Object.keys(defaultBlocks), blocksOverride: children, children: ({ blocks: { ...blocks }, blockOrder }) => blockOrder
135
- .filter((key) => key in blocks)
136
- .map((key) => jsxRuntime.jsx(react.Fragment, { children: blocks[key] }, String(key))) }) }) }));
137
- };
138
- FilterSearchPanel.SearchInput = (props) => {
139
- const { defaultSearchValue, searchPlaceholder = '新規サービス開発', onSearchChange, } = deepMerge(useFilterSearchPanelContext(), props);
140
- const { children, className, name = 'search', type = 'text', defaultValue = defaultSearchValue, placeholder = searchPlaceholder, onChange = onSearchChange, slotProps, sx = [], ...restProps } = props;
141
- return (children || (jsxRuntime.jsx(material.TextField, { name: name, type: type, defaultValue: defaultValue, placeholder: placeholder, onChange: onChange, className: classNames('nbb-filter-search-panel-search-input', className), size: "small", sx: [
142
- {
143
- '& .MuiOutlinedInput-root': {
144
- '& .MuiOutlinedInput-notchedOutline': {
145
- borderColor: 'grey.100',
146
- },
147
- },
148
- },
149
- ...(Array.isArray(sx) ? sx : sx ? [sx] : []),
150
- ], slotProps: {
151
- input: {
152
- endAdornment: (jsxRuntime.jsx(material.InputAdornment, { position: "end", children: jsxRuntime.jsx(material.IconButton, { type: "submit", "aria-label": "Search", sx: {
153
- p: 0,
154
- color: 'secondary.main',
155
- }, children: jsxRuntime.jsx(material.SvgIcon, { viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { d: "M15.7559 14.2549H14.9659L14.6859 13.9849C15.6659 12.8449 16.2559 11.3649 16.2559 9.75488C16.2559 6.16488 13.3459 3.25488 9.75586 3.25488C6.16586 3.25488 3.25586 6.16488 3.25586 9.75488C3.25586 13.3449 6.16586 16.2549 9.75586 16.2549C11.3659 16.2549 12.8459 15.6649 13.9859 14.6849L14.2559 14.9649V15.7549L19.2559 20.7449L20.7459 19.2549L15.7559 14.2549ZM9.75586 14.2549C7.26586 14.2549 5.25586 12.2449 5.25586 9.75488C5.25586 7.26488 7.26586 5.25488 9.75586 5.25488C12.2459 5.25488 14.2559 7.26488 14.2559 9.75488C14.2559 12.2449 12.2459 14.2549 9.75586 14.2549Z", fill: "currentColor" }) }) }) })),
156
- },
157
- ...slotProps,
158
- }, ...restProps })));
159
- };
160
- FilterSearchPanel.FilterButton = (props) => {
161
- const { onClickFilterButton, filterLabel = '絞込み設定' } = deepMerge(useFilterSearchPanelContext(), props);
162
- const { className, children, sx = [], filterLabel: _filterLabel, onClickFilterButton: _onClickFilterButton, ...restProps } = props;
163
- return (jsxRuntime.jsx(material.Button, { className: classNames('nbb-filter-search-panel-filter-button', className), variant: "outlined", size: "small", onClick: onClickFilterButton, sx: [
164
- (theme) => ({
165
- gap: 1,
166
- bgcolor: 'background.paper',
167
- flex: 'none',
168
- height: 44,
169
- '&.MuiButton-root': {
170
- fontWeight: theme.typography.fontWeightLight,
171
- },
172
- '&:focus': {
173
- outline: 'none',
174
- },
175
- }),
176
- ...(Array.isArray(sx) ? sx : [sx]),
177
- ], ...restProps, children: children || (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(iconsMaterial.Tune, { sx: { fontSize: 18, color: 'grey.700' } }), filterLabel] })) }));
178
- };
179
- FilterSearchPanel.SelectedFilterList = (props) => {
180
- const { children, filters, noFilterText = '条件未設定', onClickRemoveFilter, } = deepMerge(useFilterSearchPanelContext(), props);
181
- const { className, sx = [], filters: _filters, noFilterText: _noFilterText, onClickRemoveFilter: _onClickRemoveFilter, ...restProps } = props;
182
- if (!filters || filters.length === 0) {
183
- return (jsxRuntime.jsx(material.Box, { className: classNames('nbb-filter-search-panel-no-filter', className), sx: [
184
- {
185
- display: 'flex',
186
- flex: 1,
187
- alignItems: 'center',
188
- height: 44,
189
- bgcolor: 'grey.75',
190
- borderRadius: 2,
191
- px: 2,
192
- py: 1.125,
193
- },
194
- ...(Array.isArray(sx) ? sx : [sx]),
195
- ], ...restProps, children: jsxRuntime.jsx(material.Typography, { variant: "body2", sx: (theme) => ({
196
- color: 'secondary.main',
197
- fontWeight: theme.typography.fontWeightLight,
198
- lineHeight: '1.72',
199
- }), children: noFilterText }) }));
200
- }
201
- const filtersByGroupName = Object.groupBy(filters, (filter) => filter.groupName || '');
202
- return (children || (jsxRuntime.jsx(material.Box, { className: classNames('nbb-filter-search-panel-selected-filter-list', className), sx: [
203
- {
204
- display: 'flex',
205
- alignItems: 'center',
206
- gap: 1,
207
- },
208
- ...(Array.isArray(sx) ? sx : [sx]),
209
- ], ...restProps, children: Object.entries(filtersByGroupName).map(([groupName, filters], index) => filters &&
210
- filters.length > 0 && (jsxRuntime.jsxs(react.Fragment, { children: [groupName && (jsxRuntime.jsxs(material.Box, { component: "span", sx: {
211
- whiteSpace: 'nowrap',
212
- }, children: [jsxRuntime.jsxs(material.Typography, { component: "span", className: "nbb-filter-search-panel-selected-filter-group-name", sx: {
213
- mx: 1.75,
214
- textTransform: 'capitalize',
215
- display: 'inline-flex',
216
- gap: 1.25,
217
- }, children: [groupName, " ", jsxRuntime.jsx(material.Box, { component: "span", children: ":" })] }), jsxRuntime.jsx(FilterSearchPanel.FilterBadge, { filter: filters[0], onClickRemoveFilter: () => onClickRemoveFilter && onClickRemoveFilter(filters[0]) }, index)] })), (groupName ? filters.slice(1) : filters).map((filter, index) => (jsxRuntime.jsx(FilterSearchPanel.FilterBadge, { filter: filter, onClickRemoveFilter: () => onClickRemoveFilter && onClickRemoveFilter(filter) }, index)))] }, index))) })));
218
- };
219
- FilterSearchPanel.FilterBadge = (props) => {
220
- const { onClickRemoveFilter, filter } = deepMerge(useFilterSearchPanelContext(), props);
221
- const { children, className, sx = [], filter: _filter, onClickRemoveFilter: _onClickRemoveFilter, ...restProps } = props;
222
- return (jsxRuntime.jsx(material.Chip, { label: children || filter.label, onDelete: () => onClickRemoveFilter(filter), deleteIcon: jsxRuntime.jsx(material.SvgIcon, { viewBox: "0 0 16 16", sx: { width: 16, height: 16 }, children: jsxRuntime.jsx("path", { d: "M12.6673 4.2735L11.7273 3.3335L8.00065 7.06016L4.27398 3.3335L3.33398 4.2735L7.06065 8.00016L3.33398 11.7268L4.27398 12.6668L8.00065 8.94016L11.7273 12.6668L12.6673 11.7268L8.94065 8.00016L12.6673 4.2735Z" }) }), className: classNames('nbb-filter-search-panel-filter-badge', className), sx: [
223
- (theme) => ({
224
- height: 44,
225
- borderRadius: 2,
226
- bgcolor: 'background.paper',
227
- fontSize: theme.typography.body2.fontSize,
228
- fontWeight: theme.typography.fontWeightLight,
229
- color: 'text.primary',
230
- px: 2,
231
- py: 0.875,
232
- '& .MuiChip-label': {
233
- order: 1,
234
- pl: 1,
235
- pr: 0,
236
- },
237
- '& .MuiChip-deleteIcon': {
238
- order: -1,
239
- color: 'secondary.main',
240
- m: 0,
241
- },
242
- }),
243
- ...(Array.isArray(sx) ? sx : [sx]),
244
- ], ...restProps }));
245
- };
246
- FilterSearchPanel.ActionGroup = (props) => {
247
- const { children, className, onClickRemoveFilter, filters, filterLabel, noFilterText, onClickFilterButton } = deepMerge(useFilterSearchPanelContext(), props);
248
- const { sx = [], ...restProps } = props;
249
- return (jsxRuntime.jsx(material.Stack, { className: classNames('nbb-filter-search-panel-action-group', className), direction: "row", spacing: 1, sx: [
250
- {
251
- overflowX: 'scroll',
252
- msOverflowStyle: 'none',
253
- scrollbarWidth: 'none',
254
- '&::-webkit-scrollbar': {
255
- display: 'none',
256
- },
257
- },
258
- ...(Array.isArray(sx) ? sx : [sx]),
259
- ], ...restProps, children: children || (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(FilterSearchPanel.FilterButton, { filterLabel: filterLabel, onClickFilterButton: onClickFilterButton }), jsxRuntime.jsx(FilterSearchPanel.SelectedFilterList, { filters: filters, noFilterText: noFilterText, onClickRemoveFilter: onClickRemoveFilter })] })) }));
260
- };
261
- const defaultBlocks = createDefaultBlocks({
262
- searchInput: FilterSearchPanel.SearchInput,
263
- actionGroup: FilterSearchPanel.ActionGroup,
264
- });
265
-
266
- exports.FilterSearchPanel = FilterSearchPanel;
267
- //# sourceMappingURL=index.cjs.js.map
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("@mui/icons-material"),t=require("@mui/material"),n=require("react");const l=["filters","defaultSearchValue","onSearchChange","onClickFilterButton","onClickRemoveFilter","onSearch","searchPlaceholder","noFilterText","filterLabel"],i=n.createContext(void 0),o=({children:r,...t})=>e.jsx(i.Provider,{value:t,children:r}),a=()=>{const e=n.useContext(i);if(!e)throw new Error("useFilterSearchPanelContext must be used within a FilterSearchPanelProvider");return e};function c({blocksOverride:e,defaultBlocks:r,defaultBlockOrder:t,children:n}){if(void 0===e)return n({blocks:r,blockOrder:t});if("function"==typeof e){const{blocks:l,blockOrder:i}=e({defaultBlocks:r,defaultBlockOrder:t});return n({blocks:l,blockOrder:i})}return e}function s(e,r){const t={...e};for(const e in r)Object.prototype.hasOwnProperty.call(r,e)&&(t[e]=r[e]);return t}function d(...e){return e.flat().filter(Boolean).join(" ")}function h(e,...r){const t={...e};for(const e of r)delete t[e];return t}function p(e,...r){const t={};for(const n of r)n in e&&(t[n]=e[n]);return t}const u=({filters:r=[],onSearch:i,sx:a,className:s,children:u,spacing:x=1.5,direction:m="column",...b})=>e.jsx(t.Stack,{component:"form",direction:m,spacing:x,className:d("nbb-filter-search-panel",s),sx:[{p:2,bgcolor:"background.default"},...Array.isArray(a)?a:[a]],onSubmit:e=>{if(e.preventDefault(),!i)return;if(!(e.target instanceof HTMLFormElement))return;const r=new FormData(e.target),t=Object.fromEntries(r);i(t)},...h(b,...l),children:e.jsx(o,{...p(b,...l),children:e.jsx(c,{defaultBlocks:f,defaultBlockOrder:Object.keys(f),blocksOverride:u,children:({blocks:{...r},blockOrder:t})=>t.filter(e=>e in r).map(t=>e.jsx(n.Fragment,{children:r[t]},String(t)))})})});u.SearchInput=r=>{const{defaultSearchValue:n,searchPlaceholder:i="新規サービス開発",onSearchChange:o}=s(a(),r);a();const{children:c,className:p,name:u="search",type:f="text",defaultValue:x=n,placeholder:m=i,onChange:b=o,slotProps:g,sx:y=[],...k}=r;return c||e.jsx(t.TextField,{name:u,type:f,defaultValue:x,placeholder:m,onChange:b,className:d("nbb-filter-search-panel-search-input",p),size:"small",sx:[{"& .MuiOutlinedInput-root":{"& .MuiOutlinedInput-notchedOutline":{borderColor:"grey.100"}}},...Array.isArray(y)?y:y?[y]:[]],slotProps:{input:{endAdornment:e.jsx(t.InputAdornment,{position:"end",children:e.jsx(t.IconButton,{type:"submit","aria-label":"Search",sx:{p:0,color:"secondary.main"},children:e.jsx(t.SvgIcon,{viewBox:"0 0 24 24",children:e.jsx("path",{d:"M15.7559 14.2549H14.9659L14.6859 13.9849C15.6659 12.8449 16.2559 11.3649 16.2559 9.75488C16.2559 6.16488 13.3459 3.25488 9.75586 3.25488C6.16586 3.25488 3.25586 6.16488 3.25586 9.75488C3.25586 13.3449 6.16586 16.2549 9.75586 16.2549C11.3659 16.2549 12.8459 15.6649 13.9859 14.6849L14.2559 14.9649V15.7549L19.2559 20.7449L20.7459 19.2549L15.7559 14.2549ZM9.75586 14.2549C7.26586 14.2549 5.25586 12.2449 5.25586 9.75488C5.25586 7.26488 7.26586 5.25488 9.75586 5.25488C12.2459 5.25488 14.2559 7.26488 14.2559 9.75488C14.2559 12.2449 12.2459 14.2549 9.75586 14.2549Z",fill:"currentColor"})})})})},...g},...h(k,...l)})},u.FilterButton=n=>{const{onClickFilterButton:l,filterLabel:i="絞込み設定"}=s(a(),n),{className:o,children:c,sx:h=[],filterLabel:p,onClickFilterButton:u,...f}=n;return e.jsx(t.Button,{className:d("nbb-filter-search-panel-filter-button",o),variant:"outlined",size:"small",onClick:l,sx:[e=>({gap:1,bgcolor:"background.paper",fontSize:e.typography.body2,flex:"none",fontWeight:e.typography.fontWeightLight,px:2,"&:focus":{outline:"none"}}),...Array.isArray(h)?h:[h]],...f,children:c||e.jsxs(e.Fragment,{children:[e.jsx(r.Tune,{sx:{fontSize:18,color:"grey.700"}}),i]})})},u.SelectedFilterList=r=>{const{children:l,filters:i,noFilterText:o="条件未設定",onClickRemoveFilter:c}=s(a(),r),{className:h,sx:p=[],filters:f,noFilterText:x,onClickRemoveFilter:m,...b}=r;if(!i||0===i.length)return e.jsx(t.Box,{className:d("nbb-filter-search-panel-no-filter",h),sx:[{display:"flex",flex:1,alignItems:"center",height:44,bgcolor:"grey.75",borderRadius:2,px:2,py:1.125},...Array.isArray(p)?p:[p]],...b,children:e.jsx(t.Typography,{variant:"body2",sx:e=>({color:"secondary.main",...e.typography.fontWeightLight&&{fontWeight:e.typography.fontWeightLight},lineHeight:"1.72"}),children:o})});const g=Object.groupBy(i,e=>e.groupName||"");return l||e.jsx(t.Box,{className:d("nbb-filter-search-panel-selected-filter-list",h),sx:[{display:"flex",alignItems:"center",gap:1},...Array.isArray(p)?p:[p]],...b,children:Object.entries(g).map(([r,l],i)=>l&&l.length>0&&e.jsxs(n.Fragment,{children:[r&&e.jsxs(t.Box,{component:"span",sx:{whiteSpace:"nowrap"},children:[e.jsxs(t.Typography,{component:"span",className:"nbb-filter-search-panel-selected-filter-group-name",sx:{mx:1.75,textTransform:"capitalize",display:"inline-flex",gap:1.25},children:[r," ",e.jsx(t.Box,{component:"span",children:":"})]}),e.jsx(u.FilterBadge,{filter:l[0],onClickRemoveFilter:()=>c&&c(l[0])},i)]}),(r?l.slice(1):l).map((r,t)=>e.jsx(u.FilterBadge,{filter:r,onClickRemoveFilter:()=>c&&c(r)},t))]},i))})},u.FilterBadge=r=>{const{onClickRemoveFilter:n}=s(a(),r),{filter:l}=r,{children:i,className:o,sx:c=[],filter:h,onClickRemoveFilter:p,...u}=r;return e.jsx(t.Chip,{label:i||l.label,onDelete:()=>n&&n(l),deleteIcon:e.jsx(t.SvgIcon,{viewBox:"0 0 16 16",sx:{width:16,height:16},children:e.jsx("path",{d:"M12.6673 4.2735L11.7273 3.3335L8.00065 7.06016L4.27398 3.3335L3.33398 4.2735L7.06065 8.00016L3.33398 11.7268L4.27398 12.6668L8.00065 8.94016L11.7273 12.6668L12.6673 11.7268L8.94065 8.00016L12.6673 4.2735Z"})}),className:d("nbb-filter-search-panel-filter-badge",o),sx:[e=>({height:44,borderRadius:2,bgcolor:"background.paper",fontSize:e.typography.body2.fontSize,fontWeight:e.typography.fontWeightLight,color:"text.primary",px:2,py:.875,"& .MuiChip-label":{order:1,pl:1,pr:0},"& .MuiChip-deleteIcon":{order:-1,color:"secondary.main",m:0}}),...Array.isArray(c)?c:[c]],...u})};const f=(x={searchInput:u.SearchInput,actionGroup:u.ActionGroup=({children:r,className:n,sx:l,...i})=>e.jsx(t.Stack,{className:d("nbb-filter-search-panel-action-group",n),direction:"row",spacing:1,sx:[{overflowX:"scroll",msOverflowStyle:"none",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}},...Array.isArray(l)?l:[l]],...i,children:r||e.jsxs(e.Fragment,{children:[e.jsx(u.FilterButton,{..."filterLabel"in i&&{filterLabel:i.filterLabel},..."onClickFilterButton"in i&&{onClickFilterButton:i.onClickFilterButton}}),e.jsx(u.SelectedFilterList,{..."filters"in i&&{filters:i.filters},..."noFilterText"in i&&{noFilterText:i.noFilterText},..."onClickRemoveFilter"in i&&{onClickRemoveFilter:i.onClickRemoveFilter}})]})})},Object.fromEntries(Object.entries(x).map(([e,r])=>[e,n.createElement(r,{key:e})])));var x;exports.FilterSearchPanel=u;
package/dist/index.esm.js CHANGED
@@ -1,265 +1 @@
1
-
2
-
3
- if (typeof global === 'undefined') {
4
- var global = window;
5
- }
6
-
7
- import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
8
- import { Stack, TextField, InputAdornment, IconButton, SvgIcon, Button, Box, Typography, Chip } from '@mui/material';
9
- import { Tune } from '@mui/icons-material';
10
- import { createContext, useContext, createElement, Fragment } from 'react';
11
-
12
- const FilterSearchPanelContext = createContext(undefined);
13
- const FilterSearchPanelProvider = ({ children, ...value }) => {
14
- return jsx(FilterSearchPanelContext.Provider, { value: value, children: children });
15
- };
16
- const useFilterSearchPanelContext = () => {
17
- const context = useContext(FilterSearchPanelContext);
18
- if (!context) {
19
- throw new Error('useFilterSearchPanelContext must be used within a FilterSearchPanelProvider');
20
- }
21
- return context;
22
- };
23
-
24
- /**
25
- * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.
26
- *
27
- * @param components - A map of default block keys to component functions.
28
- *
29
- * @example
30
- * const defaultBlocks = createDefaultBlocks({
31
- * title: Title,
32
- * description: Description,
33
- * form: Form,
34
- * });
35
- */
36
- function createDefaultBlocks(components) {
37
- return Object.fromEntries(Object.entries(components).map(([key, Component]) => [key, createElement(Component, { key })]));
38
- }
39
- /**
40
- * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.
41
- * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.
42
- *
43
- * @param props
44
- * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).
45
- * @param props.defaultBlocks - The default blocks of outer component.
46
- * @param props.children - A function returning the JSX to render.
47
- *
48
- * @example
49
- * <BlocksOverrideComponent
50
- * defaultBlocks={defaultFormBlocks}
51
- * blocksOverride={children}
52
- * >
53
- * {({ blocks, blockOrder }) =>
54
- * blockOrder.map((key) => (
55
- * <Fragment key={String(key)}>{blocks[key]}</Fragment>
56
- * ))
57
- * }
58
- * </BlocksOverrideComponent>
59
- */
60
- function BlocksOverrideComponent({ blocksOverride, defaultBlocks, defaultBlockOrder, children, }) {
61
- if (blocksOverride === undefined) {
62
- return children({
63
- // TODO: Remove this assertion
64
- blocks: defaultBlocks,
65
- blockOrder: defaultBlockOrder,
66
- });
67
- }
68
- if (typeof blocksOverride === 'function') {
69
- const { blocks, blockOrder } = blocksOverride({
70
- defaultBlocks,
71
- defaultBlockOrder,
72
- });
73
- return children({ blocks, blockOrder });
74
- }
75
- return blocksOverride;
76
- }
77
- function deepMerge(obj1, obj2) {
78
- const result = { ...obj1 };
79
- for (const key in obj2) {
80
- if (obj2.hasOwnProperty(key)) {
81
- const val1 = result[key];
82
- const val2 = obj2[key];
83
- if (Array.isArray(val1) || Array.isArray(val2)) {
84
- // If either is an array, replace entirely with obj2's value
85
- result[key] = val2;
86
- }
87
- else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {
88
- result[key] = deepMerge(val1, val2);
89
- }
90
- else {
91
- result[key] = val2;
92
- }
93
- }
94
- }
95
- return result;
96
- }
97
- /**
98
- * Utility function to join class names together, ignoring undefined or nil values.
99
- * @param classes - The class names to join.
100
- * @returns The joined class names.
101
- */
102
- function classNames(...classes) {
103
- return classes.flat().filter(Boolean).join(' ');
104
- }
105
-
106
- const FilterSearchPanel = ({ filters = [], defaultSearchValue, onClickRemoveFilter, onClickFilterButton, onSearchChange, onSearch, searchPlaceholder, noFilterText, filterLabel, className, children, sx = [], spacing = 1.5, direction = 'column', ...props }) => {
107
- return (jsx(Stack, { component: "form", direction: direction, spacing: spacing, className: classNames('nbb-filter-search-panel', className), sx: [
108
- {
109
- p: 2,
110
- bgcolor: 'background.default',
111
- },
112
- ...(Array.isArray(sx) ? sx : [sx]),
113
- ], onSubmit: (e) => {
114
- e.preventDefault();
115
- if (!onSearch) {
116
- return;
117
- }
118
- if (!(e.target instanceof HTMLFormElement)) {
119
- return;
120
- }
121
- const formData = new FormData(e.target);
122
- const data = Object.fromEntries(formData);
123
- onSearch(data);
124
- }, ...props, children: jsx(FilterSearchPanelProvider, { filters,
125
- defaultSearchValue,
126
- onClickRemoveFilter,
127
- onClickFilterButton,
128
- onSearchChange,
129
- onSearch,
130
- searchPlaceholder,
131
- noFilterText,
132
- filterLabel, children: jsx(BlocksOverrideComponent, { defaultBlocks: defaultBlocks, defaultBlockOrder: Object.keys(defaultBlocks), blocksOverride: children, children: ({ blocks: { ...blocks }, blockOrder }) => blockOrder
133
- .filter((key) => key in blocks)
134
- .map((key) => jsx(Fragment, { children: blocks[key] }, String(key))) }) }) }));
135
- };
136
- FilterSearchPanel.SearchInput = (props) => {
137
- const { defaultSearchValue, searchPlaceholder = '新規サービス開発', onSearchChange, } = deepMerge(useFilterSearchPanelContext(), props);
138
- const { children, className, name = 'search', type = 'text', defaultValue = defaultSearchValue, placeholder = searchPlaceholder, onChange = onSearchChange, slotProps, sx = [], ...restProps } = props;
139
- return (children || (jsx(TextField, { name: name, type: type, defaultValue: defaultValue, placeholder: placeholder, onChange: onChange, className: classNames('nbb-filter-search-panel-search-input', className), size: "small", sx: [
140
- {
141
- '& .MuiOutlinedInput-root': {
142
- '& .MuiOutlinedInput-notchedOutline': {
143
- borderColor: 'grey.100',
144
- },
145
- },
146
- },
147
- ...(Array.isArray(sx) ? sx : sx ? [sx] : []),
148
- ], slotProps: {
149
- input: {
150
- endAdornment: (jsx(InputAdornment, { position: "end", children: jsx(IconButton, { type: "submit", "aria-label": "Search", sx: {
151
- p: 0,
152
- color: 'secondary.main',
153
- }, children: jsx(SvgIcon, { viewBox: "0 0 24 24", children: jsx("path", { d: "M15.7559 14.2549H14.9659L14.6859 13.9849C15.6659 12.8449 16.2559 11.3649 16.2559 9.75488C16.2559 6.16488 13.3459 3.25488 9.75586 3.25488C6.16586 3.25488 3.25586 6.16488 3.25586 9.75488C3.25586 13.3449 6.16586 16.2549 9.75586 16.2549C11.3659 16.2549 12.8459 15.6649 13.9859 14.6849L14.2559 14.9649V15.7549L19.2559 20.7449L20.7459 19.2549L15.7559 14.2549ZM9.75586 14.2549C7.26586 14.2549 5.25586 12.2449 5.25586 9.75488C5.25586 7.26488 7.26586 5.25488 9.75586 5.25488C12.2459 5.25488 14.2559 7.26488 14.2559 9.75488C14.2559 12.2449 12.2459 14.2549 9.75586 14.2549Z", fill: "currentColor" }) }) }) })),
154
- },
155
- ...slotProps,
156
- }, ...restProps })));
157
- };
158
- FilterSearchPanel.FilterButton = (props) => {
159
- const { onClickFilterButton, filterLabel = '絞込み設定' } = deepMerge(useFilterSearchPanelContext(), props);
160
- const { className, children, sx = [], filterLabel: _filterLabel, onClickFilterButton: _onClickFilterButton, ...restProps } = props;
161
- return (jsx(Button, { className: classNames('nbb-filter-search-panel-filter-button', className), variant: "outlined", size: "small", onClick: onClickFilterButton, sx: [
162
- (theme) => ({
163
- gap: 1,
164
- bgcolor: 'background.paper',
165
- flex: 'none',
166
- height: 44,
167
- '&.MuiButton-root': {
168
- fontWeight: theme.typography.fontWeightLight,
169
- },
170
- '&:focus': {
171
- outline: 'none',
172
- },
173
- }),
174
- ...(Array.isArray(sx) ? sx : [sx]),
175
- ], ...restProps, children: children || (jsxs(Fragment$1, { children: [jsx(Tune, { sx: { fontSize: 18, color: 'grey.700' } }), filterLabel] })) }));
176
- };
177
- FilterSearchPanel.SelectedFilterList = (props) => {
178
- const { children, filters, noFilterText = '条件未設定', onClickRemoveFilter, } = deepMerge(useFilterSearchPanelContext(), props);
179
- const { className, sx = [], filters: _filters, noFilterText: _noFilterText, onClickRemoveFilter: _onClickRemoveFilter, ...restProps } = props;
180
- if (!filters || filters.length === 0) {
181
- return (jsx(Box, { className: classNames('nbb-filter-search-panel-no-filter', className), sx: [
182
- {
183
- display: 'flex',
184
- flex: 1,
185
- alignItems: 'center',
186
- height: 44,
187
- bgcolor: 'grey.75',
188
- borderRadius: 2,
189
- px: 2,
190
- py: 1.125,
191
- },
192
- ...(Array.isArray(sx) ? sx : [sx]),
193
- ], ...restProps, children: jsx(Typography, { variant: "body2", sx: (theme) => ({
194
- color: 'secondary.main',
195
- fontWeight: theme.typography.fontWeightLight,
196
- lineHeight: '1.72',
197
- }), children: noFilterText }) }));
198
- }
199
- const filtersByGroupName = Object.groupBy(filters, (filter) => filter.groupName || '');
200
- return (children || (jsx(Box, { className: classNames('nbb-filter-search-panel-selected-filter-list', className), sx: [
201
- {
202
- display: 'flex',
203
- alignItems: 'center',
204
- gap: 1,
205
- },
206
- ...(Array.isArray(sx) ? sx : [sx]),
207
- ], ...restProps, children: Object.entries(filtersByGroupName).map(([groupName, filters], index) => filters &&
208
- filters.length > 0 && (jsxs(Fragment, { children: [groupName && (jsxs(Box, { component: "span", sx: {
209
- whiteSpace: 'nowrap',
210
- }, children: [jsxs(Typography, { component: "span", className: "nbb-filter-search-panel-selected-filter-group-name", sx: {
211
- mx: 1.75,
212
- textTransform: 'capitalize',
213
- display: 'inline-flex',
214
- gap: 1.25,
215
- }, children: [groupName, " ", jsx(Box, { component: "span", children: ":" })] }), jsx(FilterSearchPanel.FilterBadge, { filter: filters[0], onClickRemoveFilter: () => onClickRemoveFilter && onClickRemoveFilter(filters[0]) }, index)] })), (groupName ? filters.slice(1) : filters).map((filter, index) => (jsx(FilterSearchPanel.FilterBadge, { filter: filter, onClickRemoveFilter: () => onClickRemoveFilter && onClickRemoveFilter(filter) }, index)))] }, index))) })));
216
- };
217
- FilterSearchPanel.FilterBadge = (props) => {
218
- const { onClickRemoveFilter, filter } = deepMerge(useFilterSearchPanelContext(), props);
219
- const { children, className, sx = [], filter: _filter, onClickRemoveFilter: _onClickRemoveFilter, ...restProps } = props;
220
- return (jsx(Chip, { label: children || filter.label, onDelete: () => onClickRemoveFilter(filter), deleteIcon: jsx(SvgIcon, { viewBox: "0 0 16 16", sx: { width: 16, height: 16 }, children: jsx("path", { d: "M12.6673 4.2735L11.7273 3.3335L8.00065 7.06016L4.27398 3.3335L3.33398 4.2735L7.06065 8.00016L3.33398 11.7268L4.27398 12.6668L8.00065 8.94016L11.7273 12.6668L12.6673 11.7268L8.94065 8.00016L12.6673 4.2735Z" }) }), className: classNames('nbb-filter-search-panel-filter-badge', className), sx: [
221
- (theme) => ({
222
- height: 44,
223
- borderRadius: 2,
224
- bgcolor: 'background.paper',
225
- fontSize: theme.typography.body2.fontSize,
226
- fontWeight: theme.typography.fontWeightLight,
227
- color: 'text.primary',
228
- px: 2,
229
- py: 0.875,
230
- '& .MuiChip-label': {
231
- order: 1,
232
- pl: 1,
233
- pr: 0,
234
- },
235
- '& .MuiChip-deleteIcon': {
236
- order: -1,
237
- color: 'secondary.main',
238
- m: 0,
239
- },
240
- }),
241
- ...(Array.isArray(sx) ? sx : [sx]),
242
- ], ...restProps }));
243
- };
244
- FilterSearchPanel.ActionGroup = (props) => {
245
- const { children, className, onClickRemoveFilter, filters, filterLabel, noFilterText, onClickFilterButton } = deepMerge(useFilterSearchPanelContext(), props);
246
- const { sx = [], ...restProps } = props;
247
- return (jsx(Stack, { className: classNames('nbb-filter-search-panel-action-group', className), direction: "row", spacing: 1, sx: [
248
- {
249
- overflowX: 'scroll',
250
- msOverflowStyle: 'none',
251
- scrollbarWidth: 'none',
252
- '&::-webkit-scrollbar': {
253
- display: 'none',
254
- },
255
- },
256
- ...(Array.isArray(sx) ? sx : [sx]),
257
- ], ...restProps, children: children || (jsxs(Fragment$1, { children: [jsx(FilterSearchPanel.FilterButton, { filterLabel: filterLabel, onClickFilterButton: onClickFilterButton }), jsx(FilterSearchPanel.SelectedFilterList, { filters: filters, noFilterText: noFilterText, onClickRemoveFilter: onClickRemoveFilter })] })) }));
258
- };
259
- const defaultBlocks = createDefaultBlocks({
260
- searchInput: FilterSearchPanel.SearchInput,
261
- actionGroup: FilterSearchPanel.ActionGroup,
262
- });
263
-
264
- export { FilterSearchPanel };
265
- //# sourceMappingURL=index.esm.js.map
1
+ import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{Tune as l}from"@mui/icons-material";import{Stack as n,TextField as i,InputAdornment as o,IconButton as a,SvgIcon as c,Button as s,Box as d,Typography as h,Chip as p}from"@mui/material";import{createContext as f,useContext as u,createElement as m,Fragment as b}from"react";const g=["filters","defaultSearchValue","onSearchChange","onClickFilterButton","onClickRemoveFilter","onSearch","searchPlaceholder","noFilterText","filterLabel"],y=f(void 0),x=({children:r,...t})=>e(y.Provider,{value:t,children:r}),k=()=>{const e=u(y);if(!e)throw new Error("useFilterSearchPanelContext must be used within a FilterSearchPanelProvider");return e};function C({blocksOverride:e,defaultBlocks:r,defaultBlockOrder:t,children:l}){if(void 0===e)return l({blocks:r,blockOrder:t});if("function"==typeof e){const{blocks:n,blockOrder:i}=e({defaultBlocks:r,defaultBlockOrder:t});return l({blocks:n,blockOrder:i})}return e}function F(e,r){const t={...e};for(const e in r)Object.prototype.hasOwnProperty.call(r,e)&&(t[e]=r[e]);return t}function L(...e){return e.flat().filter(Boolean).join(" ")}function v(e,...r){const t={...e};for(const e of r)delete t[e];return t}function B(e,...r){const t={};for(const l of r)l in e&&(t[l]=e[l]);return t}const O=({filters:r=[],onSearch:t,sx:l,className:i,children:o,spacing:a=1.5,direction:c="column",...s})=>e(n,{component:"form",direction:c,spacing:a,className:L("nbb-filter-search-panel",i),sx:[{p:2,bgcolor:"background.default"},...Array.isArray(l)?l:[l]],onSubmit:e=>{if(e.preventDefault(),!t)return;if(!(e.target instanceof HTMLFormElement))return;const r=new FormData(e.target),l=Object.fromEntries(r);t(l)},...v(s,...g),children:e(x,{...B(s,...g),children:e(C,{defaultBlocks:S,defaultBlockOrder:Object.keys(S),blocksOverride:o,children:({blocks:{...r},blockOrder:t})=>t.filter(e=>e in r).map(t=>e(b,{children:r[t]},String(t)))})})});O.SearchInput=r=>{const{defaultSearchValue:t,searchPlaceholder:l="新規サービス開発",onSearchChange:n}=F(k(),r);k();const{children:s,className:d,name:h="search",type:p="text",defaultValue:f=t,placeholder:u=l,onChange:m=n,slotProps:b,sx:y=[],...x}=r;return s||e(i,{name:h,type:p,defaultValue:f,placeholder:u,onChange:m,className:L("nbb-filter-search-panel-search-input",d),size:"small",sx:[{"& .MuiOutlinedInput-root":{"& .MuiOutlinedInput-notchedOutline":{borderColor:"grey.100"}}},...Array.isArray(y)?y:y?[y]:[]],slotProps:{input:{endAdornment:e(o,{position:"end",children:e(a,{type:"submit","aria-label":"Search",sx:{p:0,color:"secondary.main"},children:e(c,{viewBox:"0 0 24 24",children:e("path",{d:"M15.7559 14.2549H14.9659L14.6859 13.9849C15.6659 12.8449 16.2559 11.3649 16.2559 9.75488C16.2559 6.16488 13.3459 3.25488 9.75586 3.25488C6.16586 3.25488 3.25586 6.16488 3.25586 9.75488C3.25586 13.3449 6.16586 16.2549 9.75586 16.2549C11.3659 16.2549 12.8459 15.6649 13.9859 14.6849L14.2559 14.9649V15.7549L19.2559 20.7449L20.7459 19.2549L15.7559 14.2549ZM9.75586 14.2549C7.26586 14.2549 5.25586 12.2449 5.25586 9.75488C5.25586 7.26488 7.26586 5.25488 9.75586 5.25488C12.2459 5.25488 14.2559 7.26488 14.2559 9.75488C14.2559 12.2449 12.2459 14.2549 9.75586 14.2549Z",fill:"currentColor"})})})})},...b},...v(x,...g)})},O.FilterButton=n=>{const{onClickFilterButton:i,filterLabel:o="絞込み設定"}=F(k(),n),{className:a,children:c,sx:d=[],filterLabel:h,onClickFilterButton:p,...f}=n;return e(s,{className:L("nbb-filter-search-panel-filter-button",a),variant:"outlined",size:"small",onClick:i,sx:[e=>({gap:1,bgcolor:"background.paper",fontSize:e.typography.body2,flex:"none",fontWeight:e.typography.fontWeightLight,px:2,"&:focus":{outline:"none"}}),...Array.isArray(d)?d:[d]],...f,children:c||r(t,{children:[e(l,{sx:{fontSize:18,color:"grey.700"}}),o]})})},O.SelectedFilterList=t=>{const{children:l,filters:n,noFilterText:i="条件未設定",onClickRemoveFilter:o}=F(k(),t),{className:a,sx:c=[],filters:s,noFilterText:p,onClickRemoveFilter:f,...u}=t;if(!n||0===n.length)return e(d,{className:L("nbb-filter-search-panel-no-filter",a),sx:[{display:"flex",flex:1,alignItems:"center",height:44,bgcolor:"grey.75",borderRadius:2,px:2,py:1.125},...Array.isArray(c)?c:[c]],...u,children:e(h,{variant:"body2",sx:e=>({color:"secondary.main",...e.typography.fontWeightLight&&{fontWeight:e.typography.fontWeightLight},lineHeight:"1.72"}),children:i})});const m=Object.groupBy(n,e=>e.groupName||"");return l||e(d,{className:L("nbb-filter-search-panel-selected-filter-list",a),sx:[{display:"flex",alignItems:"center",gap:1},...Array.isArray(c)?c:[c]],...u,children:Object.entries(m).map(([t,l],n)=>l&&l.length>0&&r(b,{children:[t&&r(d,{component:"span",sx:{whiteSpace:"nowrap"},children:[r(h,{component:"span",className:"nbb-filter-search-panel-selected-filter-group-name",sx:{mx:1.75,textTransform:"capitalize",display:"inline-flex",gap:1.25},children:[t," ",e(d,{component:"span",children:":"})]}),e(O.FilterBadge,{filter:l[0],onClickRemoveFilter:()=>o&&o(l[0])},n)]}),(t?l.slice(1):l).map((r,t)=>e(O.FilterBadge,{filter:r,onClickRemoveFilter:()=>o&&o(r)},t))]},n))})},O.FilterBadge=r=>{const{onClickRemoveFilter:t}=F(k(),r),{filter:l}=r,{children:n,className:i,sx:o=[],filter:a,onClickRemoveFilter:s,...d}=r;return e(p,{label:n||l.label,onDelete:()=>t&&t(l),deleteIcon:e(c,{viewBox:"0 0 16 16",sx:{width:16,height:16},children:e("path",{d:"M12.6673 4.2735L11.7273 3.3335L8.00065 7.06016L4.27398 3.3335L3.33398 4.2735L7.06065 8.00016L3.33398 11.7268L4.27398 12.6668L8.00065 8.94016L11.7273 12.6668L12.6673 11.7268L8.94065 8.00016L12.6673 4.2735Z"})}),className:L("nbb-filter-search-panel-filter-badge",i),sx:[e=>({height:44,borderRadius:2,bgcolor:"background.paper",fontSize:e.typography.body2.fontSize,fontWeight:e.typography.fontWeightLight,color:"text.primary",px:2,py:.875,"& .MuiChip-label":{order:1,pl:1,pr:0},"& .MuiChip-deleteIcon":{order:-1,color:"secondary.main",m:0}}),...Array.isArray(o)?o:[o]],...d})};const S=(A={searchInput:O.SearchInput,actionGroup:O.ActionGroup=({children:l,className:i,sx:o,...a})=>e(n,{className:L("nbb-filter-search-panel-action-group",i),direction:"row",spacing:1,sx:[{overflowX:"scroll",msOverflowStyle:"none",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}},...Array.isArray(o)?o:[o]],...a,children:l||r(t,{children:[e(O.FilterButton,{..."filterLabel"in a&&{filterLabel:a.filterLabel},..."onClickFilterButton"in a&&{onClickFilterButton:a.onClickFilterButton}}),e(O.SelectedFilterList,{..."filters"in a&&{filters:a.filters},..."noFilterText"in a&&{noFilterText:a.noFilterText},..."onClickRemoveFilter"in a&&{onClickRemoveFilter:a.onClickRemoveFilter}})]})})},Object.fromEntries(Object.entries(A).map(([e,r])=>[e,m(r,{key:e})])));var A;export{O as FilterSearchPanel};
package/dist/lib.d.ts CHANGED
@@ -72,10 +72,12 @@ export declare function BlocksOverrideComponent<DefaultBlocks extends Record<str
72
72
  blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];
73
73
  }) => ReactNode;
74
74
  }): ReactNode;
75
- type MergeTypes<Object1, Object2> = {
76
- [K in keyof Object1 | keyof Object2]: K extends keyof Object1 ? Object1[K] : K extends keyof Object2 ? Object2[K] : never;
75
+ type MergeKeepingRequired<A, B> = Omit<A, keyof B> & {
76
+ [K in keyof A & keyof B]-?: undefined extends B[K] ? A[K] : B[K];
77
+ } & {
78
+ [K in Exclude<keyof B, keyof A>]: B[K];
77
79
  };
78
- export declare function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B): MergeTypes<B, A>;
80
+ export declare function merge<A extends Record<PropertyKey, any>, B extends Record<PropertyKey, any>>(a: A, b: B): MergeKeepingRequired<A, B>;
79
81
  type ClassName = string | ClassName[] | undefined | null;
80
82
  /**
81
83
  * Utility function to join class names together, ignoring undefined or nil values.
@@ -83,5 +85,19 @@ type ClassName = string | ClassName[] | undefined | null;
83
85
  * @returns The joined class names.
84
86
  */
85
87
  export declare function classNames(...classes: ClassName[]): string;
88
+ /**
89
+ * Omits the given string keys from `source`.
90
+ *
91
+ * Usage:
92
+ * omit(obj, "a", "b")
93
+ */
94
+ export declare function omit<T extends object, const Keys extends readonly string[]>(source: T, ...keys: Keys): Omit<T, Extract<Keys[number], keyof T>>;
95
+ /**
96
+ * Picks the given keys out of `source` into a new object.
97
+ *
98
+ * Usage:
99
+ * pick(obj, "a", "b")
100
+ */
101
+ export declare function pick<T extends object, K extends PropertyKey>(source: T, ...keys: K[]): Pick<T, Extract<K, keyof T>>;
86
102
  export {};
87
103
  //# sourceMappingURL=lib.d.ts.map
package/dist/lib.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAiB,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElG;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,cAAc,CAAC,aAAa,EAAE,YAAY,IAClD,CAAC,CAAC,EACA,aAAa,EACb,iBAAiB,GAClB,EAAE;IACD,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,SAAS,CAAC,MAAM,aAAa,CAAC,EAAE,CAAC;CACrD,KAAK;IACJ,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC;IAE9C,UAAU,EAAE,SAAS,CAAC,MAAM,aAAa,CAAC,EAAE,GAAG,SAAS,CAAC,MAAM,YAAY,CAAC,EAAE,CAAC;CAChF,CAAC,GACF,SAAS,CAAC;AAEd;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAClF,UAAU,EAAE,CAAC,GACZ;KACA,CAAC,IAAI,MAAM,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;CACzD,CAMA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,uBAAuB,CACrC,aAAa,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC/C,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC9C,EACA,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,cAAc,EAAE,cAAc,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IAC5D,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,CAAC,MAAM,aAAa,CAAC,EAAE,CAAC;IAC3C,QAAQ,EAAE,CAAC,EACT,MAAM,EACN,UAAU,GACX,EAAE;QAED,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QACvD,UAAU,EAAE,SAAS,CAAC,MAAM,aAAa,GAAG,MAAM,YAAY,CAAC,EAAE,CAAC;KACnE,KAAK,SAAS,CAAC;CACjB,aAmBA;AAED,KAAK,UAAU,CAAC,OAAO,EAAE,OAAO,IAAI;KACjC,CAAC,IAAI,MAAM,OAAO,GAAG,MAAM,OAAO,GAAG,CAAC,SAAS,MAAM,OAAO,GACzD,OAAO,CAAC,CAAC,CAAC,GACV,CAAC,SAAS,MAAM,OAAO,GACrB,OAAO,CAAC,CAAC,CAAC,GACV,KAAK;CACZ,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAmBrF,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAClC;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;AAEzD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAE1D"}
1
+ {"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAiB,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElG;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,cAAc,CAAC,aAAa,EAAE,YAAY,IAClD,CAAC,CAAC,EACA,aAAa,EACb,iBAAiB,GAClB,EAAE;IACD,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,SAAS,CAAC,MAAM,aAAa,CAAC,EAAE,CAAC;CACrD,KAAK;IACJ,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC;IAE9C,UAAU,EAAE,SAAS,CAAC,MAAM,aAAa,CAAC,EAAE,GAAG,SAAS,CAAC,MAAM,YAAY,CAAC,EAAE,CAAC;CAChF,CAAC,GACF,SAAS,CAAC;AAEd;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAClF,UAAU,EAAE,CAAC,GACZ;KACA,CAAC,IAAI,MAAM,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;CACzD,CAMA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,uBAAuB,CACrC,aAAa,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC/C,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC9C,EACA,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,cAAc,EAAE,cAAc,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IAC5D,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,CAAC,MAAM,aAAa,CAAC,EAAE,CAAC;IAC3C,QAAQ,EAAE,CAAC,EACT,MAAM,EACN,UAAU,GACX,EAAE;QAED,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QACvD,UAAU,EAAE,SAAS,CAAC,MAAM,aAAa,GAAG,MAAM,YAAY,CAAC,EAAE,CAAC;KACnE,KAAK,SAAS,CAAC;CACjB,aAmBA;AAED,KAAK,oBAAoB,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG;KAClD,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,SAAS,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACjE,GAAG;KAAG,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAE/C,wBAAgB,KAAK,CAAC,CAAC,SAAS,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,EAC1F,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,GACH,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,CAQ5B;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;AAEzD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAE1D;AAED;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,CAAC,IAAI,SAAS,SAAS,MAAM,EAAE,EACzE,MAAM,EAAE,CAAC,EACT,GAAG,IAAI,EAAE,IAAI,GACZ,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAQzC;AAED;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,WAAW,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAWnH"}
package/package.json CHANGED
@@ -1,17 +1,24 @@
1
1
  {
2
2
  "name": "@nodeblocks/frontend-filter-search-panel-block",
3
- "version": "0.3.0",
4
- "main": "dist/index.cjs.js",
5
- "module": "dist/index.esm.js",
6
- "browser": "dist/index.iife.js",
7
- "types": "dist/index.d.ts",
3
+ "version": "0.3.3",
4
+ "main": "./dist/index.cjs.js",
5
+ "module": "./dist/index.esm.js",
6
+ "types": "./dist/index.d.ts",
7
+ "exports": {
8
+ ".": {
9
+ "types": "./dist/index.d.ts",
10
+ "import": "./dist/index.esm.js",
11
+ "require": "./dist/index.cjs.js",
12
+ "default": "./dist/index.esm.js"
13
+ }
14
+ },
8
15
  "files": [
9
- "dist/",
10
- "dist/index.css"
16
+ "dist/"
11
17
  ],
12
18
  "scripts": {
13
- "build": "rollup -c",
14
- "watch": "rm -rf dist && cross-env NODE_ENV=development rollup -c --watch"
19
+ "build": "npm run typecheck && rollup -c",
20
+ "watch": "rm -rf dist && cross-env NODE_ENV=development rollup -c --watch",
21
+ "typecheck": "tsc --noEmit"
15
22
  },
16
23
  "peerDependencies": {
17
24
  "@emotion/react": "^11.14.0",
@@ -25,12 +32,12 @@
25
32
  "@rollup/plugin-commonjs": "^28.0.6",
26
33
  "@rollup/plugin-json": "^6.1.0",
27
34
  "@rollup/plugin-node-resolve": "^15.3.0",
35
+ "@rollup/plugin-terser": "^0.4.4",
28
36
  "@rollup/plugin-typescript": "^12.1.1",
29
37
  "@types/react": "19.2.7",
30
38
  "@types/react-dom": "19.2.3",
31
- "rollup": "^4.28.0",
39
+ "rollup": "^4.55.1",
32
40
  "rollup-plugin-peer-deps-external": "^2.2.4",
33
- "rollup-plugin-polyfill-node": "^0.13.0",
34
41
  "rollup-plugin-postcss": "^4.0.2",
35
42
  "rollup-plugin-serve": "^1.1.1",
36
43
  "tslib": "^2.8.1",
package/dist/index.cjs.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs.js","sources":["../src/context.tsx","../src/lib.ts","../src/filter-search-panel.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\nimport { FilterChip, SearchFormData } from './filter-search-panel';\n\ntype FilterSearchPanelContextValue<\n // NOTE: It's impossible to know the form data type right now,\n // since it isn't known at the moment of creating the context.\n // However, we need to provide a type now for inference to work later.\n T extends SearchFormData = any,\n> = {\n filters?: FilterChip[];\n defaultSearchValue?: string;\n onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n onClickFilterButton?: () => void;\n onClickRemoveFilter?: (filter: FilterChip) => void;\n onSearch?: (data: T) => void;\n searchPlaceholder?: string;\n noFilterText?: string;\n filterLabel?: string;\n};\n\nconst FilterSearchPanelContext = createContext<FilterSearchPanelContextValue | undefined>(undefined);\n\nexport const FilterSearchPanelProvider = <T extends SearchFormData>({\n children,\n ...value\n}: FilterSearchPanelContextValue<T> & {\n children: ReactNode;\n}) => {\n return <FilterSearchPanelContext.Provider value={value}>{children}</FilterSearchPanelContext.Provider>;\n};\n\nexport const useFilterSearchPanelContext = <T extends SearchFormData>() => {\n const context = useContext<FilterSearchPanelContextValue<T> | undefined>(FilterSearchPanelContext);\n\n if (!context) {\n throw new Error('useFilterSearchPanelContext must be used within a FilterSearchPanelProvider');\n }\n return context;\n};\n","import { ComponentProps, createElement, FunctionComponent, ReactElement, ReactNode } from 'react';\n\n/**\n * The function to be passed into a block component as `children` to selectively override default blocks, or just a `ReactNode`.\n *\n * @example\n * <Block>\n * {({ defaultBlocks: { header, ...defaultBlocks }, defaultBlockOrder }) => ({\n * blocks: {\n * ...defaultBlocks,\n * header: {\n * ...header,\n * props: {\n * ...header.props,\n * label: \"Custom Label\"\n * }\n * },\n * subheader: <CustomComponent />\n * },\n * blockOrder: [\"header\", \"subheader\", \"body\", \"footer\"]\n * })}\n * </Block>\n */\nexport type BlocksOverride<DefaultBlocks, CustomBlocks> =\n | (({\n defaultBlocks,\n defaultBlockOrder,\n }: {\n defaultBlocks: DefaultBlocks;\n defaultBlockOrder: readonly (keyof DefaultBlocks)[];\n }) => {\n blocks: Partial<DefaultBlocks> & CustomBlocks;\n // NOTE: This specific combination allows proper autocomplete.\n blockOrder: readonly (keyof DefaultBlocks)[] | readonly (keyof CustomBlocks)[];\n })\n | ReactNode;\n\n/**\n * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.\n *\n * @param components - A map of default block keys to component functions.\n *\n * @example\n * const defaultBlocks = createDefaultBlocks({\n * title: Title,\n * description: Description,\n * form: Form,\n * });\n */\nexport function createDefaultBlocks<T extends Record<string, FunctionComponent<any>>>(\n components: T\n): {\n [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n} {\n return Object.fromEntries(\n Object.entries(components).map(([key, Component]) => [key, createElement(Component, { key })])\n ) as {\n [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n };\n}\n\n/**\n * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.\n * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.\n *\n * @param props\n * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).\n * @param props.defaultBlocks - The default blocks of outer component.\n * @param props.children - A function returning the JSX to render.\n *\n * @example\n * <BlocksOverrideComponent\n * defaultBlocks={defaultFormBlocks}\n * blocksOverride={children}\n * >\n * {({ blocks, blockOrder }) =>\n * blockOrder.map((key) => (\n * <Fragment key={String(key)}>{blocks[key]}</Fragment>\n * ))\n * }\n * </BlocksOverrideComponent>\n */\nexport function BlocksOverrideComponent<\n DefaultBlocks extends Record<string, ReactNode>,\n CustomBlocks extends Record<string, ReactNode>,\n>({\n blocksOverride,\n defaultBlocks,\n defaultBlockOrder,\n children,\n}: {\n blocksOverride: BlocksOverride<DefaultBlocks, CustomBlocks>;\n defaultBlocks: DefaultBlocks;\n defaultBlockOrder: (keyof DefaultBlocks)[];\n children: ({\n blocks,\n blockOrder,\n }: {\n // TODO: Possibly find an alternative to Partial<CustomBlocks>\n blocks: Partial<DefaultBlocks> & Partial<CustomBlocks>;\n blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];\n }) => ReactNode;\n}) {\n if (blocksOverride === undefined) {\n return children({\n // TODO: Remove this assertion\n blocks: defaultBlocks as DefaultBlocks & Partial<CustomBlocks>,\n blockOrder: defaultBlockOrder,\n });\n }\n\n if (typeof blocksOverride === 'function') {\n const { blocks, blockOrder } = blocksOverride({\n defaultBlocks,\n defaultBlockOrder,\n });\n\n return children({ blocks, blockOrder });\n }\n\n return blocksOverride;\n}\n\ntype MergeTypes<Object1, Object2> = {\n [K in keyof Object1 | keyof Object2]: K extends keyof Object1\n ? Object1[K]\n : K extends keyof Object2\n ? Object2[K]\n : never;\n};\n\nexport function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B) {\n const result: Record<string, any> = { ...obj1 };\n\n for (const key in obj2) {\n if (obj2.hasOwnProperty(key)) {\n const val1 = result[key];\n const val2 = obj2[key];\n\n if (Array.isArray(val1) || Array.isArray(val2)) {\n // If either is an array, replace entirely with obj2's value\n result[key] = val2;\n } else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {\n result[key] = deepMerge(val1, val2);\n } else {\n result[key] = val2;\n }\n }\n }\n\n return result as MergeTypes<B, A>;\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n return classes.flat().filter(Boolean).join(' ');\n}\n","import {\n Box,\n Button,\n Chip,\n IconButton,\n InputAdornment,\n Stack,\n StackProps,\n SvgIcon,\n TextField,\n Typography,\n} from '@mui/material';\nimport { Tune } from '@mui/icons-material';\nimport { ComponentProps, Fragment, ReactNode } from 'react';\nimport { FilterSearchPanelProvider, useFilterSearchPanelContext } from './context';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\n\nexport type FilterChip = { label: string; key: string; groupName?: string };\n\nexport type SearchFormData = { search: string };\n\nconst FilterSearchPanel = <T extends SearchFormData, CustomBlocks extends Record<string, ReactNode> = {}>({\n filters = [],\n defaultSearchValue,\n onClickRemoveFilter,\n onClickFilterButton,\n onSearchChange,\n onSearch,\n searchPlaceholder,\n noFilterText,\n filterLabel,\n className,\n children,\n sx = [],\n spacing = 1.5,\n direction = 'column',\n ...props\n}: Omit<StackProps<'form'>, 'children' | 'component' | 'onSubmit'> & {\n filters?: FilterChip[];\n defaultSearchValue?: string;\n onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n onClickFilterButton?: () => void;\n onClickRemoveFilter?: (filter: FilterChip) => void;\n onSearch?: (data: T) => void;\n searchPlaceholder?: string;\n noFilterText?: string;\n filterLabel?: string;\n children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n return (\n <Stack\n component=\"form\"\n direction={direction}\n spacing={spacing}\n className={classNames('nbb-filter-search-panel', className)}\n sx={[\n {\n p: 2,\n bgcolor: 'background.default',\n },\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n onSubmit={(e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n\n if (!onSearch) {\n return;\n }\n\n if (!(e.target instanceof HTMLFormElement)) {\n return;\n }\n\n const formData = new FormData(e.target);\n const data = Object.fromEntries(formData) as T;\n onSearch(data);\n }}\n {...props}\n >\n <FilterSearchPanelProvider\n {...{\n filters,\n defaultSearchValue,\n onClickRemoveFilter,\n onClickFilterButton,\n onSearchChange,\n onSearch,\n searchPlaceholder,\n noFilterText,\n filterLabel,\n }}\n >\n <BlocksOverrideComponent\n defaultBlocks={defaultBlocks}\n defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n blocksOverride={children}\n >\n {({ blocks: { ...blocks }, blockOrder }) =>\n blockOrder\n .filter((key) => key in blocks)\n .map<ReactNode>((key) => <Fragment key={String(key)}>{blocks[key]}</Fragment>)\n }\n </BlocksOverrideComponent>\n </FilterSearchPanelProvider>\n </Stack>\n );\n};\n\nFilterSearchPanel.SearchInput = (\n props: Partial<\n Omit<ComponentProps<typeof TextField>, 'children'> & {\n children?: ReactNode;\n searchPlaceholder?: string;\n onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n onSearch?: () => void;\n defaultSearchValue?: string;\n }\n >\n) => {\n const {\n defaultSearchValue,\n searchPlaceholder = '新規サービス開発',\n onSearchChange,\n } = deepMerge(useFilterSearchPanelContext(), props);\n\n const {\n children,\n className,\n name = 'search',\n type = 'text',\n defaultValue = defaultSearchValue,\n placeholder = searchPlaceholder,\n onChange = onSearchChange,\n slotProps,\n sx = [],\n ...restProps\n } = props;\n\n return (\n children || (\n <TextField\n name={name}\n type={type}\n defaultValue={defaultValue}\n placeholder={placeholder}\n onChange={onChange}\n className={classNames('nbb-filter-search-panel-search-input', className)}\n size=\"small\"\n sx={[\n {\n '& .MuiOutlinedInput-root': {\n '& .MuiOutlinedInput-notchedOutline': {\n borderColor: 'grey.100',\n },\n },\n },\n ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n ]}\n slotProps={{\n input: {\n endAdornment: (\n <InputAdornment position=\"end\">\n <IconButton\n type=\"submit\"\n aria-label=\"Search\"\n sx={{\n p: 0,\n color: 'secondary.main',\n }}\n >\n <SvgIcon viewBox=\"0 0 24 24\">\n <path\n d=\"M15.7559 14.2549H14.9659L14.6859 13.9849C15.6659 12.8449 16.2559 11.3649 16.2559 9.75488C16.2559 6.16488 13.3459 3.25488 9.75586 3.25488C6.16586 3.25488 3.25586 6.16488 3.25586 9.75488C3.25586 13.3449 6.16586 16.2549 9.75586 16.2549C11.3659 16.2549 12.8459 15.6649 13.9859 14.6849L14.2559 14.9649V15.7549L19.2559 20.7449L20.7459 19.2549L15.7559 14.2549ZM9.75586 14.2549C7.26586 14.2549 5.25586 12.2449 5.25586 9.75488C5.25586 7.26488 7.26586 5.25488 9.75586 5.25488C12.2459 5.25488 14.2559 7.26488 14.2559 9.75488C14.2559 12.2449 12.2459 14.2549 9.75586 14.2549Z\"\n fill=\"currentColor\"\n />\n </SvgIcon>\n </IconButton>\n </InputAdornment>\n ),\n },\n ...slotProps,\n }}\n {...restProps}\n />\n )\n );\n};\n\nFilterSearchPanel.FilterButton = (\n props: Partial<\n ComponentProps<typeof Button> & {\n filterLabel: string;\n onClickFilterButton: () => void;\n }\n >\n) => {\n const { onClickFilterButton, filterLabel = '絞込み設定' } = deepMerge(useFilterSearchPanelContext(), props);\n\n const {\n className,\n children,\n sx = [],\n filterLabel: _filterLabel,\n onClickFilterButton: _onClickFilterButton,\n ...restProps\n } = props;\n\n return (\n <Button\n className={classNames('nbb-filter-search-panel-filter-button', className)}\n variant=\"outlined\"\n size=\"small\"\n onClick={onClickFilterButton}\n sx={[\n (theme) => ({\n gap: 1,\n bgcolor: 'background.paper',\n flex: 'none',\n height: 44,\n '&.MuiButton-root': {\n fontWeight: theme.typography.fontWeightLight,\n },\n '&:focus': {\n outline: 'none',\n },\n }),\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...restProps}\n >\n {children || (\n <>\n <Tune sx={{ fontSize: 18, color: 'grey.700' }} />\n {filterLabel}\n </>\n )}\n </Button>\n );\n};\n\nFilterSearchPanel.SelectedFilterList = (\n props: Partial<\n ComponentProps<typeof Box> & {\n filters: FilterChip[];\n onClickRemoveFilter: (filter: FilterChip) => void;\n noFilterText: string;\n }\n >\n) => {\n const {\n children,\n filters,\n noFilterText = '条件未設定',\n onClickRemoveFilter,\n } = deepMerge(useFilterSearchPanelContext(), props);\n\n const {\n className,\n sx = [],\n filters: _filters,\n noFilterText: _noFilterText,\n onClickRemoveFilter: _onClickRemoveFilter,\n ...restProps\n } = props;\n\n if (!filters || filters.length === 0) {\n return (\n <Box\n className={classNames('nbb-filter-search-panel-no-filter', className)}\n sx={[\n {\n display: 'flex',\n flex: 1,\n alignItems: 'center',\n height: 44,\n bgcolor: 'grey.75',\n borderRadius: 2,\n px: 2,\n py: 1.125,\n },\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...restProps}\n >\n <Typography\n variant=\"body2\"\n sx={(theme) => ({\n color: 'secondary.main',\n fontWeight: theme.typography.fontWeightLight,\n lineHeight: '1.72',\n })}\n >\n {noFilterText}\n </Typography>\n </Box>\n );\n }\n\n const filtersByGroupName = Object.groupBy(filters, (filter) => filter.groupName || '');\n return (\n children || (\n <Box\n className={classNames('nbb-filter-search-panel-selected-filter-list', className)}\n sx={[\n {\n display: 'flex',\n alignItems: 'center',\n gap: 1,\n },\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...restProps}\n >\n {Object.entries(filtersByGroupName).map(\n ([groupName, filters], index) =>\n filters &&\n filters.length > 0 && (\n <Fragment key={index}>\n {groupName && (\n <Box\n component=\"span\"\n sx={{\n whiteSpace: 'nowrap',\n }}\n >\n <Typography\n component=\"span\"\n className=\"nbb-filter-search-panel-selected-filter-group-name\"\n sx={{\n mx: 1.75,\n textTransform: 'capitalize',\n display: 'inline-flex',\n gap: 1.25,\n }}\n >\n {groupName} <Box component=\"span\">:</Box>\n </Typography>\n <FilterSearchPanel.FilterBadge\n key={index}\n filter={filters[0]}\n onClickRemoveFilter={() => onClickRemoveFilter && onClickRemoveFilter(filters[0])}\n />\n </Box>\n )}\n {(groupName ? filters.slice(1) : filters).map((filter, index) => (\n <FilterSearchPanel.FilterBadge\n key={index}\n filter={filter}\n onClickRemoveFilter={() => onClickRemoveFilter && onClickRemoveFilter(filter)}\n />\n ))}\n </Fragment>\n )\n )}\n </Box>\n )\n );\n};\n\nFilterSearchPanel.FilterBadge = (\n props: Partial<Omit<ComponentProps<typeof Chip>, 'children'>> & {\n children?: ReactNode;\n filter: FilterChip;\n onClickRemoveFilter: (filter: FilterChip) => void;\n }\n) => {\n const { onClickRemoveFilter, filter } = deepMerge(useFilterSearchPanelContext(), props);\n\n const {\n children,\n className,\n sx = [],\n filter: _filter,\n onClickRemoveFilter: _onClickRemoveFilter,\n ...restProps\n } = props;\n\n return (\n <Chip\n label={children || filter.label}\n onDelete={() => onClickRemoveFilter(filter)}\n deleteIcon={\n <SvgIcon viewBox=\"0 0 16 16\" sx={{ width: 16, height: 16 }}>\n <path d=\"M12.6673 4.2735L11.7273 3.3335L8.00065 7.06016L4.27398 3.3335L3.33398 4.2735L7.06065 8.00016L3.33398 11.7268L4.27398 12.6668L8.00065 8.94016L11.7273 12.6668L12.6673 11.7268L8.94065 8.00016L12.6673 4.2735Z\" />\n </SvgIcon>\n }\n className={classNames('nbb-filter-search-panel-filter-badge', className)}\n sx={[\n (theme) => ({\n height: 44,\n borderRadius: 2,\n bgcolor: 'background.paper',\n fontSize: theme.typography.body2.fontSize,\n fontWeight: theme.typography.fontWeightLight,\n color: 'text.primary',\n px: 2,\n py: 0.875,\n '& .MuiChip-label': {\n order: 1,\n pl: 1,\n pr: 0,\n },\n '& .MuiChip-deleteIcon': {\n order: -1,\n color: 'secondary.main',\n m: 0,\n },\n }),\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...restProps}\n />\n );\n};\n\nFilterSearchPanel.ActionGroup = (props: Partial<ComponentProps<typeof Stack>>) => {\n const { children, className, onClickRemoveFilter, filters, filterLabel, noFilterText, onClickFilterButton } =\n deepMerge(useFilterSearchPanelContext(), props);\n\n const { sx = [], ...restProps } = props;\n\n return (\n <Stack\n className={classNames('nbb-filter-search-panel-action-group', className)}\n direction=\"row\"\n spacing={1}\n sx={[\n {\n overflowX: 'scroll',\n msOverflowStyle: 'none',\n scrollbarWidth: 'none',\n '&::-webkit-scrollbar': {\n display: 'none',\n },\n },\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...restProps}\n >\n {children || (\n <>\n <FilterSearchPanel.FilterButton filterLabel={filterLabel} onClickFilterButton={onClickFilterButton} />\n <FilterSearchPanel.SelectedFilterList\n filters={filters}\n noFilterText={noFilterText}\n onClickRemoveFilter={onClickRemoveFilter}\n />\n </>\n )}\n </Stack>\n );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n searchInput: FilterSearchPanel.SearchInput,\n actionGroup: FilterSearchPanel.ActionGroup,\n});\n\nexport default FilterSearchPanel;\n"],"names":["createContext","_jsx","useContext","createElement","Stack","Fragment","TextField","InputAdornment","IconButton","SvgIcon","Button","_jsxs","_Fragment","Tune","Box","Typography","Chip"],"mappings":"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"}
package/dist/index.esm.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.esm.js","sources":["../src/context.tsx","../src/lib.ts","../src/filter-search-panel.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\nimport { FilterChip, SearchFormData } from './filter-search-panel';\n\ntype FilterSearchPanelContextValue<\n // NOTE: It's impossible to know the form data type right now,\n // since it isn't known at the moment of creating the context.\n // However, we need to provide a type now for inference to work later.\n T extends SearchFormData = any,\n> = {\n filters?: FilterChip[];\n defaultSearchValue?: string;\n onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n onClickFilterButton?: () => void;\n onClickRemoveFilter?: (filter: FilterChip) => void;\n onSearch?: (data: T) => void;\n searchPlaceholder?: string;\n noFilterText?: string;\n filterLabel?: string;\n};\n\nconst FilterSearchPanelContext = createContext<FilterSearchPanelContextValue | undefined>(undefined);\n\nexport const FilterSearchPanelProvider = <T extends SearchFormData>({\n children,\n ...value\n}: FilterSearchPanelContextValue<T> & {\n children: ReactNode;\n}) => {\n return <FilterSearchPanelContext.Provider value={value}>{children}</FilterSearchPanelContext.Provider>;\n};\n\nexport const useFilterSearchPanelContext = <T extends SearchFormData>() => {\n const context = useContext<FilterSearchPanelContextValue<T> | undefined>(FilterSearchPanelContext);\n\n if (!context) {\n throw new Error('useFilterSearchPanelContext must be used within a FilterSearchPanelProvider');\n }\n return context;\n};\n","import { ComponentProps, createElement, FunctionComponent, ReactElement, ReactNode } from 'react';\n\n/**\n * The function to be passed into a block component as `children` to selectively override default blocks, or just a `ReactNode`.\n *\n * @example\n * <Block>\n * {({ defaultBlocks: { header, ...defaultBlocks }, defaultBlockOrder }) => ({\n * blocks: {\n * ...defaultBlocks,\n * header: {\n * ...header,\n * props: {\n * ...header.props,\n * label: \"Custom Label\"\n * }\n * },\n * subheader: <CustomComponent />\n * },\n * blockOrder: [\"header\", \"subheader\", \"body\", \"footer\"]\n * })}\n * </Block>\n */\nexport type BlocksOverride<DefaultBlocks, CustomBlocks> =\n | (({\n defaultBlocks,\n defaultBlockOrder,\n }: {\n defaultBlocks: DefaultBlocks;\n defaultBlockOrder: readonly (keyof DefaultBlocks)[];\n }) => {\n blocks: Partial<DefaultBlocks> & CustomBlocks;\n // NOTE: This specific combination allows proper autocomplete.\n blockOrder: readonly (keyof DefaultBlocks)[] | readonly (keyof CustomBlocks)[];\n })\n | ReactNode;\n\n/**\n * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.\n *\n * @param components - A map of default block keys to component functions.\n *\n * @example\n * const defaultBlocks = createDefaultBlocks({\n * title: Title,\n * description: Description,\n * form: Form,\n * });\n */\nexport function createDefaultBlocks<T extends Record<string, FunctionComponent<any>>>(\n components: T\n): {\n [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n} {\n return Object.fromEntries(\n Object.entries(components).map(([key, Component]) => [key, createElement(Component, { key })])\n ) as {\n [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n };\n}\n\n/**\n * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.\n * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.\n *\n * @param props\n * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).\n * @param props.defaultBlocks - The default blocks of outer component.\n * @param props.children - A function returning the JSX to render.\n *\n * @example\n * <BlocksOverrideComponent\n * defaultBlocks={defaultFormBlocks}\n * blocksOverride={children}\n * >\n * {({ blocks, blockOrder }) =>\n * blockOrder.map((key) => (\n * <Fragment key={String(key)}>{blocks[key]}</Fragment>\n * ))\n * }\n * </BlocksOverrideComponent>\n */\nexport function BlocksOverrideComponent<\n DefaultBlocks extends Record<string, ReactNode>,\n CustomBlocks extends Record<string, ReactNode>,\n>({\n blocksOverride,\n defaultBlocks,\n defaultBlockOrder,\n children,\n}: {\n blocksOverride: BlocksOverride<DefaultBlocks, CustomBlocks>;\n defaultBlocks: DefaultBlocks;\n defaultBlockOrder: (keyof DefaultBlocks)[];\n children: ({\n blocks,\n blockOrder,\n }: {\n // TODO: Possibly find an alternative to Partial<CustomBlocks>\n blocks: Partial<DefaultBlocks> & Partial<CustomBlocks>;\n blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];\n }) => ReactNode;\n}) {\n if (blocksOverride === undefined) {\n return children({\n // TODO: Remove this assertion\n blocks: defaultBlocks as DefaultBlocks & Partial<CustomBlocks>,\n blockOrder: defaultBlockOrder,\n });\n }\n\n if (typeof blocksOverride === 'function') {\n const { blocks, blockOrder } = blocksOverride({\n defaultBlocks,\n defaultBlockOrder,\n });\n\n return children({ blocks, blockOrder });\n }\n\n return blocksOverride;\n}\n\ntype MergeTypes<Object1, Object2> = {\n [K in keyof Object1 | keyof Object2]: K extends keyof Object1\n ? Object1[K]\n : K extends keyof Object2\n ? Object2[K]\n : never;\n};\n\nexport function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B) {\n const result: Record<string, any> = { ...obj1 };\n\n for (const key in obj2) {\n if (obj2.hasOwnProperty(key)) {\n const val1 = result[key];\n const val2 = obj2[key];\n\n if (Array.isArray(val1) || Array.isArray(val2)) {\n // If either is an array, replace entirely with obj2's value\n result[key] = val2;\n } else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {\n result[key] = deepMerge(val1, val2);\n } else {\n result[key] = val2;\n }\n }\n }\n\n return result as MergeTypes<B, A>;\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n return classes.flat().filter(Boolean).join(' ');\n}\n","import {\n Box,\n Button,\n Chip,\n IconButton,\n InputAdornment,\n Stack,\n StackProps,\n SvgIcon,\n TextField,\n Typography,\n} from '@mui/material';\nimport { Tune } from '@mui/icons-material';\nimport { ComponentProps, Fragment, ReactNode } from 'react';\nimport { FilterSearchPanelProvider, useFilterSearchPanelContext } from './context';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\n\nexport type FilterChip = { label: string; key: string; groupName?: string };\n\nexport type SearchFormData = { search: string };\n\nconst FilterSearchPanel = <T extends SearchFormData, CustomBlocks extends Record<string, ReactNode> = {}>({\n filters = [],\n defaultSearchValue,\n onClickRemoveFilter,\n onClickFilterButton,\n onSearchChange,\n onSearch,\n searchPlaceholder,\n noFilterText,\n filterLabel,\n className,\n children,\n sx = [],\n spacing = 1.5,\n direction = 'column',\n ...props\n}: Omit<StackProps<'form'>, 'children' | 'component' | 'onSubmit'> & {\n filters?: FilterChip[];\n defaultSearchValue?: string;\n onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n onClickFilterButton?: () => void;\n onClickRemoveFilter?: (filter: FilterChip) => void;\n onSearch?: (data: T) => void;\n searchPlaceholder?: string;\n noFilterText?: string;\n filterLabel?: string;\n children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n}) => {\n return (\n <Stack\n component=\"form\"\n direction={direction}\n spacing={spacing}\n className={classNames('nbb-filter-search-panel', className)}\n sx={[\n {\n p: 2,\n bgcolor: 'background.default',\n },\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n onSubmit={(e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n\n if (!onSearch) {\n return;\n }\n\n if (!(e.target instanceof HTMLFormElement)) {\n return;\n }\n\n const formData = new FormData(e.target);\n const data = Object.fromEntries(formData) as T;\n onSearch(data);\n }}\n {...props}\n >\n <FilterSearchPanelProvider\n {...{\n filters,\n defaultSearchValue,\n onClickRemoveFilter,\n onClickFilterButton,\n onSearchChange,\n onSearch,\n searchPlaceholder,\n noFilterText,\n filterLabel,\n }}\n >\n <BlocksOverrideComponent\n defaultBlocks={defaultBlocks}\n defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n blocksOverride={children}\n >\n {({ blocks: { ...blocks }, blockOrder }) =>\n blockOrder\n .filter((key) => key in blocks)\n .map<ReactNode>((key) => <Fragment key={String(key)}>{blocks[key]}</Fragment>)\n }\n </BlocksOverrideComponent>\n </FilterSearchPanelProvider>\n </Stack>\n );\n};\n\nFilterSearchPanel.SearchInput = (\n props: Partial<\n Omit<ComponentProps<typeof TextField>, 'children'> & {\n children?: ReactNode;\n searchPlaceholder?: string;\n onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n onSearch?: () => void;\n defaultSearchValue?: string;\n }\n >\n) => {\n const {\n defaultSearchValue,\n searchPlaceholder = '新規サービス開発',\n onSearchChange,\n } = deepMerge(useFilterSearchPanelContext(), props);\n\n const {\n children,\n className,\n name = 'search',\n type = 'text',\n defaultValue = defaultSearchValue,\n placeholder = searchPlaceholder,\n onChange = onSearchChange,\n slotProps,\n sx = [],\n ...restProps\n } = props;\n\n return (\n children || (\n <TextField\n name={name}\n type={type}\n defaultValue={defaultValue}\n placeholder={placeholder}\n onChange={onChange}\n className={classNames('nbb-filter-search-panel-search-input', className)}\n size=\"small\"\n sx={[\n {\n '& .MuiOutlinedInput-root': {\n '& .MuiOutlinedInput-notchedOutline': {\n borderColor: 'grey.100',\n },\n },\n },\n ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n ]}\n slotProps={{\n input: {\n endAdornment: (\n <InputAdornment position=\"end\">\n <IconButton\n type=\"submit\"\n aria-label=\"Search\"\n sx={{\n p: 0,\n color: 'secondary.main',\n }}\n >\n <SvgIcon viewBox=\"0 0 24 24\">\n <path\n d=\"M15.7559 14.2549H14.9659L14.6859 13.9849C15.6659 12.8449 16.2559 11.3649 16.2559 9.75488C16.2559 6.16488 13.3459 3.25488 9.75586 3.25488C6.16586 3.25488 3.25586 6.16488 3.25586 9.75488C3.25586 13.3449 6.16586 16.2549 9.75586 16.2549C11.3659 16.2549 12.8459 15.6649 13.9859 14.6849L14.2559 14.9649V15.7549L19.2559 20.7449L20.7459 19.2549L15.7559 14.2549ZM9.75586 14.2549C7.26586 14.2549 5.25586 12.2449 5.25586 9.75488C5.25586 7.26488 7.26586 5.25488 9.75586 5.25488C12.2459 5.25488 14.2559 7.26488 14.2559 9.75488C14.2559 12.2449 12.2459 14.2549 9.75586 14.2549Z\"\n fill=\"currentColor\"\n />\n </SvgIcon>\n </IconButton>\n </InputAdornment>\n ),\n },\n ...slotProps,\n }}\n {...restProps}\n />\n )\n );\n};\n\nFilterSearchPanel.FilterButton = (\n props: Partial<\n ComponentProps<typeof Button> & {\n filterLabel: string;\n onClickFilterButton: () => void;\n }\n >\n) => {\n const { onClickFilterButton, filterLabel = '絞込み設定' } = deepMerge(useFilterSearchPanelContext(), props);\n\n const {\n className,\n children,\n sx = [],\n filterLabel: _filterLabel,\n onClickFilterButton: _onClickFilterButton,\n ...restProps\n } = props;\n\n return (\n <Button\n className={classNames('nbb-filter-search-panel-filter-button', className)}\n variant=\"outlined\"\n size=\"small\"\n onClick={onClickFilterButton}\n sx={[\n (theme) => ({\n gap: 1,\n bgcolor: 'background.paper',\n flex: 'none',\n height: 44,\n '&.MuiButton-root': {\n fontWeight: theme.typography.fontWeightLight,\n },\n '&:focus': {\n outline: 'none',\n },\n }),\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...restProps}\n >\n {children || (\n <>\n <Tune sx={{ fontSize: 18, color: 'grey.700' }} />\n {filterLabel}\n </>\n )}\n </Button>\n );\n};\n\nFilterSearchPanel.SelectedFilterList = (\n props: Partial<\n ComponentProps<typeof Box> & {\n filters: FilterChip[];\n onClickRemoveFilter: (filter: FilterChip) => void;\n noFilterText: string;\n }\n >\n) => {\n const {\n children,\n filters,\n noFilterText = '条件未設定',\n onClickRemoveFilter,\n } = deepMerge(useFilterSearchPanelContext(), props);\n\n const {\n className,\n sx = [],\n filters: _filters,\n noFilterText: _noFilterText,\n onClickRemoveFilter: _onClickRemoveFilter,\n ...restProps\n } = props;\n\n if (!filters || filters.length === 0) {\n return (\n <Box\n className={classNames('nbb-filter-search-panel-no-filter', className)}\n sx={[\n {\n display: 'flex',\n flex: 1,\n alignItems: 'center',\n height: 44,\n bgcolor: 'grey.75',\n borderRadius: 2,\n px: 2,\n py: 1.125,\n },\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...restProps}\n >\n <Typography\n variant=\"body2\"\n sx={(theme) => ({\n color: 'secondary.main',\n fontWeight: theme.typography.fontWeightLight,\n lineHeight: '1.72',\n })}\n >\n {noFilterText}\n </Typography>\n </Box>\n );\n }\n\n const filtersByGroupName = Object.groupBy(filters, (filter) => filter.groupName || '');\n return (\n children || (\n <Box\n className={classNames('nbb-filter-search-panel-selected-filter-list', className)}\n sx={[\n {\n display: 'flex',\n alignItems: 'center',\n gap: 1,\n },\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...restProps}\n >\n {Object.entries(filtersByGroupName).map(\n ([groupName, filters], index) =>\n filters &&\n filters.length > 0 && (\n <Fragment key={index}>\n {groupName && (\n <Box\n component=\"span\"\n sx={{\n whiteSpace: 'nowrap',\n }}\n >\n <Typography\n component=\"span\"\n className=\"nbb-filter-search-panel-selected-filter-group-name\"\n sx={{\n mx: 1.75,\n textTransform: 'capitalize',\n display: 'inline-flex',\n gap: 1.25,\n }}\n >\n {groupName} <Box component=\"span\">:</Box>\n </Typography>\n <FilterSearchPanel.FilterBadge\n key={index}\n filter={filters[0]}\n onClickRemoveFilter={() => onClickRemoveFilter && onClickRemoveFilter(filters[0])}\n />\n </Box>\n )}\n {(groupName ? filters.slice(1) : filters).map((filter, index) => (\n <FilterSearchPanel.FilterBadge\n key={index}\n filter={filter}\n onClickRemoveFilter={() => onClickRemoveFilter && onClickRemoveFilter(filter)}\n />\n ))}\n </Fragment>\n )\n )}\n </Box>\n )\n );\n};\n\nFilterSearchPanel.FilterBadge = (\n props: Partial<Omit<ComponentProps<typeof Chip>, 'children'>> & {\n children?: ReactNode;\n filter: FilterChip;\n onClickRemoveFilter: (filter: FilterChip) => void;\n }\n) => {\n const { onClickRemoveFilter, filter } = deepMerge(useFilterSearchPanelContext(), props);\n\n const {\n children,\n className,\n sx = [],\n filter: _filter,\n onClickRemoveFilter: _onClickRemoveFilter,\n ...restProps\n } = props;\n\n return (\n <Chip\n label={children || filter.label}\n onDelete={() => onClickRemoveFilter(filter)}\n deleteIcon={\n <SvgIcon viewBox=\"0 0 16 16\" sx={{ width: 16, height: 16 }}>\n <path d=\"M12.6673 4.2735L11.7273 3.3335L8.00065 7.06016L4.27398 3.3335L3.33398 4.2735L7.06065 8.00016L3.33398 11.7268L4.27398 12.6668L8.00065 8.94016L11.7273 12.6668L12.6673 11.7268L8.94065 8.00016L12.6673 4.2735Z\" />\n </SvgIcon>\n }\n className={classNames('nbb-filter-search-panel-filter-badge', className)}\n sx={[\n (theme) => ({\n height: 44,\n borderRadius: 2,\n bgcolor: 'background.paper',\n fontSize: theme.typography.body2.fontSize,\n fontWeight: theme.typography.fontWeightLight,\n color: 'text.primary',\n px: 2,\n py: 0.875,\n '& .MuiChip-label': {\n order: 1,\n pl: 1,\n pr: 0,\n },\n '& .MuiChip-deleteIcon': {\n order: -1,\n color: 'secondary.main',\n m: 0,\n },\n }),\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...restProps}\n />\n );\n};\n\nFilterSearchPanel.ActionGroup = (props: Partial<ComponentProps<typeof Stack>>) => {\n const { children, className, onClickRemoveFilter, filters, filterLabel, noFilterText, onClickFilterButton } =\n deepMerge(useFilterSearchPanelContext(), props);\n\n const { sx = [], ...restProps } = props;\n\n return (\n <Stack\n className={classNames('nbb-filter-search-panel-action-group', className)}\n direction=\"row\"\n spacing={1}\n sx={[\n {\n overflowX: 'scroll',\n msOverflowStyle: 'none',\n scrollbarWidth: 'none',\n '&::-webkit-scrollbar': {\n display: 'none',\n },\n },\n ...(Array.isArray(sx) ? sx : [sx]),\n ]}\n {...restProps}\n >\n {children || (\n <>\n <FilterSearchPanel.FilterButton filterLabel={filterLabel} onClickFilterButton={onClickFilterButton} />\n <FilterSearchPanel.SelectedFilterList\n filters={filters}\n noFilterText={noFilterText}\n onClickRemoveFilter={onClickRemoveFilter}\n />\n </>\n )}\n </Stack>\n );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n searchInput: FilterSearchPanel.SearchInput,\n actionGroup: FilterSearchPanel.ActionGroup,\n});\n\nexport default FilterSearchPanel;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;AAoBA,MAAM,wBAAwB,GAAG,aAAa,CAA4C,SAAS,CAAC;AAE7F,MAAM,yBAAyB,GAAG,CAA2B,EAClE,QAAQ,EACR,GAAG,KAAK,EAGT,KAAI;IACH,OAAOA,GAAA,CAAC,wBAAwB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAqC;AACxG,CAAC;AAEM,MAAM,2BAA2B,GAAG,MAA+B;AACxE,IAAA,MAAM,OAAO,GAAG,UAAU,CAA+C,wBAAwB,CAAC;IAElG,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,6EAA6E,CAAC;IAChG;AACA,IAAA,OAAO,OAAO;AAChB,CAAC;;ACDD;;;;;;;;;;;AAWG;AACG,SAAU,mBAAmB,CACjC,UAAa,EAAA;AAIb,IAAA,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAG/F;AACH;AAEA;;;;;;;;;;;;;;;;;;;;AAoBG;AACG,SAAU,uBAAuB,CAGrC,EACA,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,QAAQ,GAaT,EAAA;AACC,IAAA,IAAI,cAAc,KAAK,SAAS,EAAE;AAChC,QAAA,OAAO,QAAQ,CAAC;;AAEd,YAAA,MAAM,EAAE,aAAsD;AAC9D,YAAA,UAAU,EAAE,iBAAiB;AAC9B,SAAA,CAAC;IACJ;AAEA,IAAA,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE;AACxC,QAAA,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,CAAC;YAC5C,aAAa;YACb,iBAAiB;AAClB,SAAA,CAAC;QAEF,OAAO,QAAQ,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;IACzC;AAEA,IAAA,OAAO,cAAc;AACvB;AAUM,SAAU,SAAS,CAA+D,IAAO,EAAE,IAAO,EAAA;AACtG,IAAA,MAAM,MAAM,GAAwB,EAAE,GAAG,IAAI,EAAE;AAE/C,IAAA,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;AACtB,QAAA,IAAI,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE;AAC5B,YAAA,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC;AACxB,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC;AAEtB,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;;AAE9C,gBAAA,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI;YACpB;AAAO,iBAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,EAAE;gBACjG,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC;YACrC;iBAAO;AACL,gBAAA,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI;YACpB;QACF;IACF;AAEA,IAAA,OAAO,MAA0B;AACnC;AAIA;;;;AAIG;AACG,SAAU,UAAU,CAAC,GAAG,OAAoB,EAAA;AAChD,IAAA,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACjD;;AC7IA,MAAM,iBAAiB,GAAG,CAAgF,EACxG,OAAO,GAAG,EAAE,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,EAAE,GAAG,EAAE,EACP,OAAO,GAAG,GAAG,EACb,SAAS,GAAG,QAAQ,EACpB,GAAG,KAAK,EAYT,KAAI;IACH,QACEA,GAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAC3D,EAAE,EAAE;AACF,YAAA;AACE,gBAAA,CAAC,EAAE,CAAC;AACJ,gBAAA,OAAO,EAAE,oBAAoB;AAC9B,aAAA;AACD,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;AACnC,SAAA,EACD,QAAQ,EAAE,CAAC,CAAmC,KAAI;YAChD,CAAC,CAAC,cAAc,EAAE;YAElB,IAAI,CAAC,QAAQ,EAAE;gBACb;YACF;YAEA,IAAI,EAAE,CAAC,CAAC,MAAM,YAAY,eAAe,CAAC,EAAE;gBAC1C;YACF;YAEA,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;YACvC,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAM;YAC9C,QAAQ,CAAC,IAAI,CAAC;AAChB,QAAA,CAAC,KACG,KAAK,EAAA,QAAA,EAETA,GAAA,CAAC,yBAAyB,IAEtB,OAAO;YACP,kBAAkB;YAClB,mBAAmB;YACnB,mBAAmB;YACnB,cAAc;YACd,QAAQ;YACR,iBAAiB;YACjB,YAAY;AACZ,YAAA,WAAW,EAAA,QAAA,EAGbA,GAAA,CAAC,uBAAuB,EAAA,EACtB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,CAAmC,EAC/E,cAAc,EAAE,QAAQ,EAAA,QAAA,EAEvB,CAAC,EAAE,MAAM,EAAE,EAAE,GAAG,MAAM,EAAE,EAAE,UAAU,EAAE,KACrC;qBACG,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,MAAM;qBAC7B,GAAG,CAAY,CAAC,GAAG,KAAKA,GAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAoB,MAAM,CAAC,GAAG,CAAC,EAAA,EAAzB,MAAM,CAAC,GAAG,CAAC,CAA0B,CAAC,EAAA,CAE1D,EAAA,CACA,EAAA,CACtB;AAEZ;AAEA,iBAAiB,CAAC,WAAW,GAAG,CAC9B,KAQC,KACC;AACF,IAAA,MAAM,EACJ,kBAAkB,EAClB,iBAAiB,GAAG,UAAU,EAC9B,cAAc,GACf,GAAG,SAAS,CAAC,2BAA2B,EAAE,EAAE,KAAK,CAAC;AAEnD,IAAA,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,MAAM,EACb,YAAY,GAAG,kBAAkB,EACjC,WAAW,GAAG,iBAAiB,EAC/B,QAAQ,GAAG,cAAc,EACzB,SAAS,EACT,EAAE,GAAG,EAAE,EACP,GAAG,SAAS,EACb,GAAG,KAAK;AAET,IAAA,QACE,QAAQ,KACNA,GAAA,CAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,UAAU,CAAC,sCAAsC,EAAE,SAAS,CAAC,EACxE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE;AACF,YAAA;AACE,gBAAA,0BAA0B,EAAE;AAC1B,oBAAA,oCAAoC,EAAE;AACpC,wBAAA,WAAW,EAAE,UAAU;AACxB,qBAAA;AACF,iBAAA;AACF,aAAA;YACD,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;AAC7C,SAAA,EACD,SAAS,EAAE;AACT,YAAA,KAAK,EAAE;AACL,gBAAA,YAAY,GACVA,GAAA,CAAC,cAAc,EAAA,EAAC,QAAQ,EAAC,KAAK,EAAA,QAAA,EAC5BA,IAAC,UAAU,EAAA,EACT,IAAI,EAAC,QAAQ,gBACF,QAAQ,EACnB,EAAE,EAAE;AACF,4BAAA,CAAC,EAAE,CAAC;AACJ,4BAAA,KAAK,EAAE,gBAAgB;AACxB,yBAAA,EAAA,QAAA,EAEDA,IAAC,OAAO,EAAA,EAAC,OAAO,EAAC,WAAW,YAC1BA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,ojBAAojB,EACtjB,IAAI,EAAC,cAAc,GACnB,EAAA,CACM,EAAA,CACC,GACE,CAClB;AACF,aAAA;AACD,YAAA,GAAG,SAAS;AACb,SAAA,EAAA,GACG,SAAS,EAAA,CACb,CACH;AAEL,CAAC;AAED,iBAAiB,CAAC,YAAY,GAAG,CAC/B,KAKC,KACC;AACF,IAAA,MAAM,EAAE,mBAAmB,EAAE,WAAW,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC,2BAA2B,EAAE,EAAE,KAAK,CAAC;IAEtG,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,EAAE,GAAG,EAAE,EACP,WAAW,EAAE,YAAY,EACzB,mBAAmB,EAAE,oBAAoB,EACzC,GAAG,SAAS,EACb,GAAG,KAAK;IAET,QACEA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAE,UAAU,CAAC,uCAAuC,EAAE,SAAS,CAAC,EACzE,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,mBAAmB,EAC5B,EAAE,EAAE;AACF,YAAA,CAAC,KAAK,MAAM;AACV,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,IAAI,EAAE,MAAM;AACZ,gBAAA,MAAM,EAAE,EAAE;AACV,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,eAAe;AAC7C,iBAAA;AACD,gBAAA,SAAS,EAAE;AACT,oBAAA,OAAO,EAAE,MAAM;AAChB,iBAAA;aACF,CAAC;AACF,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;SACnC,EAAA,GACG,SAAS,EAAA,QAAA,EAEZ,QAAQ,KACPC,IAAA,CAAAC,UAAA,EAAA,EAAA,QAAA,EAAA,CACEF,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAA,CAAI,EAChD,WAAW,CAAA,EAAA,CACX,CACJ,EAAA,CACM;AAEb,CAAC;AAED,iBAAiB,CAAC,kBAAkB,GAAG,CACrC,KAMC,KACC;AACF,IAAA,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,YAAY,GAAG,OAAO,EACtB,mBAAmB,GACpB,GAAG,SAAS,CAAC,2BAA2B,EAAE,EAAE,KAAK,CAAC;IAEnD,MAAM,EACJ,SAAS,EACT,EAAE,GAAG,EAAE,EACP,OAAO,EAAE,QAAQ,EACjB,YAAY,EAAE,aAAa,EAC3B,mBAAmB,EAAE,oBAAoB,EACzC,GAAG,SAAS,EACb,GAAG,KAAK;IAET,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AACpC,QAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EACF,SAAS,EAAE,UAAU,CAAC,mCAAmC,EAAE,SAAS,CAAC,EACrE,EAAE,EAAE;AACF,gBAAA;AACE,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,MAAM,EAAE,EAAE;AACV,oBAAA,OAAO,EAAE,SAAS;AAClB,oBAAA,YAAY,EAAE,CAAC;AACf,oBAAA,EAAE,EAAE,CAAC;AACL,oBAAA,EAAE,EAAE,KAAK;AACV,iBAAA;AACD,gBAAA,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;AACnC,aAAA,EAAA,GACG,SAAS,EAAA,QAAA,EAEbA,GAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,CAAC,KAAK,MAAM;AACd,oBAAA,KAAK,EAAE,gBAAgB;AACvB,oBAAA,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,eAAe;AAC5C,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAC,EAAA,QAAA,EAED,YAAY,EAAA,CACF,EAAA,CACT;IAEV;AAEA,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,MAAM,KAAK,MAAM,CAAC,SAAS,IAAI,EAAE,CAAC;AACtF,IAAA,QACE,QAAQ,KACNA,GAAA,CAAC,GAAG,EAAA,EACF,SAAS,EAAE,UAAU,CAAC,8CAA8C,EAAE,SAAS,CAAC,EAChF,EAAE,EAAE;AACF,YAAA;AACE,gBAAA,OAAO,EAAE,MAAM;AACf,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,GAAG,EAAE,CAAC;AACP,aAAA;AACD,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;SACnC,EAAA,GACG,SAAS,YAEZ,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,GAAG,CACrC,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,KAAK,KAC1B,OAAO;YACP,OAAO,CAAC,MAAM,GAAG,CAAC,KAChBC,IAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACN,SAAS,KACRA,IAAA,CAAC,GAAG,EAAA,EACF,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;AACF,wBAAA,UAAU,EAAE,QAAQ;AACrB,qBAAA,EAAA,QAAA,EAAA,CAEDA,IAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAC,MAAM,EAChB,SAAS,EAAC,oDAAoD,EAC9D,EAAE,EAAE;AACF,gCAAA,EAAE,EAAE,IAAI;AACR,gCAAA,aAAa,EAAE,YAAY;AAC3B,gCAAA,OAAO,EAAE,aAAa;AACtB,gCAAA,GAAG,EAAE,IAAI;6BACV,EAAA,QAAA,EAAA,CAEA,SAAS,OAAED,GAAA,CAAC,GAAG,IAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,GAAA,EAAA,CAAQ,CAAA,EAAA,CAC9B,EACbA,IAAC,iBAAiB,CAAC,WAAW,EAAA,EAE5B,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,mBAAmB,EAAE,MAAM,mBAAmB,IAAI,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAF5E,KAAK,CAGV,CAAA,EAAA,CACE,CACP,EACA,CAAC,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MAC1DA,GAAA,CAAC,iBAAiB,CAAC,WAAW,EAAA,EAE5B,MAAM,EAAE,MAAM,EACd,mBAAmB,EAAE,MAAM,mBAAmB,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAA,EAFxE,KAAK,CAGV,CACH,CAAC,CAAA,EAAA,EAjCW,KAAK,CAkCT,CACZ,CACJ,EAAA,CACG,CACP;AAEL,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,CAC9B,KAIC,KACC;AACF,IAAA,MAAM,EAAE,mBAAmB,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,2BAA2B,EAAE,EAAE,KAAK,CAAC;IAEvF,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,EAAE,GAAG,EAAE,EACP,MAAM,EAAE,OAAO,EACf,mBAAmB,EAAE,oBAAoB,EACzC,GAAG,SAAS,EACb,GAAG,KAAK;AAET,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAE,QAAQ,IAAI,MAAM,CAAC,KAAK,EAC/B,QAAQ,EAAE,MAAM,mBAAmB,CAAC,MAAM,CAAC,EAC3C,UAAU,EACRA,GAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAA,QAAA,EACxDA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,8MAA8M,EAAA,CAAG,EAAA,CACjN,EAEZ,SAAS,EAAE,UAAU,CAAC,sCAAsC,EAAE,SAAS,CAAC,EACxE,EAAE,EAAE;AACF,YAAA,CAAC,KAAK,MAAM;AACV,gBAAA,MAAM,EAAE,EAAE;AACV,gBAAA,YAAY,EAAE,CAAC;AACf,gBAAA,OAAO,EAAE,kBAAkB;AAC3B,gBAAA,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ;AACzC,gBAAA,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,eAAe;AAC5C,gBAAA,KAAK,EAAE,cAAc;AACrB,gBAAA,EAAE,EAAE,CAAC;AACL,gBAAA,EAAE,EAAE,KAAK;AACT,gBAAA,kBAAkB,EAAE;AAClB,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,EAAE,EAAE,CAAC;AACL,oBAAA,EAAE,EAAE,CAAC;AACN,iBAAA;AACD,gBAAA,uBAAuB,EAAE;oBACvB,KAAK,EAAE,EAAE;AACT,oBAAA,KAAK,EAAE,gBAAgB;AACvB,oBAAA,CAAC,EAAE,CAAC;AACL,iBAAA;aACF,CAAC;AACF,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;SACnC,EAAA,GACG,SAAS,EAAA,CACb;AAEN,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,CAAC,KAA4C,KAAI;IAC/E,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,mBAAmB,EAAE,GACzG,SAAS,CAAC,2BAA2B,EAAE,EAAE,KAAK,CAAC;IAEjD,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IAEvC,QACEA,IAAC,KAAK,EAAA,EACJ,SAAS,EAAE,UAAU,CAAC,sCAAsC,EAAE,SAAS,CAAC,EACxE,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,CAAC,EACV,EAAE,EAAE;AACF,YAAA;AACE,gBAAA,SAAS,EAAE,QAAQ;AACnB,gBAAA,eAAe,EAAE,MAAM;AACvB,gBAAA,cAAc,EAAE,MAAM;AACtB,gBAAA,sBAAsB,EAAE;AACtB,oBAAA,OAAO,EAAE,MAAM;AAChB,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;AACnC,SAAA,EAAA,GACG,SAAS,EAAA,QAAA,EAEZ,QAAQ,KACPC,IAAA,CAAAC,UAAA,EAAA,EAAA,QAAA,EAAA,CACEF,IAAC,iBAAiB,CAAC,YAAY,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,mBAAmB,EAAE,mBAAmB,EAAA,CAAI,EACtGA,GAAA,CAAC,iBAAiB,CAAC,kBAAkB,EAAA,EACnC,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,mBAAmB,EAAE,mBAAmB,EAAA,CACxC,IACD,CACJ,EAAA,CACK;AAEZ,CAAC;AAED,MAAM,aAAa,GAAG,mBAAmB,CAAC;IACxC,WAAW,EAAE,iBAAiB,CAAC,WAAW;IAC1C,WAAW,EAAE,iBAAiB,CAAC,WAAW;AAC3C,CAAA,CAAC;;;;"}