@redneckz/wildless-cms-uni-blocks 0.3.57 → 0.3.59

package/src/components/ProductTile/ProductTile.fixture.tsx

@@ -17,6 +17,12 @@ const letterWithMoney: Picture = {
   format: 'webp',
 };
 
+const letterWithPhone: Picture = {
+  src: 'letter-with-phone.png',
+  alt: 'Пенсионный кредит в РСХБ',
+  format: 'webp',
+};
+
 const building: Picture = {
   src: 'building.png',
   alt: 'Кредит под залог недвижимости в РСХБ',
@@ -38,6 +44,13 @@ const benefits = [
   },
 ];
 
+const benefits2 = [
+  {
+    label: '1 год',
+    description: 'срок программы',
+  },
+];
+
 const buttons: ButtonProps[] = [
   {
     text: 'Подробнее',
@@ -46,7 +59,22 @@ const buttons: ButtonProps[] = [
   },
 ];
 
-const buttonsSecondary: ButtonProps[] = [
+const buttons2: ButtonProps[] = [
+  {
+    href: 'https://rshb.ru',
+    text: 'Подробнее',
+    target: '_blank',
+    version: 'secondary',
+  },
+];
+
+const buttons3: ButtonProps[] = [
+  {
+    href: 'https://rshb.ru',
+    text: 'Оформить',
+    target: '_blank',
+    version: 'primary',
+  },
   {
     href: 'https://rshb.ru',
     text: 'Подробнее',
@@ -68,7 +96,7 @@ export const PRODUCT_PENSION_TILE: ProductTileContent = {
   headingType: 'h3',
   description: 'Для людей в возрасте до 75 лет',
   benefits,
-  buttons: buttonsSecondary,
+  buttons: buttons2,
 };
 
 export default {
@@ -86,7 +114,7 @@ export default {
         headingType="h3"
         description={'Потребительский кредит на любые цели, без залога и поручительства'}
         benefits={benefits}
-        buttons={buttonsSecondary}
+        buttons={buttons2}
         image={letterWithMoney}
       />
     </div>
@@ -100,7 +128,7 @@ export default {
         headingType="h3"
         description={'Без переоформления залогой недвижимости на банк'}
         benefits={benefits}
-        buttons={buttonsSecondary}
+        buttons={buttons2}
         image={building}
       />
     </div>
@@ -114,7 +142,24 @@ export default {
         headingType="h3"
         description={'Для людей в возрасте до 75 лет'}
         benefits={benefits}
-        buttons={buttonsSecondary}
+        buttons={buttons2}
+      />
+    </div>
+  ),
+  'with-add-desc': (
+    <div className="container grid grid-cols-12">
+      <ProductTile
+        context={context}
+        className="col-span-6"
+        title="Ипотечное страхование"
+        headingType="h3"
+        description={'Финансовая защита заемщиков в случае непредвиденных обстоятельств'}
+        additionalDescription={
+          'Страховая сумма и страховой взнос зависит от остатка задолженности по ипотеке'
+        }
+        benefits={benefits2}
+        buttons={buttons3}
+        image={letterWithPhone}
       />
     </div>
   ),

package/src/components/ProductTile/ProductTile.tsx

@@ -8,7 +8,7 @@ import { Img } from '../../ui-kit/Img/Img';
 import { BaseTile } from '../BaseTile/BaseTile';
 import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
 import { getTileRightPadding } from '../BaseTile/getTileRightPadding';
-import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
+import type { TextBenefit } from '../BenefitsBlock/BenefitsBlockContent';
 import type { ProductTileContent } from './ProductTileContent';
 
 export interface ProductTileProps extends ProductTileContent, UniBlockProps {}
@@ -25,6 +25,7 @@ export const ProductTile = JSX<ProductTileProps>(
     title,
     headingType = 'h3',
     description,
+    additionalDescription,
     benefits,
     buttons,
     image,
@@ -60,23 +61,31 @@ export const ProductTile = JSX<ProductTileProps>(
           {description ? (
             <Description className="mt-4 max-w-[600px]" description={description} />
           ) : null}
-          <div className="flex mt-5 mb-1">
-            {benefits?.length ? (
-              <div className="mr-8">{benefits.map(renderBenefitLabel)}</div>
-            ) : null}
-            {benefits?.length ? (
-              <div className="pt-1">
-                {benefits.map((_, i) => renderBenefitDescription(_, i, version))}
-              </div>
-            ) : null}
-          </div>
+          {renderBenefits(benefits, version)}
+
+          {additionalDescription
+            ? renderAdditionalDescription(additionalDescription, version)
+            : null}
         </BaseTile>
       </section>
     );
   },
 );
 
-function renderBenefitLabel(benefit: Benefit, i: number) {
+function renderBenefits(benefits: TextBenefit[] = [], version: BlockVersion) {
+  return (
+    <div className="flex mt-5 mb-1">
+      {benefits.length ? <div className="mr-8">{benefits.map(renderBenefitLabel)}</div> : null}
+      {benefits.length ? (
+        <div className="pt-1">
+          {benefits.map((_, i) => renderBenefitDescription(_, i, version))}
+        </div>
+      ) : null}
+    </div>
+  );
+}
+
+function renderBenefitLabel(benefit: TextBenefit, i: number) {
   return (
     <div key={String(i)} className={`text-xl font-medium ${i ? 'mt-2.5' : ''}`}>
       {benefit.label}
@@ -84,7 +93,7 @@ function renderBenefitLabel(benefit: Benefit, i: number) {
   );
 }
 
-function renderBenefitDescription(benefit: Benefit, i: number, version = 'primary') {
+function renderBenefitDescription(benefit: TextBenefit, i: number, version = 'primary') {
   const labelStyleMap: Record<BlockVersion, string> = {
     primary: 'text-secondary-text',
     secondary: 'text-white',
@@ -95,3 +104,11 @@ function renderBenefitDescription(benefit: Benefit, i: number, version = 'primar
     </div>
   );
 }
+
+function renderAdditionalDescription(additionalDescription: string, version = 'primary') {
+  const descStyleMap: Record<BlockVersion, string> = {
+    primary: 'text-secondary-text',
+    secondary: 'text-white',
+  };
+  return <div className={`text-sm mt-2.5 ${descStyleMap[version]}`}>{additionalDescription}</div>;
+}

package/src/components/ProductTile/ProductTileContent.ts

@@ -19,4 +19,6 @@ export type ProductTileContent = HeadingContent &
      * @maxItems 7
      */
     benefits?: TextBenefit[];
+    /** @title Дополнительное описание */
+    additionalDescription?: string;
   };

package/src/components/Tile/Tile.tsx

@@ -59,7 +59,11 @@ export const Tile = JSX<TileProps>((props) => {
         }
         buttons={
           buttons?.length ? (
-            <ButtonSection context={context} buttons={buttons} className="flex mt-9 gap-3" />
+            <ButtonSection
+              context={context}
+              buttons={buttons.map((button) => ({ ...button, className: 'w-[158px]' }))}
+              className="flex mt-9 gap-3"
+            />
           ) : null
         }
         image={image?.src && <Img className="mt-auto ml-7" image={image} />}

package/src/icons/SafeIcon.svg

@@ -1 +1,7 @@
-<svg title="Сейф" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.83V15c0 5 2 7 7 7h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 19h8c2 0 3-1 3-3V8c0-2-1-3-3-3H8C6 5 5 6 5 8v8c0 2 1 3 3 3Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 9.5h2.48a2.5 2.5 0 0 1 0 5H5" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 9.99h-3M19 14h-3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.2 12h.1" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg title="Сейф" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2 12.83V15c0 5 2 7 7 7h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M5 9.5h2.48a2.5 2.5 0 0 1 0 5H5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M8 19h8c2 0 3-1 3-3V8c0-2-1-3-3-3H8C6 5 5 6 5 8v8c0 2 1 3 3 3Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M19 9.99h-3M19 14h-3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M7.2 12h.1" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/types.ts

@@ -44,16 +44,10 @@ export interface ContentPageMeta {
   jsonLd?: string;
 }
 
-export interface CustomPageTemplate {
-  content?: Record<string, any>;
-  type?: string;
-}
-
 export interface ContentPageDef extends ContentPageMeta {
   style?: string[];
   blocks?: BlockDef[];
   slots?: SlotsMap;
-  customPageTmpl?: CustomPageTemplate;
   likeControl?: boolean;
   colorPalette?: ColorPalette;
 }
@@ -77,3 +71,5 @@ export interface DaDataSuggestion<T> {
 export interface DaDataAddress {
   city?: string | null;
 }
+
+export type FuncSetNumber = (value: number) => void;

package/src/ui-kit/BlocksList/renderBlocksList.tsx

@@ -13,7 +13,7 @@ type EmbeddableBlocksProps = {
 export const renderBlocksList = ({ blocks, context, className, columns }: EmbeddableBlocksProps) =>
   blocks?.length ? blocks.map(renderBlock({ context, className, columns })) : null;
 
-export const renderBlock =
+const renderBlock =
   ({ context, columns, className }: EmbeddableBlocksProps) =>
   (block: BlockDef, i: number) => {
     const type = block?.blockListType;

package/src/ui-kit/Button/Button.fixture.tsx

@@ -84,6 +84,18 @@ export default {
             text="App Store"
             version="secondary"
           />
+
+          <Button
+            href="https://www.rshb.ru/"
+            target="_blank"
+            appendRight={
+              <div>
+                <Img image={{ icon: 'TelegramIcon' }} width="20" height="16" asSVG />
+              </div>
+            }
+            text="Мы в Telegram"
+            version="primary"
+          />
         </div>
       </div>
       <div>

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

@@ -21,10 +21,16 @@ const buttonStyle = 'text-center font-sans select-none';
 export interface ButtonCommonProps extends ButtonProps, ButtonWithIconProps {}
 
 export const Button = JSX<ButtonCommonProps>((props) => {
-  const { text, aboveText, appendLeft, children, disabled, rounded, ...rest } = props;
+  const { text, aboveText, appendLeft, appendRight, children, disabled, rounded, ...rest } = props;
 
   const buttonInner = children ?? (
-    <ButtonInner text={text} aboveText={aboveText} appendLeft={appendLeft} rounded={rounded} />
+    <ButtonInner
+      text={text}
+      aboveText={aboveText}
+      appendLeft={appendLeft}
+      appendRight={appendRight}
+      rounded={rounded}
+    />
   );
 
   return disabled ? (

package/src/ui-kit/Button/ButtonInner.tsx

@@ -7,7 +7,7 @@ interface ButtonInnerProps extends ButtonWithIconProps {
 }
 
 export const ButtonInner = JSX<ButtonInnerProps>((props) => {
-  const { text, aboveText, appendLeft } = props;
+  const { text, aboveText, appendLeft, appendRight } = props;
   return (
     <div className={getButtonStyle(props)}>
       {appendLeft ? appendLeft : null}
@@ -17,6 +17,7 @@ export const ButtonInner = JSX<ButtonInnerProps>((props) => {
           <div className="text-button text-left">{text}</div>
         </div>
       ) : null}
+      {appendRight ? appendRight : null}
     </div>
   );
 });

package/src/ui-kit/Button/ButtonProps.ts

@@ -29,6 +29,8 @@ export interface ButtonWithIconProps extends ButtonProps {
   aboveText?: string;
   /** @hidden */
   appendLeft?: any;
+  /** @hidden */
+  appendRight?: any;
   /** @title Закругленные углы */
   rounded?: boolean;
   /** @hidden */

package/src/ui-kit/Button/ButtonSection.tsx

@@ -11,7 +11,7 @@ export const ButtonSection = JSX<ButtonSectionProps>(({ context, className = '',
   const { handlerDecorator } = context;
   const router = context.useRouter();
   return buttons?.length ? (
-    <div className={`${className}`}>
+    <div className={className}>
       {buttons.map((button, index) =>
         renderButton(useLink({ router, handlerDecorator }, button), index),
       )}

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

@@ -32,9 +32,7 @@ export const Checkbox = JSX<CheckboxProps>(({ text, checked, onChange, className
         fill="white"
         viewBox="0 0 11 9"
       />
-      {text ? (
-        <span className="font-sans ml-3 text-sm leading-5 cursor-pointer">{text}</span>
-      ) : null}
+      {text ? <span className="font-sans ml-3 text-m-base cursor-pointer">{text}</span> : null}
     </label>
   </div>
 ));

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

@@ -20,19 +20,15 @@ export const InputRange = JSX<InputRangeProps>(
     return (
       <div className={className}>
         <label className="block relative">
-          {title ? (
-            <span className="absolute text-xs text-secondary-text top-1 mt-0.5 pl-4 ml-0.5">
-              {title}
-            </span>
-          ) : null}
+          {title ? <span className="text-base text-secondary-text pl-4">{title}</span> : null}
           <input
-            className={`m-0 font-sans text-sm w-full h-12 border border-solid border-main-stroke rounded-md
-                        outline-none p-0 pl-4 m-0 box-border text-primary-text ${ title ? 'pt-4' : '' }`}
+            className={`m-0 mt-[5px] font-sans text-title w-full h-14 border border-solid border-main-stroke rounded-md
+                        outline-none p-0 pl-4 box-border text-primary-text`}
             value={addSpacesBetweenNumbers(value)}
             onChange={(e) => handleChange(e.target.value)}
             onBlur={handleBlur}
           />
-          <div className="absolute inset-x-0 top-[35px] px-4 leading-[18px]">
+          <div className="absolute inset-x-0 bottom-[-4px] px-4 leading-[18px]">
             <input
               className="box-border w-full m-0 cursor-pointer slider"
               type="range"
@@ -47,7 +43,9 @@ export const InputRange = JSX<InputRangeProps>(
         </label>
         <div className="flex justify-between my-3">
           {items.map((item, i) => (
-            <span key={String(i)} className="text-xs leading-[14px] text-secondary-text pl-4"> {item} </span>
+            <span key={String(i)} className="text-sm leading-[14px] text-secondary-text pl-4">
+              {item}
+            </span>
           ))}
         </div>
       </div>

package/src/ui-kit/InputRange/InputRangeProps.ts

@@ -1,3 +1,5 @@
+import type { FuncSetNumber } from '../../types';
+
 export interface InputRangeProps {
   className?: string;
   items?: string[];
@@ -6,5 +8,5 @@ export interface InputRangeProps {
   step?: number;
   value?: number;
   title?: string;
-  onChange?: (value: number) => void;
+  onChange?: FuncSetNumber;
 }

package/src/ui-kit/Tabs/TabsProps.ts

@@ -1,4 +1,5 @@
 import type { Picture } from '../../model/Picture';
+import { FuncSetNumber } from '../../types';
 
 /**
  * @title Вкладка
@@ -11,7 +12,7 @@ export interface Tab {
   icon?: Picture;
 }
 
-export type TabClickHandler = (value: number) => void;
+export type TabClickHandler = FuncSetNumber;
 
 export interface TabsProps {
   tabs?: Tab[];

package/dist/components/ContentPage/CustomContentPage.d.ts

@@ -1,30 +0,0 @@
-import type { ContentPageDef, CustomPageTemplate, UniBlockProps } from '../../types';
-import { ContentPageContext } from './ContentPageContext';
-interface PageDecoratorProps<VNode> {
-    pageClassName: string;
-    pageTemplate: CustomPageTemplate;
-    render: (props: {
-        pageClassName: string;
-        pageTemplate: CustomPageTemplate;
-    }) => VNode;
-}
-export declare type PageDecorator<VNode = any> = (props: PageDecoratorProps<VNode>, index?: number | string) => any;
-export interface PageTemplate {
-    name: string;
-    template: any;
-}
-export declare type PageTemplatesRegistry = Record<string, PageTemplate>;
-export interface CustomContentPageProps extends UniBlockProps {
-    pageTemplatesRegistry: PageTemplatesRegistry;
-    data: ContentPageDef;
-    pageDecorator?: PageDecorator;
-}
-export interface RenderPageFunc {
-    pageTemplate: CustomPageTemplate;
-    pageClassName: string;
-    pageDecorator: PageDecorator;
-    pageTemplatesRegistry: PageTemplatesRegistry;
-    context: ContentPageContext;
-}
-export declare const CustomContentPage: (props: import("@redneckz/uni-jsx").PropsWithChildren<CustomContentPageProps, any>, context?: any) => any;
-export {};

package/dist/components/ContentPage/CustomContentPage.js

@@ -1,33 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomContentPage = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const style2className_1 = require("../../utils/style2className");
-const defaultPageDecorator = ({ pageClassName, pageTemplate, render }) => render({ pageClassName, pageTemplate });
-exports.CustomContentPage = (0, uni_jsx_1.JSX)(({ className = '', context, pageTemplatesRegistry, data: { style: pageStyle, customPageTmpl: pageTemplate }, pageDecorator = defaultPageDecorator, }) => {
-    return pageTemplate
-        ? renderPage({
-            pageTemplate,
-            pageClassName: `${(0, style2className_1.style2className)(pageStyle)} ${className}`,
-            pageDecorator,
-            pageTemplatesRegistry,
-            context,
-        })
-        : null;
-});
-function renderPage({ pageTemplate, pageClassName, pageDecorator, pageTemplatesRegistry, context, }) {
-    const { type } = pageTemplate;
-    if (!(type && type in pageTemplatesRegistry) || !pageTemplatesRegistry[type].template) {
-        throw new Error(`No page template with "${type}" is registered`);
-    }
-    const { template: PageComponent } = pageTemplatesRegistry[type];
-    return pageDecorator({
-        pageClassName,
-        pageTemplate,
-        render: (props) => {
-            const { content } = props.pageTemplate;
-            return (0, jsx_runtime_1.jsx)(PageComponent, { className: props.pageClassName, context: context, ...content });
-        },
-    });
-}
-//# sourceMappingURL=CustomContentPage.js.map

package/dist/components/ContentPage/CustomContentPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/CustomContentPage.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,iEAA8D;AAmC9D,MAAM,oBAAoB,GAAkB,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,CACtF,MAAM,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,CAAC;AAE7B,QAAA,iBAAiB,GAAG,IAAA,aAAG,EAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,qBAAqB,EACrB,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,EACxD,aAAa,GAAG,oBAAoB,GACrC,EAAE,EAAE;IACH,OAAO,YAAY;QACjB,CAAC,CAAC,UAAU,CAAC;YACT,YAAY;YACZ,aAAa,EAAE,GAAG,IAAA,iCAAe,EAAC,SAAS,CAAC,IAAI,SAAS,EAAE;YAC3D,aAAa;YACb,qBAAqB;YACrB,OAAO;SACR,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,EAClB,YAAY,EACZ,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,OAAO,GACQ;IACf,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC;IAC9B,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,qBAAqB,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE;QACrF,MAAM,IAAI,KAAK,CAAC,0BAA0B,IAAI,iBAAiB,CAAC,CAAC;KAClE;IAED,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAChE,OAAO,aAAa,CAAC;QACnB,aAAa;QACb,YAAY;QACZ,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC;YACvC,OAAO,uBAAC,aAAa,IAAC,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,OAAO,KAAM,OAAO,GAAI,CAAC;QAC1F,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}

package/dist/components/ProductGalleryGreen/ProductGalleryGreen.d.ts

@@ -1,5 +0,0 @@
-import type { UniBlockProps } from '../../types';
-import type { ProductGalleryGreenContent } from './ProductGalleryGreenContent';
-export interface ProductGalleryProps extends ProductGalleryGreenContent, UniBlockProps {
-}
-export declare const ProductGalleryGreen: (props: import("@redneckz/uni-jsx").PropsWithChildren<ProductGalleryProps, any>, context?: any) => any;

package/dist/components/ProductGalleryGreen/ProductGalleryGreen.js

@@ -1,53 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductGalleryGreen = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const ProductBlockInner_1 = require("../ProductBlock/ProductBlockInner");
-const productGalleryGreenStyleMap = {
-    primary: 'bg-white text-primary-text',
-    secondary: 'bg-primary-main text-white',
-};
-const productBlockStyleMap = {
-    primary: { title: 'text-secondary-text', text: 'text-secondary-text' },
-    secondary: { title: 'text-white', text: 'text-white/80' },
-};
-const productSlideStyleMap = {
-    primary: 'bg-white text-primary-text',
-    secondary: 'bg-primary-main text-white',
-};
-exports.ProductGalleryGreen = (0, uni_jsx_1.JSX)(({ className = '', context, slides = [], version = 'primary', anchor = null }) => {
-    const galleryNav = slides.map((s) => s.nav);
-    const galleryBlocks = slides.map((s) => s.productBlock);
-    const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
-    return ((0, jsx_runtime_1.jsxs)("section", { id: anchor, className: `box-border pt-[50px] overflow-hidden relative font-sans w-100 ${className}
-        ${productGalleryGreenStyleMap[version]}`, children: [(0, jsx_runtime_1.jsx)("div", { className: "flex duration-1000 pb-14", style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => renderProductBlock({ ..._, version }, i, context)) }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center absolute bottom-6 left-0 right-0 px-[26px] box-border", children: galleryNav.map((slide, i) => renderNavButton({
-                    slide,
-                    i,
-                    activeSlideIndex,
-                    onClick: () => setActiveSlideIndex(i),
-                    version,
-                })) })] }));
-});
-function renderProductBlock(block, i, context) {
-    const { version } = block;
-    const additionalClass = version ? productBlockStyleMap[version].title : '';
-    return ((0, jsx_runtime_1.jsx)("section", { className: "box-border relative flex grow-0 shrink-0 basis-full", role: "listitem", children: (0, jsx_runtime_1.jsx)("div", { className: "flex grow", children: (0, jsx_runtime_1.jsx)(ProductBlockInner_1.ProductBlockInner, { className: `pl-[50px] z-[1] ${additionalClass}`, context: context, textBlockClassName: "mb-[154px]", ...block }) }) }, String(i)));
-}
-function renderNavButton({ slide, i, activeSlideIndex, onClick, version }) {
-    const isActiveBtn = i === activeSlideIndex;
-    const btnClassName = isActiveBtn
-        ? 'bg-white shadow-dark-blue/42 h-[102px] w-[354px] min-w-[354px] p-0 border-none'
-        : `min-w-[277px] px-0 pt-4 pb-[23px] hover:py-[26px] hover:py-[26px] ease-in duration-300 bg-white/10
-      ${productSlideStyleMap[version]}`;
-    const btnTitleClassName = isActiveBtn
-        ? 'text-primary-text text-title-2xs'
-        : `text-base ${productBlockStyleMap[version].title}`;
-    const btnDescClassName = isActiveBtn
-        ? 'text-secondary-text text-m-title-xs mt-2.5'
-        : `text-m-md mt-1.5 ${productBlockStyleMap[version].text}`;
-    const additionalBorder = version === 'secondary' ? 'border-white/50' : 'border-black/50';
-    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onClick, "aria-label": slide?.title, className: `box-border font-sans relative overflow-hidden border-[1px] border-white/50 cursor-pointer text-left mx-1 grow basis-0
-        ${btnClassName} ${additionalBorder}
-      `, children: (0, jsx_runtime_1.jsxs)("div", { className: "border-0 px-6", children: [(0, jsx_runtime_1.jsx)("div", { className: `font-medium ${btnTitleClassName}`, children: slide?.title }), (0, jsx_runtime_1.jsx)("div", { className: `text-secondary-text ${btnDescClassName}`, children: slide.description })] }) }, String(i)));
-}
-//# sourceMappingURL=ProductGalleryGreen.js.map

package/dist/components/ProductGalleryGreen/ProductGalleryGreen.js.map

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

package/dist/components/ProductGalleryGreen/ProductGalleryGreenContent.d.ts

@@ -1,32 +0,0 @@
-import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
-import type { BlockVersion } from '../../model/BlockVersion';
-/** @title Кнопка под слайдом */
-interface ProductGalleryNav {
-    /** @title Заголовок */
-    title: string;
-    /** @title Описание */
-    description: string;
-}
-/**
- * @title Слайд
- */
-export interface ProductSlide {
-    /** @title Превью содержимого слайда на навигации */
-    nav?: ProductGalleryNav;
-    /** @title Содержимое слайда */
-    productBlock: ProductBlockInnerContent;
-}
-/**
- * @title Продуктовая галерея
- */
-export interface ProductGalleryGreenContent {
-    /**
-     * @title Задержка
-     * @hidden //! temporary not used
-     */
-    duration?: number;
-    /** @title Слайды */
-    slides?: ProductSlide[];
-    version?: BlockVersion;
-}
-export {};

package/dist/components/ProductGalleryGreen/ProductGalleryGreenContent.js.map

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

package/lib/components/ContentPage/CustomContentPage.d.ts

@@ -1,30 +0,0 @@
-import type { ContentPageDef, CustomPageTemplate, UniBlockProps } from '../../types';
-import { ContentPageContext } from './ContentPageContext';
-interface PageDecoratorProps<VNode> {
-    pageClassName: string;
-    pageTemplate: CustomPageTemplate;
-    render: (props: {
-        pageClassName: string;
-        pageTemplate: CustomPageTemplate;
-    }) => VNode;
-}
-export declare type PageDecorator<VNode = any> = (props: PageDecoratorProps<VNode>, index?: number | string) => any;
-export interface PageTemplate {
-    name: string;
-    template: any;
-}
-export declare type PageTemplatesRegistry = Record<string, PageTemplate>;
-export interface CustomContentPageProps extends UniBlockProps {
-    pageTemplatesRegistry: PageTemplatesRegistry;
-    data: ContentPageDef;
-    pageDecorator?: PageDecorator;
-}
-export interface RenderPageFunc {
-    pageTemplate: CustomPageTemplate;
-    pageClassName: string;
-    pageDecorator: PageDecorator;
-    pageTemplatesRegistry: PageTemplatesRegistry;
-    context: ContentPageContext;
-}
-export declare const CustomContentPage: (props: import("@redneckz/uni-jsx").PropsWithChildren<CustomContentPageProps, any>, context?: any) => any;
-export {};

package/lib/components/ContentPage/CustomContentPage.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { style2className } from '../../utils/style2className.js';
-const defaultPageDecorator = ({ pageClassName, pageTemplate, render }) => render({ pageClassName, pageTemplate });
-export const CustomContentPage = JSX(({ className = '', context, pageTemplatesRegistry, data: { style: pageStyle, customPageTmpl: pageTemplate }, pageDecorator = defaultPageDecorator, }) => {
-    return pageTemplate
-        ? renderPage({
-            pageTemplate,
-            pageClassName: `${style2className(pageStyle)} ${className}`,
-            pageDecorator,
-            pageTemplatesRegistry,
-            context,
-        })
-        : null;
-});
-function renderPage({ pageTemplate, pageClassName, pageDecorator, pageTemplatesRegistry, context, }) {
-    const { type } = pageTemplate;
-    if (!(type && type in pageTemplatesRegistry) || !pageTemplatesRegistry[type].template) {
-        throw new Error(`No page template with "${type}" is registered`);
-    }
-    const { template: PageComponent } = pageTemplatesRegistry[type];
-    return pageDecorator({
-        pageClassName,
-        pageTemplate,
-        render: (props) => {
-            const { content } = props.pageTemplate;
-            return _jsx(PageComponent, { className: props.pageClassName, context: context, ...content });
-        },
-    });
-}
-//# sourceMappingURL=CustomContentPage.js.map

package/lib/components/ContentPage/CustomContentPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomContentPage.js","sourceRoot":"","sources":["../../../src/components/ContentPage/CustomContentPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAmC9D,MAAM,oBAAoB,GAAkB,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,CACtF,MAAM,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,CAAC;AAE1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,qBAAqB,EACrB,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,EACxD,aAAa,GAAG,oBAAoB,GACrC,EAAE,EAAE;IACH,OAAO,YAAY;QACjB,CAAC,CAAC,UAAU,CAAC;YACT,YAAY;YACZ,aAAa,EAAE,GAAG,eAAe,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE;YAC3D,aAAa;YACb,qBAAqB;YACrB,OAAO;SACR,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CAAC,EAClB,YAAY,EACZ,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,OAAO,GACQ;IACf,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC;IAC9B,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,qBAAqB,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE;QACrF,MAAM,IAAI,KAAK,CAAC,0BAA0B,IAAI,iBAAiB,CAAC,CAAC;KAClE;IAED,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAChE,OAAO,aAAa,CAAC;QACnB,aAAa;QACb,YAAY;QACZ,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC;YACvC,OAAO,KAAC,aAAa,IAAC,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,OAAO,KAAM,OAAO,GAAI,CAAC;QAC1F,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}