@redneckz/wildless-cms-uni-blocks 0.5.12 → 0.5.14

package/lib/components/StepsBlock/renderItems.js

@@ -1,3 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-export const renderItems = (items, styleMap, isDotted = true) => items ? (_jsx("div", { className: `mt-4 ${styleMap?.description}`, role: "list", children: items.map((_) => (_jsxs("div", { className: "items-start mt-1 first:mt-0", role: "listitem", children: [isDotted ? (_jsx("div", { className: `rounded-full inline-block mr-3 mb-1 w-1.5 h-1.5 min-w-1.5 min-h-1.5 ${styleMap?.dot}` })) : null, _jsx("span", { children: _ })] }))) })) : null;
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { List } from '../../ui-kit/List/List.js';
+export const renderItems = ({ items, isDotted = true, version = 'primary', className = '', }) => {
+    const listVersion = version === 'primary' ? 'gray' : version;
+    return items ? (_jsx(List, { className: `mt-4 ${className}`, version: listVersion, items: items, listItemSize: "S", isDotted: isDotted })) : null;
+};
 //# sourceMappingURL=renderItems.js.map

package/lib/components/StepsBlock/renderItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderItems.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderItems.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAgB,EAAE,QAAoB,EAAE,QAAQ,GAAG,IAAI,EAAE,EAAE,CACrF,KAAK,CAAC,CAAC,CAAC,CACN,cAAK,SAAS,EAAE,QAAQ,QAAQ,EAAE,WAAW,EAAE,EAAE,IAAI,EAAC,MAAM,YACzD,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,eAAK,SAAS,EAAC,6BAA6B,EAAC,IAAI,EAAC,UAAU,aACzD,QAAQ,CAAC,CAAC,CAAC,CACV,cACE,SAAS,EAAE,uEAAuE,QAAQ,EAAE,GAAG,EAAE,GACjG,CACH,CAAC,CAAC,CAAC,IAAI,EACR,yBAAO,CAAC,GAAQ,IACZ,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC"}
+{"version":3,"file":"renderItems.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderItems.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,GAMf,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAE7D,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,KAAC,IAAI,IACH,SAAS,EAAE,QAAQ,SAAS,EAAE,EAC9B,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,GAAG,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}

package/lib/components/StepsBlock/renderStepContent.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { HandlerDecorator, Router } from '../ContentPage/ContentPageContext';
+import type { Step } from './StepsBlockContent';
+import type { StyleType } from './StepsBlockStyleMaps';
+export declare const renderStepContent: ({ styleMap, isMainButton, version, router, handlerDecorator, }: {
+    styleMap: StyleType;
+    isMainButton: boolean;
+    version: BlockVersion;
+    router: Router;
+    handlerDecorator?: HandlerDecorator | undefined;
+}) => (step: Step, i: number, { length }: {
+    length: number;
+}) => JSX.Element;

package/lib/components/StepsBlock/renderStepContent.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { Button } from '../../ui-kit/Button/Button.js';
+import { renderItems } from './renderItems.js';
+import { useLink } from '../../hooks/useLink.js';
+export const renderStepContent = ({ styleMap, isMainButton, version, router, handlerDecorator, }) => (step, i, { length }) => {
+    const { label, description, button, items, isDotted } = step;
+    const additionalMarginClass = `${button?.text ? 'mb-8' : ''} ${step?.label ? 'mt-2' : 'mt-4'}`;
+    const widthContainer = length < 5 ? 'w-[276px]' : 'w-[210px]';
+    return (_jsxs("div", { className: `flex flex-col items-center text-center relative
+        whitespace-pre-line overflow-hidden ${widthContainer}`, children: [renderStepLabel(label), renderStepDescription({
+                description,
+                className: `${styleMap.description} ${additionalMarginClass}`,
+            }), renderItems({ items, isDotted, version, className: styleMap.description }), button?.text && !isMainButton ? (_jsx(Button, { className: "box-border py-3 h-12 w-full max-w-[240px] mt-auto", ...useLink({ router, handlerDecorator }, button), version: version, children: button.text })) : null] }, String(i)));
+};
+const renderStepLabel = (label) => label ? _jsx("div", { className: "text-x6 m-0 mt-4", children: label }) : null;
+const renderStepDescription = ({ description, className = '', }) => (description ? _jsx("div", { className: className, children: description }) : null);
+//# sourceMappingURL=renderStepContent.js.map

package/lib/components/StepsBlock/renderStepContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderStepContent.js","sourceRoot":"","sources":["../../../src/components/StepsBlock/renderStepContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAKpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,iBAAiB,GAC5B,CAAC,EACC,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,MAAM,EACN,gBAAgB,GAOjB,EAAE,EAAE,CACL,CAAC,IAAU,EAAE,CAAS,EAAE,EAAE,MAAM,EAAsB,EAAE,EAAE;IACxD,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAE7D,MAAM,qBAAqB,GAAG,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;IAC/F,MAAM,cAAc,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;IAE9D,OAAO,CACL,eAEE,SAAS,EAAE;8CAC2B,cAAc,EAAE,aAErD,eAAe,CAAC,KAAK,CAAC,EACtB,qBAAqB,CAAC;gBACrB,WAAW;gBACX,SAAS,EAAE,GAAG,QAAQ,CAAC,WAAW,IAAI,qBAAqB,EAAE;aAC9D,CAAC,EACD,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,WAAW,EAAE,CAAC,EAC1E,MAAM,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAC/B,KAAC,MAAM,IACL,SAAS,EAAC,mDAAmD,KACzD,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,MAAM,CAAC,EACjD,OAAO,EAAE,OAAO,YAEf,MAAM,CAAC,IAAI,GACL,CACV,CAAC,CAAC,CAAC,IAAI,KAlBH,MAAM,CAAC,CAAC,CAAC,CAmBV,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,eAAe,GAAG,CAAC,KAAc,EAAE,EAAE,CACzC,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAEjE,MAAM,qBAAqB,GAAG,CAAC,EAC7B,WAAW,EACX,SAAS,GAAG,EAAE,GAIf,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,SAAS,YAAG,WAAW,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC"}

package/lib/components/TariffsTable/TariffsTable.js

@@ -3,7 +3,9 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useTableArrowScrollControl } from '../../hooks/useTableArrowScrollControl.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
+import { renderDefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton.js';
 import { Foldable } from '../../ui-kit/Foldable/Foldable.js';
+import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection.js';
 import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { TableArrowScrollControl } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControl.js';
 import { COLS_LENGTH_FOR_SCROLL } from './constants.js';
@@ -22,9 +24,16 @@ export const TariffsTable = JSX(({ className = '', context, title, description,
         activeCardIndex,
         setActiveCardIndex,
     });
-    const foldableBlocks = rowData?.map((row, i, { length }) => (_jsx(TariffsTableRow, { context: context, row: row, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex, rowIdx: i }, String(i))));
-    return (_jsxs(BlockWrapper, { className: `bg-white font-sans p-[50px] overflow-hidden text-primary-text relative ${columnsLength > 1 ? 'pr-0' : ''} ${className}`, context: context, ...rest, children: [title ? (_jsx(Heading, { headingType: "h3", className: `text-center ${description ? 'mb-2.5' : 'mb-8'}`, title: title })) : null, description ? _jsx("div", { className: "mb-9 text-center text-l", children: description }) : null, rowData?.length ? (_jsx(Foldable, { blocks: foldableBlocks, hiddenBlocksNum: hiddenRowsNum, blockWrapper: (children) => (_jsx(Wrapper, { tableArrowScrollControlProps: tableArrowScrollControlProps, children: children })) })) : null] }));
+    const rows = (rowData || []).map((row, i, { length }) => (_jsx(TariffsTableRow, { context: context, row: row, isLastRow: i + 1 === length, activeCardIndex: activeCardIndex, rowIdx: i }, String(i))));
+    const [visibleRows, hiddenRows] = hiddenRowsNum > 0 ? [rows.slice(0, -hiddenRowsNum), rows.slice(-hiddenRowsNum)] : [rows, []];
+    return (_jsxs(BlockWrapper, { className: `bg-white font-sans p-[50px] overflow-hidden text-primary-text relative ${columnsLength > 1 ? 'pr-0' : ''} ${className}`, context: context, ...rest, children: [renderTitle({ title, description }), renderDescription(description), hiddenRowsNum > 0 ? (_jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (_jsxs(Wrapper, { tableArrowScrollControlProps: tableArrowScrollControlProps, children: [visibleRows, _jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenRows })] })), renderFoldButton: renderDefaultFoldButton })) : (_jsx(Wrapper, { tableArrowScrollControlProps: tableArrowScrollControlProps, children: rows }))] }));
 });
+function renderTitle({ title, description }) {
+    return title ? (_jsx(Heading, { headingType: "h3", className: `text-center ${description ? 'mb-2.5' : 'mb-8'}`, title: title })) : null;
+}
+function renderDescription(description) {
+    return description ? _jsx("div", { className: "mb-9 text-center text-l", children: description }) : null;
+}
 const Wrapper = JSX(({ children, tableArrowScrollControlProps }) => {
     const { isScrollAvailable } = tableArrowScrollControlProps;
     return (_jsxs("div", { role: "table", children: [_jsxs("div", { className: "relative", children: [children, _jsx(TableArrowScrollControl, { ...tableArrowScrollControlProps })] }), isScrollAvailable ? (_jsx("div", { className: "absolute top-0 right-0 bottom-0 w-[84px] bg-opacity-to-white" })) : null] }));

package/lib/components/TariffsTable/TariffsTable.js.map

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

package/lib/model/BlockDecorator.d.ts

@@ -1,6 +1,7 @@
 import type { BlockDef, Slot, SlotsMap } from './ContentPageDef';
 export declare const DEFAULT_SLOT_NAME: null;
 export declare type BlockAncestors = [keyof SlotsMap | typeof DEFAULT_SLOT_NAME, ...Slot[]];
+export declare const DEFAULT_ANCESTORS: BlockAncestors;
 interface BlockDecoratorProps<VNode> {
     blockClassName: string;
     block: BlockDef;

package/lib/model/BlockDecorator.js

@@ -1,2 +1,3 @@
 export const DEFAULT_SLOT_NAME = null;
+export const DEFAULT_ANCESTORS = [DEFAULT_SLOT_NAME];
 //# sourceMappingURL=BlockDecorator.js.map

package/lib/model/BlockDecorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockDecorator.js","sourceRoot":"","sources":["../../src/model/BlockDecorator.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC"}
+{"version":3,"file":"BlockDecorator.js","sourceRoot":"","sources":["../../src/model/BlockDecorator.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAItC,MAAM,CAAC,MAAM,iBAAiB,GAAmB,CAAC,iBAAiB,CAAC,CAAC"}

package/lib/model/BlocksRegistry.d.ts

@@ -1,5 +1,8 @@
 import type { UNIComponent } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from './ContentPageDef';
 import type { VNode } from './VNode';
-export declare type JSXBlock<BlockProps = Record<string, any>> = UNIComponent<BlockProps & UniBlockProps, any, VNode | VNode[]>;
+export declare type JSXBlock<BlockProps = Record<string, any>> = UNIComponent<BlockProps & UniBlockProps, any, VNode | VNode[]> & {
+    childrenTypes?: string[];
+    renderChild?: (child: VNode, i: number) => VNode;
+};
 export declare type BlocksRegistry<BlockProps = Record<string, any>> = Record<string, JSXBlock<BlockProps>>;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { ColorPalette } from '../../model/ContentPageDef';
+import type { IconName } from '../Icon/IconProps';
+import type { FoldablePartProps } from './FoldablePartProps';
+interface DefaultFoldButtonProps {
+    className?: string;
+    label: string;
+    icon: IconName;
+    dataTheme?: ColorPalette;
+    onClick?: () => void;
+}
+export declare const DefaultFoldButton: import("@redneckz/uni-jsx").UNIComponent<DefaultFoldButtonProps, any, any>;
+export declare const renderDefaultFoldButton: ({ isUnfolded, onToggle }: FoldablePartProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Img } from '../Img/Img.js';
+export const DefaultFoldButton = JSX(({ className, label, icon, dataTheme = '', onClick }) => (_jsxs("button", { className: `border-none bg-primary-main hover:bg-primary-hover px-0 py-5 mb-[1px] w-full font-sans text-white flex justify-center cursor-pointer ${className || ''}`, "data-theme": dataTheme, onClick: onClick, 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] })));
+export const renderDefaultFoldButton = ({ isUnfolded, onToggle }) => {
+    const labels = ['Развернуть', 'Скрыть'];
+    const icons = ['ArrowDownIcon', 'ArrowUpIcon'];
+    return (_jsx(DefaultFoldButton, { icon: icons[Number(isUnfolded)], label: labels[Number(isUnfolded)], onClick: onToggle }));
+};
+//# sourceMappingURL=DefaultFoldButton.js.map

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

@@ -0,0 +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,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACvD,kBACE,SAAS,EAAE,wIACT,SAAS,IAAI,EACf,EAAE,gBACU,SAAS,EACrB,OAAO,EAAE,OAAO,aAEhB,eAAM,SAAS,EAAC,cAAc,YAAE,KAAK,GAAQ,EAC5C,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,GAAG,IACF,KAAK,EAAE;gBACL,IAAI;gBACJ,WAAW,EAAE,OAAO;aACrB,EACD,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,IACD,CACV,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/lib/ui-kit/Foldable/Foldable.d.ts

@@ -1,16 +1,9 @@
 import type { VNode } from '../../model/VNode';
-interface RenderFoldButtonProps {
-    isUnfolded: boolean;
-    onToggle: () => void;
-}
+import type { FoldablePartProps } from './FoldablePartProps';
 export interface FoldableProps {
-    blocks?: VNode[];
-    hiddenBlocksNum?: number;
     unfoldedByDefault?: boolean;
     isFoldButtonOnTop?: boolean;
-    containerClassName?: string;
-    blockWrapper?: (children: VNode) => VNode;
-    renderFoldButton?: (props: RenderFoldButtonProps) => VNode;
+    renderFoldableSection: (props: FoldablePartProps) => VNode;
+    renderFoldButton?: (props: FoldablePartProps) => VNode;
 }
 export declare const Foldable: import("@redneckz/uni-jsx").UNIComponent<FoldableProps, any, any>;
-export {};

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

@@ -1,29 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { clamp } from '../../utils/clamp.js';
-import { DefaultButton } from './DefaultButton.js';
-export const Foldable = JSX(({ blocks = [], hiddenBlocksNum = 0, isFoldButtonOnTop = false, unfoldedByDefault = false, containerClassName = '', blockWrapper = (_) => _, renderFoldButton = renderDefaultFoldButton, }) => {
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+export const Foldable = JSX(({ isFoldButtonOnTop = false, unfoldedByDefault = false, renderFoldableSection, renderFoldButton, }) => {
     const [isUnfolded, setIsUnfolded] = useState(unfoldedByDefault);
-    const blocksToHide = clamp(hiddenBlocksNum, 0, blocks?.length);
-    const visibleBlocks = blocks.slice(0, blocks.length - blocksToHide);
-    const hiddenBlocks = blocksToHide > 0 ? blocks.slice(-blocksToHide) : [];
-    const containerRef = useRef(null);
-    const onToggle = () => {
-        setIsUnfolded(!isUnfolded);
-        if (containerRef.current) {
-            containerRef.current.style.maxHeight = isUnfolded
-                ? ''
-                : `${containerRef.current.scrollHeight}px`;
-        }
-    };
-    const buttonNode = hiddenBlocksNum ? renderFoldButton({ isUnfolded, onToggle }) : null;
-    const blocksNode = blockWrapper(_jsxs("div", { children: [visibleBlocks, _jsx("div", { ref: containerRef, className: `transition-max-h duration-300 overflow-hidden max-h-0 ${containerClassName}`, children: hiddenBlocks })] }));
-    return (_jsx("div", { children: isFoldButtonOnTop ? (_jsxs("div", { children: [buttonNode, blocksNode] })) : (_jsxs("div", { children: [blocksNode, buttonNode] })) }));
+    const onToggle = useCallback(() => {
+        setIsUnfolded((_) => !_);
+    }, []);
+    const sectionNode = renderFoldableSection({ isUnfolded, onToggle });
+    const buttonNode = renderFoldButton ? renderFoldButton({ isUnfolded, onToggle }) : null;
+    return isFoldButtonOnTop ? (_jsxs("div", { children: [buttonNode, sectionNode] })) : (_jsxs("div", { children: [sectionNode, buttonNode] }));
 });
-const renderDefaultFoldButton = (props) => {
-    const labels = ['Развернуть', 'Скрыть'];
-    const icons = ['ArrowDownIcon', 'ArrowUpIcon'];
-    return (_jsx(DefaultButton, { icon: icons[Number(props.isUnfolded)], label: labels[Number(props.isUnfolded)], onClick: props.onToggle }));
-};
 //# sourceMappingURL=Foldable.js.map

package/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,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAgBhD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,MAAM,GAAG,EAAE,EACX,eAAe,GAAG,CAAC,EACnB,iBAAiB,GAAG,KAAK,EACzB,iBAAiB,GAAG,KAAK,EACzB,kBAAkB,GAAG,EAAE,EACvB,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EACvB,gBAAgB,GAAG,uBAAuB,GAC3C,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAChE,MAAM,YAAY,GAAG,KAAK,CAAC,eAAe,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/D,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,YAAY,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;QAC3B,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU;gBAC/C,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC;SAC9C;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACvF,MAAM,UAAU,GAAG,YAAY,CAC7B,0BACG,aAAa,EACd,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,yDAAyD,kBAAkB,EAAE,YAEvF,YAAY,GACT,IACF,CACP,CAAC;IAEF,OAAO,CACL,wBACG,iBAAiB,CAAC,CAAC,CAAC,CACnB,0BACG,UAAU,EACV,UAAU,IACP,CACP,CAAC,CAAC,CAAC,CACF,0BACG,UAAU,EACV,UAAU,IACP,CACP,GACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC/D,MAAM,MAAM,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IACxC,MAAM,KAAK,GAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IAE3D,OAAO,CACL,KAAC,aAAa,IACZ,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,EACrC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,EACvC,OAAO,EAAE,KAAK,CAAC,QAAQ,GACvB,CACH,CAAC;AACJ,CAAC,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,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAWpE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,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,0BACG,UAAU,EACV,WAAW,IACR,CACP,CAAC,CAAC,CAAC,CACF,0BACG,WAAW,EACX,UAAU,IACP,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -0,0 +1,4 @@
+export interface FoldablePartProps {
+    isUnfolded: boolean;
+    onToggle?: () => void;
+}

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

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

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

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

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

@@ -0,0 +1,5 @@
+export interface FoldableSectionProps {
+    className?: string;
+    isUnfolded?: boolean;
+}
+export declare const FoldableSection: import("@redneckz/uni-jsx").UNIComponent<FoldableSectionProps, any, any>;

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
+export const FoldableSection = JSX(({ className = '', isUnfolded, children }) => {
+    const containerRef = useRef(null);
+    useEffect(() => {
+        if (containerRef.current) {
+            containerRef.current.style.maxHeight = isUnfolded
+                ? `${containerRef.current.scrollHeight}px`
+                : '';
+        }
+    }, [isUnfolded, children?.length]);
+    return (_jsx("div", { ref: containerRef, className: `transition-max-h duration-300 overflow-hidden max-h-0 ${className}`, children: children }));
+});
+//# sourceMappingURL=FoldableSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FoldableSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/FoldableSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAOhE,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3C,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU;gBAC/C,CAAC,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,IAAI;gBAC1C,CAAC,CAAC,EAAE,CAAC;SACR;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,yDAAyD,SAAS,EAAE,YAE9E,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}