@redneckz/wildless-cms-uni-blocks 0.5.2 → 0.5.4

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

@@ -24,7 +24,7 @@ export const ButtonInner = JSX<ButtonInnerProps>((props) => {
 });
 
 const getButtonStyle = (props: ButtonInnerProps) => {
-  const { version, aboveText, rounded } = props;
+  const { className = '', version, aboveText, rounded } = props;
 
   if (version === 'link') {
     return '';
@@ -33,9 +33,10 @@ const getButtonStyle = (props: ButtonInnerProps) => {
   const withTextStyle = `gap-2 ${aboveText ? 'py-2.5 px-7' : 'py-4 px-9'}`;
 
   return [
-    'flex items-center justify-center',
+    'group flex items-center justify-center',
     isWithText(props) ? withTextStyle : 'h-12 w-12',
     rounded ? 'rounded-full' : '',
+    className,
   ].join(' ');
 };
 

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

@@ -20,19 +20,24 @@ export const ButtonSection = JSX<ButtonSectionProps>(({ context, className = '',
   ) : null;
 });
 
-function renderButton({ icon, iconRight, ...button }: ButtonWithIconProps, i: number) {
+function renderButton(
+  { icon, iconRight, version = 'primary', ...button }: ButtonWithIconProps,
+  i: number,
+) {
   if (!button?.text) {
     return null;
   }
+  const imgStyle = version === 'primary' ? 'group-hover:text-black' : 'group-hover:text-white';
 
   return icon ? (
     <Button
       key={String(i)}
-      appendLeft={<Img image={icon} width="24" height="24" asSVG />}
-      appendRight={<Img image={iconRight} width="24" height="24" asSVG />}
+      appendLeft={<Img imageClassName={imgStyle} image={icon} width="24" height="24" asSVG />}
+      appendRight={<Img imageClassName={imgStyle} image={iconRight} width="24" height="24" asSVG />}
+      version={version}
       {...button}
     />
   ) : (
-    <Button key={String(i)} {...button} />
+    <Button key={String(i)} version={version} {...button} />
   );
 }

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

@@ -16,7 +16,7 @@ export const Select = JSX<SelectProps>(
   ({ className = '', id, name, children, value, onChange }) => {
     return (
       <select
-        className={`appearance-none ${className}`}
+        className={`appearance-none pl-0.5 ${className}`}
         style={selectStyle}
         id={id}
         name={name || id}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -55,6 +55,7 @@
     "./*.cjs": "./*.cjs"
   },
   "files": [
+    "bin",
     "lib",
     "mobile/lib",
     "dist",
@@ -93,6 +94,7 @@
     "lint": "eslint ./src",
     "pretest": "npm run prepare && npm run lint",
     "test": "jest --coverage",
+    "test:bin": "jest --config ./jest.config.bin.js",
     "cosmos": "cosmos",
     "cosmos:mobile": "cosmos --config cosmos.config.mobile.json",
     "precosmos:export": "npm run build:icons",
@@ -121,6 +123,7 @@
     "unified": "^10.1.2"
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.19.4",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@rollup/plugin-typescript": "^8.3.3",
     "@size-limit/file": "^7.0.8",
@@ -132,9 +135,11 @@
     "@typescript-eslint/experimental-utils": "^5.30.6",
     "@typescript-eslint/parser": "^5.30.6",
     "autoprefixer": "^10.4.7",
+    "babel-jest": "^28.1.3",
     "copyfiles": "^2.4.1",
     "css-loader": "^6.7.1",
     "cssnano": "^5.1.11",
+    "cypress-mochawesome-reporter": "^3.2.3",
     "eslint": "^8.21.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-local-eslint-rules": "./eslint-rules",

package/src/components/ErrorBlock/ErrorBlock.example.json

@@ -1,13 +1,13 @@
 {
-  "title": "Страница не найдена",
-  "subtitle": "Возможно неправильно набран адрес или такой странице не существует",
+  "title": "Заголовок",
+  "subtitle": "Описание",
   "error": {
     "errorContentType": "Code",
-    "code": 404
+    "code": "404"
   },
   "button": {
-    "text": "Вернуться на главную",
+    "text": "Кнопка",
     "version": "primary",
-    "target": "_blank"
+    "target": "_self"
   }
 }

package/src/components/ErrorBlock/ErrorBlock.fixture.tsx

@@ -30,7 +30,7 @@ export default {
         subtitle="Возможно неправильно набран адрес или такой странице не существует"
         error={{
           errorContentType: 'Code',
-          code: 404,
+          code: '404',
         }}
         button={buttonPrimary}
       />
@@ -41,8 +41,8 @@ export default {
       <ErrorBlock
         className="col-span-12"
         context={context}
-        title="Страница не найдена"
-        subtitle="Возможно неправильно набран адрес или такой странице не существует"
+        title="Ваш браузер устарел"
+        subtitle="Чтобы открыть наш сайт обновите Ваш браузер или скачайте обновленные версии браузеров"
         error={{
           errorContentType: 'Image',
           image: image,

package/src/components/ErrorBlock/ErrorBlock.tsx

@@ -10,11 +10,11 @@ export interface ErrorBlockProps extends ErrorBlockContent, UniBlockProps {}
 
 const renderErrorContent = (error: ErrorBlockContent['error']) => {
   if (error?.errorContentType === 'Image' && error?.image) {
-    return <Img className="mb-7" image={error.image} />;
+    return <Img image={error.image} />;
   }
 
   if (error?.errorContentType === 'Code' && error.code) {
-    return <div className="text-title-extra gradient-color-text">{error.code}</div>;
+    return <div className="font-mohave text-title-extra gradient-color-text">{error.code}</div>;
   }
 
   return null;
@@ -26,10 +26,17 @@ export const ErrorBlock = JSX<ErrorBlockProps>(
     const router = useRouter();
 
     return (
-      <section className={`flex flex-col justify-center items-center ${className}`} role="listitem">
-        <div className="flex justify-center mb-7">{renderErrorContent(error)}</div>
+      <section
+        className={`flex flex-col justify-center items-center mt-12 ${className}`}
+        role="listitem"
+      >
+        <div className="flex justify-center py-20">{renderErrorContent(error)}</div>
         {title ? <Heading headingType="h1" className="text-left mb-4" title={title} /> : null}
-        {subtitle ? <div className="text-xl-light text-left mb-7">{subtitle}</div> : null}
+        {subtitle ? (
+          <div className="font-sans text-xl-light text-left mb-7 max-w-[613px] text-center">
+            {subtitle}
+          </div>
+        ) : null}
         {button?.text ? (
           <Button
             className="py-4 px-9"

package/src/components/ErrorBlock/ErrorBlockContent.ts

@@ -1,4 +1,3 @@
-import type { EmptyOption } from '../../model/EmptyOptionType';
 import type { Picture } from '../../model/Picture';
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 
@@ -8,7 +7,6 @@ import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 export type ErrorImageDef = {
   /** @default Image */
   errorContentType: 'Image';
-  /** @title Изображение */
   image?: Picture;
 };
 
@@ -18,10 +16,27 @@ export type ErrorImageDef = {
 export type ErrorCodeDef = {
   /** @default Code */
   errorContentType: 'Code';
-  /** @title Код ошибки */
-  code?: number;
+  /** @default 404 */
+  code?: ErrorType;
 };
-export type ErrorContentDef = EmptyOption | ErrorImageDef | ErrorCodeDef;
+
+/** @title Вид контента */
+export type ErrorContentDef = ErrorCodeDef | ErrorImageDef;
+
+/** @title Код */
+export type ErrorType =
+  | ''
+  | '400'
+  | '401'
+  | '402'
+  | '403'
+  | '404'
+  | '500'
+  | '501'
+  | '502'
+  | '503'
+  | '504'
+  | '505';
 
 /**
  * @title Блок ошибки
@@ -31,7 +46,6 @@ export interface ErrorBlockContent {
   title?: string;
   /** @title Описание */
   subtitle?: string;
-  /** @title Вид контента */
   error?: ErrorContentDef;
   /** @title Кнопка */
   button?: ButtonProps;

package/src/components/OfficeServicesBlock/OfficeServicesBlock.example.json

@@ -1,33 +1,47 @@
 {
-  "title": "Услуги",
-  "officesList": [
+  "title": "Заголовок",
+  "servicesList": [
     {
-      "text": "Обслуживание физических лиц",
-      "icon": { "icon": "CardTickIcon" }
+      "label": "Пункт 1",
+      "icon": { 
+        "icon": "CardTickIcon"
+      }
     },
     {
-      "text": "Обслуживание юридических лиц",
-      "icon": { "icon": "EmptyWalletChangeIcon" }
+      "label": "Пункт 2",
+      "icon": { 
+        "icon": "EmptyWalletChangeIcon" 
+      }
     },
     {
-      "text": "Продажа монет из драгоценных металлов",
-      "icon": { "icon": "UserTickIcon" }
+      "label": "Пункт 3",
+      "icon": { 
+        "icon": "UserTickIcon" 
+      }
     },
     {
-      "text": "Аренда индивидуальных сейфовых ячеек",
-      "icon": { "icon": "UserTickIcon" }
+      "label": "Пункт 4",
+      "icon": { 
+        "icon": "UserTickIcon" 
+      }
     },
     {
-      "text": "Операции с обезличенными металлическими счетами",
-      "icon": { "icon": "ShieldTickIcon" }
+      "label": "Пункт 5",
+      "icon": { 
+        "icon": "ShieldTickIcon" 
+      }
     },
     {
-      "text": "Операции со слитками драгоценных металлов",
-      "icon": { "icon": "ShieldTickIcon" }
+      "label": "Пункт 6",
+      "icon": { 
+        "icon": "ShieldTickIcon" 
+      }
     },
     {
-      "text": "Передача фото и голоса в Единую биометрическую систему",
-      "icon": { "icon": "ShieldTickIcon" }
+      "label": "Пункт 7",
+      "icon": { 
+        "icon": "ShieldTickIcon" 
+      }
     }
   ]
 }

package/src/components/OfficeServicesBlock/OfficeServicesBlock.fixture.tsx

@@ -10,31 +10,31 @@ export default {
         title="Услуги"
         servicesList={[
           {
-            text: 'Обслуживание физических лиц',
+            label: 'Обслуживание физических лиц',
             icon: { icon: 'CardTickIcon' },
           },
           {
-            text: 'Обслуживание юридических лиц',
+            label: 'Обслуживание юридических лиц',
             icon: { icon: 'EmptyWalletChangeIcon' },
           },
           {
-            text: 'Продажа монет из драгоценных металлов',
+            label: 'Продажа монет из драгоценных металлов',
             icon: { icon: 'UserTickIcon' },
           },
           {
-            text: 'Аренда индивидуальных сейфовых ячеек',
+            label: 'Аренда индивидуальных сейфовых ячеек',
             icon: { icon: 'UserTickIcon' },
           },
           {
-            text: 'Операции с обезличенными металлическими счетами',
+            label: 'Операции с обезличенными металлическими счетами',
             icon: { icon: 'ShieldTickIcon' },
           },
           {
-            text: 'Операции со слитками драгоценных металлов',
+            label: 'Операции со слитками драгоценных металлов',
             icon: { icon: 'ShieldTickIcon' },
           },
           {
-            text: 'Передача фото и голоса в Единую биометрическую систему',
+            label: 'Передача фото и голоса в Единую биометрическую систему',
             icon: { icon: 'ShieldTickIcon' },
           },
         ]}

package/src/components/OfficeServicesBlock/OfficeServicesBlock.tsx

@@ -11,14 +11,15 @@ import type {
 export interface OfficeServicesBlockProps extends OfficeServicesBlockContent, UniBlockProps {}
 
 export const OfficeServicesBlock = JSX<OfficeServicesBlockProps>(
-  ({ className = '', context, title, servicesList, anchor = '' }) => {
+  ({ className = '', context, title, servicesList, anchor = '', ...rest }) => {
     return (
       <BlockWrapper
         context={context}
         id={anchor}
-        className={`font-sans bg-white p-12 flex flex-col ${className}`}
+        className={`font-sans bg-white p-8 flex flex-col ${className}`}
+        {...rest}
       >
-        {title ? <Heading headingType="h5" className="mb-2.5" title={title} /> : null}
+        {title ? <Heading headingType="h5" className="mb-5" title={title} /> : null}
         {servicesList?.length ? servicesList.map(renderListItems) : null}
       </BlockWrapper>
     );
@@ -26,16 +27,16 @@ export const OfficeServicesBlock = JSX<OfficeServicesBlockProps>(
 );
 
 const renderListItems = (itemList: OfficeServicesBlockList, i) => (
-  <li key={`list_item_${String(i)}`} className="flex mb-2.5 list-none">
+  <li key={`list_item_${String(i)}`} className="flex mb-5 last:mb-0 list-none">
     {itemList.icon ? (
       <Img
-        className="mr-[14px] max-w-6 max-h-6"
+        className="mr-3 max-w-6 max-h-6"
         width="24px"
         height="24px"
         asSVG
         image={itemList.icon}
       />
     ) : null}
-    {itemList.text ? <span className="text-l-light">{itemList.text}</span> : null}
+    {itemList.label ? <span className="text-l-light">{itemList.label}</span> : null}
   </li>
 );

package/src/components/OfficeServicesBlock/OfficeServicesBlockContent.ts

@@ -12,7 +12,8 @@ export interface OfficeServicesBlockList {
    * }
    */
   icon?: Picture;
-  text?: string;
+  /** @title Текст */
+  label?: string;
 }
 
 /**

package/src/components/Tabs/TabsContent.ts

@@ -1,7 +1,9 @@
 import type { LinkProps } from '../../model/LinkProps';
 
+/**
+ * @title Группа
+ */
 export interface GroupTab {
-  /** @default group */
   type: 'group';
   /** @title Тег */
   ref?: string;
@@ -9,13 +11,16 @@ export interface GroupTab {
   title?: string;
 }
 
+/**
+ * @title Ссылка
+ */
 export type LinkTab = LinkProps & {
-  /** @default link */
   type: 'link';
 };
 
 /**
- *  @title Таб
+ * @title Таб
+ * @default {"type": "group"}
  */
 export type Tab = GroupTab | LinkTab;
 

package/src/components/Tabs/renderGroupTab.tsx

@@ -9,7 +9,8 @@ import {
 } from './tabItemClasses';
 import type { GroupTab } from './TabsContent';
 
-const BADGE_CLASSES = 'min-w-[22px] w-[22px] h-[22px] rounded-full text-xs ml-2';
+const BADGE_CLASSES =
+  'min-w-[22px] w-[22px] h-[22px] rounded-full text-xs ml-2 flex justify-center items-center';
 const ACTIVE_BADGE_CLASSES = 'bg-white/30 text-white';
 const INACTIVE_BADGE_CLASSES = 'bg-main-divider text-secondary-text group-hover:text-primary-main';
 

package/src/components/__snapshots__/Blocks.spec.tsx.snap

@@ -147,11 +147,11 @@ exports[`Blocks ComparisonTable should render block "ComparisonTable" without co
 
 exports[`Blocks ErrorBlock should render block "ErrorBlock" without content 1`] = `
 <section
-  class="flex flex-col justify-center items-center "
+  class="flex flex-col justify-center items-center mt-12 "
   role="listitem"
 >
   <div
-    class="flex justify-center mb-7"
+    class="flex justify-center py-20"
   />
 </section>
 `;
@@ -353,7 +353,7 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
           target="_blank"
         >
           <div
-            class="flex items-center justify-center gap-2 py-4 px-9 "
+            class="group flex items-center justify-center gap-2 py-4 px-9  "
           >
             <div>
               <div
@@ -683,7 +683,7 @@ exports[`Blocks Navigation should render block "Navigation" without content 1`]
 
 exports[`Blocks OfficeServicesBlock should render block "OfficeServicesBlock" without content 1`] = `
 <section
-  class="font-sans bg-white p-12 flex flex-col "
+  class="font-sans bg-white p-8 flex flex-col "
 />
 `;
 
@@ -894,7 +894,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               Город
             </span>
             <select
-              class="appearance-none h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
+              class="appearance-none pl-0.5 h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
               placeholder=""
               style="background: url(/icons/ArrowDownIcon.svg) no-repeat 50%;"
             >
@@ -917,7 +917,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               Отделение
             </span>
             <select
-              class="appearance-none h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
+              class="appearance-none pl-0.5 h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
               placeholder=""
               style="background: url(/icons/ArrowDownIcon.svg) no-repeat 50%;"
             >
@@ -991,7 +991,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               Размер
             </span>
             <select
-              class="appearance-none h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
+              class="appearance-none pl-0.5 h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
               placeholder=""
               style="background: url(/icons/ArrowDownIcon.svg) no-repeat 50%;"
             >
@@ -1014,7 +1014,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               Параметры ячейки, мм (ВхШхД)
             </span>
             <select
-              class="appearance-none h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
+              class="appearance-none pl-0.5 h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
               placeholder=""
               style="background: url(/icons/ArrowDownIcon.svg) no-repeat 50%;"
             >
@@ -1080,7 +1080,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
           role="button"
         >
           <div
-            class="flex items-center justify-center gap-2 py-4 px-9 "
+            class="group flex items-center justify-center gap-2 py-4 px-9  "
           >
             <div>
               <div

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

@@ -24,7 +24,7 @@ export const ButtonInner = JSX<ButtonInnerProps>((props) => {
 });
 
 const getButtonStyle = (props: ButtonInnerProps) => {
-  const { version, aboveText, rounded } = props;
+  const { className = '', version, aboveText, rounded } = props;
 
   if (version === 'link') {
     return '';
@@ -33,9 +33,10 @@ const getButtonStyle = (props: ButtonInnerProps) => {
   const withTextStyle = `gap-2 ${aboveText ? 'py-2.5 px-7' : 'py-4 px-9'}`;
 
   return [
-    'flex items-center justify-center',
+    'group flex items-center justify-center',
     isWithText(props) ? withTextStyle : 'h-12 w-12',
     rounded ? 'rounded-full' : '',
+    className,
   ].join(' ');
 };
 

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

@@ -20,19 +20,24 @@ export const ButtonSection = JSX<ButtonSectionProps>(({ context, className = '',
   ) : null;
 });
 
-function renderButton({ icon, iconRight, ...button }: ButtonWithIconProps, i: number) {
+function renderButton(
+  { icon, iconRight, version = 'primary', ...button }: ButtonWithIconProps,
+  i: number,
+) {
   if (!button?.text) {
     return null;
   }
+  const imgStyle = version === 'primary' ? 'group-hover:text-black' : 'group-hover:text-white';
 
   return icon ? (
     <Button
       key={String(i)}
-      appendLeft={<Img image={icon} width="24" height="24" asSVG />}
-      appendRight={<Img image={iconRight} width="24" height="24" asSVG />}
+      appendLeft={<Img imageClassName={imgStyle} image={icon} width="24" height="24" asSVG />}
+      appendRight={<Img imageClassName={imgStyle} image={iconRight} width="24" height="24" asSVG />}
+      version={version}
       {...button}
     />
   ) : (
-    <Button key={String(i)} {...button} />
+    <Button key={String(i)} version={version} {...button} />
   );
 }

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

@@ -16,7 +16,7 @@ export const Select = JSX<SelectProps>(
   ({ className = '', id, name, children, value, onChange }) => {
     return (
       <select
-        className={`appearance-none ${className}`}
+        className={`appearance-none pl-0.5 ${className}`}
         style={selectStyle}
         id={id}
         name={name || id}

package/dist/ui-kit/Tabs/Tabs.d.ts

@@ -1,2 +0,0 @@
-import type { TabsProps } from './TabsProps';
-export declare const Tabs: import("@redneckz/uni-jsx").UNIComponent<TabsProps, any, any>;

package/dist/ui-kit/Tabs/Tabs.js

@@ -1,17 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Img_1 = require("../Img/Img");
-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';
-exports.Tabs = (0, uni_jsx_1.JSX)(({ tabs, currentTabIndex, onTabClick }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-end border-b border-main-stroke", role: "tablist", children: tabs?.map(renderTab(currentTabIndex, onTabClick)) }));
-});
-const tabDescriptionStyle = (isActive = false) => `text-xs-light ${isActive ? '' : 'text-secondary-text'}`;
-const renderTab = (currentTabIndex, onTabClick) => (tab, index) => {
-    const isActive = currentTabIndex === index;
-    return ((0, jsx_runtime_1.jsxs)("div", { 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, children: [tab?.icon ? renderIcon(tab, isActive) : null, (0, jsx_runtime_1.jsxs)("div", { children: [tab?.title ? (0, jsx_runtime_1.jsx)("h3", { className: "m-0 text-l font-medium", children: tab?.title }) : null, tab?.description ? ((0, jsx_runtime_1.jsx)("span", { className: tabDescriptionStyle(isActive), children: tab?.description })) : null] })] }, String(index)));
-};
-const renderIcon = (tab, isActive) => ((0, jsx_runtime_1.jsx)("div", { className: "h-full mt-1", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { className: `w-5 h-5 mr-3 ${isActive ? 'invert' : ''}`, image: tab?.icon || 'CardIcon', asSVG: !isActive }) }));
-//# sourceMappingURL=Tabs.js.map

package/dist/ui-kit/Tabs/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/Tabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,oCAAiC;AAGjC,MAAM,SAAS,GAAG,0DAA0D,CAAC;AAC7E,MAAM,gBAAgB,GAAG,gDAAgD,CAAC;AAE7D,QAAA,IAAI,GAAG,IAAA,aAAG,EAAY,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,gCAAK,SAAS,EAAC,4CAA4C,EAAC,IAAI,EAAC,SAAS,YACvE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,GAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE,CAC/C,iBAAiB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;AAE3D,MAAM,SAAS,GACb,CAAC,eAAuB,EAAE,UAA2B,EAAE,EAAE,CAAC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;IACpF,MAAM,QAAQ,GAAG,eAAe,KAAK,KAAK,CAAC;IAE3C,OAAO,CACL,iCAEE,SAAS,EAAE,gEACT,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAChC,EAAE,EACF,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,mBACjB,QAAQ,aAEtB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAC7C,4CACG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,+BAAI,SAAS,EAAC,wBAAwB,YAAE,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC5E,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAClB,iCAAM,SAAS,EAAE,mBAAmB,CAAC,QAAQ,CAAC,YAAG,GAAG,EAAE,WAAW,GAAQ,CAC1E,CAAC,CAAC,CAAC,IAAI,IACJ,KAdD,MAAM,CAAC,KAAK,CAAC,CAed,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,QAAiB,EAAE,EAAE,CAAC,CAClD,gCAAK,SAAS,EAAC,aAAa,YAC1B,uBAAC,SAAG,IACF,SAAS,EAAE,gBAAgB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACrD,KAAK,EAAE,GAAG,EAAE,IAAI,IAAI,UAAU,EAC9B,KAAK,EAAE,CAAC,QAAQ,GAChB,GACE,CACP,CAAC"}

package/dist/ui-kit/Tabs/TabsProps.d.ts

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

package/dist/ui-kit/Tabs/TabsProps.js

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

package/dist/ui-kit/Tabs/TabsProps.js.map

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

package/lib/ui-kit/Tabs/Tabs.d.ts

@@ -1,2 +0,0 @@
-import type { TabsProps } from './TabsProps';
-export declare const Tabs: import("@redneckz/uni-jsx").UNIComponent<TabsProps, any, any>;

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

@@ -1,15 +0,0 @@
-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';
-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(({ tabs, currentTabIndex, onTabClick }) => {
-    return (_jsx("div", { className: "flex items-end border-b border-main-stroke", role: "tablist", children: tabs?.map(renderTab(currentTabIndex, onTabClick)) }));
-});
-const tabDescriptionStyle = (isActive = false) => `text-xs-light ${isActive ? '' : 'text-secondary-text'}`;
-const renderTab = (currentTabIndex, onTabClick) => (tab, index) => {
-    const isActive = currentTabIndex === index;
-    return (_jsxs("div", { 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, children: [tab?.icon ? renderIcon(tab, isActive) : null, _jsxs("div", { children: [tab?.title ? _jsx("h3", { className: "m-0 text-l font-medium", children: tab?.title }) : null, tab?.description ? (_jsx("span", { className: tabDescriptionStyle(isActive), children: tab?.description })) : null] })] }, String(index)));
-};
-const renderIcon = (tab, isActive) => (_jsx("div", { className: "h-full mt-1", children: _jsx(Img, { className: `w-5 h-5 mr-3 ${isActive ? 'invert' : ''}`, image: tab?.icon || 'CardIcon', asSVG: !isActive }) }));
-//# sourceMappingURL=Tabs.js.map