@redneckz/wildless-cms-uni-blocks 0.14.959 → 0.14.960
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/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/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/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"}
|
|
@@ -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
|
@@ -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) =>
|