@nodeblocks/frontend-filter-search-panel-block 0.2.3 → 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.
- package/dist/context.d.ts +2 -2
- package/dist/context.d.ts.map +1 -1
- package/dist/filter-search-panel.d.ts +13 -43
- package/dist/filter-search-panel.d.ts.map +1 -1
- package/dist/index.cjs.js +1 -324
- package/dist/index.esm.js +1 -322
- package/dist/lib.d.ts +19 -3
- package/dist/lib.d.ts.map +1 -1
- package/package.json +26 -19
- package/dist/index.cjs.js.map +0 -1
- 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,
|
|
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"}
|
|
@@ -1,62 +1,32 @@
|
|
|
1
|
-
import '@
|
|
2
|
-
import './filter-search-panel.css';
|
|
1
|
+
import { Box, Button, Chip, Stack, StackProps, TextField } from '@mui/material';
|
|
3
2
|
import { ComponentProps, ReactNode } from 'react';
|
|
3
|
+
import { FilterSearchPanelContextValue } from './context';
|
|
4
4
|
import { BlocksOverride } from './lib';
|
|
5
5
|
export type FilterChip = {
|
|
6
6
|
label: string;
|
|
7
7
|
key: string;
|
|
8
|
-
groupName
|
|
8
|
+
groupName?: string;
|
|
9
9
|
};
|
|
10
10
|
export type SearchFormData = {
|
|
11
11
|
search: string;
|
|
12
12
|
};
|
|
13
13
|
declare const FilterSearchPanel: {
|
|
14
|
-
<T extends SearchFormData, CustomBlocks extends Record<string, ReactNode> = {}>({ filters,
|
|
15
|
-
filters?: FilterChip[];
|
|
16
|
-
defaultSearchValue?: string;
|
|
17
|
-
onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
18
|
-
onClickFilterButton?: () => void;
|
|
19
|
-
onClickRemoveFilter?: (filter: FilterChip) => void;
|
|
20
|
-
onSearch?: (data: T) => void;
|
|
21
|
-
searchPlaceholder?: string;
|
|
22
|
-
noFilterText?: string;
|
|
23
|
-
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">> & {
|
|
24
15
|
children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;
|
|
25
16
|
}): import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
SearchInput(props: Partial<ComponentProps<"
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
defaultSearchValue?: string;
|
|
31
|
-
}>): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
FilterButton(props: Partial<ComponentProps<"button"> & {
|
|
33
|
-
filterLabel: string;
|
|
34
|
-
onClickFilterButton: () => void;
|
|
35
|
-
}>): import("react/jsx-runtime").JSX.Element;
|
|
36
|
-
SelectedFilterList(props: Partial<ComponentProps<"div"> & {
|
|
37
|
-
filters: FilterChip[];
|
|
38
|
-
onClickRemoveFilter: (filter: FilterChip) => void;
|
|
39
|
-
noFilterText: string;
|
|
40
|
-
}>): string | number | true | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element;
|
|
41
|
-
FilterBadge(props: Partial<ComponentProps<"div">> & {
|
|
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">> & {
|
|
42
21
|
filter: FilterChip;
|
|
43
|
-
onClickRemoveFilter: (filter: FilterChip) => void;
|
|
44
22
|
}): import("react/jsx-runtime").JSX.Element;
|
|
45
|
-
ActionGroup(props: Partial<ComponentProps<"
|
|
23
|
+
ActionGroup({ children, className, sx, ...props }: Partial<ComponentProps<typeof Stack> & Pick<FilterSearchPanelContextValue, "onClickRemoveFilter" | "filters" | "filterLabel" | "noFilterText" | "onClickFilterButton">>): import("react/jsx-runtime").JSX.Element;
|
|
46
24
|
};
|
|
47
25
|
declare const defaultBlocks: {
|
|
48
|
-
searchInput: import("react").ReactElement<Partial<
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
defaultSearchValue?: string;
|
|
53
|
-
}>, (props: Partial<ComponentProps<"div"> & {
|
|
54
|
-
searchPlaceholder?: string;
|
|
55
|
-
onSearchChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
56
|
-
onSearch?: () => void;
|
|
57
|
-
defaultSearchValue?: string;
|
|
58
|
-
}>) => import("react/jsx-runtime").JSX.Element>;
|
|
59
|
-
actionGroup: import("react").ReactElement<Partial<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, (props: Partial<ComponentProps<"div">>) => 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>;
|
|
60
30
|
};
|
|
61
31
|
export default FilterSearchPanel;
|
|
62
32
|
//# sourceMappingURL=filter-search-panel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-search-panel.d.ts","sourceRoot":"","sources":["../src/filter-search-panel.tsx"],"names":[],"mappings":"
|
|
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"}
|