@redneckz/wildless-cms-uni-blocks 0.4.2 → 0.4.4

package/src/ui-kit/Heading/HeadingProps.ts

@@ -1,4 +1,4 @@
-import type { TitleProp } from '../../model/HeadlineType';
+import type { TitleProps } from '../../model/HeadlineType';
 
 /**
  *
@@ -14,11 +14,14 @@ export type HeadingType = 'h0' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
  */
 export type HeadingTagType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 
-export interface HeadingCommonProps extends TitleProp {
+export interface HeadingCommonProps extends TitleProps {
   as?: HeadingTagType;
   headingType?: HeadingType;
 }
 
 export interface HeadingProps extends HeadingCommonProps {
+  /**
+   * @hidden
+   */
   className?: string;
 }

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

@@ -0,0 +1,32 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useTariffsInnerTableData } from '../../hooks/useTariffsInnerTableData';
+import type { UniBlockProps } from '../../types';
+import { InnerTableBody } from './InnerTableBody';
+import { TableInnerButton } from './InnerTableButton';
+import { InnerTableHeader } from './InnerTableHeader';
+import type { TableFetchData, TariffsTableInnerContent } from './InnerTableProps';
+
+export interface InnerTableProps extends TariffsTableInnerContent, UniBlockProps {}
+
+export const InnerTable = JSX<InnerTableProps>(({ context, dataUrl, pdfUrl }) => {
+  const { tableData }: TableFetchData = useTariffsInnerTableData(dataUrl);
+
+  const [activeTabIndex, setActiveTabIndex] = useState(0);
+  const items = tableData?.[activeTabIndex]?.items ?? [];
+
+  const currencies = tableData?.map((item) => item.currency ?? '');
+
+  return tableData ? (
+    <div className="bg-white z-10 pr-[50px]">
+      <InnerTableHeader
+        currencies={currencies}
+        activeTabIndex={activeTabIndex}
+        setActiveTabIndex={setActiveTabIndex}
+        linkToPDF={pdfUrl} //TODO: need link to service
+      />
+      <InnerTableBody context={context} activeTabIndex={activeTabIndex} items={items} />
+      <TableInnerButton context={context} isOpen />
+    </div>
+  ) : null;
+});

package/src/ui-kit/InnerTable/InnerTableBody.tsx

@@ -0,0 +1,53 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { type UniBlockProps } from '../../types';
+import { Img } from '../Img/Img';
+import { InnerTableBodyItem } from './InnerTableBodyItem';
+import type { DataItem } from './InnerTableProps';
+
+export interface InnerTableBodyProps extends UniBlockProps {
+  activeTabIndex: number;
+  items: DataItem[];
+}
+
+export const InnerTableBody = JSX<InnerTableBodyProps>(({ context, activeTabIndex, items }) => {
+  const [hiddenTables, setHiddenTables] = useState<Record<string, boolean>>({});
+
+  const toggleTable = (key: string) => {
+    setHiddenTables((oldState) => ({ ...oldState, [key]: !oldState[key] }));
+  };
+
+  return (
+    <div>
+      {items.map((_, tableIdx) => {
+        const key = `activeTabIdx:${activeTabIndex}-tableIdx:${tableIdx}`;
+
+        return (
+          <div key={key} className="w-full">
+            <div
+              className="flex p-4 bg-main-stroke text-xl-light text-center justify-center cursor-pointer relative"
+              onClick={() => toggleTable(key)}
+            >
+              {_.title}
+              <Img
+                image={hiddenTables[key] ? 'PlusIcon' : 'MinusIcon'}
+                className="absolute right-[22px]"
+                width="24"
+                height="24"
+              />
+            </div>
+            <div
+              className={`w-full pl-2 overflow-hidden transition-height duration-500 ease-in-out ${
+                hiddenTables[key] ? 'h-0' : 'h-[243px]'
+              }`}
+            >
+              <div className="relative">
+                <InnerTableBodyItem context={context} rows={_.rowsData} />
+              </div>
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  );
+});

package/src/ui-kit/InnerTable/InnerTableBodyItem.tsx

@@ -0,0 +1,86 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import type { UniBlockProps } from '../../types';
+import { renderArrows } from '../Button/renderArrows';
+import type { RowsData } from './InnerTableProps';
+
+const COLUMN_WIDTH = 140;
+
+export interface InnerTableBodyItemProps extends UniBlockProps {
+  rows?: RowsData[][];
+}
+
+export const InnerTableBodyItem = JSX<InnerTableBodyItemProps>(({ rows }) => {
+  const [activeColumnIndex, setActiveColumnIndex] = useState(0);
+
+  const handleNextClick = () => setActiveColumnIndex(activeColumnIndex + 1);
+  const handlePrevClick = () => setActiveColumnIndex(activeColumnIndex - 1);
+
+  const rowsLength = rows?.[0]?.length ?? 0;
+  const showNextButton = rowsLength > 3 && rowsLength > activeColumnIndex + 4;
+
+  const showPrevButton = activeColumnIndex > 0;
+
+  return (
+    <div>
+      {rows?.map(renderRow(activeColumnIndex))}
+      {renderArrows({
+        handler: [handlePrevClick, handleNextClick],
+        isShown: [showPrevButton, showNextButton],
+        btnClass: ['right-3 top-24', 'right-3 top-2'],
+        className: '',
+      })}
+    </div>
+  );
+});
+
+const renderRow = (activeColumnIndex: number) => (rowData: RowsData[], rowIdx: number) => {
+  if (!rowData?.length) {
+    return null;
+  }
+
+  const [headerColumn, ...columns] = rowData;
+
+  const transform = [...Array(activeColumnIndex).keys()].reduce(
+    (res, i) => (columns?.[i]?.cols?.length ?? 1) * COLUMN_WIDTH + res,
+    0,
+  );
+
+  return (
+    <div
+      key={String(rowIdx)}
+      className="flex border-main-divider border border-t-0 border-x-0 border-solid"
+    >
+      <div className="text-xl-light min-w-[214px] w-[214px] pt-6 pb-5">{headerColumn.data}</div>
+      <div className="flex flex-grow overflow-hidden">
+        <div
+          className="flex duration-1000 text-center"
+          style={{
+            transform: `translateX(-${transform}px)`,
+          }}
+        >
+          {columns?.map((_, i) => (
+            <div
+              key={`row${i}`}
+              className="flex flex-col flex-grow justify-center pt-6 pb-5 odd:bg-main-divider"
+            >
+              {_?.data ? <div className="text-xl-light mb-3">{_.data}</div> : null}
+              {_?.cols ? renderCols(_.cols, activeColumnIndex) : null}
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const renderCols = (cols: string[], rowIndex: number) =>
+  cols ? (
+    <div className={`flex text-xl-light ${rowIndex === 0 ? 'text-secondary-text' : ''}`}>
+      {cols.map((data, i) => (
+        <div key={String(i)} className="w-[76px] mx-8">
+          {data}
+        </div>
+      ))}
+    </div>
+  ) : null;

package/src/ui-kit/InnerTable/InnerTableButton.tsx

@@ -0,0 +1,36 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { EventBus } from '../../EventBus/EventBus';
+import { UniBlockProps } from '../../types';
+import { Button } from '../Button/Button';
+import { Icon } from '../Icon/Icon';
+import type { TariffsTableInnerEvent } from './InnerTableProps';
+
+export interface TableInnerButtonProps extends TariffsTableInnerEvent, UniBlockProps {
+  isOpen?: boolean;
+}
+
+export const TableInnerButton = JSX<TableInnerButtonProps>(
+  ({ isOpen, dataUrl, rowIdx, cellIdx, fieldIdx }) => {
+    const handleClick = () => {
+      EventBus.inst.fire('tariffInnerTable', { dataUrl, rowIdx, cellIdx, fieldIdx });
+    };
+
+    return (
+      <Button
+        version="primary"
+        onClick={handleClick}
+        className="w-full flex items-center justify-center rounded-none py-5 "
+      >
+        <div className="text-h4">{isOpen ? 'Скрыть' : 'Показать ставки по вкладу'}</div>
+        <Icon
+          name={isOpen ? 'ArrowUpIcon' : 'ArrowDownIcon'}
+          className="ml-3"
+          iconVersion="white"
+          width="20"
+          height="20"
+          asSVG
+        />
+      </Button>
+    );
+  },
+);

package/src/ui-kit/InnerTable/InnerTableHeader.tsx

@@ -0,0 +1,42 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { Button } from '../Button/Button';
+import { Img } from '../Img/Img';
+
+export interface InnerTableHeaderProps {
+  currencies?: string[];
+  linkToPDF?: string;
+  activeTabIndex: number;
+  setActiveTabIndex: (idx: number) => void;
+}
+
+export const InnerTableHeader = JSX<InnerTableHeaderProps>(
+  ({ currencies, linkToPDF, activeTabIndex, setActiveTabIndex }) => (
+    <div className="flex justify-between w-full pt-2.5 pb-3">
+      {currencies && currencies.length > 1 ? (
+        <div className="flex bg-secondary-light p-1 rounded-md">
+          {currencies.map((currency, idx) => (
+            <div
+              key={currency}
+              className={`rounded-md text-xl-light px-4 py-3 cursor-pointer ${
+                idx === activeTabIndex ? 'bg-primary-main text-white' : 'text-secondary-text'
+              }`}
+              onClick={() => setActiveTabIndex(idx)}
+            >
+              {currency || idx + 1}
+            </div>
+          ))}
+        </div>
+      ) : null}
+      {linkToPDF ? (
+        <Button
+          href={linkToPDF}
+          version="secondary"
+          className="flex justify-center items-center text-l-light text-primary-main px-8"
+        >
+          <Img image="DocDownload" className="mr-[10px]" width="24" height="24" asSVG />
+          <span>Скачать в PDF</span>
+        </Button>
+      ) : null}
+    </div>
+  ),
+);

package/src/ui-kit/InnerTable/InnerTableProps.ts

@@ -0,0 +1,31 @@
+import type { TariffsTableCellIndexProps } from '../../components/TariffsTable/TariffsTableContent';
+
+export type RowsData = {
+  data?: string;
+  cols?: string[];
+};
+
+export type DataItem = {
+  title?: string;
+  rowsData?: RowsData[][];
+};
+
+export type TableData = {
+  currency?: string;
+  items?: DataItem[];
+};
+
+export type TableFetchData = {
+  tableData?: TableData[];
+};
+
+export interface TariffsTableInnerContent {
+  /** @title Справочник */
+  dataUrl?: string;
+  /** @title Ссылка PDF-файл */
+  pdfUrl?: string;
+}
+
+export interface TariffsTableInnerEvent
+  extends Partial<TariffsTableCellIndexProps>,
+    TariffsTableInnerContent {}

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

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { ListItem } from './ListItem';
-import type { ListItemVersion, ListProps } from './ListProps';
+import type { ListItemSize, ListItemVersion, ListProps } from './ListProps';
 
 const TEXT_STYLE_MAP: Record<ListItemVersion, string> = {
   primary: 'text-primary-text',
@@ -10,11 +10,26 @@ const TEXT_STYLE_MAP: Record<ListItemVersion, string> = {
   'tile-white': 'text-white',
 };
 
+const TEXT_SIZE_MAP: Record<ListItemSize, string> = {
+  M: 'text-xl-light',
+  L: 'text-h5-light',
+};
+
 export const List = JSX<ListProps>((props) => {
-  const { className = '', itemClassName, isDotted, items, version = 'primary' } = props;
+  const {
+    className = '',
+    itemClassName,
+    isDotted,
+    items,
+    listItemSize = 'M',
+    version = 'primary',
+  } = props;
 
   return (
-    <section className={`${TEXT_STYLE_MAP[version]} ${className}`} role="list">
+    <section
+      className={`${TEXT_STYLE_MAP[version]} ${TEXT_SIZE_MAP[listItemSize]} ${className}`}
+      role="list"
+    >
       {items?.length
         ? items.map((_, i) => (
             <ListItem

package/src/ui-kit/List/ListProps.ts

@@ -1,5 +1,11 @@
 import type { ListContent } from './ListContent';
 
+/**
+ * @title Размер пунктов списка
+ * @enumNames ["Средний", "Большой"]
+ */
+export type ListItemSize = 'M' | 'L';
+
 /**
  * @title Версия списка
  * @enumNames ["Основной", "Второстепенный", "Серый"]
@@ -10,9 +16,12 @@ export type ListItemVersion = 'primary' | 'secondary' | 'gray' | 'tile' | 'tile-
  * @title Содержимое списка
  */
 export interface ListProps extends ListContent {
+  /** @hidden */
   className?: string;
+  /** @hidden */
+  itemClassName?: string;
   /** @title Буллиты */
   isDotted?: boolean;
+  listItemSize?: ListItemSize;
   version?: ListItemVersion;
-  itemClassName?: string;
 }

package/src/ui-kit/Logo/Logo.mobile.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { BgColorVersion } from '../../model/BgColorVersion';
+import type { BgColorVersion } from '../../model/BgColorVersion';
 import { Img } from '../Img/Img';
 
 export interface LogoProps {

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

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { BgColorVersion } from '../../model/BgColorVersion';
+import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { Picture } from '../../model/Picture';
 import { Img } from '../Img/Img';
 
@@ -15,6 +15,11 @@ export interface LogoProps {
   };
 }
 
+const ICON_VERSION_MAP: Record<BgColorVersion, string> = {
+  'bg-white': 'normal',
+  transparent: 'white',
+};
+
 const SVG_COLOR: Record<BgColorVersion, string> = {
   'bg-white': 'text-primary-main',
   transparent: 'text-white',
@@ -45,7 +50,7 @@ export const Logo = JSX<Partial<LogoProps>>(
           <Img image={logo.image} className={SVG_COLOR[bgColor]} width="40" height="45" asSVG />
         ) : (
           <Img
-            image={{ icon: 'Logo' }}
+            image={{ icon: 'Logo', iconVersion: ICON_VERSION_MAP[bgColor] }}
             className={`${SVG_COLOR[bgColor]} w-10`}
             width="40"
             height="45"
@@ -61,5 +66,5 @@ export const Logo = JSX<Partial<LogoProps>>(
 const renderTitle = (children, bgColor, title) => {
   const text = children || title || 'Россельхозбанк';
 
-  return <span className={`${TEXT_COLOR[bgColor]} font-medium ml-2.5`}>{text}</span>;
+  return <span className={`${TEXT_COLOR[bgColor]} font-light ml-2.5`}>{text}</span>;
 };

package/src/ui-kit/SwipeListControl/SwipeListControlDots.tsx

@@ -47,7 +47,7 @@ const getDotStyles = (
   indexFraction: number,
 ): Record<string, string> | undefined => {
   if (currentIdx < activeIndex || currentIdx > activeIndex + 1) {
-    return;
+    return undefined;
   }
 
   const leftIndexMod = 1 - indexFraction;

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

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { BgColorVersion } from '../../model/BgColorVersion';
+import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { LinkProps } from '../../model/LinkProps';
 
 export interface TopItemContent extends LinkProps {
@@ -54,8 +54,8 @@ const getLinkClasses = (bgColor: BgColorVersion, active = false, flat = false) =
 };
 
 const getTextClasses = (bgColor: BgColorVersion, active = false, flat = false) => {
-  if (bgColor !== 'bg-white') {
-    return `text-white ${TEXT_CLASSES}`;
+  if (bgColor === 'transparent') {
+    return `text-white hover:text-primary-hover ${TEXT_CLASSES}`;
   }
   const nonActiveAtoms = `${
     flat ? 'text-primary-text' : 'text-secondary-text'

package/src/utils/assertUnreachable.ts

@@ -0,0 +1,3 @@
+export function assertUnreachable(x: never): never {
+  throw new Error(x);
+}

package/src/utils/fetchJSON.ts

@@ -0,0 +1,24 @@
+export async function fetchJSON<R = unknown>(
+  url: string,
+  options?: RequestInit,
+): Promise<R | null> {
+  try {
+    return await fetchJSONUnsafe(url, options);
+  } catch (err) {
+    console.error(err);
+  }
+
+  return null;
+}
+
+export async function fetchJSONUnsafe<R = unknown>(url: string, options?: RequestInit): Promise<R> {
+  const response = await fetch(url, {
+    ...options,
+    headers: {
+      ...options?.headers,
+      'Content-Type': 'application/json',
+    },
+  });
+
+  return await response.json();
+}

package/src/utils/roundTo.ts

@@ -1,5 +1,5 @@
-export const roundTo = (value: number, precision = 2) => {
-  const factor = Math.pow(10, precision);
+export const roundTo = (value: number | string, precision = 2) => {
+  const factor = 10 ** precision;
 
   return Math.round(parseFloat(String(value)) * factor) / factor;
 };

package/dist/components/GroupBlock/BlocksTypeProps.d.ts

@@ -1,36 +0,0 @@
-import { ContentPageContext } from '../../components/ContentPage/ContentPageContext';
-import type { ProductBlockContent } from '../../components/ProductBlock/ProductBlockContent';
-import type { ProductTileContent } from '../../components/ProductTile/ProductTileContent';
-import type { EmptyOption } from '../../model/EmptyOptionType';
-export interface ActiveHandler {
-    context: ContentPageContext;
-    blocks?: GroupBlockDef[];
-    initialState?: boolean;
-}
-export interface GroupBlockCommonProps {
-    /**
-     * @title Стиль
-     * @default ["col-span-12"]
-     */
-    style?: string[];
-    /** @title Теги */
-    tags?: string[];
-}
-/**
- * @title Продуктовый блок
- * @default {"blockType": "ProductBlock"}
- */
-export declare type ProductBlockDef = ProductBlockContent & GroupBlockCommonProps & {
-    blockType: 'ProductBlock';
-};
-/**
- * @title Продуктовая плитка
- * @default {"blockType": "ProductTile"}
- */
-export declare type ProductTileDef = ProductTileContent & GroupBlockCommonProps & {
-    blockType: 'ProductTile';
-};
-/**
- * @title Содержимое блока
- */
-export declare type GroupBlockDef = EmptyOption | ProductBlockDef | ProductTileDef;

package/dist/components/GroupBlock/BlocksTypeProps.js.map

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

package/dist/components/GroupBlock/EmbeddableGroupBlocks.d.ts

@@ -1,4 +0,0 @@
-export declare const EmbeddableGroupBlocks: {
-    ProductBlock: import("@redneckz/uni-jsx").UNIComponent<import("../ProductBlock/ProductBlock").ProductBlockProps, any, any>;
-    ProductTile: import("@redneckz/uni-jsx").UNIComponent<import("../ProductTile/ProductTile").ProductTileProps, any, any>;
-};

package/dist/components/GroupBlock/EmbeddableGroupBlocks.js

@@ -1,9 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmbeddableGroupBlocks = void 0;
-const ProductBlock_1 = require("../ProductBlock/ProductBlock");
-const ProductTile_1 = require("../ProductTile/ProductTile");
-exports.EmbeddableGroupBlocks = {
-    ProductBlock: ProductBlock_1.ProductBlock,
-    ProductTile: ProductTile_1.ProductTile,
-};
-//# sourceMappingURL=EmbeddableGroupBlocks.js.map

package/dist/components/GroupBlock/EmbeddableGroupBlocks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbeddableGroupBlocks.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/EmbeddableGroupBlocks.tsx"],"names":[],"mappings":";;AAAA,+DAA4D;AAC5D,4DAAyD;AAE5C,QAAA,qBAAqB,GAAG;IACnC,YAAY,EAAZ,2BAAY;IACZ,WAAW,EAAX,yBAAW;CACZ,CAAC"}

package/dist/components/GroupBlock/GroupBlock.d.ts

@@ -1,9 +0,0 @@
-import type { UniBlockProps } from '../../types';
-import type { GroupBlockContent, GroupBlockTab } from './GroupBlockContent';
-export interface TabsItemProps extends GroupBlockTab {
-    count?: number;
-}
-export interface GroupBlockProps extends GroupBlockContent, UniBlockProps {
-    tabs?: TabsItemProps[];
-}
-export declare const GroupBlock: import("@redneckz/uni-jsx").UNIComponent<GroupBlockProps, any, any>;

package/dist/components/GroupBlock/GroupBlock.js

@@ -1,21 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupBlock = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
-const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
-const filterBlocksByTag_1 = require("./filterBlocksByTag");
-const GroupBlocksItem_1 = require("./GroupBlocksItem");
-const GroupBlockTabs_1 = require("./GroupBlockTabs");
-exports.GroupBlock = (0, uni_jsx_1.JSX)(({ className = '', tabs, context, groupBlocks = [], isShowCounter, ...rest }) => {
-    const [currentTag, setCurrentTag] = (0, hooks_1.useState)(tabs?.[0]?.tag);
-    const filteredBlocks = (0, filterBlocksByTag_1.filterBlocksByTag)(groupBlocks, currentTag);
-    const tabsNewMap = tabs?.map((tab) => {
-        const count = tab.tag
-            ? groupBlocks.filter((block) => block?.tags?.includes(tab.tag)).length
-            : groupBlocks.length;
-        return { ...tab, count };
-    });
-    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { context: context, className: `box-border ${className}`, ...rest, children: [tabsNewMap?.length ? ((0, jsx_runtime_1.jsx)(GroupBlockTabs_1.GroupBlockTabs, { currentTag: currentTag, onTabClick: setCurrentTag, tabs: tabsNewMap, isShowCounter: isShowCounter })) : null, groupBlocks.length ? ((0, jsx_runtime_1.jsx)("div", { className: "mt-1", children: (0, jsx_runtime_1.jsx)(GroupBlocksItem_1.GroupBlocksItem, { context: context, groupBlocks: filteredBlocks }) })) : null] }));
-});
-//# sourceMappingURL=GroupBlock.js.map

package/dist/components/GroupBlock/GroupBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupBlock.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/GroupBlock.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAuD;AAEvD,4DAAyD;AACzD,2DAAwD;AAExD,uDAAoD;AACpD,qDAAkD;AAUrC,QAAA,UAAU,GAAG,IAAA,aAAG,EAC3B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,GAAG,EAAE,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC9E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAE7D,MAAM,cAAc,GAAG,IAAA,qCAAiB,EAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAElE,MAAM,UAAU,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACnC,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG;YACnB,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAa,CAAC,CAAC,CAAC,MAAM;YAChF,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC;QAEvB,OAAO,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,2BAAY,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,SAAS,EAAE,KAAM,IAAI,aAC3E,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,CACpB,uBAAC,+BAAc,IACb,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,aAAa,EACzB,IAAI,EAAE,UAAU,EAChB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CACpB,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,iCAAe,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,GAAI,GAC9D,CACP,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/GroupBlock/GroupBlockContent.d.ts

@@ -1,21 +0,0 @@
-import type { GroupBlockDef } from './BlocksTypeProps';
-/**
- *  @title Таб
- */
-export interface GroupBlockTab {
-    /** @title Tег */
-    tag?: string;
-    /** @title Название */
-    title?: string;
-}
-/**
- * @title Блок-группировки
- */
-export interface GroupBlockContent {
-    /** @title Блоки */
-    groupBlocks?: GroupBlockDef[];
-    /** @title Табы */
-    tabs?: GroupBlockTab[];
-    /** @title Показывать счетчик блоков во вкладках */
-    isShowCounter?: boolean;
-}

package/dist/components/GroupBlock/GroupBlockContent.js

@@ -1,2 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=GroupBlockContent.js.map

package/dist/components/GroupBlock/GroupBlockContent.js.map

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

package/dist/components/GroupBlock/GroupBlockTabs.d.ts

@@ -1,9 +0,0 @@
-import type { TabsItemProps } from './GroupBlock';
-export interface GroupBlockTabsProps {
-    className?: string;
-    currentTag?: string;
-    tabs?: TabsItemProps[];
-    isShowCounter?: boolean;
-    onTabClick: (tag?: string) => void;
-}
-export declare const GroupBlockTabs: import("@redneckz/uni-jsx").UNIComponent<GroupBlockTabsProps, any, any>;

package/dist/components/GroupBlock/GroupBlockTabs.js

@@ -1,20 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupBlockTabs = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-exports.GroupBlockTabs = (0, uni_jsx_1.JSX)((props) => {
-    const { className = '', tabs, currentTag, isShowCounter = false, onTabClick } = props;
-    return ((0, jsx_runtime_1.jsx)("div", { className: `box-border flex gap-x-1 h-14 ${className}`, role: "tablist", children: tabs?.map(renderTab({ currentTag, isShowCounter, onTabClick })) }));
-});
-const badgeStyle = 'min-w-[22px] w-[22px] h-[22px] rounded-full text-xs-light ml-2';
-const renderTab = ({ currentTag, isShowCounter, onTabClick }) => (tab, i) => {
-    const isActive = currentTag === tab.tag;
-    const tabBg = isActive ? 'bg-primary-main' : 'group bg-white';
-    const tabText = `text-m-light ${isActive ? 'text-white' : 'text-secondary-text group-hover:text-primary-main'}`;
-    const counterBlockStyle = `${badgeStyle}
-      ${isActive
-        ? 'bg-white/30 text-white'
-        : 'bg-main-divider text-secondary-text group-hover:text-primary-main'}`;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `flex-1 flex items-center justify-center cursor-pointer m-1 ${tabBg}`, role: "tab", onClick: () => onTabClick(tab.tag), "aria-selected": isActive, children: [tab?.title ? (0, jsx_runtime_1.jsx)("div", { className: tabText, children: tab.title }) : null, isShowCounter ? ((0, jsx_runtime_1.jsx)("div", { className: `flex items-center justify-center ${counterBlockStyle}`, children: tab.count })) : null] }, String(i)));
-};
-//# sourceMappingURL=GroupBlockTabs.js.map

package/dist/components/GroupBlock/GroupBlockTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupBlockTabs.js","sourceRoot":"","sources":["../../../src/components/GroupBlock/GroupBlockTabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAW3B,QAAA,cAAc,GAAG,IAAA,aAAG,EAAsB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,GAAG,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEtF,OAAO,CACL,gCAAK,SAAS,EAAE,gCAAgC,SAAS,EAAE,EAAE,IAAI,EAAC,SAAS,YACxE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAC,GAC5D,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,gEAAgE,CAAC;AAEpF,MAAM,SAAS,GACb,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAuB,EAAE,EAAE,CACnE,CAAC,GAAkB,EAAE,CAAS,EAAE,EAAE;IAChC,MAAM,QAAQ,GAAG,UAAU,KAAK,GAAG,CAAC,GAAG,CAAC;IAExC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAE9D,MAAM,OAAO,GAAG,gBACd,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mDAC5B,EAAE,CAAC;IACH,MAAM,iBAAiB,GAAG,GAAG,UAAU;QAEnC,QAAQ;QACN,CAAC,CAAC,wBAAwB;QAC1B,CAAC,CAAC,mEACN,EAAE,CAAC;IAEL,OAAO,CACL,iCAEE,SAAS,EAAE,8DAA8D,KAAK,EAAE,EAChF,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,mBACnB,QAAQ,aAEtB,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAE,OAAO,YAAG,GAAG,CAAC,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAC9D,aAAa,CAAC,CAAC,CAAC,CACf,gCAAK,SAAS,EAAE,oCAAoC,iBAAiB,EAAE,YAAG,GAAG,CAAC,KAAK,GAAO,CAC3F,CAAC,CAAC,CAAC,IAAI,KATH,MAAM,CAAC,CAAC,CAAC,CAUV,CACP,CAAC;AACJ,CAAC,CAAC"}