@redneckz/wildless-cms-uni-blocks 0.14.959 → 0.14.961
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/bundle/bundle.umd.js +6 -6
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/ui-kit/SearchBar/SearchBar.d.ts +2 -1
- package/bundle/ui-kit/SearchDialog/SearchDialog.d.ts +2 -0
- package/dist/components/Footer/renderLogoSearchBar.js +2 -2
- package/dist/components/Footer/renderLogoSearchBar.js.map +1 -1
- package/dist/ui-kit/SearchBar/SearchBar.d.ts +2 -1
- package/dist/ui-kit/SearchBar/SearchBar.js +1 -1
- package/dist/ui-kit/SearchBar/SearchBar.js.map +1 -1
- package/dist/ui-kit/SearchDialog/SearchDialog.d.ts +2 -0
- package/dist/ui-kit/SearchDialog/SearchDialog.js +2 -2
- package/dist/ui-kit/SearchDialog/SearchDialog.js.map +1 -1
- package/lib/components/ApplicationForm/ApplicationForm.fixture.d.ts +1 -0
- package/lib/components/ApplicationForm/ApplicationForm.fixture.mobile.d.ts +1 -0
- package/lib/components/Footer/renderLogoSearchBar.js +2 -2
- package/lib/components/Footer/renderLogoSearchBar.js.map +1 -1
- package/lib/ui-kit/SearchBar/SearchBar.d.ts +2 -1
- package/lib/ui-kit/SearchBar/SearchBar.js +1 -1
- package/lib/ui-kit/SearchBar/SearchBar.js.map +1 -1
- package/lib/ui-kit/SearchDialog/SearchDialog.d.ts +2 -0
- package/lib/ui-kit/SearchDialog/SearchDialog.js +2 -2
- package/lib/ui-kit/SearchDialog/SearchDialog.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +1 -1
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/ui-kit/SearchBar/SearchBar.d.ts +2 -1
- package/mobile/bundle/ui-kit/SearchDialog/SearchDialog.d.ts +2 -0
- package/mobile/dist/ui-kit/SearchBar/SearchBar.d.ts +2 -1
- package/mobile/dist/ui-kit/SearchBar/SearchBar.js +1 -1
- package/mobile/dist/ui-kit/SearchBar/SearchBar.js.map +1 -1
- package/mobile/dist/ui-kit/SearchDialog/SearchDialog.d.ts +2 -0
- package/mobile/dist/ui-kit/SearchDialog/SearchDialog.js +2 -2
- package/mobile/dist/ui-kit/SearchDialog/SearchDialog.js.map +1 -1
- package/mobile/lib/ui-kit/SearchBar/SearchBar.d.ts +2 -1
- package/mobile/lib/ui-kit/SearchBar/SearchBar.js +1 -1
- package/mobile/lib/ui-kit/SearchBar/SearchBar.js.map +1 -1
- package/mobile/lib/ui-kit/SearchDialog/SearchDialog.d.ts +2 -0
- package/mobile/lib/ui-kit/SearchDialog/SearchDialog.js +2 -2
- package/mobile/lib/ui-kit/SearchDialog/SearchDialog.js.map +1 -1
- package/mobile/src/components/ApplicationForm/ApplicationForm.example.json +59 -0
- package/mobile/src/ui-kit/SearchBar/SearchBar.tsx +3 -1
- package/mobile/src/ui-kit/SearchDialog/SearchDialog.tsx +39 -28
- package/package.json +1 -1
- package/src/components/ApplicationForm/ApplicationForm.example.json +59 -0
- package/src/components/ApplicationForm/ApplicationForm.fixture.mobile.tsx +32 -0
- package/src/components/ApplicationForm/ApplicationForm.fixture.tsx +32 -0
- package/src/components/Footer/renderLogoSearchBar.tsx +7 -2
- package/src/ui-kit/SearchBar/SearchBar.tsx +3 -1
- package/src/ui-kit/SearchDialog/SearchDialog.tsx +39 -28
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { type SearchHeaderProps } from '../../data/CommonData';
|
|
2
2
|
import { type TopMenuItemProps } from '../../data/NavigationData';
|
|
3
3
|
import { type ComponentType } from '../../model/ComponentType';
|
|
4
|
-
|
|
4
|
+
import { type PlaceholderProps } from '../../model/PlaceholderProps';
|
|
5
|
+
interface SearchBarProps extends ComponentType, PlaceholderProps {
|
|
5
6
|
search?: SearchHeaderProps;
|
|
6
7
|
navigationItems?: TopMenuItemProps[];
|
|
7
8
|
}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import type { SearchHeaderProps } from '../../data/CommonData';
|
|
1
2
|
import { type TopMenuItemProps } from '../../data/NavigationData';
|
|
2
3
|
import type { OnCloseProps } from '../../model/OnCloseProps';
|
|
3
4
|
export interface SearchDialogProps extends OnCloseProps {
|
|
4
5
|
initialQuery?: string;
|
|
5
6
|
navigationItems?: TopMenuItemProps[];
|
|
7
|
+
search?: SearchHeaderProps;
|
|
6
8
|
}
|
|
7
9
|
export declare const SearchDialog: import("@redneckz/uni-jsx").UNIComponent<SearchDialogProps, any, any>;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { type SearchHeaderProps } from '../../data/CommonData';
|
|
2
2
|
import { type TopMenuItemProps } from '../../data/NavigationData';
|
|
3
3
|
import { type ComponentType } from '../../model/ComponentType';
|
|
4
|
-
|
|
4
|
+
import { type PlaceholderProps } from '../../model/PlaceholderProps';
|
|
5
|
+
interface SearchBarProps extends ComponentType, PlaceholderProps {
|
|
5
6
|
search?: SearchHeaderProps;
|
|
6
7
|
navigationItems?: TopMenuItemProps[];
|
|
7
8
|
}
|
|
@@ -19,7 +19,7 @@ exports.SearchBar = (0, uni_jsx_1.JSX)(({ className, search, ...rest }) => {
|
|
|
19
19
|
searchDialog.open({ initialQuery: _, onClose: resetQueryOnDialogClose });
|
|
20
20
|
}
|
|
21
21
|
}, [resetQueryOnDialogClose, searchDialog]);
|
|
22
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative', className), role: "search", children: [(0, jsx_runtime_1.jsx)(SearchInput_1.SearchInput, { value: value, placeholder: search?.placeholder, onChange: handleInitialInputChange }), (0, jsx_runtime_1.jsx)(CloseButton_1.CloseButton, { className: "absolute top-0 right-0 sm:hidden", onClose: resetQueryOnDialogClose })] }));
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative', className), role: "search", children: [(0, jsx_runtime_1.jsx)(SearchInput_1.SearchInput, { value: value, placeholder: search?.placeholder, onChange: handleInitialInputChange, ...rest }), (0, jsx_runtime_1.jsx)(CloseButton_1.CloseButton, { className: "absolute top-0 right-0 sm:hidden", onClose: resetQueryOnDialogClose })] }));
|
|
23
23
|
});
|
|
24
24
|
const isQueryLongEnough = (_) => _ && _.length >= MIN_QUERY_LEN;
|
|
25
25
|
//# sourceMappingURL=SearchBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchBar/SearchBar.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAoE;
|
|
1
|
+
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchBar/SearchBar.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAoE;AAKpE,6CAA0C;AAC1C,8DAA2D;AAC3D,0DAAuD;AACvD,+DAA4D;AAC5D,6DAA0D;AAO1D,MAAM,aAAa,GAAG,CAAC,CAAC;AAEX,QAAA,SAAS,GAAG,IAAA,aAAG,EAAiB,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC9E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,uBAAuB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,IAAA,qBAAS,EAAC,2BAAY,EAAE,IAAI,CAAC,CAAC;IAEnD,MAAM,wBAAwB,GAAG,IAAA,mBAAW,EAC1C,CAAC,CAAS,EAAE,EAAE;QACZ,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,IAAI,iBAAiB,CAAC,CAAC,CAAC,EAAE;YACxB,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,OAAO,EAAE,uBAAuB,EAAE,CAAC,CAAC;SAC1E;IACH,CAAC,EACD,CAAC,uBAAuB,EAAE,YAAY,CAAC,CACxC,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,UAAU,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,QAAQ,aACzD,uBAAC,yBAAW,IACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,MAAM,EAAE,WAAW,EAChC,QAAQ,EAAE,wBAAwB,KAC9B,IAAI,GACR,EACF,uBAAC,yBAAW,IAAC,SAAS,EAAC,kCAAkC,EAAC,OAAO,EAAE,uBAAuB,GAAI,IAC1F,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,aAAa,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import type { SearchHeaderProps } from '../../data/CommonData';
|
|
1
2
|
import { type TopMenuItemProps } from '../../data/NavigationData';
|
|
2
3
|
import type { OnCloseProps } from '../../model/OnCloseProps';
|
|
3
4
|
export interface SearchDialogProps extends OnCloseProps {
|
|
4
5
|
initialQuery?: string;
|
|
5
6
|
navigationItems?: TopMenuItemProps[];
|
|
7
|
+
search?: SearchHeaderProps;
|
|
6
8
|
}
|
|
7
9
|
export declare const SearchDialog: import("@redneckz/uni-jsx").UNIComponent<SearchDialogProps, any, any>;
|
|
@@ -12,7 +12,7 @@ const Dialog_1 = require("../DialogManager/Dialog");
|
|
|
12
12
|
const Sitemap_1 = require("../Sitemap/Sitemap");
|
|
13
13
|
const SearchInput_1 = require("./SearchInput");
|
|
14
14
|
const IS_SINGLE_SEARCH_INDEX = Boolean(Env_1.env.SINGLE_SEARCH_INDEX);
|
|
15
|
-
exports.SearchDialog = (0, uni_jsx_1.JSX)(({ initialQuery, navigationItems, onClose }) => {
|
|
15
|
+
exports.SearchDialog = (0, uni_jsx_1.JSX)(({ initialQuery, navigationItems, onClose, search }) => {
|
|
16
16
|
const basePath = (0, getBasePath_1.getBasePath)(Env_1.env.SITE_URL);
|
|
17
17
|
const basePathList = (0, hooks_1.useMemo)(() => (IS_SINGLE_SEARCH_INDEX ? [basePath] : navigationItems?.map((_) => _.href || '/')), [navigationItems]);
|
|
18
18
|
const [searchResult, searchInputProps] = (0, useSearch_1.useSearch)({
|
|
@@ -20,7 +20,7 @@ exports.SearchDialog = (0, uni_jsx_1.JSX)(({ initialQuery, navigationItems, onCl
|
|
|
20
20
|
initialQuery,
|
|
21
21
|
});
|
|
22
22
|
const searchItems = (0, hooks_1.useMemo)(() => combineTopItemsAndSearchResult(navigationItems)(searchResult), [navigationItems, searchResult]);
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { maxWidth: "none", head: (0, jsx_runtime_1.jsx)(SearchInput_1.SearchInput, { className: "mt-s", autoFocus: true, ...searchInputProps }), onClose: onClose, children: (0, jsx_runtime_1.jsx)(Sitemap_1.Sitemap, { navigationItems: searchItems, isSearchPanel: true }) }));
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { maxWidth: "none", head: (0, jsx_runtime_1.jsx)(SearchInput_1.SearchInput, { className: "mt-s", autoFocus: true, placeholder: search?.placeholder, ...searchInputProps }), onClose: onClose, children: (0, jsx_runtime_1.jsx)(Sitemap_1.Sitemap, { navigationItems: searchItems, isSearchPanel: true }) }));
|
|
24
24
|
});
|
|
25
25
|
const combineTopItemsAndSearchResult = (topItems) => (searchResult) => topItems?.length && searchResult?.length
|
|
26
26
|
? (0, zip_1.zip)(topItems, searchResult).map(([_, portalSearchResult]) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchDialog/SearchDialog.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAsD;
|
|
1
|
+
{"version":3,"file":"SearchDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchDialog/SearchDialog.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAsD;AAGtD,mCAAgC;AAGhC,+DAA+E;AAC/E,4CAAyC;AACzC,yDAAsD;AACtD,yCAA2C;AAC3C,oDAAiD;AACjD,gDAA6C;AAC7C,+CAA4C;AAQ5C,MAAM,sBAAsB,GAAG,OAAO,CAAC,SAAG,CAAC,mBAAmB,CAAC,CAAC;AAEnD,QAAA,YAAY,GAAG,IAAA,aAAG,EAC7B,CAAC,EAAE,YAAY,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IACrD,MAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,SAAG,CAAC,QAAQ,CAAC,CAAC;IAE3C,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,GAAG,CAAC,CAAC,EACxF,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,MAAM,CAAC,YAAY,EAAE,gBAAgB,CAAC,GAAG,IAAA,qBAAS,EAAC;QACjD,YAAY;QACZ,YAAY;KACb,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CAAC,8BAA8B,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,EACnE,CAAC,eAAe,EAAE,YAAY,CAAC,CAChC,CAAC;IAEF,OAAO,CACL,uBAAC,eAAM,IACL,QAAQ,EAAC,MAAM,EACf,IAAI,EACF,uBAAC,yBAAW,IACV,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,MAAM,EAAE,WAAW,KAC5B,gBAAgB,GACpB,EAEJ,OAAO,EAAE,OAAO,YAEhB,uBAAC,iBAAO,IAAC,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,IAAI,GAAI,GACvD,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,8BAA8B,GAClC,CAAC,QAAwC,EAAE,EAAE,CAC7C,CAAC,YAA6C,EAAsB,EAAE,CACpE,QAAQ,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM;IACtC,CAAC,CAAC,IAAA,SAAG,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,kBAAkB,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5D,GAAG,CAAC;QACJ,KAAK,EAAE,kBAAkB,EAAE,GAAG,CAC5B,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAa,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAA,cAAQ,EAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAC3E;KACF,CAAC,CAAC;IACL,CAAC,CAAC,EAAE,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { type SearchHeaderProps } from '../../data/CommonData';
|
|
2
2
|
import { type TopMenuItemProps } from '../../data/NavigationData';
|
|
3
3
|
import { type ComponentType } from '../../model/ComponentType';
|
|
4
|
-
|
|
4
|
+
import { type PlaceholderProps } from '../../model/PlaceholderProps';
|
|
5
|
+
interface SearchBarProps extends ComponentType, PlaceholderProps {
|
|
5
6
|
search?: SearchHeaderProps;
|
|
6
7
|
navigationItems?: TopMenuItemProps[];
|
|
7
8
|
}
|
|
@@ -17,7 +17,7 @@ export const SearchBar = JSX(({ className, search, ...rest }) => {
|
|
|
17
17
|
searchDialog.open({ initialQuery: _, onClose: resetQueryOnDialogClose });
|
|
18
18
|
}
|
|
19
19
|
}, [resetQueryOnDialogClose, searchDialog]);
|
|
20
|
-
return (_jsxs("div", { className: style('relative', className), role: "search", children: [_jsx(SearchInput, { value: value, placeholder: search?.placeholder, onChange: handleInitialInputChange }), _jsx(CloseButton, { className: "absolute top-0 right-0 sm:hidden", onClose: resetQueryOnDialogClose })] }));
|
|
20
|
+
return (_jsxs("div", { className: style('relative', className), role: "search", children: [_jsx(SearchInput, { value: value, placeholder: search?.placeholder, onChange: handleInitialInputChange, ...rest }), _jsx(CloseButton, { className: "absolute top-0 right-0 sm:hidden", onClose: resetQueryOnDialogClose })] }));
|
|
21
21
|
});
|
|
22
22
|
const isQueryLongEnough = (_) => _ && _.length >= MIN_QUERY_LEN;
|
|
23
23
|
//# sourceMappingURL=SearchBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchBar/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchBar/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAKpE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAO1D,MAAM,aAAa,GAAG,CAAC,CAAC;AAExB,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAiB,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC9E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,uBAAuB,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,SAAS,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAEnD,MAAM,wBAAwB,GAAG,WAAW,CAC1C,CAAC,CAAS,EAAE,EAAE;QACZ,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,IAAI,iBAAiB,CAAC,CAAC,CAAC,EAAE;YACxB,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,OAAO,EAAE,uBAAuB,EAAE,CAAC,CAAC;SAC1E;IACH,CAAC,EACD,CAAC,uBAAuB,EAAE,YAAY,CAAC,CACxC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,QAAQ,aACzD,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,MAAM,EAAE,WAAW,EAChC,QAAQ,EAAE,wBAAwB,KAC9B,IAAI,GACR,EACF,KAAC,WAAW,IAAC,SAAS,EAAC,kCAAkC,EAAC,OAAO,EAAE,uBAAuB,GAAI,IAC1F,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,aAAa,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import type { SearchHeaderProps } from '../../data/CommonData';
|
|
1
2
|
import { type TopMenuItemProps } from '../../data/NavigationData';
|
|
2
3
|
import type { OnCloseProps } from '../../model/OnCloseProps';
|
|
3
4
|
export interface SearchDialogProps extends OnCloseProps {
|
|
4
5
|
initialQuery?: string;
|
|
5
6
|
navigationItems?: TopMenuItemProps[];
|
|
7
|
+
search?: SearchHeaderProps;
|
|
6
8
|
}
|
|
7
9
|
export declare const SearchDialog: import("@redneckz/uni-jsx").UNIComponent<SearchDialogProps, any, any>;
|
|
@@ -10,7 +10,7 @@ import { Dialog } from '../DialogManager/Dialog.js';
|
|
|
10
10
|
import { Sitemap } from '../Sitemap/Sitemap.js';
|
|
11
11
|
import { SearchInput } from './SearchInput.js';
|
|
12
12
|
const IS_SINGLE_SEARCH_INDEX = Boolean(env.SINGLE_SEARCH_INDEX);
|
|
13
|
-
export const SearchDialog = JSX(({ initialQuery, navigationItems, onClose }) => {
|
|
13
|
+
export const SearchDialog = JSX(({ initialQuery, navigationItems, onClose, search }) => {
|
|
14
14
|
const basePath = getBasePath(env.SITE_URL);
|
|
15
15
|
const basePathList = useMemo(() => (IS_SINGLE_SEARCH_INDEX ? [basePath] : navigationItems?.map((_) => _.href || '/')), [navigationItems]);
|
|
16
16
|
const [searchResult, searchInputProps] = useSearch({
|
|
@@ -18,7 +18,7 @@ export const SearchDialog = JSX(({ initialQuery, navigationItems, onClose }) =>
|
|
|
18
18
|
initialQuery,
|
|
19
19
|
});
|
|
20
20
|
const searchItems = useMemo(() => combineTopItemsAndSearchResult(navigationItems)(searchResult), [navigationItems, searchResult]);
|
|
21
|
-
return (_jsx(Dialog, { maxWidth: "none", head: _jsx(SearchInput, { className: "mt-s", autoFocus: true, ...searchInputProps }), onClose: onClose, children: _jsx(Sitemap, { navigationItems: searchItems, isSearchPanel: true }) }));
|
|
21
|
+
return (_jsx(Dialog, { maxWidth: "none", head: _jsx(SearchInput, { className: "mt-s", autoFocus: true, placeholder: search?.placeholder, ...searchInputProps }), onClose: onClose, children: _jsx(Sitemap, { navigationItems: searchItems, isSearchPanel: true }) }));
|
|
22
22
|
});
|
|
23
23
|
const combineTopItemsAndSearchResult = (topItems) => (searchResult) => topItems?.length && searchResult?.length
|
|
24
24
|
? zip(topItems, searchResult).map(([_, portalSearchResult]) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchDialog/SearchDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"SearchDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchDialog/SearchDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAGtD,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAGhC,OAAO,EAAE,SAAS,EAAqB,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAQ5C,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;AAEhE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,YAAY,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IACrD,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAE3C,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,GAAG,CAAC,CAAC,EACxF,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,MAAM,CAAC,YAAY,EAAE,gBAAgB,CAAC,GAAG,SAAS,CAAC;QACjD,YAAY;QACZ,YAAY;KACb,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,8BAA8B,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,EACnE,CAAC,eAAe,EAAE,YAAY,CAAC,CAChC,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,QAAQ,EAAC,MAAM,EACf,IAAI,EACF,KAAC,WAAW,IACV,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,MAAM,EAAE,WAAW,KAC5B,gBAAgB,GACpB,EAEJ,OAAO,EAAE,OAAO,YAEhB,KAAC,OAAO,IAAC,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,IAAI,GAAI,GACvD,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,8BAA8B,GAClC,CAAC,QAAwC,EAAE,EAAE,CAC7C,CAAC,YAA6C,EAAsB,EAAE,CACpE,QAAQ,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM;IACtC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,kBAAkB,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5D,GAAG,CAAC;QACJ,KAAK,EAAE,kBAAkB,EAAE,GAAG,CAC5B,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAa,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAC3E;KACF,CAAC,CAAC;IACL,CAAC,CAAC,EAAE,CAAC"}
|
|
@@ -1531,5 +1531,64 @@
|
|
|
1531
1531
|
}
|
|
1532
1532
|
}
|
|
1533
1533
|
}
|
|
1534
|
+
],
|
|
1535
|
+
[
|
|
1536
|
+
"Универсальный шаблон - консультация ФЛ",
|
|
1537
|
+
{
|
|
1538
|
+
"content": {
|
|
1539
|
+
"version": "primary",
|
|
1540
|
+
"padding": "",
|
|
1541
|
+
"title": "Заявка на консультацию",
|
|
1542
|
+
"typeForm": "UNIVERSAL",
|
|
1543
|
+
"endpoint": "lead",
|
|
1544
|
+
"additionalParams": {
|
|
1545
|
+
"product": "product",
|
|
1546
|
+
"showProduct": "show"
|
|
1547
|
+
},
|
|
1548
|
+
"sections": [
|
|
1549
|
+
{
|
|
1550
|
+
"columns": 2,
|
|
1551
|
+
"inputs": [
|
|
1552
|
+
{
|
|
1553
|
+
"name": "surname",
|
|
1554
|
+
"required": true
|
|
1555
|
+
},
|
|
1556
|
+
{
|
|
1557
|
+
"name": "name",
|
|
1558
|
+
"required": true
|
|
1559
|
+
},
|
|
1560
|
+
{
|
|
1561
|
+
"name": "middleName"
|
|
1562
|
+
},
|
|
1563
|
+
{
|
|
1564
|
+
"name": "birthday",
|
|
1565
|
+
"required": true
|
|
1566
|
+
},
|
|
1567
|
+
{
|
|
1568
|
+
"name": "phone",
|
|
1569
|
+
"required": true
|
|
1570
|
+
},
|
|
1571
|
+
{
|
|
1572
|
+
"name": "email",
|
|
1573
|
+
"required": true
|
|
1574
|
+
},
|
|
1575
|
+
{
|
|
1576
|
+
"name": "consentDataProcessing",
|
|
1577
|
+
"required": true
|
|
1578
|
+
}
|
|
1579
|
+
]
|
|
1580
|
+
}
|
|
1581
|
+
],
|
|
1582
|
+
"button": {
|
|
1583
|
+
"text": "Отправить заявку",
|
|
1584
|
+
"version": "primary"
|
|
1585
|
+
},
|
|
1586
|
+
"link": {
|
|
1587
|
+
"text": "Согласен на обработку персональных данных",
|
|
1588
|
+
"href": "/privacy-policy",
|
|
1589
|
+
"target": "_blank"
|
|
1590
|
+
}
|
|
1591
|
+
}
|
|
1592
|
+
}
|
|
1534
1593
|
]
|
|
1535
1594
|
]
|
|
@@ -3,13 +3,14 @@ import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
|
3
3
|
import { type SearchHeaderProps } from '../../data/CommonData';
|
|
4
4
|
import { type TopMenuItemProps } from '../../data/NavigationData';
|
|
5
5
|
import { type ComponentType } from '../../model/ComponentType';
|
|
6
|
+
import { type PlaceholderProps } from '../../model/PlaceholderProps';
|
|
6
7
|
import { style } from '../../utils/style';
|
|
7
8
|
import { CloseButton } from '../DialogManager/CloseButton';
|
|
8
9
|
import { useDialog } from '../DialogManager/useDialog';
|
|
9
10
|
import { SearchDialog } from '../SearchDialog/SearchDialog';
|
|
10
11
|
import { SearchInput } from '../SearchDialog/SearchInput';
|
|
11
12
|
|
|
12
|
-
interface SearchBarProps extends ComponentType {
|
|
13
|
+
interface SearchBarProps extends ComponentType, PlaceholderProps {
|
|
13
14
|
search?: SearchHeaderProps;
|
|
14
15
|
navigationItems?: TopMenuItemProps[];
|
|
15
16
|
}
|
|
@@ -38,6 +39,7 @@ export const SearchBar = JSX<SearchBarProps>(({ className, search, ...rest }) =>
|
|
|
38
39
|
value={value}
|
|
39
40
|
placeholder={search?.placeholder}
|
|
40
41
|
onChange={handleInitialInputChange}
|
|
42
|
+
{...rest}
|
|
41
43
|
/>
|
|
42
44
|
<CloseButton className="absolute top-0 right-0 sm:hidden" onClose={resetQueryOnDialogClose} />
|
|
43
45
|
</div>
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
|
+
import type { SearchHeaderProps } from '../../data/CommonData';
|
|
3
4
|
import { type TopMenuItemProps } from '../../data/NavigationData';
|
|
4
5
|
import { env } from '../../Env';
|
|
5
6
|
import { type LinkProps } from '../../model/LinkProps';
|
|
@@ -15,38 +16,48 @@ import { SearchInput } from './SearchInput';
|
|
|
15
16
|
export interface SearchDialogProps extends OnCloseProps {
|
|
16
17
|
initialQuery?: string;
|
|
17
18
|
navigationItems?: TopMenuItemProps[];
|
|
19
|
+
search?: SearchHeaderProps;
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
const IS_SINGLE_SEARCH_INDEX = Boolean(env.SINGLE_SEARCH_INDEX);
|
|
21
23
|
|
|
22
|
-
export const SearchDialog = JSX<SearchDialogProps>(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}
|
|
24
|
+
export const SearchDialog = JSX<SearchDialogProps>(
|
|
25
|
+
({ initialQuery, navigationItems, onClose, search }) => {
|
|
26
|
+
const basePath = getBasePath(env.SITE_URL);
|
|
27
|
+
|
|
28
|
+
const basePathList = useMemo(
|
|
29
|
+
() => (IS_SINGLE_SEARCH_INDEX ? [basePath] : navigationItems?.map((_) => _.href || '/')),
|
|
30
|
+
[navigationItems],
|
|
31
|
+
);
|
|
32
|
+
|
|
33
|
+
const [searchResult, searchInputProps] = useSearch({
|
|
34
|
+
basePathList,
|
|
35
|
+
initialQuery,
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
const searchItems = useMemo(
|
|
39
|
+
() => combineTopItemsAndSearchResult(navigationItems)(searchResult),
|
|
40
|
+
[navigationItems, searchResult],
|
|
41
|
+
);
|
|
42
|
+
|
|
43
|
+
return (
|
|
44
|
+
<Dialog
|
|
45
|
+
maxWidth="none"
|
|
46
|
+
head={
|
|
47
|
+
<SearchInput
|
|
48
|
+
className="mt-s"
|
|
49
|
+
autoFocus={true}
|
|
50
|
+
placeholder={search?.placeholder}
|
|
51
|
+
{...searchInputProps}
|
|
52
|
+
/>
|
|
53
|
+
}
|
|
54
|
+
onClose={onClose}
|
|
55
|
+
>
|
|
56
|
+
<Sitemap navigationItems={searchItems} isSearchPanel={true} />
|
|
57
|
+
</Dialog>
|
|
58
|
+
);
|
|
59
|
+
},
|
|
60
|
+
);
|
|
50
61
|
|
|
51
62
|
const combineTopItemsAndSearchResult =
|
|
52
63
|
(topItems: TopMenuItemProps[] | undefined) =>
|
package/package.json
CHANGED
|
@@ -1531,5 +1531,64 @@
|
|
|
1531
1531
|
}
|
|
1532
1532
|
}
|
|
1533
1533
|
}
|
|
1534
|
+
],
|
|
1535
|
+
[
|
|
1536
|
+
"Универсальный шаблон - консультация ФЛ",
|
|
1537
|
+
{
|
|
1538
|
+
"content": {
|
|
1539
|
+
"version": "primary",
|
|
1540
|
+
"padding": "",
|
|
1541
|
+
"title": "Заявка на консультацию",
|
|
1542
|
+
"typeForm": "UNIVERSAL",
|
|
1543
|
+
"endpoint": "lead",
|
|
1544
|
+
"additionalParams": {
|
|
1545
|
+
"product": "product",
|
|
1546
|
+
"showProduct": "show"
|
|
1547
|
+
},
|
|
1548
|
+
"sections": [
|
|
1549
|
+
{
|
|
1550
|
+
"columns": 2,
|
|
1551
|
+
"inputs": [
|
|
1552
|
+
{
|
|
1553
|
+
"name": "surname",
|
|
1554
|
+
"required": true
|
|
1555
|
+
},
|
|
1556
|
+
{
|
|
1557
|
+
"name": "name",
|
|
1558
|
+
"required": true
|
|
1559
|
+
},
|
|
1560
|
+
{
|
|
1561
|
+
"name": "middleName"
|
|
1562
|
+
},
|
|
1563
|
+
{
|
|
1564
|
+
"name": "birthday",
|
|
1565
|
+
"required": true
|
|
1566
|
+
},
|
|
1567
|
+
{
|
|
1568
|
+
"name": "phone",
|
|
1569
|
+
"required": true
|
|
1570
|
+
},
|
|
1571
|
+
{
|
|
1572
|
+
"name": "email",
|
|
1573
|
+
"required": true
|
|
1574
|
+
},
|
|
1575
|
+
{
|
|
1576
|
+
"name": "consentDataProcessing",
|
|
1577
|
+
"required": true
|
|
1578
|
+
}
|
|
1579
|
+
]
|
|
1580
|
+
}
|
|
1581
|
+
],
|
|
1582
|
+
"button": {
|
|
1583
|
+
"text": "Отправить заявку",
|
|
1584
|
+
"version": "primary"
|
|
1585
|
+
},
|
|
1586
|
+
"link": {
|
|
1587
|
+
"text": "Согласен на обработку персональных данных",
|
|
1588
|
+
"href": "/privacy-policy",
|
|
1589
|
+
"target": "_blank"
|
|
1590
|
+
}
|
|
1591
|
+
}
|
|
1592
|
+
}
|
|
1534
1593
|
]
|
|
1535
1594
|
]
|
|
@@ -942,4 +942,36 @@ export default {
|
|
|
942
942
|
<DialogManager />
|
|
943
943
|
</div>
|
|
944
944
|
),
|
|
945
|
+
universalConsultFL: (
|
|
946
|
+
<div className="container grid grid-cols-12">
|
|
947
|
+
<ApplicationForm
|
|
948
|
+
className="col-span-12"
|
|
949
|
+
title="Заявка на консультацию"
|
|
950
|
+
typeForm="UNIVERSAL"
|
|
951
|
+
endpoint="lead"
|
|
952
|
+
sections={[
|
|
953
|
+
{
|
|
954
|
+
columns: 2,
|
|
955
|
+
inputs: [
|
|
956
|
+
{ name: 'surname', required: true },
|
|
957
|
+
{ name: 'name', required: true },
|
|
958
|
+
{ name: 'middleName' },
|
|
959
|
+
{ name: 'birthday', required: true },
|
|
960
|
+
{ name: 'phone', required: true },
|
|
961
|
+
{ name: 'email', required: true },
|
|
962
|
+
{ name: 'consentDataProcessing', required: true },
|
|
963
|
+
],
|
|
964
|
+
},
|
|
965
|
+
]}
|
|
966
|
+
additionalParams={{
|
|
967
|
+
product: 'product',
|
|
968
|
+
showProduct: 'show',
|
|
969
|
+
}}
|
|
970
|
+
button={button}
|
|
971
|
+
link={link}
|
|
972
|
+
/>
|
|
973
|
+
<PopupManager />
|
|
974
|
+
<DialogManager />
|
|
975
|
+
</div>
|
|
976
|
+
),
|
|
945
977
|
};
|
|
@@ -937,4 +937,36 @@ export default {
|
|
|
937
937
|
<DialogManager />
|
|
938
938
|
</div>
|
|
939
939
|
),
|
|
940
|
+
universalConsultFL: (
|
|
941
|
+
<div className="container grid grid-cols-12">
|
|
942
|
+
<ApplicationForm
|
|
943
|
+
className="col-span-12"
|
|
944
|
+
title="Заявка на консультацию"
|
|
945
|
+
typeForm="UNIVERSAL"
|
|
946
|
+
endpoint="lead"
|
|
947
|
+
sections={[
|
|
948
|
+
{
|
|
949
|
+
columns: 2,
|
|
950
|
+
inputs: [
|
|
951
|
+
{ name: 'surname', required: true },
|
|
952
|
+
{ name: 'name', required: true },
|
|
953
|
+
{ name: 'middleName' },
|
|
954
|
+
{ name: 'birthday', required: true },
|
|
955
|
+
{ name: 'phone', required: true },
|
|
956
|
+
{ name: 'email', required: true },
|
|
957
|
+
{ name: 'consentDataProcessing', required: true },
|
|
958
|
+
],
|
|
959
|
+
},
|
|
960
|
+
]}
|
|
961
|
+
additionalParams={{
|
|
962
|
+
product: 'product',
|
|
963
|
+
showProduct: 'show',
|
|
964
|
+
}}
|
|
965
|
+
button={button}
|
|
966
|
+
link={link}
|
|
967
|
+
/>
|
|
968
|
+
<PopupManager />
|
|
969
|
+
<DialogManager />
|
|
970
|
+
</div>
|
|
971
|
+
),
|
|
940
972
|
};
|
|
@@ -5,14 +5,19 @@ import { SearchBar } from '../../ui-kit/SearchBar/SearchBar';
|
|
|
5
5
|
import { LEFT_COLUMN_STYLE } from './leftColumnStyle';
|
|
6
6
|
|
|
7
7
|
export const renderLogoSearchBar = (common?: CommonData, navigationItems?: TopMenuItemProps[]) => {
|
|
8
|
-
const { logo } = common ?? {};
|
|
8
|
+
const { logo, search } = common ?? {};
|
|
9
9
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
10
10
|
const { dataHeader, dataFooter, ...logoProps } = logo ?? {};
|
|
11
11
|
|
|
12
12
|
return (
|
|
13
13
|
<div className="flex items-stretch gap-3xl">
|
|
14
14
|
<Logo className={LEFT_COLUMN_STYLE} logo={logoProps} data={dataFooter} showTitle={false} />
|
|
15
|
-
<SearchBar
|
|
15
|
+
<SearchBar
|
|
16
|
+
className="grow"
|
|
17
|
+
navigationItems={navigationItems}
|
|
18
|
+
placeholder={search?.placeholder}
|
|
19
|
+
{...common}
|
|
20
|
+
/>
|
|
16
21
|
</div>
|
|
17
22
|
);
|
|
18
23
|
};
|
|
@@ -3,13 +3,14 @@ import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
|
3
3
|
import { type SearchHeaderProps } from '../../data/CommonData';
|
|
4
4
|
import { type TopMenuItemProps } from '../../data/NavigationData';
|
|
5
5
|
import { type ComponentType } from '../../model/ComponentType';
|
|
6
|
+
import { type PlaceholderProps } from '../../model/PlaceholderProps';
|
|
6
7
|
import { style } from '../../utils/style';
|
|
7
8
|
import { CloseButton } from '../DialogManager/CloseButton';
|
|
8
9
|
import { useDialog } from '../DialogManager/useDialog';
|
|
9
10
|
import { SearchDialog } from '../SearchDialog/SearchDialog';
|
|
10
11
|
import { SearchInput } from '../SearchDialog/SearchInput';
|
|
11
12
|
|
|
12
|
-
interface SearchBarProps extends ComponentType {
|
|
13
|
+
interface SearchBarProps extends ComponentType, PlaceholderProps {
|
|
13
14
|
search?: SearchHeaderProps;
|
|
14
15
|
navigationItems?: TopMenuItemProps[];
|
|
15
16
|
}
|
|
@@ -38,6 +39,7 @@ export const SearchBar = JSX<SearchBarProps>(({ className, search, ...rest }) =>
|
|
|
38
39
|
value={value}
|
|
39
40
|
placeholder={search?.placeholder}
|
|
40
41
|
onChange={handleInitialInputChange}
|
|
42
|
+
{...rest}
|
|
41
43
|
/>
|
|
42
44
|
<CloseButton className="absolute top-0 right-0 sm:hidden" onClose={resetQueryOnDialogClose} />
|
|
43
45
|
</div>
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
|
+
import type { SearchHeaderProps } from '../../data/CommonData';
|
|
3
4
|
import { type TopMenuItemProps } from '../../data/NavigationData';
|
|
4
5
|
import { env } from '../../Env';
|
|
5
6
|
import { type LinkProps } from '../../model/LinkProps';
|
|
@@ -15,38 +16,48 @@ import { SearchInput } from './SearchInput';
|
|
|
15
16
|
export interface SearchDialogProps extends OnCloseProps {
|
|
16
17
|
initialQuery?: string;
|
|
17
18
|
navigationItems?: TopMenuItemProps[];
|
|
19
|
+
search?: SearchHeaderProps;
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
const IS_SINGLE_SEARCH_INDEX = Boolean(env.SINGLE_SEARCH_INDEX);
|
|
21
23
|
|
|
22
|
-
export const SearchDialog = JSX<SearchDialogProps>(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}
|
|
24
|
+
export const SearchDialog = JSX<SearchDialogProps>(
|
|
25
|
+
({ initialQuery, navigationItems, onClose, search }) => {
|
|
26
|
+
const basePath = getBasePath(env.SITE_URL);
|
|
27
|
+
|
|
28
|
+
const basePathList = useMemo(
|
|
29
|
+
() => (IS_SINGLE_SEARCH_INDEX ? [basePath] : navigationItems?.map((_) => _.href || '/')),
|
|
30
|
+
[navigationItems],
|
|
31
|
+
);
|
|
32
|
+
|
|
33
|
+
const [searchResult, searchInputProps] = useSearch({
|
|
34
|
+
basePathList,
|
|
35
|
+
initialQuery,
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
const searchItems = useMemo(
|
|
39
|
+
() => combineTopItemsAndSearchResult(navigationItems)(searchResult),
|
|
40
|
+
[navigationItems, searchResult],
|
|
41
|
+
);
|
|
42
|
+
|
|
43
|
+
return (
|
|
44
|
+
<Dialog
|
|
45
|
+
maxWidth="none"
|
|
46
|
+
head={
|
|
47
|
+
<SearchInput
|
|
48
|
+
className="mt-s"
|
|
49
|
+
autoFocus={true}
|
|
50
|
+
placeholder={search?.placeholder}
|
|
51
|
+
{...searchInputProps}
|
|
52
|
+
/>
|
|
53
|
+
}
|
|
54
|
+
onClose={onClose}
|
|
55
|
+
>
|
|
56
|
+
<Sitemap navigationItems={searchItems} isSearchPanel={true} />
|
|
57
|
+
</Dialog>
|
|
58
|
+
);
|
|
59
|
+
},
|
|
60
|
+
);
|
|
50
61
|
|
|
51
62
|
const combineTopItemsAndSearchResult =
|
|
52
63
|
(topItems: TopMenuItemProps[] | undefined) =>
|