@redneckz/wildless-cms-uni-blocks 0.14.741 → 0.14.743

package/mobile/lib/ui-kit/BaseFiltration/GridBlocks.d.ts

@@ -0,0 +1,8 @@
+import { type BlockDef } from '../../model/ContentPageDef';
+import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { type GridSection } from './BaseFiltrationContent';
+interface GridBlocksProps extends GridSection, UniBlockProps {
+    blocksToRender?: BlockDef[];
+}
+export declare const GridBlocks: import("@redneckz/uni-jsx").UNIComponent<GridBlocksProps, any, any>;
+export {};

package/{lib/ui-kit/BaseFiltration/renderGridBlocks.js → mobile/lib/ui-kit/BaseFiltration/GridBlocks.js}

@@ -1,4 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { renderBlocksList } from '../../BlockRenderer/renderBlockList.js';
 import { AdTile } from '../../components/AdTile/AdTile.js';
 import { isOdd } from '../../utils/isOdd.js';
@@ -6,12 +8,12 @@ import { style } from '../../utils/style.js';
 import { DefaultFoldButton } from '../Foldable/DefaultFoldButton.js';
 import { Foldable } from '../Foldable/Foldable.js';
 import { FoldableSection } from '../Foldable/FoldableSection.js';
-const ICONS = ['ArrowDownIcon', 'ArrowUpIcon'];
 const resultsGridStyle = 'space-y-px lg:space-y-0 lg:grid lg:grid-cols-12 gap-2xs';
-export const renderGridBlocks = ({ topItemsCount = 0, label = '', block, blocksToRender = [], ...rest }) => {
+export const GridBlocks = JSX(({ topItemsCount = 0, label = '', block, blocksToRender = [], ...rest }) => {
     const [visibleBlocks, hiddenBlocks] = topItemsCount > 0
         ? [blocksToRender.slice(0, topItemsCount), blocksToRender.slice(topItemsCount)]
         : [blocksToRender, []];
-    return (_jsxs("div", { className: style('space-y-2xs', { hidden: !blocksToRender.length }), children: [_jsxs("div", { className: style(resultsGridStyle), children: [renderBlocksList(visibleBlocks, { ...rest.options, parent: block }), isOdd(visibleBlocks.length) ? _jsx(AdTile, { className: "col-span-6", ...rest }) : null] }), _jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (_jsxs(FoldableSection, { className: style(resultsGridStyle), isUnfolded: isUnfolded, children: [renderBlocksList(hiddenBlocks, { ...rest.options, parent: block }), isOdd(hiddenBlocks.length) ? _jsx(AdTile, { className: "col-span-6", ...rest }) : null] })), renderFoldButton: ({ isUnfolded, onToggle }) => (_jsx(DefaultFoldButton, { className: style({ hidden: topItemsCount < 1 }), disabled: !hiddenBlocks?.length, label: label, icon: ICONS[Number(isUnfolded)], dataTheme: rest.options?.page?.colorPalette, onClick: onToggle })) })] }));
-};
-//# sourceMappingURL=renderGridBlocks.js.map
+    const [isUnfolded, { toggle }] = useBool(false);
+    return (_jsxs("div", { className: style('space-y-2xs', { hidden: !blocksToRender.length }), children: [_jsxs("div", { className: style(resultsGridStyle), children: [renderBlocksList(visibleBlocks, { ...rest.options, parent: block }), isOdd(visibleBlocks.length) ? _jsx(AdTile, { className: "col-span-6", ...rest }) : null] }), _jsxs(Foldable, { children: [_jsxs(FoldableSection, { className: style(resultsGridStyle), isUnfolded: isUnfolded, children: [renderBlocksList(hiddenBlocks, { ...rest.options, parent: block }), isOdd(hiddenBlocks.length) ? _jsx(AdTile, { className: "col-span-6", ...rest }) : null] }), _jsx(DefaultFoldButton, { className: style({ hidden: topItemsCount < 1 }), dataTheme: rest.options?.page?.colorPalette, disabled: !hiddenBlocks?.length, label: label, icon: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', onClick: toggle })] })] }));
+});
+//# sourceMappingURL=GridBlocks.js.map

package/mobile/lib/ui-kit/BaseFiltration/GridBlocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridBlocks.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/GridBlocks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAGxD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,MAAM,gBAAgB,GAAG,yDAAyD,CAAC;AAMnF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,aAAa,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzE,MAAM,CAAC,aAAa,EAAE,YAAY,CAAC,GACjC,aAAa,GAAG,CAAC;QACf,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QAC/E,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;IAE3B,MAAM,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,aACtE,eAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,aACpC,gBAAgB,CAAC,aAAa,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EACnE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,SAAS,EAAC,YAAY,KAAK,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,IAC7E,EACN,MAAC,QAAQ,eACP,MAAC,eAAe,IAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,EAAE,UAAU,EAAE,UAAU,aACxE,gBAAgB,CAAC,YAAY,EAAE,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAClE,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,SAAS,EAAC,YAAY,KAAK,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,IAChE,EAClB,KAAC,iBAAiB,IAChB,SAAS,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,aAAa,GAAG,CAAC,EAAE,CAAC,EAC/C,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,YAAY,EAC3C,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,EAC/B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EAClD,OAAO,EAAE,MAAM,GACf,IACO,IACP,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/Button/IconButton.d.ts

@@ -0,0 +1,10 @@
+import type { IconName } from '../../icons/IconName';
+import { type AspectsDef } from '../../model/AspectsProps';
+export interface IconButtonProps {
+    className?: string;
+    name: IconName;
+    text?: string;
+    data?: AspectsDef[];
+    onClick?: () => void;
+}
+export declare const IconButton: import("@redneckz/uni-jsx").UNIComponent<IconButtonProps, any, any>;

package/mobile/lib/ui-kit/Button/IconButton.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { Icon } from '../../ui-kit/Icon/Icon.js';
+import { getAspectsAttributes } from '../../utils/dataAttributes.js';
+import { style } from '../../utils/style.js';
+export const IconButton = JSX(({ className, name, text, data, onClick }) => {
+    const aspectsAttrs = useMemo(() => getAspectsAttributes(data), [data]);
+    return (_jsxs("button", { className: style('text-primary-main flex justify-between items-center border-none px-m', text ? 'pt-lg' : 'py-2xs', className), type: "button", ...aspectsAttrs, onClick: onClick, children: [text ? _jsx("div", { className: "pr-m", children: text }) : null, _jsx(Icon, { className: "text-primary-text", name: name, width: "16", height: "16" })] }));
+});
+//# sourceMappingURL=IconButton.js.map

package/mobile/lib/ui-kit/Button/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAGtD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAU1C,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1F,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,kBACE,SAAS,EAAE,KAAK,CACd,sEAAsE,EACtE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EACzB,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,KAET,YAAY,EAChB,OAAO,EAAE,OAAO,aAEf,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,MAAM,YAAE,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EACjD,KAAC,IAAI,IAAC,SAAS,EAAC,mBAAmB,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,IAClE,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -10,9 +10,5 @@ export const DefaultFoldButton = JSX(({ className = '', label, icon, dataTheme =
             icon,
             iconVersion: 'white',
         }, className: "my-auto", width: "20", height: "20" })) : null })));
-export const renderDefaultFoldButton = ({ isUnfolded, onToggle }) => {
-    const labels = ['Развернуть', 'Скрыть'];
-    const icons = ['ArrowDownIcon', 'ArrowUpIcon'];
-    return (_jsx(DefaultFoldButton, { icon: icons[Number(isUnfolded)], label: labels[Number(isUnfolded)], onClick: onToggle }));
-};
+export const renderDefaultFoldButton = ({ isUnfolded, onToggle }) => (_jsx(DefaultFoldButton, { icon: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', label: isUnfolded ? 'Скрыть' : 'Развернуть', onClick: onToggle }));
 //# sourceMappingURL=DefaultFoldButton.js.map

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;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAY5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChF,KAAC,YAAY,IACX,GAAG,EAAC,QAAQ,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,cAAc,EAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,KAAK,CACd,iFAAiF,EACjF,QAAQ;QACN,CAAC,CAAC,0DAA0D;QAC5D,CAAC,CAAC,kDAAkD,EACtD,SAAS,CACV,EACD,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,YAAE,KAAK,GAAQ,EAC7C,QAAQ,EACN,IAAI,CAAC,CAAC,CAAC,CACL,KAAC,GAAG,IACF,KAAK,EAAE;YACL,IAAI;YACJ,WAAW,EAAE,OAAO;SACrB,EACD,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,CACH,CAAC,CAAC,CAAC,IAAI,GAEV,CACH,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;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAY5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChF,KAAC,YAAY,IACX,GAAG,EAAC,QAAQ,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,cAAc,EAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,KAAK,CACd,iFAAiF,EACjF,QAAQ;QACN,CAAC,CAAC,0DAA0D;QAC5D,CAAC,CAAC,kDAAkD,EACtD,SAAS,CACV,EACD,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,YAAE,KAAK,GAAQ,EAC7C,QAAQ,EACN,IAAI,CAAC,CAAC,CAAC,CACL,KAAC,GAAG,IACF,KAAK,EAAE;YACL,IAAI;YACJ,WAAW,EAAE,OAAO;SACrB,EACD,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,CACH,CAAC,CAAC,CAAC,IAAI,GAEV,CACH,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAqB,EAAE,EAAE,CAAC,CACtF,KAAC,iBAAiB,IAChB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,EAClD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAC3C,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC"}

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

@@ -1,10 +1,4 @@
-import { type VNode } from '../../model/VNode';
-import { type FoldablePartProps } from './FoldablePartProps';
 export interface FoldableProps {
     className?: string;
-    unfoldedByDefault?: boolean;
-    isFoldButtonOnTop?: boolean;
-    renderFoldableSection: (props: FoldablePartProps) => VNode;
-    renderFoldButton?: ((props: FoldablePartProps) => VNode) | null;
 }
 export declare const Foldable: import("@redneckz/uni-jsx").UNIComponent<FoldableProps, any, any>;

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

@@ -1,13 +1,6 @@
-import { jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-export const Foldable = JSX(({ className = '', isFoldButtonOnTop = false, unfoldedByDefault = false, renderFoldableSection, renderFoldButton, }) => {
-    const [isUnfolded, setIsUnfolded] = useState(unfoldedByDefault);
-    const onToggle = useCallback(() => {
-        setIsUnfolded((_) => !_);
-    }, []);
-    const sectionNode = renderFoldableSection({ isUnfolded, onToggle });
-    const buttonNode = renderFoldButton ? renderFoldButton({ isUnfolded, onToggle }) : null;
-    return isFoldButtonOnTop ? (_jsxs("div", { className: className, role: "group", children: [buttonNode, sectionNode] })) : (_jsxs("div", { className: className, role: "group", children: [sectionNode, buttonNode] }));
-});
+import { style } from '../../utils/style.js';
+// TODO Не особо полезно, в итоге
+export const Foldable = JSX(({ className, children }) => (_jsx("div", { className: style(className), role: "group", children: children })));
 //# sourceMappingURL=Foldable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Foldable.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/Foldable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAYpE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,iBAAiB,GAAG,KAAK,EACzB,iBAAiB,GAAG,KAAK,EACzB,qBAAqB,EACrB,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAEhE,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,qBAAqB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;IACpE,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAExF,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,eAAK,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,aACpC,UAAU,EACV,WAAW,IACR,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,aACpC,WAAW,EACX,UAAU,IACP,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Foldable.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/Foldable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAM1C,iCAAiC;AACjC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACtE,cAAK,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,IAAI,EAAC,OAAO,YAC3C,QAAQ,GACL,CACP,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export declare const capitalize: (text?: string) => string;

package/mobile/lib/utils/capitalize.js

@@ -0,0 +1,2 @@
+export const capitalize = (text) => text ? `${text.charAt(0).toUpperCase()}${text.slice(1)}` : '';
+//# sourceMappingURL=capitalize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"capitalize.js","sourceRoot":"","sources":["../../src/utils/capitalize.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAa,EAAU,EAAE,CAClD,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC"}

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

@@ -1,6 +1,6 @@
 import { type AspectsDef } from '../model/AspectsProps';
 export declare const getAspectsAttributes: (data?: AspectsDef[]) => {
-    'data-aspects'?: undefined;
-} | {
     'data-aspects': string;
+} | {
+    'data-aspects'?: undefined;
 };

package/mobile/lib/utils/dataAttributes.js

@@ -1,11 +1,6 @@
 export const getAspectsAttributes = (data) => {
-    if (!Array.isArray(data) || !data.length) {
-        return {};
-    }
     try {
-        return {
-            'data-aspects': JSON.stringify(data),
-        };
+        return Array.isArray(data) && data.length ? { 'data-aspects': JSON.stringify(data) } : {};
     }
     catch (_) {
         return {};

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

@@ -1 +1 @@
-{"version":3,"file":"dataAttributes.js","sourceRoot":"","sources":["../../src/utils/dataAttributes.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAmB,EAAE,EAAE;IAC1D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;QACxC,OAAO,EAAE,CAAC;KACX;IAED,IAAI;QACF,OAAO;YACL,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;SACrC,CAAC;KACH;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,EAAE,CAAC;KACX;AACH,CAAC,CAAC"}
+{"version":3,"file":"dataAttributes.js","sourceRoot":"","sources":["../../src/utils/dataAttributes.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAmB,EAAE,EAAE;IAC1D,IAAI;QACF,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAC3F;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,EAAE,CAAC;KACX;AACH,CAAC,CAAC"}

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

@@ -1068,5 +1068,41 @@
         }
       }
     }
+  ],
+  [
+    "Рецепт для бизнеса",
+    {
+      "content": {
+        "version": "primary",
+        "padding": "",
+        "title": "Заявка по акции 'Рецепт для бизнеса'",
+        "typeForm": "RFB",
+        "endpoint": "sendcorporatelead",
+        "sections": [
+          {
+            "inputs": [{ "name": "name", "required": true, "label": "ФИО" }]
+          },
+          {
+            "columns": 2,
+            "inputs": [
+              { "name": "phone", "required": true },
+              { "name": "inn", "required": true }
+            ]
+          },
+          {
+            "inputs": [{ "name": "consentDataProcessing", "required": true }]
+          }
+        ],
+        "button": {
+          "text": "Отправить заявку",
+          "version": "primary"
+        },
+        "link": {
+          "text": "Согласен на обработку персональных данных",
+          "href": "/privacy-policy",
+          "target": "_blank"
+        }
+      }
+    }
   ]
 ]

package/mobile/src/components/ApplicationLeadForm/GroupedConsents.tsx

@@ -1,16 +1,16 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
-import { type FormFieldRegisterer, type VNode } from '../../services/retail/external/types';
+import { useCallback, useMemo } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+import { type FormFieldRegisterer } from '../../services/retail/external/types';
 import { InputsConsentsMap } from '../../services/retail/inputs';
 import { type LeadFormState } from '../../services/retail/model/LeadFormState';
 import { type FieldRetailDef } from '../../services/retail/model/RetailFormContent';
+import { IconButton } from '../../ui-kit/Button/IconButton';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { type FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { getField } from '../../ui-kit/FormField/getField';
 import { validatorObj } from '../../ui-kit/FormField/getObjectValidator';
-import { Icon } from '../../ui-kit/Icon/Icon';
 import { renderErrorText } from '../../ui-kit/Input/renderErrorText';
 import { withValidator } from '../../validation/withValidator';
 
@@ -25,12 +25,15 @@ const CONSENT_REQUIRED = 'Отметьте все обязательные со
 export const GroupedConsents = JSX<GroupedConsentsProps>(({ inputs = [], field, key }) => {
   const isChecked = inputs.every((_) => Boolean(field(_.name as keyof LeadFormState).value));
 
-  const handleGeneralToggle = (value: boolean) => {
-    for (const item of inputs) {
-      const itemField = field(item.name as keyof LeadFormState);
-      itemField.onChange?.(value);
-    }
-  };
+  const handleGeneralToggle = useCallback(
+    (value: boolean) => {
+      for (const item of inputs) {
+        const itemField = field(item.name as keyof LeadFormState);
+        itemField.onChange?.(value);
+      }
+    },
+    [inputs],
+  );
 
   const hasValidationErrors = useMemo(
     () =>
@@ -47,48 +50,27 @@ export const GroupedConsents = JSX<GroupedConsentsProps>(({ inputs = [], field,
     [inputs],
   );
 
+  const [isUnfolded, { toggle }] = useBool(true);
+
   return (
     <div className="w-fit">
-      <Foldable
-        isFoldButtonOnTop
-        unfoldedByDefault
-        renderFoldableSection={({ isUnfolded }) => (
-          <FoldableSection isUnfolded={isUnfolded} className="flex flex-col pl-2xl">
-            {
-              // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-              inputs.map(getField<FieldRetailDef>(field, {}, { ...InputsConsentsMap }))
-            }
-          </FoldableSection>
-        )}
-        renderFoldButton={renderGeneralCheckbox(
+      <Foldable>
+        <div className="flex items-start">
           <div>
             <Checkbox
+              key={key}
+              text={CONSENT_ALL_DOCS_TEXT}
               value={isChecked}
               onChange={handleGeneralToggle}
-              text={CONSENT_ALL_DOCS_TEXT}
-              key={key}
             />
             {renderErrorText(hasValidationErrors ? CONSENT_REQUIRED : '')}
-          </div>,
-        )}
-      />
+          </div>
+          <IconButton name={isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon'} onClick={toggle} />
+        </div>
+        <FoldableSection className="flex flex-col pl-2xl" isUnfolded={isUnfolded}>
+          {inputs.map(getField<FieldRetailDef>(field, {}, InputsConsentsMap))}
+        </FoldableSection>
+      </Foldable>
     </div>
   );
 });
-
-const renderGeneralCheckbox =
-  (generalCheckBox: VNode) =>
-  (foldableData: FoldablePartProps): VNode =>
-    (
-      <div className="flex items-start">
-        {generalCheckBox}
-        <button onClick={foldableData.onToggle} className="px-m py-2xs" type="button">
-          <Icon
-            className="text-primary-text"
-            name={foldableData.isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon'}
-            width="16"
-            height="16"
-          />
-        </button>
-      </div>
-    );

package/mobile/src/components/CarouselTariffsCard/CarouselTariffsCard.tsx

@@ -2,14 +2,13 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { type AspectsDef } from '../../model/AspectsProps';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { IconButton } from '../../ui-kit/Button/IconButton';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
-import { Icon } from '../../ui-kit/Icon/Icon';
 import { Img } from '../../ui-kit/Img/Img';
 import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { getAspectsAttributes } from '../../utils/dataAttributes';
 import { isIcon } from '../../utils/isIcon';
 import { style } from '../../utils/style';
 import { type CarouselTariffsCardContent } from './CarouselTariffsCardContent';
@@ -49,7 +48,7 @@ export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
       [options?.parent],
     );
 
-    const toggle = useCallback(() => {
+    const handleFold = useCallback(() => {
       carouselTariffsCardEventBus.fire('fold', {
         type: 'fold',
         isUnfolded: !isVisible,
@@ -69,19 +68,15 @@ export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
         ) : null}
         {button?.text ? <LinkButton className="w-full mt-m mb-lg" {...button} /> : null}
         {hiddenCells.length ? (
-          <Foldable
-            renderFoldableSection={() => (
-              <div>
-                {visibleCells}
-                <FoldableSection isUnfolded={isVisible}>{hiddenCells}</FoldableSection>
-              </div>
-            )}
-            renderFoldButton={() =>
-              cardCells.length >= visibleCellsCount ? (
-                <FoldButton data={data} isUnfolded={isVisible} onClick={toggle} />
-              ) : null
-            }
-          />
+          <Foldable>
+            <div>
+              {visibleCells}
+              <FoldableSection isUnfolded={isVisible}>{hiddenCells}</FoldableSection>
+            </div>
+            {cardCells.length >= visibleCellsCount ? (
+              <FoldButton isUnfolded={isVisible} data={data} onClick={handleFold} />
+            ) : null}
+          </Foldable>
         ) : (
           <div>{visibleCells}</div>
         )}
@@ -90,24 +85,14 @@ export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
   },
 );
 
-const FoldButton = JSX<{
-  data?: AspectsDef[];
-  isUnfolded?: boolean;
-  onClick?: () => void;
-}>(({ data, isUnfolded = false, onClick }) => (
-  <button
-    className="w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center"
-    type="button"
-    onClick={onClick}
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    {...(isUnfolded ? getAspectsAttributes(data) : {})}
-  >
-    <div>{isUnfolded ? 'Скрыть' : 'Подробнее о тарифе'}</div>
-    <Icon
-      className="text-primary-text"
-      name={isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon'}
-      width="16"
-      height="16"
+const FoldButton = JSX<{ isUnfolded?: boolean; data?: AspectsDef[]; onClick?: () => void }>(
+  ({ data, isUnfolded, onClick }) => (
+    <IconButton
+      className="w-full"
+      {...(isUnfolded
+        ? { name: 'ArrowUpIcon', text: 'Скрыть', data }
+        : { name: 'ArrowDownIcon', text: 'Подробнее о тарифе' })}
+      onClick={onClick}
     />
-  </button>
-));
+  ),
+);

package/mobile/src/components/OfficesAtmsMap/FiltrationForm.tsx

@@ -0,0 +1,79 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
+import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
+import { Foldable } from '../../ui-kit/Foldable/Foldable';
+import { type FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps';
+import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
+import { Icon } from '../../ui-kit/Icon/Icon';
+import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
+
+const COMMON_FILTERS_STYLES = 'flex flex-col sm:flex-row sm:flex-wrap gap-3xl pb-2xl';
+
+export interface RenderFiltrationFormProps {
+  filters: string[];
+  field: { field: FormFieldRegisterer<any>; reset: () => void };
+  onlyOffice?: boolean;
+  labels: Record<string, string>;
+}
+
+export const FiltrationForm = JSX<RenderFiltrationFormProps>(
+  ({ filters, field: { field, reset }, onlyOffice, labels }) => {
+    const visibleFiltersNum = onlyOffice ? 5 : 6;
+
+    const filtersCheckbox = (filters || []).map((key) => (
+      <Checkbox key={key} text={labels[key]} {...field(key)} />
+    ));
+
+    const [visibleFilters, hiddenFilters] =
+      visibleFiltersNum > 0
+        ? [filtersCheckbox.slice(0, visibleFiltersNum), filtersCheckbox.slice(visibleFiltersNum)]
+        : [filtersCheckbox, []];
+
+    const [isUnfolded, { toggle }] = useBool(false);
+
+    return (
+      <div>
+        {filters?.length ? (
+          <div>
+            <Foldable>
+              <div>
+                <div className={COMMON_FILTERS_STYLES}>{visibleFilters}</div>
+                <FoldableSection className={COMMON_FILTERS_STYLES} isUnfolded={isUnfolded}>
+                  {hiddenFilters}
+                </FoldableSection>
+              </div>
+              {renderFoldButton(reset, onlyOffice)({ isUnfolded, onToggle: toggle })}
+            </Foldable>
+          </div>
+        ) : null}
+      </div>
+    );
+  },
+);
+
+// TODO Столько разных кнопок с иконками, но эта самая творчески-ударённая реализация))
+export const renderFoldButton =
+  (reset: () => void, onlyOffice = false) =>
+  ({ isUnfolded, onToggle }: FoldablePartProps) =>
+    (
+      <div className="flex space-x-lg">
+        {onlyOffice ? (
+          <LinkButton
+            version="transparent"
+            className="text-secondary-text [&>*]:p-0"
+            appendRight={
+              <Icon name={isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon'} width="16" height="16" />
+            }
+            text={isUnfolded ? 'Меньше фильтров' : 'Больше фильтров'}
+            onClick={onToggle}
+          />
+        ) : null}
+        <LinkButton version="transparent" className="text-secondary-text [&>*]:p-0" onClick={reset}>
+          <div className="flex items-center">
+            Очистить фильтр
+            <Icon name="CloseIcon" width="16" height="16" className="ml-2xs" />
+          </div>
+        </LinkButton>
+      </div>
+    );

package/mobile/src/components/OfficesAtmsMap/FoldableCardContent.tsx

@@ -0,0 +1,16 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+import { Foldable } from '../../ui-kit/Foldable/Foldable';
+import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
+import { renderFoldButton } from './renderFoldButton';
+
+export const FoldableCardContent = JSX(({ children }) => {
+  const [isUnfolded, { toggle }] = useBool(false);
+
+  return (
+    <Foldable className="block sm:hidden">
+      <FoldableSection isUnfolded={isUnfolded}>{children}</FoldableSection>
+      {renderFoldButton({ isUnfolded, onToggle: toggle })}
+    </Foldable>
+  );
+});

package/mobile/src/components/OfficesAtmsMap/OfficesAtmsMapLayout.tsx

@@ -6,11 +6,11 @@ import { ClientOnly } from '../../ui-kit/ClientOnly';
 import { YandexMap } from '../../ui-kit/YandexMap/YandexMap';
 import { style } from '../../utils/style';
 import { FILTRATION_LABELS, FILTRATION_PREDICATES, INITIAL_FILTRATION_STATE } from './filters';
+import { FiltrationForm } from './FiltrationForm';
 import { type AtmsDef } from './OfficesAtmsMapContent';
 import { type Atm, type Branch, type RemoteWorkplace } from './OfficesAtmsMapProps';
 import { renderButtonsGroup } from './renderButtonsGroup';
 import { renderDescriptionBlock } from './renderDescriptionBlock';
-import { renderFiltrationForm, type RenderFiltrationFormOptions } from './renderFiltrationForm';
 import { renderHeading } from './renderHeading';
 import { useOfficesAtmsMapData } from './useOfficesAtmsMapData';
 import { type BalloonContent } from './YandexMapProps';
@@ -63,13 +63,6 @@ export const OfficesAtmsMapLayout = JSX<OfficesAtmsMapLayoutProps<Branch | Atm |
 
     const [activeButton, setActiveButton] = useState('all');
 
-    const filterOptions: RenderFiltrationFormOptions = {
-      filters: getFiltersWithNonEmptyData([...data, ...remoteWorkplaces]),
-      field: { field, reset },
-      onlyOffice,
-      labels: FILTRATION_LABELS,
-    };
-
     return (
       <div className={style('space-y-1', className)}>
         <div className="bg-white">
@@ -78,7 +71,12 @@ export const OfficesAtmsMapLayout = JSX<OfficesAtmsMapLayoutProps<Branch | Atm |
             {descriptionData ? renderDescriptionBlock(descriptionData) : null}
             {onlyOffice && renderButtonsGroup(data, activeButton, setActiveButton)}
             <div className={style('pb-3xl', filtersVisibleStyles(activeButton))}>
-              {renderFiltrationForm(filterOptions)}
+              <FiltrationForm
+                filters={getFiltersWithNonEmptyData([...data, ...remoteWorkplaces])}
+                field={{ field, reset }}
+                onlyOffice={onlyOffice}
+                labels={FILTRATION_LABELS}
+              />
             </div>
           </div>
           <div className="h-[600px]">

package/mobile/src/components/OfficesAtmsMap/renderAtmCard.tsx

@@ -1,12 +1,11 @@
-import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { Text } from '../../ui-kit/Text/Text';
+import { capitalize } from '../../utils/capitalize';
 import { Badge } from './Badge';
-import { CardCell } from './CardCell';
+import { CardCell, type CardCellProps } from './CardCell';
 import { CardRow } from './CardRow';
+import { FoldableCardContent } from './FoldableCardContent';
 import { type Atm } from './OfficesAtmsMapProps';
-import { renderFoldButton } from './renderFoldButton';
 
 export const renderAtmCard = (
   {
@@ -21,10 +20,10 @@ export const renderAtmCard = (
   }: Atm,
   i: number,
 ) => {
-  const additionalInfo = [
+  const additionalInfo: CardCellProps[] = [
     {
       label: 'Устройство',
-      value: capitalizedFirstLetter(terminalType),
+      value: capitalize(terminalType),
     },
     { label: 'Модуль приема наличных', value: billAcceptorEnable ? 'Да' : 'Нет' },
     {
@@ -42,7 +41,7 @@ export const renderAtmCard = (
     <div key={String(i)} className="bg-white col-span-12 p-3xl sm:border-green sm:border">
       <div className="sm:flex sm:justify-between">
         <div>
-          <Text size="text-h4">{capitalizedFirstLetter(location)}</Text>
+          <Text size="text-h4">{capitalize(location)}</Text>
           {address ? (
             <div className="flex pb-xl pt-xs gap-2xs">
               <Icon name="GeolocationIcon" width="24" height="24" />
@@ -51,38 +50,24 @@ export const renderAtmCard = (
           ) : null}
         </div>
         <div className="whitespace-nowrap">
-          <Badge color="green">{capitalizedFirstLetter(workTime)}</Badge>
+          <Badge color="green">{capitalize(workTime)}</Badge>
         </div>
       </div>
       <div className="hidden sm:block">
         <CardRow className="flex-wrap">{additionalInfo?.map(renderInfo)}</CardRow>
       </div>
-      <Foldable
-        className="block sm:hidden"
-        renderFoldableSection={({ isUnfolded }) => {
-          return (
-            <FoldableSection isUnfolded={isUnfolded}>
-              <CardRow className="flex-wrap">{additionalInfo?.map(renderInfo)}</CardRow>
-            </FoldableSection>
-          );
-        }}
-        //** TODO: Remove styles with refactoring  DefaultFoldButton*/
-        renderFoldButton={({ isUnfolded, onToggle }) => renderFoldButton({ isUnfolded, onToggle })}
-      />
+      <FoldableCardContent>
+        <CardRow className="flex-wrap">{additionalInfo?.map(renderInfo)}</CardRow>
+      </FoldableCardContent>
     </div>
   );
 };
 
 export const getAtmPoint = ({ address = '', terminalType, atmCode = '' }: Atm) => {
-  const header = `${capitalizedFirstLetter(terminalType)} №${atmCode}`;
+  const header = `${capitalize(terminalType)} №${atmCode}`;
   const body = address.toUpperCase();
 
   return { header, body };
 };
 
-const renderInfo = (item: Record<string, string>, i: number) => (
-  <CardCell key={String(i)} {...item} />
-);
-
-const capitalizedFirstLetter = (text?: string) =>
-  text ? `${text?.charAt(0)?.toUpperCase()}${text?.slice(1)}` : '';
+const renderInfo = (item: CardCellProps, i: number) => <CardCell key={String(i)} {...item} />;