@redneckz/wildless-cms-uni-blocks 0.10.10 → 0.11.0

package/mobile/lib/ui-kit/Icon/IconProps.d.ts

@@ -1,6 +1,7 @@
 import type { IconName } from '../../icons/IconName';
 import type { IconVersion } from '../../model/IconVersion';
 export type { IconName };
+export declare type IconBgVersion = 'primary' | 'secondary' | 'secondary-light';
 export interface IconCompatibilityFields {
     /** @title Альтернативный текст (alt) */
     alt?: string;
@@ -17,3 +18,6 @@ export declare type IconProps = IconCompatibilityFields & {
     name?: IconName;
     iconVersion?: IconVersion;
 };
+export interface RoundedIconProps extends IconProps {
+    iconBgVersion?: IconBgVersion;
+}

package/mobile/lib/ui-kit/Icon/RoundedIcon.d.ts

@@ -0,0 +1,2 @@
+import type { RoundedIconProps } from './IconProps';
+export declare const RoundedIcon: import("@redneckz/uni-jsx").UNIComponent<RoundedIconProps, any, any>;

package/mobile/lib/ui-kit/Icon/RoundedIcon.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Icon } from './Icon.js';
+import { style } from '../../utils/style.js';
+const iconBgStyles = {
+    primary: 'bg-main-divider',
+    secondary: 'bg-white/30',
+    'secondary-light': 'bg-secondary-light',
+};
+export const RoundedIcon = JSX(({ iconBgVersion = 'primary', ...rest }) => (_jsx("div", { className: style('rounded-icon p-2.5 mr-3', iconBgStyles[iconBgVersion]), children: _jsx(Icon, { ...rest }) })));
+//# sourceMappingURL=RoundedIcon.js.map

package/mobile/lib/ui-kit/Icon/RoundedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoundedIcon.js","sourceRoot":"","sources":["../../../src/ui-kit/Icon/RoundedIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,YAAY,GAAkC;IAClD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,aAAa;IACxB,iBAAiB,EAAE,oBAAoB;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,aAAa,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC3F,cAAK,SAAS,EAAE,KAAK,CAAC,yBAAyB,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC,YAC3E,KAAC,IAAI,OAAK,IAAI,GAAI,GACd,CACP,CAAC,CAAC"}

package/mobile/lib/ui-kit/LinkList/LinkList.d.ts

@@ -0,0 +1,2 @@
+import { LinkListProps } from './LinkListProps';
+export declare const LinkList: import("@redneckz/uni-jsx").UNIComponent<LinkListProps, any, any>;

package/mobile/lib/ui-kit/LinkList/LinkList.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style.js';
+import { linkListStyles } from './linkListStyles.js';
+export const LinkList = JSX(({ className = '', items }) => items?.length ? (_jsx("ul", { className: style('flex flex-col p-0', linkListStyles, className), children: items.map(renderLinkListItem) })) : null);
+const renderLinkListItem = (item, i) => {
+    const { text, ...linkProps } = item;
+    return (_jsx("li", { className: "list-none mb-4 sm:mb-6 sm:last:mb-0", children: _jsx("a", { className: "hover:text-primary-main sm:font-light", role: "link", ...linkProps, children: text ? text : null }) }, `list_item_${String(i)}`));
+};
+//# sourceMappingURL=LinkList.js.map

package/mobile/lib/ui-kit/LinkList/LinkList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkList.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkList/LinkList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CACvE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,aAAI,SAAS,EAAE,KAAK,CAAC,mBAAmB,EAAE,cAAc,EAAE,SAAS,CAAC,YACjE,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,GAC3B,CACN,CAAC,CAAC,CAAC,IAAI,CACT,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,IAAe,EAAE,CAAS,EAAE,EAAE;IACxD,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,IAAI,CAAC;IAEpC,OAAO,CACL,aAAmC,SAAS,EAAC,qCAAqC,YAChF,YAAG,SAAS,EAAC,uCAAuC,EAAC,IAAI,EAAC,MAAM,KAAK,SAAS,YAC3E,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GACjB,IAHG,aAAa,MAAM,CAAC,CAAC,CAAC,EAAE,CAI5B,CACN,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/ui-kit/LinkList/LinkListProps.d.ts

@@ -0,0 +1,5 @@
+import type { LinkProps } from '../../model/LinkProps';
+export interface LinkListProps {
+    items?: LinkProps[];
+    className?: string;
+}

package/mobile/lib/ui-kit/LinkList/LinkListProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LinkListProps.js.map

package/mobile/lib/ui-kit/LinkList/LinkListProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkListProps.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkList/LinkListProps.tsx"],"names":[],"mappings":""}

package/mobile/lib/ui-kit/LinkList/linkListStyles.d.ts

@@ -0,0 +1 @@
+export declare const linkListStyles = "";

package/mobile/lib/ui-kit/LinkList/linkListStyles.js

@@ -0,0 +1,2 @@
+export const linkListStyles = '';
+//# sourceMappingURL=linkListStyles.js.map

package/mobile/lib/ui-kit/LinkList/linkListStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkListStyles.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkList/linkListStyles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC"}

package/mobile/lib/ui-kit/List/List.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style.js';
 import { ListItem } from './ListItem.js';
 const TEXT_SIZE_MAP = {
     S: 'text-l-light',
@@ -11,5 +12,5 @@ const ITEM_INDENT_MAP = {
     M: 'ml-3',
     L: 'ml-4',
 };
-export const List = JSX(({ className = '', hasIndent, isDotted, itemClassName = '', items, listItemSize = 'M' }) => items?.length ? (_jsx("section", { className: `text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text ${TEXT_SIZE_MAP[listItemSize]} ${hasIndent ? ITEM_INDENT_MAP[listItemSize] : ''} ${className}`, role: "list", children: items.map((item, i) => (_jsx(ListItem, { className: itemClassName, isDotted: isDotted, size: listItemSize, children: item }, String(i)))) })) : null);
+export const List = JSX(({ className, hasIndent, isDotted, items, listItemSize = 'M' }) => items?.length ? (_jsx("section", { className: style('flex flex-col gap-2 text-left text-primary-text group-data-secondary:text-white group-data-gray:text-secondary-text', TEXT_SIZE_MAP[listItemSize], hasIndent ? ITEM_INDENT_MAP[listItemSize] : '', className), role: "list", children: items.map((item, i) => (_jsx(ListItem, { isDotted: isDotted, size: listItemSize, children: item }, String(i)))) })) : null);
 //# sourceMappingURL=List.js.map

package/mobile/lib/ui-kit/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/ui-kit/List/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,aAAa,GAAiC;IAClD,CAAC,EAAE,cAAc;IACjB,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;CACb,CAAC;AAEF,MAAM,eAAe,GAAG;IACtB,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,GAAG,EAAE,EAAE,KAAK,EAAE,YAAY,GAAG,GAAG,EAAE,EAAE,EAAE,CACzF,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,kBACE,SAAS,EAAE,yFACT,aAAa,CAAC,YAAY,CAC5B,IAAI,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EACjE,IAAI,EAAC,MAAM,YAEV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,QAAQ,IAEP,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,YAAY,YAEjB,IAAI,IALA,MAAM,CAAC,CAAC,CAAC,CAML,CACZ,CAAC,GACM,CACX,CAAC,CAAC,CAAC,IAAI,CACX,CAAC"}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/ui-kit/List/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,aAAa,GAAiC;IAClD,CAAC,EAAE,cAAc;IACjB,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;CACb,CAAC;AAEF,MAAM,eAAe,GAAiC;IACpD,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAG,GAAG,EAAE,EAAE,EAAE,CAChE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,kBACE,SAAS,EAAE,KAAK,CACd,qHAAqH,EACrH,aAAa,CAAC,YAAY,CAAC,EAC3B,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,EAC9C,SAAS,CACV,EACD,IAAI,EAAC,MAAM,YAEV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,QAAQ,IAAiB,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,YAC7D,IAAI,IADQ,MAAM,CAAC,CAAC,CAAC,CAEb,CACZ,CAAC,GACM,CACX,CAAC,CAAC,CAAC,IAAI,CACX,CAAC"}

package/mobile/lib/ui-kit/List/ListItem.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style.js';
 const DOT_SIZE_MAP = {
-    L: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-4',
-    M: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-3',
-    S: 'w-1 h-1 min-w-1 min-h-1 mr-2',
+    L: 'w-1.5 h-1.5 mr-4',
+    M: 'w-1.5 h-1.5 mr-3',
+    S: 'w-1 h-1 mr-2',
 };
-export const ListItem = JSX(({ className = '', isDotted = true, children, size = 'M' }) => (_jsxs("div", { className: `font-sans flex items-baseline ${className}`, role: "listitem", children: [isDotted ? (_jsx("div", { children: _jsx("div", { className: `rounded-full align-middle inline-block bg-primary-text group-data-secondary:bg-white ${DOT_SIZE_MAP[size]}` }) })) : null, _jsx("span", { children: children })] })));
+export const ListItem = JSX(({ className, isDotted = true, children, size = 'M' }) => (_jsxs("div", { className: style('font-sans flex', className), role: "listitem", children: [isDotted ? (_jsx("div", { className: "shrink-0", children: _jsx("div", { className: style('align-middle inline-block rounded-full bg-primary-text group-data-secondary:bg-white', DOT_SIZE_MAP[size]) }) })) : null, _jsx("span", { children: children })] })));
 //# sourceMappingURL=ListItem.js.map

package/mobile/lib/ui-kit/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAaxC,MAAM,YAAY,GAAG;IACnB,CAAC,EAAE,sCAAsC;IACzC,CAAC,EAAE,sCAAsC;IACzC,CAAC,EAAE,8BAA8B;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,CAAC,CAC7D,eAAK,SAAS,EAAE,iCAAiC,SAAS,EAAE,EAAE,IAAI,EAAC,UAAU,aAC1E,QAAQ,CAAC,CAAC,CAAC,CACV,wBACE,cACE,SAAS,EAAE,wFAAwF,YAAY,CAAC,IAAI,CAAC,EAAE,GACvH,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,yBAAO,QAAQ,GAAQ,IACnB,CACP,CACF,CAAC"}
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAa1C,MAAM,YAAY,GAAG;IACnB,CAAC,EAAE,kBAAkB;IACrB,CAAC,EAAE,kBAAkB;IACrB,CAAC,EAAE,cAAc;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,CAAC,CACxD,eAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,UAAU,aAChE,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,UAAU,YACvB,cACE,SAAS,EAAE,KAAK,CACd,sFAAsF,EACtF,YAAY,CAAC,IAAI,CAAC,CACnB,GACD,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,yBAAO,QAAQ,GAAQ,IACnB,CACP,CACF,CAAC"}

package/mobile/lib/ui-kit/List/ListProps.d.ts

@@ -13,7 +13,5 @@ export declare type ListProps = ListContent & BulletsProps & {
     className?: string;
     /** @title Отступ */
     hasIndent?: boolean;
-    /** @hidden */
-    itemClassName?: string;
     listItemSize?: ListItemSize;
 };

package/mobile/lib/ui-kit/SearchBar/SearchBar.d.ts

@@ -1,2 +1,5 @@
-import { SearchBarInnerProps } from './SearchBarInner';
-export declare const SearchBar: import("@redneckz/uni-jsx").UNIComponent<SearchBarInnerProps, any, any>;
+interface SearchBarProps {
+    className?: string;
+}
+export declare const SearchBar: import("@redneckz/uni-jsx").UNIComponent<SearchBarProps, any, any>;
+export {};

package/mobile/lib/ui-kit/SearchBar/SearchBar.js

@@ -1,5 +1,24 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { SearchBarInner } from './SearchBarInner.js';
-export const SearchBar = JSX((props) => (_jsx(SearchBarInner, { ...props, isMobile: true })));
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { CloseButton } from '../Dialog/CloseButton.js';
+import { useDialog } from '../Dialog/useDialog.js';
+import { useDialogHandlers } from '../Dialog/useDialogHandlers.js';
+import { SEARCH_DIALOG_ID } from '../SearchDialog/SearchDialog.js';
+import { SearchInput } from '../SearchDialog/SearchInput.js';
+const MIN_QUERY_LEN = 3;
+export const SearchBar = JSX(({ className }) => {
+    const [value, setValue] = useState('');
+    const resetQueryOnDialogClose = useCallback(() => setValue(''), []);
+    useDialogHandlers({ onClose: resetQueryOnDialogClose });
+    const { open } = useDialog(SEARCH_DIALOG_ID);
+    const handleInitialInputChange = useCallback((_) => {
+        setValue(_);
+        if (isQueryLongEnough(_)) {
+            open(_);
+        }
+    }, []);
+    return (_jsxs("div", { className: className, children: [_jsx(SearchInput, { value: value, onChange: handleInitialInputChange }), _jsx(CloseButton, { className: "absolute top-2 right-3 sm:hidden", onClick: resetQueryOnDialogClose })] }));
+});
+const isQueryLongEnough = (_) => _ && _.length >= MIN_QUERY_LEN;
 //# sourceMappingURL=SearchBar.js.map

package/mobile/lib/ui-kit/SearchBar/SearchBar.js.map

@@ -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,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AAEvE,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3D,KAAC,cAAc,OAAK,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAI,CAC9C,CAAC,CAAC"}
+{"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;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAM1D,MAAM,aAAa,GAAG,CAAC,CAAC;AAExB,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAiB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC7D,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,iBAAiB,CAAC,EAAE,OAAO,EAAE,uBAAuB,EAAE,CAAC,CAAC;IAExD,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAE7C,MAAM,wBAAwB,GAAG,WAAW,CAAC,CAAC,CAAS,EAAE,EAAE;QACzD,QAAQ,CAAC,CAAC,CAAC,CAAC;QACZ,IAAI,iBAAiB,CAAC,CAAC,CAAC,EAAE;YACxB,IAAI,CAAC,CAAC,CAAC,CAAC;SACT;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,wBAAwB,GAAI,EACjE,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"}

package/mobile/lib/ui-kit/SearchDialog/SearchInput.d.ts

@@ -1,6 +1,5 @@
 export interface SearchInputProps {
     className?: string;
-    isMobile?: boolean;
     value?: string;
     autoFocus?: boolean;
     onChange?: (value: string) => void;

package/mobile/lib/ui-kit/SearchDialog/SearchInput.js

@@ -3,10 +3,10 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { style } from '../../utils/style.js';
 import { Img } from '../Img/Img.js';
-export const SearchInput = JSX(({ className, isMobile, value, autoFocus, onChange, onFocus }) => {
+export const SearchInput = JSX(({ className, value, autoFocus, onChange, onFocus }) => {
     const handleChange = useCallback((ev) => {
         onChange && onChange(ev.target?.value || '');
     }, [onChange]);
-    return (_jsxs("div", { className: style('font-sans relative', className), role: "form", children: [_jsx("div", { className: "absolute h-full flex items-center pl-4 pointer-events-none", children: _jsx(Img, { image: { icon: 'LoupeIcon' }, width: "24", height: "24" }) }), _jsx("input", { className: style('h-12 pl-12 w-full text-l text-black outline-none box-border', 'border border-solid rounded-md border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text', isMobile ? '' : 'h-full'), value: value, type: "text", name: "search-bar-input", placeholder: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443", autoFocus: autoFocus, onChange: handleChange, onFocus: onFocus })] }));
+    return (_jsxs("div", { className: style('font-sans relative', className), role: "form", children: [_jsx("div", { className: "absolute h-full flex items-center pl-4 pointer-events-none", children: _jsx(Img, { image: { icon: 'LoupeIcon' }, width: "24", height: "24" }) }), _jsx("input", { className: style('h-12 pl-12 w-full text-l text-black outline-none box-border', 'border border-solid rounded-md border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text'), value: value, type: "text", name: "search-bar-input", placeholder: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443", autoFocus: autoFocus, onChange: handleChange, onFocus: onFocus })] }));
 });
 //# sourceMappingURL=SearchInput.js.map

package/mobile/lib/ui-kit/SearchDialog/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchDialog/SearchInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAWjC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/D,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,EAAmC,EAAE,EAAE;QACtC,QAAQ,IAAI,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,MAAM,aACjE,cAAK,SAAS,EAAC,4DAA4D,YACzE,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GACxD,EACN,gBACE,SAAS,EAAE,KAAK,CACd,6DAA6D,EAC7D,4HAA4H,EAC5H,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CACzB,EACD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,kBAAkB,EACvB,WAAW,EAAC,4EAAgB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,GAChB,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchDialog/SearchInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAUjC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACrD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,EAAmC,EAAE,EAAE;QACtC,QAAQ,IAAI,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IAC/C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,MAAM,aACjE,cAAK,SAAS,EAAC,4DAA4D,YACzE,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GACxD,EACN,gBACE,SAAS,EAAE,KAAK,CACd,6DAA6D,EAC7D,4HAA4H,CAC7H,EACD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,kBAAkB,EACvB,WAAW,EAAC,4EAAgB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,GAChB,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/utils/isEmpty.d.ts

@@ -0,0 +1 @@
+export declare const isEmpty: <T>(v: T) => v is NonNullable<T>;

package/mobile/lib/utils/isEmpty.js

@@ -0,0 +1,6 @@
+export const isEmpty = (v) => v === null ||
+    v === undefined ||
+    v === '' ||
+    (Array.isArray(v) && v.length === 0) ||
+    (typeof v === 'object' && Object.keys(v).length === 0);
+//# sourceMappingURL=isEmpty.js.map

package/mobile/lib/utils/isEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isEmpty.js","sourceRoot":"","sources":["../../src/utils/isEmpty.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAI,CAAI,EAAuB,EAAE,CACtD,CAAC,KAAK,IAAI;IACV,CAAC,KAAK,SAAS;IACf,CAAC,KAAK,EAAE;IACR,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;IACpC,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC"}

package/mobile/lib/utils/joinList.d.ts

@@ -1 +1 @@
-export declare function joinList<E>(sep: E): (list: E[]) => E[];
+export declare const joinList: <E>(sep: E) => (list: E[]) => E[];

package/mobile/lib/utils/joinList.js

@@ -1,4 +1,2 @@
-export function joinList(sep) {
-    return (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: i }, el) : [el]), []);
-}
+export const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
 //# sourceMappingURL=joinList.js.map

package/mobile/lib/utils/joinList.js.map

@@ -1 +1 @@
-{"version":3,"file":"joinList.js","sourceRoot":"","sources":["../../src/utils/joinList.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,QAAQ,CAAI,GAAM;IAChC,OAAO,CAAC,IAAI,EAAE,EAAE,CACd,IAAI,CAAC,MAAM,CACT,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EACxE,EAAS,CACV,CAAC;AACN,CAAC"}
+{"version":3,"file":"joinList.js","sourceRoot":"","sources":["../../src/utils/joinList.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GACnB,CAAI,GAAM,EAAE,EAAE,CACd,CAAC,IAAS,EAAO,EAAE,CACjB,IAAI,CAAC,MAAM,CACT,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EACjF,EAAS,CACV,CAAC"}

package/mobile/src/components/BaseTile/BaseTile.tsx

@@ -1,16 +1,39 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { BaseTileCommonProps } from './BaseTileProps';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { VNode } from '../../model/VNode';
+import { style } from '../../utils/style';
 
-export const BaseTile = JSX<BaseTileCommonProps>(
-  ({ className = '', title = '', buttons, image, children }) => (
-    <div className={`font-sans flex flex-col grow h-full items-start ${className}`}>
+interface BaseTileProps extends UniBlockProps {
+  title?: VNode;
+  insetTitle?: VNode;
+  leftImage?: VNode;
+  rightImage?: VNode;
+  backImage?: VNode;
+  buttons?: VNode;
+}
+
+export const BaseTile = JSX<BaseTileProps>(
+  ({
+    className,
+    title = '',
+    insetTitle = '',
+    buttons,
+    leftImage,
+    rightImage,
+    backImage,
+    children,
+  }) => (
+    <div className={style('relative flex flex-col font-sans', className)}>
+      {backImage ? <div className="absolute bottom-0 right-0 z-0">{backImage}</div> : null}
       {title}
-      <div className="flex grow w-full justify-between">
-        <div className="flex flex-col justify-between w-full">
-          <div className="h-full">{children}</div>
-          {buttons ? <div className="mt-auto pt-8">{buttons}</div> : null}
+      <div className="grow relative flex flex-wrap justify-between items-stretch gap-8">
+        {leftImage}
+        <div className={style('flex flex-col gap-8', leftImage ? '' : 'grow')}>
+          {insetTitle}
+          <div className="grow">{children}</div>
+          {buttons}
         </div>
-        {image}
+        {rightImage ? <div className="sm:-order-1 md:-order-1">{rightImage}</div> : null}
       </div>
     </div>
   ),

package/mobile/src/components/Blocks.ts

@@ -8,7 +8,6 @@ import { Header } from './Header/Header';
 import { Headline } from './Headline/Headline';
 import { ImgBlock } from './ImgBlock/ImgBlock';
 import { LinkDocs } from './LinkDocs/LinkDocs';
-import { LinkList } from './LinkList/LinkList';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
@@ -28,7 +27,6 @@ export const Blocks: BlocksRegistry = {
   Headline,
   ImgBlock,
   LinkDocs,
-  LinkList,
   MobileAppTile,
   Placeholder,
   ProductBlock,

package/mobile/src/components/CarouselInvestmentCard/CarouselInvestmentCard.tsx

@@ -4,6 +4,7 @@ import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { Text } from '../../ui-kit/Text/Text';
+import { style } from '../../utils/style';
 import { BaseTile } from '../BaseTile/BaseTile';
 import type {
   CardColumnsMode,
@@ -30,48 +31,46 @@ export const CarouselInvestmentCard = JSX<CarouselInvestmentCardProps>(
     image,
     title,
     ...rest
-  }) => {
-    const tileTitle = title ? (
-      <Heading headingType="h4" as="h3" className="mb-3.5 z-10" title={title} />
-    ) : null;
-
-    const tileImage = image?.src ? (
-      <Img className="absolute bottom-0 right-0 m-0" image={image} />
-    ) : null;
-
-    return (
-      <BlockWrapper
-        className={[
-          'relative box-border text-left p-9 w-[697px]',
-          'border border-solid border-gray group-data-secondary:border-white/50',
-          className,
-        ].join(' ')}
-        {...rest}
+  }) => (
+    <BlockWrapper
+      className={style(
+        'box-border text-left p-9 w-[697px]',
+        'border border-solid border-gray group-data-secondary:border-white/50',
+        className,
+      )}
+      {...rest}
+    >
+      <BaseTile
+        title={
+          title ? <Heading headingType="h4" as="h3" className="mb-3.5 z-10" title={title} /> : null
+        }
+        backImage={image?.src ? <Img className="m-0" image={image} /> : null}
       >
-        <BaseTile title={tileTitle} image={tileImage}>
-          <div className="flex justify-between mb-4">
-            {description ? (
-              <div className="w-1/3">
-                <Text size="text-h6">{description}</Text>
-              </div>
-            ) : null}
-            {additionalDescription ? (
-              <Text size="text-m" font="font-light" color="group-data-primary:text-secondary-text">
-                {additionalDescription}
-              </Text>
-            ) : null}
-          </div>
-          {cardsList.length ? (
-            <ul
-              className={`list-none m-0 p-0 flex gap-y-2 ${cardColumnsModeStyleMap[columnsMode]}`}
-            >
-              {renderCardList(cardsList, columnsMode)}
-            </ul>
+        <div className="flex justify-between mb-4">
+          {description ? (
+            <div className="w-1/3">
+              <Text size="text-h6">{description}</Text>
+            </div>
           ) : null}
-        </BaseTile>
-      </BlockWrapper>
-    );
-  },
+          {additionalDescription ? (
+            <Text size="text-m" font="font-light" color="group-data-primary:text-secondary-text">
+              {additionalDescription}
+            </Text>
+          ) : null}
+        </div>
+        {cardsList.length ? (
+          <ul
+            className={style(
+              'list-none m-0 p-0 flex gap-y-2',
+              cardColumnsModeStyleMap[columnsMode],
+            )}
+          >
+            {renderCardList(cardsList, columnsMode)}
+          </ul>
+        ) : null}
+      </BaseTile>
+    </BlockWrapper>
+  ),
 );
 
 const renderCardList = (cardsList: CardsListItem[], columnsMode: number) => {

package/mobile/src/components/CarouselProductCard/CarouselProductCard.tsx

@@ -99,8 +99,10 @@ const renderAdditionalDescription = (additionalDescription?: string) =>
 const renderItems = (items: ListProps[], isDotted: boolean, version: BlockVersion = 'primary') =>
   items?.length ? (
     <List
-      className={`max-w-[308px] mt-2 text-s ${version === 'primary' ? '!text-secondary-text' : ''}`}
-      itemClassName="text-left"
+      className={style(
+        'max-w-[308px] mt-2 text-s',
+        version === 'primary' ? '!text-secondary-text' : '',
+      )}
       items={items.filter((item) => item?.text).map((item) => item.text as string)}
       isDotted={isDotted}
     />

package/mobile/src/components/DepositFiltration/DepositFiltration.example.json

@@ -0,0 +1,61 @@
+{
+  "content": {
+    "filtrationSchema": {
+      "currency": {
+        "title": "Валюта",
+        "type": "array",
+        "items": {
+          "type": "string",
+          "enum": ["rub", "usd", "eur"],
+          "enumNames": ["Рубль", "Доллар", "Евро"]
+        }
+      },
+      "options": {
+        "title": "Опции",
+        "type": "array",
+        "items": {
+          "type": "string",
+          "enum": ["add", "withdrawal", "pensioner", "online"],
+          "enumNames": ["Пополнение", "Снятие", "Я пенсионер", "Открытие онлайн"]
+        }
+      },
+      "percents": {
+        "title": "Выплата процентов",
+        "type": "array",
+        "items": {
+          "type": "string",
+          "enum": ["inTheEnd", "eachMonth"],
+          "enumNames": ["В конце срока", "Ежемесячно"]
+        }
+      },
+      "sum": {
+        "title": "Сумма",
+        "type": "number"
+      },
+      "period": {
+        "title": "Срок",
+        "type": "object",
+        "properties": {
+          "min": {
+            "title": "Минимум",
+            "type": "number"
+          },
+          "max": {
+            "title": "Максимум",
+            "type": "number"
+          }
+        }
+      }
+    },
+    "sumInput": { "title": "Сумма" },
+    "periodInput": { "title": "Срок, месяцев", "min": 3, "max": 36 },
+    "resetButton": {
+      "text": "Очистить фильтры",
+      "version": "secondary"
+    },
+    "notFound": {
+      "title": "Нет подходящей ипотечной программы",
+      "description": "Попробуйте очистить фильтры"
+    }
+  }
+}

package/mobile/src/components/DepositFiltration/DepositFiltration.tsx

@@ -0,0 +1,66 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useForm } from '../../hooks/useForm';
+import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
+import { BaseFiltrationInner } from '../../ui-kit/BaseFiltration/BaseFiltrationInner';
+import { renderFiltrationForm } from '../../ui-kit/BaseFiltration/renderFiltrationForm';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { CurrencyInput } from '../../ui-kit/CurrencyInput/CurrencyInput';
+import { InputRange } from '../../ui-kit/InputRange/InputRange';
+import { style } from '../../utils/style';
+import type { DepositFiltrationContent } from './DepositFiltrationContent';
+
+interface DepositFiltrationProps extends DepositFiltrationContent, UniBlockProps {}
+
+const initialFiltrationState = {
+  sum: 500,
+  period: {
+    min: 3,
+    max: 36,
+  },
+};
+
+const DEFAULT_MIN_MONTHS = 3;
+const DEFAULT_MAX_MONTHS = 36;
+
+const DEFAULT_MIN_SUM = 500;
+const DEFAULT_MAX_SUM = 1000000000;
+
+export const DepositFiltration: JSXBlock<DepositFiltrationProps> = JSX<DepositFiltrationProps>(
+  ({ className, filtrationSchema = {}, resetButton, sumInput, periodInput, ...rest }) => {
+    const [filtrationState, { field, reset }] = useForm(initialFiltrationState);
+
+    const maxValue = periodInput?.max || DEFAULT_MAX_MONTHS;
+
+    const Inputs = (
+      <div>
+        <CurrencyInput
+          label={sumInput?.title}
+          min={DEFAULT_MIN_SUM}
+          max={DEFAULT_MAX_SUM}
+          {...field('sum', { parse: Number, format: String })}
+        />
+        <InputRange
+          title={periodInput?.title}
+          items={['От 3 мес', 'До 3 лет']}
+          min={periodInput?.min || DEFAULT_MIN_MONTHS}
+          max={maxValue}
+          {...field('period', {
+            parse: (min) => ({ min, max: maxValue }),
+            format: ({ min }) => min,
+          })}
+        />
+      </div>
+    );
+
+    return (
+      <BlockWrapper className={style(className)} version="transparent" {...rest}>
+        {renderFiltrationForm({ field, reset, filtrationSchema, resetButton, children: Inputs })}
+        <BaseFiltrationInner filtrationState={filtrationState} {...rest} />
+      </BlockWrapper>
+    );
+  },
+);
+
+DepositFiltration.childrenTypes = ['ProductTile'];
+DepositFiltration.childSchema = (content?: DepositFiltrationContent) =>
+  content?.filtrationSchema || {};

package/mobile/src/components/DepositFiltration/DepositFiltrationContent.ts

@@ -0,0 +1,39 @@
+import type {
+  BaseFiltrationInnerContent,
+  NumberRange,
+  NumberValue,
+  StringArray,
+} from '../../ui-kit/BaseFiltration/BaseFiltrationContent';
+
+export type DepositFiltrationSchema = {
+  /** @title Валюта */
+  currency?: StringArray;
+  /** @title Опции */
+  options?: StringArray;
+  /** @title Выплата процентов */
+  percents?: StringArray;
+  /** @hidden */
+  sum?: NumberValue;
+  /** @hidden */
+  period?: NumberRange;
+};
+
+/**
+ * @title Подборщик вкладов
+ */
+export interface DepositFiltrationContent extends BaseFiltrationInnerContent {
+  /** @title Параметры фильтрации */
+  filtrationSchema?: DepositFiltrationSchema;
+  /** @title Поле ввода суммы */
+  sumInput?: {
+    /** @title Лейбл */
+    title?: string;
+  };
+  /** @title Поле ввода срока */
+  periodInput?: {
+    /** @title Лейбл */
+    title?: string;
+    min?: number;
+    max?: number;
+  };
+}