@redneckz/wildless-cms-uni-blocks 0.8.31 → 0.9.1

package/mobile/lib/components/Filtration/FiltrationContent.d.ts

@@ -0,0 +1,78 @@
+import type { ButtonVersion } from '../../model/ButtonVersion';
+/**
+ * @title Заголовок
+ */
+declare type Title = string;
+/**
+ * @title Ключи
+ */
+declare type Enum = string[];
+/**
+ * @title Имена
+ */
+declare type EnumNames = string[];
+export declare type StringEnum = {
+    title?: Title;
+    /**
+     * @default string
+     * @hidden
+     */
+    type?: 'string';
+    enum?: Enum;
+    enumNames?: EnumNames;
+};
+export declare type StringArray = {
+    title?: Title;
+    /**
+     * @default array
+     * @hidden
+     */
+    type?: 'array';
+    items?: {
+        /**
+         * @default string
+         * @hidden
+         */
+        type?: 'string';
+        enum?: Enum;
+        enumNames?: EnumNames;
+    };
+};
+export declare type FiltrationSchema = {
+    /** @title Тип недвижимости */
+    propertyType?: StringEnum;
+    /** @title Этап строительства */
+    stage?: StringEnum;
+    /** @title Категории */
+    categories?: StringEnum;
+    /** @title Дополнительно */
+    extraOptions?: StringEnum;
+};
+/**
+ * @title Кнопка сброса
+ */
+export declare type ResetButton = {
+    /**
+     * @title Текст кнопки
+     */
+    text: string;
+    /**
+     * @title Цвет кнопки
+     */
+    buttonVersion: ButtonVersion;
+};
+export interface FiltrationInnerContent {
+    /** @title Название кнопки */
+    label?: string;
+    /** @title Количество отображаемых предметов */
+    topItemsCount?: number;
+}
+/**
+ * @title Фильтрация
+ */
+export interface FiltrationContent extends FiltrationInnerContent {
+    /** @title Параметры фильтрации */
+    filtrationSchema?: FiltrationSchema;
+    resetButton?: ResetButton;
+}
+export {};

package/mobile/lib/components/Filtration/FiltrationContent.js

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

package/mobile/lib/components/Filtration/FiltrationContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltrationContent.js","sourceRoot":"","sources":["../../../src/components/Filtration/FiltrationContent.ts"],"names":[],"mappings":""}

package/mobile/lib/components/Filtration/FiltrationInner.d.ts

@@ -0,0 +1,7 @@
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { FiltrationInnerContent } from './FiltrationContent';
+interface FiltrationInnerProps extends FiltrationInnerContent, UniBlockProps {
+    filtrationState?: Record<string, any>;
+}
+export declare const FiltrationInner: import("@redneckz/uni-jsx").UNIComponent<FiltrationInnerProps, any, any>;
+export {};

package/mobile/lib/components/Filtration/FiltrationInner.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { renderBlocksList } from '../../BlockRenderer/renderBlockList.js';
+import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton.js';
+import { Foldable } from '../../ui-kit/Foldable/Foldable.js';
+import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection.js';
+import { style } from '../../utils/style.js';
+import { ErrorBlock } from '../ErrorBlock/ErrorBlock.js';
+import { checkShouldRenderBlock } from './checkShouldRenderBlock.js';
+const ICONS = ['ArrowDownIcon', 'ArrowUpIcon'];
+const resultsGridStyle = 'grid grid-cols-12 gap-1 border-box';
+export const FiltrationInner = JSX(({ label = '', filtrationState = {}, topItemsCount = 0, block, ...rest }) => {
+    const blocksToRender = block?.blocks?.filter((b) => checkShouldRenderBlock(filtrationState, b.content || {})) || [];
+    const [visibleBlocks, hiddenBlocks] = topItemsCount > 0
+        ? [blocksToRender.slice(0, topItemsCount), blocksToRender.slice(topItemsCount)]
+        : [blocksToRender, []];
+    return (_jsxs("div", { children: [_jsx("div", { className: style(blocksToRender.length ? 'hidden' : ''), children: _jsx(ErrorBlock, { error: { errorContentType: 'Image' }, title: "\u041D\u0435\u0442 \u043F\u043E\u0434\u0445\u043E\u0434\u044F\u0449\u0435\u0439 \u0438\u043F\u043E\u0442\u0435\u0447\u043D\u043E\u0439 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u044B", subtitle: "\u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u0444\u0438\u043B\u044C\u0442\u0440\u044B" }) }), _jsxs("div", { className: style(blocksToRender.length ? '' : 'hidden'), children: [_jsx("div", { className: resultsGridStyle, children: renderBlocksList(visibleBlocks, { ...rest.options, parent: block }) }), _jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => {
+                            return (_jsx(FoldableSection, { className: resultsGridStyle, isUnfolded: isUnfolded, children: renderBlocksList(hiddenBlocks, { ...rest.options, parent: block }) }));
+                        }, renderFoldButton: ({ isUnfolded, onToggle }) => (_jsx(DefaultFoldButton, { className: style('mt-11', topItemsCount < 1 ? 'hidden' : ''), disabled: !hiddenBlocks?.length, label: label, icon: ICONS[Number(isUnfolded)], dataTheme: rest.options?.page?.colorPalette, onClick: onToggle })) })] })] }));
+});
+//# sourceMappingURL=FiltrationInner.js.map

package/mobile/lib/components/Filtration/FiltrationInner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltrationInner.js","sourceRoot":"","sources":["../../../src/components/Filtration/FiltrationInner.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/components/Filtration/checkShouldRenderBlock.d.ts

@@ -0,0 +1 @@
+export declare const checkShouldRenderBlock: (pattern: Record<string, any>, target: Record<string, any>) => boolean;

package/mobile/lib/components/Filtration/checkShouldRenderBlock.js

@@ -0,0 +1,8 @@
+const isSingularFieldMatch = (key, pattern) => (target) => pattern[key] === undefined || pattern[key] === target[key];
+const isMultipleFieldMatch = (key, pattern) => (target) => pattern[key] === undefined || pattern[key]?.every((_) => target[key]?.includes(_));
+export const checkShouldRenderBlock = (pattern, target) => Object.entries(pattern)
+    .map(([key, subPattern]) => Array.isArray(subPattern)
+    ? isMultipleFieldMatch(key, pattern)
+    : isSingularFieldMatch(key, pattern))
+    .every((predicate) => predicate(target));
+//# sourceMappingURL=checkShouldRenderBlock.js.map

package/mobile/lib/components/Filtration/checkShouldRenderBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkShouldRenderBlock.js","sourceRoot":"","sources":["../../../src/components/Filtration/checkShouldRenderBlock.ts"],"names":[],"mappings":"AAAA,MAAM,oBAAoB,GACxB,CAAsD,GAAW,EAAE,OAAU,EAAE,EAAE,CACjF,CAAC,MAAS,EAAE,EAAE,CACZ,OAAO,CAAC,GAAG,CAAC,KAAK,SAAS,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC;AAE/D,MAAM,oBAAoB,GACxB,CAAwD,GAAW,EAAE,OAAU,EAAE,EAAE,CACnF,CAAC,MAAS,EAAE,EAAE,CACZ,OAAO,CAAC,GAAG,CAAC,KAAK,SAAS,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAEvF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,OAA4B,EAAE,MAA2B,EAAE,EAAE,CAClG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;KACpB,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE,EAAE,CACzB,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;IACvB,CAAC,CAAC,oBAAoB,CAAC,GAAG,EAAE,OAAO,CAAC;IACpC,CAAC,CAAC,oBAAoB,CAAC,GAAG,EAAE,OAAO,CAAC,CACvC;KACA,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC"}

package/mobile/lib/components/Filtration/renderFormItem.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { FormElementRegisterer } from '../../hooks/useForm';
+import type { FiltrationSchema } from './FiltrationContent';
+export declare const renderFormItem: (filtrationSchema: FiltrationSchema, register: FormElementRegisterer) => (key: string) => JSX.Element | null;

package/mobile/lib/components/Filtration/renderFormItem.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { SlideCheckboxGroup } from '../../ui-kit/SlideCheckboxGroup/SlideCheckboxGroup.js';
+import { Text } from '../../ui-kit/Text/Text.js';
+export const renderFormItem = (filtrationSchema, register) => (key) => {
+    const item = filtrationSchema[key];
+    const type = item?.type;
+    switch (type) {
+        case 'string':
+            return renderRadioButtons(key, register)(item);
+        default:
+            return null;
+    }
+};
+const renderRadioButtons = (key, register) => (item) => {
+    const options = item?.enum?.map((e, i) => ({ value: e, title: item?.enumNames?.[i] || '' })) || [];
+    return (_jsxs("div", { role: "radiogroup", children: [item?.title ? (_jsx("div", { className: "mb-4", children: _jsx(Text, { size: "text-m", font: "font-light", color: "text-secondary-text", children: item.title }) })) : null, _jsx(SlideCheckboxGroup, { items: options, multiple: false, ...register(key) })] }, key));
+};
+//# sourceMappingURL=renderFormItem.js.map

package/mobile/lib/components/Filtration/renderFormItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderFormItem.js","sourceRoot":"","sources":["../../../src/components/Filtration/renderFormItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,MAAM,CAAC,MAAM,cAAc,GACzB,CAAC,gBAAkC,EAAE,QAA+B,EAAE,EAAE,CAAC,CAAC,GAAW,EAAE,EAAE;IACvF,MAAM,IAAI,GAAG,gBAAgB,CAAC,GAAoC,CAAC,CAAC;IACpE,MAAM,IAAI,GAAG,IAAI,EAAE,IAAI,CAAC;IAExB,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ;YACX,OAAO,kBAAkB,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC;QACjD;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAEJ,MAAM,kBAAkB,GACtB,CAAC,GAAW,EAAE,QAA+B,EAAE,EAAE,CAAC,CAAC,IAAiB,EAAE,EAAE;IACtE,MAAM,OAAO,GACX,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IAErF,OAAO,CACL,eAAK,IAAI,EAAC,YAAY,aACnB,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,qBAAqB,YAC9D,IAAI,CAAC,KAAK,GACN,GACH,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,kBAAkB,IAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,KAAM,QAAQ,CAAC,GAAG,CAAC,GAAI,KARhD,GAAG,CASzB,CACP,CAAC;AACJ,CAAC,CAAC"}

package/mobile/lib/components/ProductBlock/ProductBlockContent.d.ts

@@ -29,6 +29,8 @@ export declare type ProductBlockInnerContent = HeadlineProps & RichTextProps & L
      * @hidden
      */
     textBlockClassName?: string;
+    /** @title Картинка справа/текст слева */
+    directionRight?: boolean;
 };
 /**
  * @title Продуктовый блок

package/mobile/lib/hooks/useForm.d.ts

@@ -0,0 +1,12 @@
+export declare type FormElementRegisterer = ReturnType<typeof useForm>['register'];
+export declare const useForm: <FormState extends Record<string, any>>(initialState?: Partial<FormState>) => {
+    formState: Partial<FormState>;
+    register: <FieldName extends keyof FormState>(fieldName: FieldName) => {
+        value?: undefined;
+        onChange?: undefined;
+    } | {
+        value: Partial<FormState>[FieldName];
+        onChange: Partial<Record<keyof FormState, () => void>>[FieldName];
+    };
+    resetForm: () => void;
+};

package/mobile/lib/hooks/useForm.js

@@ -0,0 +1,18 @@
+import { useCallback, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
+export const useForm = (initialState = {}) => {
+    const [formState, setFormState] = useState(initialState);
+    const handlersMap = useRef({});
+    const register = (fieldName) => {
+        if (!handlersMap.current) {
+            return {};
+        }
+        const handler = (value) => {
+            setFormState((prev) => ({ ...prev, [fieldName]: value }));
+        };
+        handlersMap.current[fieldName] ||= handler;
+        return { value: formState?.[fieldName], onChange: handlersMap.current[fieldName] };
+    };
+    const resetForm = useCallback(() => setFormState({}), []);
+    return { formState, register, resetForm };
+};
+//# sourceMappingURL=useForm.js.map

package/mobile/lib/hooks/useForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../src/hooks/useForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAI5E,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,eAAmC,EAAE,EACrC,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAqB,YAAY,CAAC,CAAC;IAE7E,MAAM,WAAW,GAAG,MAAM,CAA+C,EAAE,CAAC,CAAC;IAE7E,MAAM,QAAQ,GAAG,CAAoC,SAAoB,EAAE,EAAE;QAC3E,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACxB,OAAO,EAAE,CAAC;SACX;QAED,MAAM,OAAO,GAAG,CAAC,KAA4B,EAAE,EAAE;YAC/C,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC;QAEF,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,OAAO,CAAC;QAE3C,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;IACrF,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAE1D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAC5C,CAAC,CAAC"}

package/mobile/lib/model/JSXBlock.d.ts

@@ -1,4 +1,5 @@
 import type { UNIComponent } from '@redneckz/uni-jsx';
+import type { JSONSchema7Definition } from 'json-schema';
 import type { BlockRendererOptions } from '../BlockRenderer/BlockRendererOptions';
 import type { SlotName } from './BlockDecorator';
 import type { BlockVersion } from './BlockVersion';
@@ -22,5 +23,6 @@ export declare type JSXBlock<BlockProps extends UniBlockProps = UniBlockProps> =
         include?: string[];
         exclude?: string[];
     };
+    childSchema?: (content: BlockDef['content']) => Record<string, JSONSchema7Definition>;
     slots?: (props: BlockProps) => SlotName[];
 };

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

@@ -0,0 +1,4 @@
+export interface ControlProps<T> {
+    value?: T;
+    onChange?: (value: T | undefined) => void;
+}

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

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

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

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

package/mobile/lib/ui-kit/Foldable/DefaultFoldButton.d.ts

@@ -7,6 +7,7 @@ interface DefaultFoldButtonProps {
     label: string;
     icon: IconName;
     dataTheme?: ColorPalette;
+    disabled?: boolean;
     onClick?: () => void;
 }
 export declare const DefaultFoldButton: import("@redneckz/uni-jsx").UNIComponent<DefaultFoldButtonProps, any, any>;

package/mobile/lib/ui-kit/Foldable/DefaultFoldButton.js

@@ -1,15 +1,11 @@
 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';
 import { Img } from '../Img/Img.js';
-export const DefaultFoldButton = JSX(({ className = '', label, icon, dataTheme = '', onClick }) => {
-    const STATE_STYLE = 'hover:bg-primary-hover focus:border-primary-text active:bg-primary-active outline-none';
-    const DIMENSIONS_STYLE = 'flex justify-center w-full px-0 py-5';
-    return (_jsxs("button", { className: [
-            'border border-transparent bg-primary-main font-sans text-white cursor-pointer',
-            STATE_STYLE,
-            DIMENSIONS_STYLE,
-            className,
-        ].join(' '), "data-theme": dataTheme, onClick: onClick, children: [_jsx("span", { className: "text-h4 pr-3", children: label }), icon ? (_jsx(Img, { image: {
+export const DefaultFoldButton = JSX(({ className = '', label, icon, dataTheme = '', disabled = false, onClick }) => {
+    return (_jsxs("button", { className: style('flex justify-center w-full px-0 py-5 border border-transparent outline-none focus:border-primary-text', disabled
+            ? 'bg-main-divider text-main-disabled hover:bg-main-divider'
+            : 'bg-primary-main text-white hover:bg-primary-hove', className), onClick: onClick, disabled: disabled, "data-theme": dataTheme, children: [_jsx("span", { className: "text-h4 pr-3", children: label }), icon ? (_jsx(Img, { image: {
                     icon,
                     iconVersion: 'white',
                 }, className: "flex-shrink-0 my-auto", width: "20", height: "20", asSVG: true })) : null] }));

package/mobile/lib/ui-kit/Foldable/DefaultFoldButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultFoldButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/DefaultFoldButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAWjC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3D,MAAM,WAAW,GACf,wFAAwF,CAAC;IAC3F,MAAM,gBAAgB,GAAG,sCAAsC,CAAC;IAEhE,OAAO,CACL,kBACE,SAAS,EAAE;YACT,+EAA+E;YAC/E,WAAW;YACX,gBAAgB;YAChB,SAAS;SACV,CAAC,IAAI,CAAC,GAAG,CAAC,gBACC,SAAS,EACrB,OAAO,EAAE,OAAO,aAEhB,eAAM,SAAS,EAAC,cAAc,YAAE,KAAK,GAAQ,EAC5C,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IACF,KAAK,EAAE;oBACL,IAAI;oBACJ,WAAW,EAAE,OAAO;iBACrB,EACD,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACrF,MAAM,MAAM,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IACxC,MAAM,KAAK,GAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IAE3D,OAAO,CACL,KAAC,iBAAiB,IAChB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACjC,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"DefaultFoldButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/DefaultFoldButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAYjC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7E,OAAO,CACL,kBACE,SAAS,EAAE,KAAK,CACd,uGAAuG,EACvG,QAAQ;YACN,CAAC,CAAC,0DAA0D;YAC5D,CAAC,CAAC,kDAAkD,EACtD,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,gBACN,SAAS,aAErB,eAAM,SAAS,EAAC,cAAc,YAAE,KAAK,GAAQ,EAC5C,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IACF,KAAK,EAAE;oBACL,IAAI;oBACJ,WAAW,EAAE,OAAO;iBACrB,EACD,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACrF,MAAM,MAAM,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IACxC,MAAM,KAAK,GAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IAE3D,OAAO,CACL,KAAC,iBAAiB,IAChB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACjC,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,7 +1,8 @@
 interface SlideCheckboxProps {
-    checked?: boolean;
+    value?: boolean;
     text?: string;
-    onClick?: () => void;
+    type?: 'checkbox' | 'radio';
+    onChange?: (value: boolean) => void;
 }
 export declare const SlideCheckbox: import("@redneckz/uni-jsx").UNIComponent<SlideCheckboxProps, any, any>;
 export {};

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { Text } from '../../ui-kit/Text/Text.js';
-export const SlideCheckbox = JSX(({ checked, text, onClick }) => (_jsxs("div", { role: "checkbox", "aria-checked": checked, className: "flex justify-start items-center w-full cursor-pointer mb-4", onClick: () => onClick && onClick(), children: [_jsx("div", { className: `relative duration-300 w-9 h-5 mr-3 rounded rounded-2xl ${checked ? 'bg-primary-main' : 'bg-main-divider'}`, children: _jsx("div", { className: `absolute opacity-80 duration-500 top-0.5 w-4 h-4 bg-white rounded rounded-full ${checked ? 'left-[50%]' : 'left-[5%]'}` }) }), _jsx("div", { children: _jsx(Text, { size: "text-m", font: "font-light", color: "text-primary-text", children: text }) })] })));
+import { Text } from '../Text/Text.js';
+export const SlideCheckbox = JSX(({ value = false, text, type = 'checkbox', onChange }) => (_jsxs("div", { role: type, "aria-checked": value, className: "flex justify-start items-center w-full cursor-pointer mb-4", onClick: () => onChange && onChange(!value), children: [_jsx("div", { className: `relative flex-shrink-0 duration-300 w-9 h-5 mr-3 rounded-2xl ${value ? 'bg-primary-main' : 'bg-main-divider'}`, children: _jsx("div", { className: `absolute opacity-80 duration-500 top-0.5 w-4 h-4 bg-white rounded-full ${value ? 'left-[50%]' : 'left-[5%]'}` }) }), _jsx("div", { children: _jsx(Text, { size: "text-m", font: "font-light", color: "text-primary-text", children: text }) })] })));
 //# sourceMappingURL=SlideCheckbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SlideCheckbox.js","sourceRoot":"","sources":["../../../src/ui-kit/SlideCheckbox/SlideCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAO9C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACnF,eACE,IAAI,EAAC,UAAU,kBACD,OAAO,EACrB,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,IAAI,OAAO,EAAE,aAEnC,cACE,SAAS,EAAE,0DACT,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAChC,EAAE,YAEF,cACE,SAAS,EAAE,kFACT,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAC3B,EAAE,GACF,GACE,EACN,wBACE,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,mBAAmB,YAC5D,IAAI,GACA,GACH,IACF,CACP,CAAC,CAAC"}
+{"version":3,"file":"SlideCheckbox.js","sourceRoot":"","sources":["../../../src/ui-kit/SlideCheckbox/SlideCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAQpC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,IAAI,EAAE,IAAI,GAAG,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACxD,eACE,IAAI,EAAE,IAAI,kBACI,KAAK,EACnB,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,KAAK,CAAC,aAE3C,cACE,SAAS,EAAE,gEACT,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAC9B,EAAE,YAEF,cACE,SAAS,EAAE,0EACT,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WACzB,EAAE,GACF,GACE,EACN,wBACE,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,mBAAmB,YAC5D,IAAI,GACA,GACH,IACF,CACP,CACF,CAAC"}

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

@@ -0,0 +1,15 @@
+import type { ControlProps } from '../ControlProps';
+declare type SlideCheckboxGroupItem = {
+    value: string;
+    title: string;
+};
+interface SlideCheckboxGroupProps extends ControlProps<string> {
+    multiple: false;
+    items: SlideCheckboxGroupItem[];
+}
+interface MultipleSlideCheckboxGroupProps extends ControlProps<string[]> {
+    multiple: true;
+    items: SlideCheckboxGroupItem[];
+}
+export declare const SlideCheckboxGroup: import("@redneckz/uni-jsx").UNIComponent<SlideCheckboxGroupProps | MultipleSlideCheckboxGroupProps, any, any>;
+export {};

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { SlideCheckbox } from '../SlideCheckbox/SlideCheckbox.js';
+export const SlideCheckboxGroup = JSX(({ value, onChange, items = [], multiple }) => {
+    const handleChange = (newValue) => {
+        if (multiple) {
+            const hasAlready = value?.includes(newValue);
+            onChange &&
+                onChange(hasAlready ? value?.filter((v) => v !== newValue) : [...(value || []), newValue]);
+        }
+        else {
+            onChange && onChange(value === newValue ? undefined : newValue);
+        }
+    };
+    return items.map((item) => (_jsx(SlideCheckbox, { text: item.title, value: [value].flatMap((_) => _).includes(item.value), onChange: () => handleChange(item.value), type: multiple ? 'checkbox' : 'radio' }, item.value)));
+});
+//# sourceMappingURL=SlideCheckboxGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlideCheckboxGroup.js","sourceRoot":"","sources":["../../../src/ui-kit/SlideCheckboxGroup/SlideCheckboxGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAiB/D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5C,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE;QACxC,IAAI,QAAQ,EAAE;YACZ,MAAM,UAAU,GAAG,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;YAC7C,QAAQ;gBACN,QAAQ,CACN,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,QAAQ,CAAC,CACjF,CAAC;SACL;aAAM;YACL,QAAQ,IAAI,QAAQ,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;SACjE;IACH,CAAC,CAAC;IAEF,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,KAAC,aAAa,IAEZ,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EACrD,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EACxC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,IAJhC,IAAI,CAAC,KAAK,CAKf,CACH,CAAC,CAAC;AACL,CAAC,CACF,CAAC"}

package/mobile/src/components/ApplicationForm/renderSlideCheckboxes.tsx

@@ -15,14 +15,14 @@ export const renderSlideCheckboxes = ({
 }: SlideCheckboxesProps) => (
   <div className="mb-5">
     <SlideCheckbox
-      checked={onlineСheckout}
+      value={onlineСheckout}
       text="Хочу купить онлайн-кассу"
-      onClick={() => handleChange({ onlineСheckout: !onlineСheckout })}
+      onChange={() => handleChange({ onlineСheckout: !onlineСheckout })}
     />
     <SlideCheckbox
-      checked={posTerminal}
+      value={posTerminal}
       text="Хочу купить POS-терминал"
-      onClick={() => handleChange({ posTerminal: !posTerminal })}
+      onChange={() => handleChange({ posTerminal: !posTerminal })}
     />
   </div>
 );

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

@@ -0,0 +1,37 @@
+{
+  "content": {
+    "filtrationSchema": {
+      "propertyType": {
+        "title": "Тип недвижимости",
+        "type": "string",
+        "enum": ["flat", "apartment", "house", "storeRoom", "parkingSpace"],
+        "enumNames": ["Квартира", "Апартаменты", "Жилой дом", "Кладовая", "Машино-место"]
+      },
+      "stage": {
+        "title": "Этап строительства",
+        "type": "string",
+        "enum": ["built", "inProgress"],
+        "enumNames": ["Готовое жильё", "Строящиеся"]
+      },
+      "categories": {
+        "title": "Категории",
+        "type": "string",
+        "enum": ["salaryClient", "IT", "youngFamily", "military", "medicalWorker", "scientist"],
+        "enumNames": [
+          "Зарплатный клиент",
+          "IT-специалист",
+          "Молодая семья",
+          "Военнослужащий",
+          "Медицинский работник",
+          "Научный сотрудник"
+        ]
+      },
+      "extraOptions": {
+        "title": "Дополнительно",
+        "type": "string",
+        "enum": ["preferentialMortgage", "children"],
+        "enumNames": ["Льготная ипотека", "Дети"]
+      }
+    }
+  }
+}

package/mobile/src/components/Filtration/Filtration.tsx

@@ -0,0 +1,41 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useForm } from '../../hooks/useForm';
+import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { Button } from '../../ui-kit/Button/Button';
+import { style } from '../../utils/style';
+import type { FiltrationContent } from './FiltrationContent';
+import { FiltrationInner } from './FiltrationInner';
+import { renderFormItem } from './renderFormItem';
+
+interface FiltrationProps extends FiltrationContent, UniBlockProps {}
+
+export const Filtration: JSXBlock<FiltrationProps> = JSX<FiltrationProps>(
+  ({ className, filtrationSchema = {}, resetButton, ...rest }) => {
+    const { formState, register, resetForm } = useForm();
+
+    return (
+      <BlockWrapper className={style('p-9', className)} {...rest}>
+        <form className="flex justify-between">
+          <div className="flex gap-11">
+            {Object.keys(filtrationSchema).map(renderFormItem(filtrationSchema, register))}
+          </div>
+          {resetButton ? (
+            <div>
+              <Button
+                className="w-72"
+                text={resetButton.text}
+                version={resetButton.buttonVersion}
+                onClick={resetForm}
+              />
+            </div>
+          ) : null}
+        </form>
+        <FiltrationInner filtrationState={formState} {...rest} />
+      </BlockWrapper>
+    );
+  },
+);
+
+Filtration.childrenTypes = ['ProductTile'];
+Filtration.childSchema = (content?: FiltrationContent) => content?.filtrationSchema || {};

package/mobile/src/components/Filtration/Filtration.ui.json

@@ -0,0 +1 @@
+{}

package/mobile/src/components/Filtration/FiltrationContent.ts

@@ -0,0 +1,87 @@
+import type { ButtonVersion } from '../../model/ButtonVersion';
+
+/**
+ * @title Заголовок
+ */
+type Title = string;
+
+/**
+ * @title Ключи
+ */
+type Enum = string[];
+
+/**
+ * @title Имена
+ */
+type EnumNames = string[];
+
+export type StringEnum = {
+  title?: Title;
+  /**
+   * @default string
+   * @hidden
+   */
+  type?: 'string';
+  enum?: Enum;
+  enumNames?: EnumNames;
+};
+
+export type StringArray = {
+  title?: Title;
+  /**
+   * @default array
+   * @hidden
+   */
+  type?: 'array';
+  items?: {
+    /**
+     * @default string
+     * @hidden
+     */
+    type?: 'string';
+    enum?: Enum;
+    enumNames?: EnumNames;
+  };
+};
+
+// TODO: Make customizable to implement arbitrary filtration blocks
+export type FiltrationSchema = {
+  /** @title Тип недвижимости */
+  propertyType?: StringEnum;
+  /** @title Этап строительства */
+  stage?: StringEnum;
+  /** @title Категории */
+  categories?: StringEnum;
+  /** @title Дополнительно */
+  extraOptions?: StringEnum;
+};
+
+/**
+ * @title Кнопка сброса
+ */
+export type ResetButton = {
+  /**
+   * @title Текст кнопки
+   */
+  text: string;
+  /**
+   * @title Цвет кнопки
+   */
+  buttonVersion: ButtonVersion;
+};
+
+export interface FiltrationInnerContent {
+  /** @title Название кнопки */
+  label?: string;
+  /** @title Количество отображаемых предметов */
+  topItemsCount?: number;
+}
+
+/**
+ * @title Фильтрация
+ */
+export interface FiltrationContent extends FiltrationInnerContent {
+  /** @title Параметры фильтрации */
+  filtrationSchema?: FiltrationSchema;
+  resetButton?: ResetButton;
+}

package/mobile/src/components/Filtration/FiltrationInner.tsx

@@ -0,0 +1,67 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { renderBlocksList } from '../../BlockRenderer/renderBlockList';
+import type { IconName } from '../../icons/IconName';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
+import { Foldable } from '../../ui-kit/Foldable/Foldable';
+import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
+import { style } from '../../utils/style';
+import { ErrorBlock } from '../ErrorBlock/ErrorBlock';
+import { checkShouldRenderBlock } from './checkShouldRenderBlock';
+import type { FiltrationInnerContent } from './FiltrationContent';
+
+const ICONS: IconName[] = ['ArrowDownIcon', 'ArrowUpIcon'];
+
+const resultsGridStyle = 'grid grid-cols-12 gap-1 border-box';
+
+interface FiltrationInnerProps extends FiltrationInnerContent, UniBlockProps {
+  filtrationState?: Record<string, any>;
+}
+
+export const FiltrationInner = JSX<FiltrationInnerProps>(
+  ({ label = '', filtrationState = {}, topItemsCount = 0, block, ...rest }) => {
+    const blocksToRender =
+      block?.blocks?.filter((b) => checkShouldRenderBlock(filtrationState, b.content || {})) || [];
+
+    const [visibleBlocks, hiddenBlocks] =
+      topItemsCount > 0
+        ? [blocksToRender.slice(0, topItemsCount), blocksToRender.slice(topItemsCount)]
+        : [blocksToRender, []];
+
+    return (
+      <div>
+        <div className={style(blocksToRender.length ? 'hidden' : '')}>
+          <ErrorBlock
+            error={{ errorContentType: 'Image' }}
+            title="Нет подходящей ипотечной программы"
+            subtitle="Попробуйте очистить фильтры"
+          />
+        </div>
+        <div className={style(blocksToRender.length ? '' : 'hidden')}>
+          <div className={resultsGridStyle}>
+            {renderBlocksList(visibleBlocks, { ...rest.options, parent: block })}
+          </div>
+          <Foldable
+            renderFoldableSection={({ isUnfolded }) => {
+              return (
+                <FoldableSection className={resultsGridStyle} isUnfolded={isUnfolded}>
+                  {renderBlocksList(hiddenBlocks, { ...rest.options, parent: block })}
+                </FoldableSection>
+              );
+            }}
+            renderFoldButton={({ isUnfolded, onToggle }) => (
+              <DefaultFoldButton
+                className={style('mt-11', topItemsCount < 1 ? 'hidden' : '')}
+                disabled={!hiddenBlocks?.length}
+                label={label}
+                icon={ICONS[Number(isUnfolded)]}
+                dataTheme={rest.options?.page?.colorPalette}
+                onClick={onToggle}
+              />
+            )}
+          />
+        </div>
+      </div>
+    );
+  },
+);