@redneckz/wildless-cms-uni-blocks 0.5.1 → 0.5.3

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

@@ -1,52 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { Img } from '../Img/Img';
-import type { Tab, TabClickHandler, TabsProps } from './TabsProps';
-
-const TAB_STYLE = 'px-2 h-14 pb-2 pt-3 border border-b-0 border-main-stroke';
-const ACTIVE_TAB_STYLE = 'px-2 h-16 pt-4 pb-2 text-white bg-primary-main';
-
-export const Tabs = JSX<TabsProps>(({ tabs, currentTabIndex, onTabClick }) => {
-  return (
-    <div className="flex items-end border-b border-main-stroke" role="tablist">
-      {tabs?.map(renderTab(currentTabIndex, onTabClick))}
-    </div>
-  );
-});
-
-const tabDescriptionStyle = (isActive = false) =>
-  `text-xs-light ${isActive ? '' : 'text-secondary-text'}`;
-
-const renderTab =
-  (currentTabIndex: number, onTabClick: TabClickHandler) => (tab: Tab, index: number) => {
-    const isActive = currentTabIndex === index;
-
-    return (
-      <div
-        key={String(index)}
-        className={`flex h-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${
-          isActive ? ACTIVE_TAB_STYLE : TAB_STYLE
-        }`}
-        role="tab"
-        onClick={() => onTabClick(index)}
-        aria-selected={isActive}
-      >
-        {tab?.icon ? renderIcon(tab, isActive) : null}
-        <div>
-          {tab?.title ? <h3 className="m-0 text-l font-medium">{tab?.title}</h3> : null}
-          {tab?.description ? (
-            <span className={tabDescriptionStyle(isActive)}>{tab?.description}</span>
-          ) : null}
-        </div>
-      </div>
-    );
-  };
-
-const renderIcon = (tab: Tab, isActive: boolean) => (
-  <div className="h-full mt-1">
-    <Img
-      className={`w-5 h-5 mr-3 ${isActive ? 'invert' : ''}`}
-      image={tab?.icon || 'CardIcon'}
-      asSVG={!isActive}
-    />
-  </div>
-);

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

@@ -1,20 +0,0 @@
-import type { Picture } from '../../model/Picture';
-
-/**
- * @title Вкладка
- */
-export interface Tab {
-  /** @title Имя вкладки */
-  title?: string;
-  /** @title Описание */
-  description?: string;
-  icon?: Picture;
-}
-
-export type TabClickHandler = (tabIndex: number) => void;
-
-export interface TabsProps {
-  tabs?: Tab[];
-  currentTabIndex: number;
-  onTabClick: TabClickHandler;
-}

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

@@ -1,52 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { Img } from '../Img/Img';
-import type { Tab, TabClickHandler, TabsProps } from './TabsProps';
-
-const TAB_STYLE = 'px-2 h-14 pb-2 pt-3 border border-b-0 border-main-stroke';
-const ACTIVE_TAB_STYLE = 'px-2 h-16 pt-4 pb-2 text-white bg-primary-main';
-
-export const Tabs = JSX<TabsProps>(({ tabs, currentTabIndex, onTabClick }) => {
-  return (
-    <div className="flex items-end border-b border-main-stroke" role="tablist">
-      {tabs?.map(renderTab(currentTabIndex, onTabClick))}
-    </div>
-  );
-});
-
-const tabDescriptionStyle = (isActive = false) =>
-  `text-xs-light ${isActive ? '' : 'text-secondary-text'}`;
-
-const renderTab =
-  (currentTabIndex: number, onTabClick: TabClickHandler) => (tab: Tab, index: number) => {
-    const isActive = currentTabIndex === index;
-
-    return (
-      <div
-        key={String(index)}
-        className={`flex h-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${
-          isActive ? ACTIVE_TAB_STYLE : TAB_STYLE
-        }`}
-        role="tab"
-        onClick={() => onTabClick(index)}
-        aria-selected={isActive}
-      >
-        {tab?.icon ? renderIcon(tab, isActive) : null}
-        <div>
-          {tab?.title ? <h3 className="m-0 text-l font-medium">{tab?.title}</h3> : null}
-          {tab?.description ? (
-            <span className={tabDescriptionStyle(isActive)}>{tab?.description}</span>
-          ) : null}
-        </div>
-      </div>
-    );
-  };
-
-const renderIcon = (tab: Tab, isActive: boolean) => (
-  <div className="h-full mt-1">
-    <Img
-      className={`w-5 h-5 mr-3 ${isActive ? 'invert' : ''}`}
-      image={tab?.icon || 'CardIcon'}
-      asSVG={!isActive}
-    />
-  </div>
-);

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

@@ -1,20 +0,0 @@
-import type { Picture } from '../../model/Picture';
-
-/**
- * @title Вкладка
- */
-export interface Tab {
-  /** @title Имя вкладки */
-  title?: string;
-  /** @title Описание */
-  description?: string;
-  icon?: Picture;
-}
-
-export type TabClickHandler = (tabIndex: number) => void;
-
-export interface TabsProps {
-  tabs?: Tab[];
-  currentTabIndex: number;
-  onTabClick: TabClickHandler;
-}