@redneckz/wildless-cms-uni-blocks 0.3.62 → 0.3.64

package/src/model/AlignType.ts

@@ -0,0 +1,9 @@
+/**
+ * @title Выравнивание
+ * @enumNames [
+ *    "По левому краю",
+ *    "По центру",
+ *    "По правому краю"
+ * ]
+ */
+export type AlignType = 'left' | 'center' | 'right';

package/src/model/VNode.ts

@@ -0,0 +1 @@
+export type VNode = unknown;

package/src/types.ts

@@ -50,6 +50,7 @@ export interface ContentPageDef extends ContentPageMeta {
   slots?: SlotsMap;
   likeControl?: boolean;
   colorPalette?: ColorPalette;
+  _customPageType?: string;
 }
 
 export interface UniBlockProps {

package/src/ui-kit/Foldable/Foldable.tsx

@@ -0,0 +1,81 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { ContentPageContext } from '../../components/ContentPage/ContentPageContext';
+import type { VNode } from '../../model/VNode';
+import { ColorPalette } from '../../types';
+import { clamp } from '../../utils/clamp';
+import { Icon } from '../Icon/Icon';
+import { foldableBlockClassNames, useActiveHandler } from './useActiveHandler';
+
+export type FoldableBlocks = VNode[];
+export type Render = (_: VNode, isActive: boolean) => VNode;
+export interface FoldableProps {
+  context: ContentPageContext;
+  foldButtonLabel?: string;
+  hiddenBlocksNum?: number;
+  blocks?: FoldableBlocks;
+  foldButtonClasses?: string;
+  foldButtonDataTheme?: ColorPalette;
+  isUnfolded?: boolean;
+  render?: Render;
+}
+
+export interface RenderBlocksParams {
+  blocksToHide: number;
+  isActive: boolean;
+}
+
+export const Foldable = JSX<FoldableProps>(
+  ({
+    blocks = [],
+    context,
+    hiddenBlocksNum = 0,
+    foldButtonClasses,
+    foldButtonLabel,
+    foldButtonDataTheme,
+    isUnfolded,
+    render = (_) => _,
+  }) => {
+    const blocksToHide = clamp(hiddenBlocksNum, 0, blocks.length);
+
+    const { icon, handleToggle, isActive } = useActiveHandler({
+      context,
+      initialState: isUnfolded,
+    });
+
+    return blocks ? (
+      <div>
+        {renderBlocks(blocks, render, { blocksToHide, isActive })}
+        {hiddenBlocksNum ? (
+          <button
+            className={
+              foldButtonClasses ||
+              'border-none bg-primary-main px-0 py-[26px] mb-[1px] w-full font-sans text-white text-base flex justify-center cursor-pointer'
+            }
+            data-theme={foldButtonDataTheme}
+            onClick={handleToggle}
+          >
+            <span className="pr-3">{isActive ? 'Скрыть' : foldButtonLabel}</span>
+            <Icon name={icon} width="20" height="20" asSVG />
+          </button>
+        ) : null}
+      </div>
+    ) : null;
+  },
+);
+
+const renderBlocks = (
+  blocks: FoldableBlocks,
+  render: Render,
+  { blocksToHide, isActive }: RenderBlocksParams,
+) => {
+  const visibleBlocks = blocks.slice(0, blocks.length - blocksToHide);
+  const hiddenBlocks = blocks.slice(-blocksToHide);
+
+  return render(
+    <div>
+      {visibleBlocks}
+      <div className={foldableBlockClassNames}>{hiddenBlocks}</div>
+    </div>,
+    isActive,
+  );
+};

package/src/ui-kit/Foldable/useActiveHandler.ts

@@ -0,0 +1,34 @@
+import { ContentPageContext } from '../../components/ContentPage/ContentPageContext';
+import type { IconName } from '../../icons/IconName';
+
+export const foldableBlockClassNames = 'transition-all duration-300 max-h-0 overflow-hidden';
+
+export interface ActiveHandler {
+  context: ContentPageContext;
+  initialState?: boolean;
+}
+
+export const useActiveHandler = ({ context, initialState = false }: ActiveHandler) => {
+  const [isActive, setIsActive] = context.useState(initialState);
+  const icon: IconName = isActive ? 'ArrowUpIcon' : 'ArrowDownIcon';
+
+  const handleToggle = (e: MouseEvent) => {
+    const currentTarget = e.currentTarget as HTMLElement;
+
+    if (!currentTarget) {
+      return;
+    }
+
+    setIsActive(!isActive);
+    const wrapperBlock = currentTarget.previousSibling as HTMLElement;
+    const contentBlock = wrapperBlock.getElementsByClassName(
+      foldableBlockClassNames,
+    )[0] as HTMLElement;
+
+    contentBlock.style.maxHeight = contentBlock.style.maxHeight
+      ? ''
+      : `${contentBlock.scrollHeight}px`;
+  };
+
+  return { icon, handleToggle, isActive };
+};

package/dist/components/OtherProducts/OtherProductsItemInner.d.ts

@@ -1,2 +0,0 @@
-import type { BlockItemProps } from './OtherProductsItem';
-export declare const OtherProductsItemInner: (props: import("@redneckz/uni-jsx").PropsWithChildren<BlockItemProps, any>, context?: any) => any;

package/dist/components/OtherProducts/OtherProductsItemInner.js

@@ -1,10 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OtherProductsItemInner = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const renderBlocksList_1 = require("../../ui-kit/BlocksList/renderBlocksList");
-exports.OtherProductsItemInner = (0, uni_jsx_1.JSX)(({ blocks, columns = 1, context }) => {
-    const className = 'box-border p-5';
-    return ((0, jsx_runtime_1.jsx)("div", { className: "transition-all duration-300 max-h-0 overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: `box-border w-full p-9 ${columns > 1 ? 'flex flex-wrap' : ''}`, children: (0, renderBlocksList_1.renderBlocksList)({ context, className, columns, blocks }) }) }));
-});
-//# sourceMappingURL=OtherProductsItemInner.js.map

package/dist/components/OtherProducts/OtherProductsItemInner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OtherProductsItemInner.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/OtherProductsItemInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,+EAA4E;AAE/D,QAAA,sBAAsB,GAAG,IAAA,aAAG,EAAiB,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7F,MAAM,SAAS,GAAG,gBAAgB,CAAC;IACnC,OAAO,CACL,gCAAK,SAAS,EAAC,qDAAqD,YAClE,gCAAK,SAAS,EAAE,yBAAyB,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,YAC3E,IAAA,mCAAgB,EAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,GACtD,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/OtherProducts/useActiveHandler.d.ts

@@ -1,7 +0,0 @@
-import { ActiveHandler } from '../../ui-kit/BlocksList/BlocksListProps';
-export declare const useActiveHandler: ({ context, blocks, initialState }: ActiveHandler) => {
-    isActive: boolean;
-    hasContent: number | undefined;
-    icon: "ArrowDownIcon" | "ArrowUpIcon";
-    handleToggle: (e: MouseEvent) => void;
-};

package/dist/components/OtherProducts/useActiveHandler.js

@@ -1,21 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useActiveHandler = void 0;
-const useActiveHandler = ({ context, blocks, initialState = false }) => {
-    const [isActive, setIsActive] = context.useState(initialState);
-    const hasContent = blocks?.length;
-    const icon = isActive ? 'ArrowUpIcon' : 'ArrowDownIcon';
-    const getContentBlock = ({ currentTarget }) => currentTarget.previousSibling;
-    const handleToggle = (e) => {
-        if (!hasContent) {
-            return;
-        }
-        setIsActive(!isActive);
-        const contentBlock = getContentBlock(e);
-        contentBlock.style.maxHeight = contentBlock.style.maxHeight
-            ? null
-            : `${contentBlock.scrollHeight}px`;
-    };
-    return { isActive, hasContent, icon, handleToggle };
-};
-exports.useActiveHandler = useActiveHandler;
-//# sourceMappingURL=useActiveHandler.js.map

package/dist/components/OtherProducts/useActiveHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActiveHandler.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/useActiveHandler.ts"],"names":[],"mappings":";;AAGO,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC3F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,MAAM,EAAE,MAAM,CAAC;IAClC,MAAM,IAAI,GAAa,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC;IAElE,MAAM,eAAe,GAAG,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC;IAE7E,MAAM,YAAY,GAAG,CAAC,CAAa,EAAE,EAAE;QACrC,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;SACR;QAED,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;QACvB,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;QACxC,YAAY,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS;YACzD,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,GAAG,YAAY,CAAC,YAAY,IAAI,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;AACtD,CAAC,CAAC;AApBW,QAAA,gBAAgB,oBAoB3B"}

package/lib/components/OtherProducts/OtherProductsItemInner.d.ts

@@ -1,2 +0,0 @@
-import type { BlockItemProps } from './OtherProductsItem';
-export declare const OtherProductsItemInner: (props: import("@redneckz/uni-jsx").PropsWithChildren<BlockItemProps, any>, context?: any) => any;

package/lib/components/OtherProducts/OtherProductsItemInner.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { renderBlocksList } from '../../ui-kit/BlocksList/renderBlocksList.js';
-export const OtherProductsItemInner = JSX(({ blocks, columns = 1, context }) => {
-    const className = 'box-border p-5';
-    return (_jsx("div", { className: "transition-all duration-300 max-h-0 overflow-hidden", children: _jsx("div", { className: `box-border w-full p-9 ${columns > 1 ? 'flex flex-wrap' : ''}`, children: renderBlocksList({ context, className, columns, blocks }) }) }));
-});
-//# sourceMappingURL=OtherProductsItemInner.js.map

package/lib/components/OtherProducts/OtherProductsItemInner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OtherProductsItemInner.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/OtherProductsItemInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAiB,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7F,MAAM,SAAS,GAAG,gBAAgB,CAAC;IACnC,OAAO,CACL,cAAK,SAAS,EAAC,qDAAqD,YAClE,cAAK,SAAS,EAAE,yBAAyB,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,YAC3E,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,GACtD,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/OtherProducts/useActiveHandler.d.ts

@@ -1,7 +0,0 @@
-import { ActiveHandler } from '../../ui-kit/BlocksList/BlocksListProps';
-export declare const useActiveHandler: ({ context, blocks, initialState }: ActiveHandler) => {
-    isActive: boolean;
-    hasContent: number | undefined;
-    icon: "ArrowDownIcon" | "ArrowUpIcon";
-    handleToggle: (e: MouseEvent) => void;
-};

package/lib/components/OtherProducts/useActiveHandler.js

@@ -1,18 +0,0 @@
-export const useActiveHandler = ({ context, blocks, initialState = false }) => {
-    const [isActive, setIsActive] = context.useState(initialState);
-    const hasContent = blocks?.length;
-    const icon = isActive ? 'ArrowUpIcon' : 'ArrowDownIcon';
-    const getContentBlock = ({ currentTarget }) => currentTarget.previousSibling;
-    const handleToggle = (e) => {
-        if (!hasContent) {
-            return;
-        }
-        setIsActive(!isActive);
-        const contentBlock = getContentBlock(e);
-        contentBlock.style.maxHeight = contentBlock.style.maxHeight
-            ? null
-            : `${contentBlock.scrollHeight}px`;
-    };
-    return { isActive, hasContent, icon, handleToggle };
-};
-//# sourceMappingURL=useActiveHandler.js.map

package/lib/components/OtherProducts/useActiveHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActiveHandler.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/useActiveHandler.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC3F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,MAAM,EAAE,MAAM,CAAC;IAClC,MAAM,IAAI,GAAa,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC;IAElE,MAAM,eAAe,GAAG,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC;IAE7E,MAAM,YAAY,GAAG,CAAC,CAAa,EAAE,EAAE;QACrC,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;SACR;QAED,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;QACvB,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;QACxC,YAAY,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS;YACzD,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,GAAG,YAAY,CAAC,YAAY,IAAI,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;AACtD,CAAC,CAAC"}

package/mobile/dist/components/OtherProducts/OtherProductsItemInner.d.ts

@@ -1,2 +0,0 @@
-import type { BlockItemProps } from './OtherProductsItem';
-export declare const OtherProductsItemInner: (props: import("@redneckz/uni-jsx").PropsWithChildren<BlockItemProps, any>, context?: any) => any;

package/mobile/dist/components/OtherProducts/OtherProductsItemInner.js

@@ -1,10 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OtherProductsItemInner = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const renderBlocksList_1 = require("../../ui-kit/BlocksList/renderBlocksList");
-exports.OtherProductsItemInner = (0, uni_jsx_1.JSX)(({ blocks, columns = 1, context }) => {
-    const className = 'box-border p-5';
-    return ((0, jsx_runtime_1.jsx)("div", { className: "transition-all duration-300 max-h-0 overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: `box-border w-full p-9 ${columns > 1 ? 'flex flex-wrap' : ''}`, children: (0, renderBlocksList_1.renderBlocksList)({ context, className, columns, blocks }) }) }));
-});
-//# sourceMappingURL=OtherProductsItemInner.js.map

package/mobile/dist/components/OtherProducts/OtherProductsItemInner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OtherProductsItemInner.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/OtherProductsItemInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,+EAA4E;AAE/D,QAAA,sBAAsB,GAAG,IAAA,aAAG,EAAiB,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7F,MAAM,SAAS,GAAG,gBAAgB,CAAC;IACnC,OAAO,CACL,gCAAK,SAAS,EAAC,qDAAqD,YAClE,gCAAK,SAAS,EAAE,yBAAyB,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,YAC3E,IAAA,mCAAgB,EAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,GACtD,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/dist/components/OtherProducts/useActiveHandler.d.ts

@@ -1,7 +0,0 @@
-import { ActiveHandler } from '../../ui-kit/BlocksList/BlocksListProps';
-export declare const useActiveHandler: ({ context, blocks, initialState }: ActiveHandler) => {
-    isActive: boolean;
-    hasContent: number | undefined;
-    icon: "ArrowDownIcon" | "ArrowUpIcon";
-    handleToggle: (e: MouseEvent) => void;
-};

package/mobile/dist/components/OtherProducts/useActiveHandler.js

@@ -1,21 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useActiveHandler = void 0;
-const useActiveHandler = ({ context, blocks, initialState = false }) => {
-    const [isActive, setIsActive] = context.useState(initialState);
-    const hasContent = blocks?.length;
-    const icon = isActive ? 'ArrowUpIcon' : 'ArrowDownIcon';
-    const getContentBlock = ({ currentTarget }) => currentTarget.previousSibling;
-    const handleToggle = (e) => {
-        if (!hasContent) {
-            return;
-        }
-        setIsActive(!isActive);
-        const contentBlock = getContentBlock(e);
-        contentBlock.style.maxHeight = contentBlock.style.maxHeight
-            ? null
-            : `${contentBlock.scrollHeight}px`;
-    };
-    return { isActive, hasContent, icon, handleToggle };
-};
-exports.useActiveHandler = useActiveHandler;
-//# sourceMappingURL=useActiveHandler.js.map

package/mobile/dist/components/OtherProducts/useActiveHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActiveHandler.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/useActiveHandler.ts"],"names":[],"mappings":";;AAGO,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC3F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,MAAM,EAAE,MAAM,CAAC;IAClC,MAAM,IAAI,GAAa,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC;IAElE,MAAM,eAAe,GAAG,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC;IAE7E,MAAM,YAAY,GAAG,CAAC,CAAa,EAAE,EAAE;QACrC,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;SACR;QAED,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;QACvB,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;QACxC,YAAY,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS;YACzD,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,GAAG,YAAY,CAAC,YAAY,IAAI,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;AACtD,CAAC,CAAC;AApBW,QAAA,gBAAgB,oBAoB3B"}

package/mobile/lib/components/OtherProducts/OtherProductsItemInner.d.ts

@@ -1,2 +0,0 @@
-import type { BlockItemProps } from './OtherProductsItem';
-export declare const OtherProductsItemInner: (props: import("@redneckz/uni-jsx").PropsWithChildren<BlockItemProps, any>, context?: any) => any;

package/mobile/lib/components/OtherProducts/OtherProductsItemInner.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { renderBlocksList } from '../../ui-kit/BlocksList/renderBlocksList.js';
-export const OtherProductsItemInner = JSX(({ blocks, columns = 1, context }) => {
-    const className = 'box-border p-5';
-    return (_jsx("div", { className: "transition-all duration-300 max-h-0 overflow-hidden", children: _jsx("div", { className: `box-border w-full p-9 ${columns > 1 ? 'flex flex-wrap' : ''}`, children: renderBlocksList({ context, className, columns, blocks }) }) }));
-});
-//# sourceMappingURL=OtherProductsItemInner.js.map

package/mobile/lib/components/OtherProducts/OtherProductsItemInner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OtherProductsItemInner.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/OtherProductsItemInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAiB,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7F,MAAM,SAAS,GAAG,gBAAgB,CAAC;IACnC,OAAO,CACL,cAAK,SAAS,EAAC,qDAAqD,YAClE,cAAK,SAAS,EAAE,yBAAyB,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,YAC3E,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,GACtD,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/components/OtherProducts/useActiveHandler.d.ts

@@ -1,7 +0,0 @@
-import { ActiveHandler } from '../../ui-kit/BlocksList/BlocksListProps';
-export declare const useActiveHandler: ({ context, blocks, initialState }: ActiveHandler) => {
-    isActive: boolean;
-    hasContent: number | undefined;
-    icon: "ArrowDownIcon" | "ArrowUpIcon";
-    handleToggle: (e: MouseEvent) => void;
-};

package/mobile/lib/components/OtherProducts/useActiveHandler.js

@@ -1,18 +0,0 @@
-export const useActiveHandler = ({ context, blocks, initialState = false }) => {
-    const [isActive, setIsActive] = context.useState(initialState);
-    const hasContent = blocks?.length;
-    const icon = isActive ? 'ArrowUpIcon' : 'ArrowDownIcon';
-    const getContentBlock = ({ currentTarget }) => currentTarget.previousSibling;
-    const handleToggle = (e) => {
-        if (!hasContent) {
-            return;
-        }
-        setIsActive(!isActive);
-        const contentBlock = getContentBlock(e);
-        contentBlock.style.maxHeight = contentBlock.style.maxHeight
-            ? null
-            : `${contentBlock.scrollHeight}px`;
-    };
-    return { isActive, hasContent, icon, handleToggle };
-};
-//# sourceMappingURL=useActiveHandler.js.map

package/mobile/lib/components/OtherProducts/useActiveHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActiveHandler.js","sourceRoot":"","sources":["../../../src/components/OtherProducts/useActiveHandler.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC3F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,MAAM,EAAE,MAAM,CAAC;IAClC,MAAM,IAAI,GAAa,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC;IAElE,MAAM,eAAe,GAAG,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC;IAE7E,MAAM,YAAY,GAAG,CAAC,CAAa,EAAE,EAAE;QACrC,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;SACR;QAED,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;QACvB,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;QACxC,YAAY,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS;YACzD,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,GAAG,YAAY,CAAC,YAAY,IAAI,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;AACtD,CAAC,CAAC"}

package/mobile/src/components/OtherProducts/OtherProductsItemInner.tsx

@@ -1,14 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { BlockItemProps } from './OtherProductsItem';
-import { renderBlocksList } from '../../ui-kit/BlocksList/renderBlocksList';
-
-export const OtherProductsItemInner = JSX<BlockItemProps>(({ blocks, columns = 1, context }) => {
-  const className = 'box-border p-5';
-  return (
-    <div className="transition-all duration-300 max-h-0 overflow-hidden">
-      <div className={`box-border w-full p-9 ${columns > 1 ? 'flex flex-wrap' : ''}`}>
-        {renderBlocksList({ context, className, columns, blocks })}
-      </div>
-    </div>
-  );
-});

package/mobile/src/components/OtherProducts/useActiveHandler.ts

@@ -1,24 +0,0 @@
-import type { IconName } from '../../icons/IconName';
-import { ActiveHandler } from '../../ui-kit/BlocksList/BlocksListProps';
-
-export const useActiveHandler = ({ context, blocks, initialState = false }: ActiveHandler) => {
-  const [isActive, setIsActive] = context.useState(initialState);
-  const hasContent = blocks?.length;
-  const icon: IconName = isActive ? 'ArrowUpIcon' : 'ArrowDownIcon';
-
-  const getContentBlock = ({ currentTarget }) => currentTarget.previousSibling;
-
-  const handleToggle = (e: MouseEvent) => {
-    if (!hasContent) {
-      return;
-    }
-
-    setIsActive(!isActive);
-    const contentBlock = getContentBlock(e);
-    contentBlock.style.maxHeight = contentBlock.style.maxHeight
-      ? null
-      : `${contentBlock.scrollHeight}px`;
-  };
-
-  return { isActive, hasContent, icon, handleToggle };
-};

package/src/components/OtherProducts/OtherProductsItemInner.tsx

@@ -1,14 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { BlockItemProps } from './OtherProductsItem';
-import { renderBlocksList } from '../../ui-kit/BlocksList/renderBlocksList';
-
-export const OtherProductsItemInner = JSX<BlockItemProps>(({ blocks, columns = 1, context }) => {
-  const className = 'box-border p-5';
-  return (
-    <div className="transition-all duration-300 max-h-0 overflow-hidden">
-      <div className={`box-border w-full p-9 ${columns > 1 ? 'flex flex-wrap' : ''}`}>
-        {renderBlocksList({ context, className, columns, blocks })}
-      </div>
-    </div>
-  );
-});

package/src/components/OtherProducts/useActiveHandler.ts

@@ -1,24 +0,0 @@
-import type { IconName } from '../../icons/IconName';
-import { ActiveHandler } from '../../ui-kit/BlocksList/BlocksListProps';
-
-export const useActiveHandler = ({ context, blocks, initialState = false }: ActiveHandler) => {
-  const [isActive, setIsActive] = context.useState(initialState);
-  const hasContent = blocks?.length;
-  const icon: IconName = isActive ? 'ArrowUpIcon' : 'ArrowDownIcon';
-
-  const getContentBlock = ({ currentTarget }) => currentTarget.previousSibling;
-
-  const handleToggle = (e: MouseEvent) => {
-    if (!hasContent) {
-      return;
-    }
-
-    setIsActive(!isActive);
-    const contentBlock = getContentBlock(e);
-    contentBlock.style.maxHeight = contentBlock.style.maxHeight
-      ? null
-      : `${contentBlock.scrollHeight}px`;
-  };
-
-  return { isActive, hasContent, icon, handleToggle };
-};