@redneckz/wildless-cms-uni-blocks 0.14.874 → 0.14.876
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 +127 -93
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/Header/DropdownButton.d.ts +2 -0
- package/bundle/components/Header/DropdownMenu.d.ts +5 -2
- package/bundle/components/Header/HeaderMoreMenuItem.d.ts +9 -0
- package/bundle/components/Header/HeaderSubMenuItem.d.ts +3 -0
- package/bundle/components/Header/useDropdownSubMenu.d.ts +11 -0
- package/bundle/data/NavigationData.d.ts +1 -0
- package/bundle/ui-kit/FormField/Fields/ApplicationDateField.d.ts +2 -0
- package/dist/components/Header/DropdownButton.d.ts +2 -0
- package/dist/components/Header/DropdownButton.js +11 -0
- package/dist/components/Header/DropdownButton.js.map +1 -0
- package/dist/components/Header/DropdownMenu.d.ts +5 -2
- package/dist/components/Header/DropdownMenu.js +2 -36
- package/dist/components/Header/DropdownMenu.js.map +1 -1
- package/dist/components/Header/HeaderMoreMenuItem.d.ts +9 -0
- package/dist/components/Header/HeaderMoreMenuItem.js +27 -0
- package/dist/components/Header/HeaderMoreMenuItem.js.map +1 -0
- package/dist/components/Header/HeaderSubMenu.js +2 -2
- package/dist/components/Header/HeaderSubMenu.js.map +1 -1
- package/dist/components/Header/HeaderSubMenuItem.d.ts +3 -0
- package/dist/components/Header/HeaderSubMenuItem.js +19 -2
- package/dist/components/Header/HeaderSubMenuItem.js.map +1 -1
- package/dist/components/Header/HeaderTopMenu.js +2 -2
- package/dist/components/Header/HeaderTopMenu.js.map +1 -1
- package/dist/components/Header/useDropdownSubMenu.d.ts +11 -0
- package/dist/components/Header/useDropdownSubMenu.js +37 -0
- package/dist/components/Header/useDropdownSubMenu.js.map +1 -0
- package/dist/data/NavigationData.d.ts +1 -0
- package/dist/ui-kit/FormField/Fields/ApplicationDateField.d.ts +2 -0
- package/dist/ui-kit/FormField/Fields/ApplicationDateField.js +7 -0
- package/dist/ui-kit/FormField/Fields/ApplicationDateField.js.map +1 -0
- package/dist/ui-kit/FormField/getField.js +2 -2
- package/dist/ui-kit/FormField/getField.js.map +1 -1
- package/lib/components/Header/DropdownButton.d.ts +2 -0
- package/lib/components/Header/DropdownButton.js +9 -0
- package/lib/components/Header/DropdownButton.js.map +1 -0
- package/lib/components/Header/DropdownMenu.d.ts +5 -2
- package/lib/components/Header/DropdownMenu.js +2 -37
- package/lib/components/Header/DropdownMenu.js.map +1 -1
- package/lib/components/Header/HeaderMoreMenuItem.d.ts +9 -0
- package/lib/components/Header/HeaderMoreMenuItem.js +25 -0
- package/lib/components/Header/HeaderMoreMenuItem.js.map +1 -0
- package/lib/components/Header/HeaderSubMenu.js +2 -2
- package/lib/components/Header/HeaderSubMenu.js.map +1 -1
- package/lib/components/Header/HeaderSubMenuItem.d.ts +3 -0
- package/lib/components/Header/HeaderSubMenuItem.js +20 -3
- package/lib/components/Header/HeaderSubMenuItem.js.map +1 -1
- package/lib/components/Header/HeaderTopMenu.js +2 -2
- package/lib/components/Header/HeaderTopMenu.js.map +1 -1
- package/lib/components/Header/useDropdownSubMenu.d.ts +11 -0
- package/lib/components/Header/useDropdownSubMenu.js +34 -0
- package/lib/components/Header/useDropdownSubMenu.js.map +1 -0
- package/lib/data/NavigationData.d.ts +1 -0
- package/lib/ui-kit/FormField/Fields/ApplicationDateField.d.ts +2 -0
- package/lib/ui-kit/FormField/Fields/ApplicationDateField.js +5 -0
- package/lib/ui-kit/FormField/Fields/ApplicationDateField.js.map +1 -0
- package/lib/ui-kit/FormField/getField.js +2 -2
- package/lib/ui-kit/FormField/getField.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +50 -48
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/Header/DropdownButton.d.ts +2 -0
- package/mobile/bundle/components/Header/DropdownMenu.d.ts +5 -2
- package/mobile/bundle/components/Header/HeaderMoreMenuItem.d.ts +9 -0
- package/mobile/bundle/components/Header/HeaderSubMenuItem.d.ts +3 -0
- package/mobile/bundle/components/Header/useDropdownSubMenu.d.ts +11 -0
- package/mobile/bundle/data/NavigationData.d.ts +1 -0
- package/mobile/bundle/ui-kit/FormField/Fields/ApplicationDateField.d.ts +2 -0
- package/mobile/dist/components/Header/DropdownButton.d.ts +2 -0
- package/mobile/dist/components/Header/DropdownButton.js +11 -0
- package/mobile/dist/components/Header/DropdownButton.js.map +1 -0
- package/mobile/dist/components/Header/DropdownMenu.d.ts +5 -2
- package/mobile/dist/components/Header/DropdownMenu.js +2 -36
- package/mobile/dist/components/Header/DropdownMenu.js.map +1 -1
- package/mobile/dist/components/Header/HeaderMoreMenuItem.d.ts +9 -0
- package/mobile/dist/components/Header/HeaderMoreMenuItem.js +27 -0
- package/mobile/dist/components/Header/HeaderMoreMenuItem.js.map +1 -0
- package/mobile/dist/components/Header/HeaderSubMenu.js +2 -2
- package/mobile/dist/components/Header/HeaderSubMenu.js.map +1 -1
- package/mobile/dist/components/Header/HeaderSubMenuItem.d.ts +3 -0
- package/mobile/dist/components/Header/HeaderSubMenuItem.js +19 -2
- package/mobile/dist/components/Header/HeaderSubMenuItem.js.map +1 -1
- package/mobile/dist/components/Header/HeaderTopMenu.js +2 -2
- package/mobile/dist/components/Header/HeaderTopMenu.js.map +1 -1
- package/mobile/dist/components/Header/useDropdownSubMenu.d.ts +11 -0
- package/mobile/dist/components/Header/useDropdownSubMenu.js +37 -0
- package/mobile/dist/components/Header/useDropdownSubMenu.js.map +1 -0
- package/mobile/dist/data/NavigationData.d.ts +1 -0
- package/mobile/dist/ui-kit/FormField/Fields/ApplicationDateField.d.ts +2 -0
- package/mobile/dist/ui-kit/FormField/Fields/ApplicationDateField.js +7 -0
- package/mobile/dist/ui-kit/FormField/Fields/ApplicationDateField.js.map +1 -0
- package/mobile/dist/ui-kit/FormField/getField.js +2 -2
- package/mobile/dist/ui-kit/FormField/getField.js.map +1 -1
- package/mobile/lib/components/Header/DropdownButton.d.ts +2 -0
- package/mobile/lib/components/Header/DropdownButton.js +9 -0
- package/mobile/lib/components/Header/DropdownButton.js.map +1 -0
- package/mobile/lib/components/Header/DropdownMenu.d.ts +5 -2
- package/mobile/lib/components/Header/DropdownMenu.js +2 -37
- package/mobile/lib/components/Header/DropdownMenu.js.map +1 -1
- package/mobile/lib/components/Header/HeaderMoreMenuItem.d.ts +9 -0
- package/mobile/lib/components/Header/HeaderMoreMenuItem.js +25 -0
- package/mobile/lib/components/Header/HeaderMoreMenuItem.js.map +1 -0
- package/mobile/lib/components/Header/HeaderSubMenu.js +2 -2
- package/mobile/lib/components/Header/HeaderSubMenu.js.map +1 -1
- package/mobile/lib/components/Header/HeaderSubMenuItem.d.ts +3 -0
- package/mobile/lib/components/Header/HeaderSubMenuItem.js +20 -3
- package/mobile/lib/components/Header/HeaderSubMenuItem.js.map +1 -1
- package/mobile/lib/components/Header/HeaderTopMenu.js +2 -2
- package/mobile/lib/components/Header/HeaderTopMenu.js.map +1 -1
- package/mobile/lib/components/Header/useDropdownSubMenu.d.ts +11 -0
- package/mobile/lib/components/Header/useDropdownSubMenu.js +34 -0
- package/mobile/lib/components/Header/useDropdownSubMenu.js.map +1 -0
- package/mobile/lib/data/NavigationData.d.ts +1 -0
- package/mobile/lib/ui-kit/FormField/Fields/ApplicationDateField.d.ts +2 -0
- package/mobile/lib/ui-kit/FormField/Fields/ApplicationDateField.js +5 -0
- package/mobile/lib/ui-kit/FormField/Fields/ApplicationDateField.js.map +1 -0
- package/mobile/lib/ui-kit/FormField/getField.js +2 -2
- package/mobile/lib/ui-kit/FormField/getField.js.map +1 -1
- package/mobile/src/components/Header/DropdownButton.tsx +26 -0
- package/mobile/src/components/Header/DropdownMenu.tsx +15 -85
- package/mobile/src/components/Header/HeaderMoreMenuItem.tsx +60 -0
- package/mobile/src/components/Header/HeaderSubMenu.tsx +3 -2
- package/mobile/src/components/Header/HeaderSubMenuItem.tsx +31 -5
- package/mobile/src/components/Header/HeaderTopMenu.tsx +3 -3
- package/mobile/src/components/Header/useDropdownSubMenu.tsx +48 -0
- package/mobile/src/data/NavigationData.ts +1 -0
- package/mobile/src/ui-kit/FormField/Fields/ApplicationDateField.tsx +7 -0
- package/mobile/src/ui-kit/FormField/getField.tsx +2 -4
- package/package.json +1 -1
- package/src/components/Header/DropdownButton.tsx +26 -0
- package/src/components/Header/DropdownMenu.tsx +15 -85
- package/src/components/Header/Header.fixture.tsx +4 -0
- package/src/components/Header/HeaderMoreMenuItem.tsx +60 -0
- package/src/components/Header/HeaderSubMenu.tsx +3 -2
- package/src/components/Header/HeaderSubMenuItem.tsx +31 -5
- package/src/components/Header/HeaderTopMenu.tsx +3 -3
- package/src/components/Header/useDropdownSubMenu.tsx +48 -0
- package/src/data/NavigationData.ts +1 -0
- package/src/icons/IconName.ts +4 -4
- package/src/ui-kit/FormField/Fields/ApplicationDateField.tsx +7 -0
- package/src/ui-kit/FormField/getField.tsx +2 -4
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
|
+
import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
|
|
5
|
+
import { style } from '../../utils/style.js';
|
|
6
|
+
import { useDropdownSubMenu } from './useDropdownSubMenu.js';
|
|
7
|
+
export const HeaderMoreMenuItem = JSX(({ className = '', items, activeItem, ariaLabel = 'Меню' }) => {
|
|
8
|
+
const [isOpenDropdown, { setFalse, toggle }] = useBool(false);
|
|
9
|
+
const dropdownMenu = useDropdownSubMenu({
|
|
10
|
+
items,
|
|
11
|
+
onClose: setFalse,
|
|
12
|
+
isOpen: isOpenDropdown,
|
|
13
|
+
activeItem,
|
|
14
|
+
});
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
dropdownMenu.current?.addEventListener('mouseleave', setFalse);
|
|
17
|
+
return () => {
|
|
18
|
+
dropdownMenu.current?.removeEventListener('mouseleave', setFalse);
|
|
19
|
+
};
|
|
20
|
+
}, []);
|
|
21
|
+
return (_jsx("div", { className: style(isOpenDropdown ? 'rounded-md shadow-blue-gray' : '', className), ref: dropdownMenu, role: "navigation", children: _jsx("button", { type: "button", className: "group/btn flex justify-between items-center h-6", "aria-label": ariaLabel, onClick: toggle, role: "button", "aria-labelledby": "labeldiv", children: Array(3)
|
|
22
|
+
.fill(null)
|
|
23
|
+
.map((_, i) => (_jsx("div", { className: "w-[3px] h-[3px] rounded mr-2xs bg-primary-text group-hover/btn:bg-primary-hover group-data-transparent:bg-white" }, String(i)))) }) }));
|
|
24
|
+
});
|
|
25
|
+
//# sourceMappingURL=HeaderMoreMenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderMoreMenuItem.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderMoreMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAG9D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAQ1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,GAAG,MAAM,EAAE,EAAE,EAAE;IAC5D,MAAM,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAE9D,MAAM,YAAY,GAAG,kBAAkB,CAAC;QACtC,KAAK;QACL,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,cAAc;QACtB,UAAU;KACX,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAE/D,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,EAAE,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACpE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,cACE,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,EAChF,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,YAAY,YAEjB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iDAAiD,gBAC/C,SAAS,EACrB,OAAO,EAAE,MAAM,EACf,IAAI,EAAC,QAAQ,qBACG,UAAU,YAEzB,KAAK,CAAC,CAAC,CAAC;iBACN,IAAI,CAAC,IAAI,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACb,cAEE,SAAS,EAAC,iHAAiH,IADtH,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC,GACG,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -3,8 +3,8 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
3
3
|
import { useMemo, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
4
|
import { useActiveRoute } from '../../hooks/useActiveRoute.js';
|
|
5
5
|
import { projectSettings } from '../../ProjectSettings.js';
|
|
6
|
-
import { DropdownMenu } from './DropdownMenu.js';
|
|
7
6
|
import { HeaderChatBotButton } from './HeaderChatBotButton.js';
|
|
7
|
+
import { HeaderMoreMenuItem } from './HeaderMoreMenuItem.js';
|
|
8
8
|
import { HeaderSubMenuItem } from './HeaderSubMenuItem.js';
|
|
9
9
|
import { InternetBankButton } from './InternetBankButton.js';
|
|
10
10
|
export const HeaderSubMenu = JSX(({ subItems = [], version, internetBankButton, dropdownMenuAriaLabel, chatBotAriaLabel }) => {
|
|
@@ -19,7 +19,7 @@ export const HeaderSubMenu = JSX(({ subItems = [], version, internetBankButton,
|
|
|
19
19
|
? handleIntersectionActivation(index)
|
|
20
20
|
: handleIntersectionDeactivation(index));
|
|
21
21
|
}), [subItems]);
|
|
22
|
-
return (_jsxs("nav", { className: "mt-s flex gap-s items-center justify-between", children: [_jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap pb-s mt-xs space-x-lg", role: "menu", children: subItems.map((_, i) => (_jsx(HeaderSubMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeSubItem, observerOptions: observerOptions, onVisibilityChange: subItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (_jsx(
|
|
22
|
+
return (_jsxs("nav", { className: "mt-s flex gap-s items-center justify-between", children: [_jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap pb-s mt-xs space-x-lg", role: "menu", children: subItems.map((_, i) => (_jsx(HeaderSubMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeSubItem, activeItem: activeSubItem, observerOptions: observerOptions, onVisibilityChange: subItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (_jsx(HeaderMoreMenuItem, { items: dropDownMenuItems, activeItem: activeSubItem, ariaLabel: dropdownMenuAriaLabel })) : null, projectSettings.CHAT_BOT ? (_jsx(HeaderChatBotButton, { version: version, iconVersion: iconVersion, ariaLabel: chatBotAriaLabel })) : null, _jsx(InternetBankButton, { version: version, ...internetBankButton })] }));
|
|
23
23
|
});
|
|
24
24
|
const handleIntersectionActivation = (index) => (prev) => Math.max(prev, index + 1);
|
|
25
25
|
const handleIntersectionDeactivation = (index) => (prev) => Math.min(prev, index);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderSubMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAI5D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"HeaderSubMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
+
import { type NavigationLinkProps } from '../../data/NavigationData';
|
|
1
2
|
import { type IntersectionObserverOptions } from '../../hooks/useIntersectionObserver';
|
|
2
3
|
import { type ComponentType } from '../../model/ComponentType';
|
|
3
4
|
import { type LinkProps } from '../../model/LinkProps';
|
|
4
5
|
export interface HeaderSubMenuItemProps extends LinkProps, ComponentType {
|
|
5
6
|
active?: boolean;
|
|
7
|
+
activeItem?: LinkProps;
|
|
6
8
|
observerOptions?: IntersectionObserverOptions;
|
|
7
9
|
onVisibilityChange?: (isIntersecting: boolean) => void;
|
|
10
|
+
items?: NavigationLinkProps[];
|
|
8
11
|
}
|
|
9
12
|
export declare const HeaderSubMenuItem: import("@redneckz/uni-jsx").UNIComponent<HeaderSubMenuItemProps, any, any>;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
|
+
import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
|
+
import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
|
|
4
5
|
import { useIntersectionObserver, } from '../../hooks/useIntersectionObserver.js';
|
|
5
6
|
import { HeaderItem } from '../../ui-kit/HeaderItem/HeaderItem.js';
|
|
6
|
-
|
|
7
|
+
import { useDropdownSubMenu } from './useDropdownSubMenu.js';
|
|
8
|
+
export const HeaderSubMenuItem = JSX(({ observerOptions, onVisibilityChange, children, className, items, activeItem, ...rest }) => {
|
|
9
|
+
const [isOpenDropdown, { setFalse, setTrue }] = useBool(false);
|
|
7
10
|
const observerCallback = useCallback((entries) => {
|
|
8
11
|
if (!entries.length || !onVisibilityChange) {
|
|
9
12
|
return;
|
|
@@ -13,6 +16,20 @@ export const HeaderSubMenuItem = JSX(({ observerOptions, onVisibilityChange, chi
|
|
|
13
16
|
onVisibilityChange(entry.isIntersecting);
|
|
14
17
|
}, [onVisibilityChange]);
|
|
15
18
|
const ref = useIntersectionObserver(observerCallback, observerOptions);
|
|
16
|
-
|
|
19
|
+
const dropdownMenu = useDropdownSubMenu({
|
|
20
|
+
items,
|
|
21
|
+
onClose: setFalse,
|
|
22
|
+
isOpen: isOpenDropdown,
|
|
23
|
+
activeItem,
|
|
24
|
+
});
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
dropdownMenu.current?.addEventListener('mouseenter', setTrue);
|
|
27
|
+
dropdownMenu.current?.addEventListener('mouseleave', setFalse);
|
|
28
|
+
return () => {
|
|
29
|
+
dropdownMenu.current?.addEventListener('mouseenter', setTrue);
|
|
30
|
+
dropdownMenu.current?.removeEventListener('mouseleave', setFalse);
|
|
31
|
+
};
|
|
32
|
+
}, []);
|
|
33
|
+
return (_jsx("div", { className: "inline-block", ref: dropdownMenu, children: _jsx("span", { ref: ref, className: className, role: "menuitem", children: _jsx(HeaderItem, { ...rest, children: children }) }) }));
|
|
17
34
|
});
|
|
18
35
|
//# sourceMappingURL=HeaderSubMenuItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderSubMenuItem.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"HeaderSubMenuItem.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAE9D,OAAO,EACL,uBAAuB,GAExB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAU1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,eAAe,EAAE,kBAAkB,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC3F,MAAM,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAE/D,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,OAAoC,EAAE,EAAE;QACvC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE;YAC1C,OAAO;SACR;QAED,2CAA2C;QAC3C,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAE1C,kBAAkB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,MAAM,GAAG,GAAG,uBAAuB,CAAkB,gBAAgB,EAAE,eAAe,CAAC,CAAC;IAExF,MAAM,YAAY,GAAG,kBAAkB,CAAC;QACtC,KAAK;QACL,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,cAAc;QACtB,UAAU;KACX,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;QAC9D,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAE/D,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YAC9D,YAAY,CAAC,OAAO,EAAE,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACpE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,cAAK,SAAS,EAAC,cAAc,EAAC,GAAG,EAAE,YAAY,YAC7C,eAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,UAAU,YACnD,KAAC,UAAU,OAAK,IAAI,YAAG,QAAQ,GAAc,GACxC,GACH,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { useMemo, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
4
|
import { Logo } from '../../ui-kit/Logo/Logo.js';
|
|
5
|
-
import {
|
|
5
|
+
import { HeaderMoreMenuItem } from './HeaderMoreMenuItem.js';
|
|
6
6
|
import { HeaderSecondaryMenu } from './HeaderSecondaryMenu.js';
|
|
7
7
|
import { HeaderTopMenuItem } from './HeaderTopMenuItem.js';
|
|
8
8
|
export const HeaderTopMenu = JSX(({ navigationItems = [], activeTopItem, dropdownMenuAriaLabel, version, headerData, search, bgColor, logo, }) => {
|
|
@@ -17,7 +17,7 @@ export const HeaderTopMenu = JSX(({ navigationItems = [], activeTopItem, dropdow
|
|
|
17
17
|
}), [navigationItems]);
|
|
18
18
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
19
19
|
const { dataFooter, dataHeader, ...logoProps } = logo ?? {};
|
|
20
|
-
return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Logo, { className: "mr-3xl", bgColor: bgColor, logo: logoProps, data: dataHeader, showTitle: false }), _jsx("div", { ref: topItemsListRef, className: "overflow-hidden min-w-40 pb-xs mt-xs", role: "menu", children: navigationItems.map((_, i) => (_jsx(HeaderTopMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeTopItem, observerOptions: observerOptions, onVisibilityChange: topItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (_jsx(
|
|
20
|
+
return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Logo, { className: "mr-3xl", bgColor: bgColor, logo: logoProps, data: dataHeader, showTitle: false }), _jsx("div", { ref: topItemsListRef, className: "overflow-hidden min-w-40 pb-xs mt-xs", role: "menu", children: navigationItems.map((_, i) => (_jsx(HeaderTopMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeTopItem, observerOptions: observerOptions, onVisibilityChange: topItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (_jsx(HeaderMoreMenuItem, { className: "mx-xs rounded-md shadow-blue-gray", items: dropDownMenuItems, activeItem: activeTopItem, ariaLabel: dropdownMenuAriaLabel })) : null, _jsx(HeaderSecondaryMenu, { version: version, className: "ml-auto", search: search, navigationItems: navigationItems, ...headerData })] }));
|
|
21
21
|
});
|
|
22
22
|
const handleIntersectionActivation = (index) => (prev) => Math.max(prev, index + 1);
|
|
23
23
|
const handleIntersectionDeactivation = (index) => (prev) => Math.min(prev, index);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderTopMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderTopMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAUxE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"HeaderTopMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderTopMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type LinkProps } from '../../model/LinkProps';
|
|
2
|
+
import type { OnCloseProps } from '../../model/OnCloseProps';
|
|
3
|
+
interface DropdownSubMenuOptions extends OnCloseProps {
|
|
4
|
+
isOpen?: boolean;
|
|
5
|
+
activeItem?: LinkProps;
|
|
6
|
+
items?: LinkProps[];
|
|
7
|
+
}
|
|
8
|
+
export declare function useDropdownSubMenu({ items, activeItem, onClose, isOpen }: DropdownSubMenuOptions): {
|
|
9
|
+
current: HTMLDivElement | null;
|
|
10
|
+
};
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { useCallback, useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
|
+
import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
|
|
4
|
+
import { usePopupManager } from '../../ui-kit/PopupManager/usePopupManager.js';
|
|
5
|
+
import { DropdownMenu } from './DropdownMenu.js';
|
|
6
|
+
export function useDropdownSubMenu({ items, activeItem, onClose, isOpen }) {
|
|
7
|
+
const popup = usePopupManager();
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
if (isOpen) {
|
|
10
|
+
popup.close();
|
|
11
|
+
}
|
|
12
|
+
}, [isOpen]);
|
|
13
|
+
const close = useCallback(() => {
|
|
14
|
+
popup.close();
|
|
15
|
+
onClose?.();
|
|
16
|
+
}, [onClose]);
|
|
17
|
+
const parentRef = useRef(null);
|
|
18
|
+
const popupRef = useOutsideClick(close);
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
if (!isOpen || !parentRef.current || !items?.length) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
const parentElement = parentRef.current;
|
|
24
|
+
const { top, left, width, height } = parentElement.getBoundingClientRect();
|
|
25
|
+
popup.open({
|
|
26
|
+
popup: _jsx(DropdownMenu, { dropdownRef: popupRef, items: items, activeItem: activeItem }),
|
|
27
|
+
top: top + window.scrollY + height,
|
|
28
|
+
left,
|
|
29
|
+
width,
|
|
30
|
+
});
|
|
31
|
+
}, [isOpen, items, close]);
|
|
32
|
+
return parentRef;
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=useDropdownSubMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDropdownSubMenu.js","sourceRoot":"","sources":["../../../src/components/Header/useDropdownSubMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAG9E,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAA0B;IAC/F,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE;YACV,KAAK,CAAC,KAAK,EAAE,CAAC;SACf;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,eAAe,CAAiB,KAAK,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;YACnD,OAAO;SACR;QAED,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC;QACxC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC;QAE3E,KAAK,CAAC,IAAI,CAAC;YACT,KAAK,EAAE,KAAC,YAAY,IAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI;YACpF,GAAG,EAAE,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM;YAClC,IAAI;YACJ,KAAK;SACN,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAE3B,OAAO,SAAS,CAAC;AACnB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { InputControl } from '../../Input/InputControl.js';
|
|
4
|
+
export const ApplicationDateField = JSX(({ field, input }) => (_jsx(InputControl, { label: "\u0414\u0430\u0442\u0430 \u0438 \u0432\u0440\u0435\u043C\u044F \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u044F \u0432 \u0411\u0430\u043D\u043A", ...field(input?.name ?? '') })));
|
|
5
|
+
//# sourceMappingURL=ApplicationDateField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ApplicationDateField.js","sourceRoot":"","sources":["../../../../src/ui-kit/FormField/Fields/ApplicationDateField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC9E,KAAC,YAAY,IAAC,KAAK,EAAC,uJAA+B,KAAK,KAAK,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,GAAI,CACrF,CAAC,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
-
import { InputControl } from '../Input/InputControl.js';
|
|
3
2
|
import { AcquiringField } from './Fields/AcquiringField.js';
|
|
4
3
|
import { AddressBranchField } from './Fields/AddressBranchField.js';
|
|
5
4
|
import { AmountField } from './Fields/AmountField.js';
|
|
6
5
|
import { AnnualRevenueField } from './Fields/AnnualRevenueField.js';
|
|
6
|
+
import { ApplicationDateField } from './Fields/ApplicationDateField.js';
|
|
7
7
|
import { ApplierTypeField } from './Fields/ApplierTypeField.js';
|
|
8
8
|
import { BankEmpoleeField } from './Fields/BankEmpoleeField.js';
|
|
9
9
|
import { BirthdayField } from './Fields/BirthdayField.js';
|
|
@@ -61,7 +61,7 @@ const InputsMap = {
|
|
|
61
61
|
serviceDirection: ServiceDirectionField,
|
|
62
62
|
bankEmpolee: BankEmpoleeField,
|
|
63
63
|
secondaryPhone: SecondaryPhoneField,
|
|
64
|
-
applicationDate:
|
|
64
|
+
applicationDate: ApplicationDateField,
|
|
65
65
|
region: (props) => getPremium(props?.params?.typeForm) ? (_jsx(RegionPremiumField, { ...props })) : (_jsx(RegionField, { ...props })),
|
|
66
66
|
consentToReceiveMaterials: ConsentToReceiveMaterialsField,
|
|
67
67
|
sufferedFrom: SufferedFromField,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getField.js","sourceRoot":"","sources":["../../../src/ui-kit/FormField/getField.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"getField.js","sourceRoot":"","sources":["../../../src/ui-kit/FormField/getField.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,6CAA6C;CACpD,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE,aAAa;IACvB,aAAa,EAAE,kBAAkB;IACjC,kBAAkB,EAAE,uBAAuB;IAC3C,OAAO,EAAE,CAAC,KAAuB,EAAE,EAAE,CAAC,KAAC,YAAY,OAAK,KAAK,EAAE,MAAM,EAAE,WAAW,GAAI;IACtF,UAAU,EAAE,eAAe;IAC3B,QAAQ,EAAE,aAAa;IACvB,eAAe,EAAE,oBAAoB;IACrC,eAAe,EAAE,oBAAoB;IACrC,aAAa,EAAE,cAAc;IAC7B,cAAc,EAAE,mBAAmB;IACnC,WAAW,EAAE,gBAAgB;IAC7B,WAAW,EAAE,iBAAiB;IAC9B,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,WAAW;IACnB,aAAa,EAAE,kBAAkB;IACjC,QAAQ,EAAE,QAAQ;IAClB,cAAc,EAAE,mBAAmB;IACnC,gBAAgB,EAAE,qBAAqB;IACvC,WAAW,EAAE,gBAAgB;IAC7B,cAAc,EAAE,mBAAmB;IACnC,eAAe,EAAE,oBAAoB;IACrC,MAAM,EAAE,CAAC,KAAuB,EAAE,EAAE,CAClC,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,QAA4B,CAAC,CAAC,CAAC,CAAC,CACxD,KAAC,kBAAkB,OAAK,KAAK,GAAI,CAClC,CAAC,CAAC,CAAC,CACF,KAAC,WAAW,OAAK,KAAK,GAAI,CAC3B;IACH,yBAAyB,EAAE,8BAA8B;IACzD,YAAY,EAAE,iBAAiB;IAC/B,oBAAoB,EAAE,yBAAyB;IAC/C,kBAAkB,EAAE,uBAAuB;IAC3C,WAAW,EAAE,gBAAgB;IAC7B,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;IACf,UAAU,EAAE,eAAe;IAC3B,QAAQ,EAAE,aAAa;IACvB,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;IACjB,GAAG,EAAE,QAAQ;IACb,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GACnB,CACE,KAA+B,EAC/B,MAA4B,EAC5B,iBAAwC,EAAE,EAC1C,EAAE,CACJ,CAAC,KAAQ,EAAE,CAAS,EAAE,EAAE;IACtB,MAAM,cAAc,GAAG;QACrB,GAAG,SAAS;QACZ,GAAG,cAAc;KAClB,CAAC;IAEF,MAAM,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAErD,OAAO,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,CACxD,wBACE,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,IADjD,CAAC,CAEL,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}
|
|
@@ -1252,35 +1252,10 @@
|
|
|
1252
1252
|
|
|
1253
1253
|
const getConsentDataProcessing = (inputs) => inputs?.find((_) => _?.name === 'consentDataProcessing');
|
|
1254
1254
|
|
|
1255
|
-
function useEventListener(target, type, listener, options) {
|
|
1256
|
-
useEffect(() => {
|
|
1257
|
-
if (!target || !listener) {
|
|
1258
|
-
return;
|
|
1259
|
-
}
|
|
1260
|
-
target.addEventListener(type, listener, options);
|
|
1261
|
-
return () => {
|
|
1262
|
-
target.removeEventListener(type, listener, options);
|
|
1263
|
-
};
|
|
1264
|
-
}, [target, type, listener]);
|
|
1265
|
-
}
|
|
1266
|
-
|
|
1267
|
-
function useOutsideClick(onClick) {
|
|
1268
|
-
const targetRef = useRef(null);
|
|
1269
|
-
const handleClickOutside = useCallback((event) => {
|
|
1270
|
-
if (targetRef && targetRef.current && event.target instanceof Node && !targetRef.current.contains(event.target)) {
|
|
1271
|
-
onClick();
|
|
1272
|
-
}
|
|
1273
|
-
}, [onClick]);
|
|
1274
|
-
useEventListener(globalThis.document, 'click', handleClickOutside);
|
|
1275
|
-
return targetRef;
|
|
1276
|
-
}
|
|
1277
|
-
|
|
1278
1255
|
// TODO Базовая функицональность всех Control - надо вынести и привязать к required флагу
|
|
1279
1256
|
const getRequiredLabel = ({ label, errors }) => label && errors ? `${label}*` : label;
|
|
1280
1257
|
|
|
1281
|
-
const
|
|
1282
|
-
// Do nothing
|
|
1283
|
-
};
|
|
1258
|
+
const renderErrorText = (error) => (jsx("div", { className: "h-6", children: error ? (jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null }));
|
|
1284
1259
|
|
|
1285
1260
|
const inputValidStyle = 'border border-solid outline-none border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text rounded';
|
|
1286
1261
|
|
|
@@ -1308,28 +1283,30 @@
|
|
|
1308
1283
|
});
|
|
1309
1284
|
const defaultStyle$1 = 'w-full border rounded-md text-primary-text outline-none p-m';
|
|
1310
1285
|
|
|
1311
|
-
const
|
|
1312
|
-
|
|
1313
|
-
const InputWrapper = JSX(({ className, label, value = '', error, errors, type, isInteger, placeholder, maxLength, inputRef, isOpen, onOpen, onClose, onChange = noop, ...rest }) => {
|
|
1314
|
-
const popupRef = useOutsideClick(onClose);
|
|
1315
|
-
const handleChange = useCallback((v) => {
|
|
1316
|
-
const isOverMax = maxLength && v.length > maxLength;
|
|
1317
|
-
!isOpen && onOpen();
|
|
1318
|
-
if (!isOverMax) {
|
|
1319
|
-
onChange(normalizeInteger(v, isInteger));
|
|
1320
|
-
}
|
|
1321
|
-
}, [isOpen, onChange]);
|
|
1322
|
-
return (jsxs("div", { className: style('shrink-0 w-full', className), ref: popupRef, onBlur: onClose, onFocus: onOpen, children: [jsx("div", { ref: inputRef, children: jsx(Input, { type: type || 'text', "aria-label": label, label: getRequiredLabel({ label, errors }), valid: Boolean(!error), onChange: handleChange, placeholder: getPlaceholder({ placeholder, errors, label }), value: value, ...rest }) }), renderErrorText(error)] }));
|
|
1323
|
-
});
|
|
1324
|
-
const normalizeInteger = (val = '', isInteger = false) => isInteger && val ? val.replace(/[^\d]+/g, '') : val;
|
|
1325
|
-
const getPlaceholder = ({ placeholder, errors, label }) => errors && !label ? `${placeholder}*` : placeholder;
|
|
1286
|
+
const formatOption = (_) => _?.text || _?.key || '';
|
|
1326
1287
|
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1288
|
+
function useEventListener(target, type, listener, options) {
|
|
1289
|
+
useEffect(() => {
|
|
1290
|
+
if (!target || !listener) {
|
|
1291
|
+
return;
|
|
1292
|
+
}
|
|
1293
|
+
target.addEventListener(type, listener, options);
|
|
1294
|
+
return () => {
|
|
1295
|
+
target.removeEventListener(type, listener, options);
|
|
1296
|
+
};
|
|
1297
|
+
}, [target, type, listener]);
|
|
1298
|
+
}
|
|
1331
1299
|
|
|
1332
|
-
|
|
1300
|
+
function useOutsideClick(onClick) {
|
|
1301
|
+
const targetRef = useRef(null);
|
|
1302
|
+
const handleClickOutside = useCallback((event) => {
|
|
1303
|
+
if (targetRef && targetRef.current && event.target instanceof Node && !targetRef.current.contains(event.target)) {
|
|
1304
|
+
onClick();
|
|
1305
|
+
}
|
|
1306
|
+
}, [onClick]);
|
|
1307
|
+
useEventListener(globalThis.document, 'click', handleClickOutside);
|
|
1308
|
+
return targetRef;
|
|
1309
|
+
}
|
|
1333
1310
|
|
|
1334
1311
|
const usePopupManager = () => useEmitterWithActions(defaultEventBus.emitter, 'popup');
|
|
1335
1312
|
|
|
@@ -1602,8 +1579,33 @@
|
|
|
1602
1579
|
const ITEMS_CREDIT_AMOUNT = ['От 1 000 ₽', 'До 1 000 000 000 ₽'];
|
|
1603
1580
|
const AmountField = JSX(({ field, input }) => (jsx(InputRange, { title: "\u0421\u0443\u043C\u043C\u0430, \u20BD", items: ITEMS_CREDIT_AMOUNT, min: MIN_CREDIT_AMOUNT, max: MAX_CREDIT_AMOUNT, ...field(input?.name ?? '') })));
|
|
1604
1581
|
|
|
1582
|
+
const noop = () => {
|
|
1583
|
+
// Do nothing
|
|
1584
|
+
};
|
|
1585
|
+
|
|
1586
|
+
const InputWrapper = JSX(({ className, label, value = '', error, errors, type, isInteger, placeholder, maxLength, inputRef, isOpen, onOpen, onClose, onChange = noop, ...rest }) => {
|
|
1587
|
+
const popupRef = useOutsideClick(onClose);
|
|
1588
|
+
const handleChange = useCallback((v) => {
|
|
1589
|
+
const isOverMax = maxLength && v.length > maxLength;
|
|
1590
|
+
!isOpen && onOpen();
|
|
1591
|
+
if (!isOverMax) {
|
|
1592
|
+
onChange(normalizeInteger(v, isInteger));
|
|
1593
|
+
}
|
|
1594
|
+
}, [isOpen, onChange]);
|
|
1595
|
+
return (jsxs("div", { className: style('shrink-0 w-full', className), ref: popupRef, onBlur: onClose, onFocus: onOpen, children: [jsx("div", { ref: inputRef, children: jsx(Input, { type: type || 'text', "aria-label": label, label: getRequiredLabel({ label, errors }), valid: Boolean(!error), onChange: handleChange, placeholder: getPlaceholder({ placeholder, errors, label }), value: value, ...rest }) }), renderErrorText(error)] }));
|
|
1596
|
+
});
|
|
1597
|
+
const normalizeInteger = (val = '', isInteger = false) => isInteger && val ? val.replace(/[^\d]+/g, '') : val;
|
|
1598
|
+
const getPlaceholder = ({ placeholder, errors, label }) => errors && !label ? `${placeholder}*` : placeholder;
|
|
1599
|
+
|
|
1600
|
+
const InputControl = JSX((props) => {
|
|
1601
|
+
const [isOpen, { setFalse: close, setTrue: open }] = useBool();
|
|
1602
|
+
return jsx(InputWrapper, { isOpen: isOpen, onOpen: open, onClose: close, ...props });
|
|
1603
|
+
});
|
|
1604
|
+
|
|
1605
1605
|
const AnnualRevenueField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0413\u043E\u0434\u043E\u0432\u0430\u044F \u0432\u044B\u0440\u0443\u0447\u043A\u0430, \u20BD", ...field(input?.name ?? '') })));
|
|
1606
1606
|
|
|
1607
|
+
const ApplicationDateField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0414\u0430\u0442\u0430 \u0438 \u0432\u0440\u0435\u043C\u044F \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u044F \u0432 \u0411\u0430\u043D\u043A", ...field(input?.name ?? '') })));
|
|
1608
|
+
|
|
1607
1609
|
const CLIENT_KEY = 'client';
|
|
1608
1610
|
const REPRESENTATIVE_KEY = 'representative';
|
|
1609
1611
|
const APPLIER_TYPES = [
|
|
@@ -2246,7 +2248,7 @@
|
|
|
2246
2248
|
serviceDirection: ServiceDirectionField,
|
|
2247
2249
|
bankEmpolee: BankEmpoleeField,
|
|
2248
2250
|
secondaryPhone: SecondaryPhoneField,
|
|
2249
|
-
applicationDate:
|
|
2251
|
+
applicationDate: ApplicationDateField,
|
|
2250
2252
|
region: (props) => getPremium(props?.params?.typeForm) ? (jsx(RegionPremiumField, { ...props })) : (jsx(RegionField, { ...props })),
|
|
2251
2253
|
consentToReceiveMaterials: ConsentToReceiveMaterialsField,
|
|
2252
2254
|
sufferedFrom: SufferedFromField,
|
|
@@ -10577,7 +10579,7 @@
|
|
|
10577
10579
|
slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
|
|
10578
10580
|
});
|
|
10579
10581
|
|
|
10580
|
-
const packageVersion = "0.14.
|
|
10582
|
+
const packageVersion = "0.14.875";
|
|
10581
10583
|
|
|
10582
10584
|
exports.Blocks = Blocks;
|
|
10583
10585
|
exports.ContentPage = ContentPage;
|