@redneckz/wildless-cms-uni-blocks 0.2.69 → 0.2.72

package/src/BlockContent.ts

@@ -0,0 +1,30 @@
+import type { BenefitsBlockContent } from './BenefitsBlockContent';
+import type { ExchangeRateTileContent } from './ExchangeRateTileContent';
+import type { FooterContent } from './Footer/FooterContent';
+import type { GalleryContent } from './GalleryContent';
+import type { HeaderContent } from './Header/HeaderContent';
+import type { MobileAppTileContent } from './MobileAppTileContent';
+import type { PlaceholderContent } from './PlaceholderContent';
+import type { ProductBlockContent } from './ProductBlockContent';
+import type { ProductGalleryContent } from './ProductGalleryContent';
+import type { ProductTileContent } from './ProductTileContent';
+import type { PromoTileContent } from './PromoTileContent';
+import type { StepsBlockContent } from './StepsBlockContent';
+import type { TextBlockContent } from './TextBlockContent';
+import type { TileContent } from './TileContent';
+
+export type BlockContent =
+  | HeaderContent
+  | FooterContent
+  | PlaceholderContent
+  | TileContent
+  | PromoTileContent
+  | TextBlockContent
+  | ProductTileContent
+  | ProductBlockContent
+  | StepsBlockContent
+  | BenefitsBlockContent
+  | ProductGalleryContent
+  | ExchangeRateTileContent
+  | MobileAppTileContent
+  | GalleryContent;

package/src/Blocks.ts

@@ -1,19 +1,17 @@
-import { BenefitsBlock, BenefitsBlockContent } from './BenefitsBlock';
-import { ExchangeRateTile, ExchangeRateTileContent } from './ExchangeRateTile';
-import { Footer, FooterContent } from './Footer/index';
-import { Header, HeaderContent } from './Header/index';
-import { MobileAppTile, MobileAppTileContent } from './MobileAppTile';
-import { Placeholder, PlaceholderContent } from './Placeholder';
+import { BenefitsBlock } from './BenefitsBlock';
+import { ExchangeRateTile } from './ExchangeRateTile';
+import { Footer } from './Footer/Footer';
+import { Gallery } from './Gallery';
+import { Header } from './Header/Header';
+import { MobileAppTile } from './MobileAppTile';
+import { Placeholder } from './Placeholder';
 import { ProductBlock } from './ProductBlock';
-import { ProductBlockInnerContent } from './ProductBlockInner';
-import { ProductGallery, ProductGalleryContent } from './ProductGallery';
-import { StepsBlock, StepsBlockContent } from './StepsBlock';
-import { ProductTile, ProductTileContent } from './ProductTile';
-import { BaseTileContent } from './BaseTile';
-import { PromoTile, PromoTileContent } from './PromoTile';
+import { ProductGallery } from './ProductGallery';
+import { ProductTile } from './ProductTile';
+import { PromoTile } from './PromoTile';
+import { StepsBlock } from './StepsBlock';
+import { TextBlock } from './TextBlock';
 import { Tile } from './Tile';
-import { TextBlock, TextBlockContent } from './TextBlock';
-import { Gallery, GalleryContent } from './Gallery';
 
 export const Blocks = {
   Header,
@@ -31,19 +29,3 @@ export const Blocks = {
   MobileAppTile,
   Gallery,
 };
-
-export type BlockContent =
-  | HeaderContent
-  | FooterContent
-  | PlaceholderContent
-  | BaseTileContent
-  | TextBlockContent
-  | ProductTileContent
-  | PromoTileContent
-  | ProductBlockInnerContent
-  | StepsBlockContent
-  | BenefitsBlockContent
-  | ProductGalleryContent
-  | ExchangeRateTileContent
-  | MobileAppTileContent
-  | GalleryContent;

package/src/ContentPage.tsx

@@ -1,5 +1,5 @@
 import { JSX, PropsWithChildren } from '@redneckz/uni-jsx';
-import type { BlockContent } from './Blocks';
+import type { BlockContent } from './BlockContent';
 import { LikeControl } from './LikeControl';
 import { Placeholder } from './Placeholder';
 import type { BlockDef, ContentPageDef, UniBlockProps } from './types';

package/src/ExchangeRateTile.tsx

@@ -1,13 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { ExchangeRateTileContent } from './ExchangeRateTileContent';
 import { Tile } from './Tile';
 import type { UniBlockProps } from './types';
-import { ButtonProps } from './ui-kit/Button';
+import { ButtonProps } from './ui-kit/ButtonProps';
 import { Icon } from './ui-kit/Icon';
 
-export interface ExchangeRateTileContent {
-  title?: string;
-}
-
 export interface ExchangeRateTileProps extends ExchangeRateTileContent, UniBlockProps {}
 
 const CBR_EXCHANGE_RATE_URL = 'https://www.cbr-xml-daily.ru/daily_json.js';

package/src/ExchangeRateTileContent.ts

@@ -0,0 +1,3 @@
+export interface ExchangeRateTileContent {
+  title?: string;
+}

package/src/Footer/Contacts.tsx

@@ -1,7 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps, ContactInfo } from '../types';
+import type { UniBlockProps } from '../types';
 import { Button } from '../ui-kit/Button';
 import { useLink } from '../useLink';
+import type { ContactInfo } from './FooterContent';
 
 export interface ContactsProps extends UniBlockProps {
   items?: ContactInfo[];

package/src/Footer/Footer.mobile.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../types';
-import type { FooterContent } from './Footer';
+import type { FooterContent } from './FooterContent';
 import { TextInformation } from './TextInformation';
 
 export interface FooterProps extends FooterContent, UniBlockProps {}

package/src/Footer/Footer.tsx

@@ -1,24 +1,17 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../types';
 import { Logo } from '../ui-kit/Logo';
 import { SearchBar } from '../ui-kit/SearchBar';
 import { Contacts } from './Contacts';
+import type { FooterContent } from './FooterContent';
+import { HorizontalNavigation } from './HorizontalNavigation';
 import { Sitemap } from './Sitemap';
 import { SocialMedia } from './SocialMedia';
-import { HorizontalNavigation } from './HorizontalNavigation';
 import { TextInformation } from './TextInformation';
-import type { LinkContent, UniBlockProps, ContactInfo, TopMenuItem } from '../types';
 
 const LEFT_COL_WIDTH_FULL_HD = 'w-[280px]';
 const LEFT_COL_WIDTH_SMALL_DESKTOP = 'xl:w-[220px]';
 
-export interface FooterContent {
-  documents?: LinkContent[];
-  relatedEnterprises?: LinkContent[];
-  contacts?: ContactInfo[];
-  socialMedia?: Omit<LinkContent, 'text'>[];
-  topItems?: TopMenuItem[];
-}
-
 export interface FooterProps extends FooterContent, UniBlockProps {}
 
 export const Footer = JSX<FooterProps>(

package/src/Footer/FooterContent.ts

@@ -0,0 +1,15 @@
+import type { LinkContent } from '../model/LinkContent';
+import type { SitemapContent } from '../model/SitemapContent';
+
+export interface ContactInfo {
+  text: string;
+  type: 'tel' | 'email';
+  description: string;
+}
+
+export interface FooterContent extends SitemapContent {
+  documents?: LinkContent[];
+  relatedEnterprises?: LinkContent[];
+  contacts?: ContactInfo[];
+  socialMedia?: Omit<LinkContent, 'text'>[];
+}

package/src/Footer/FooterLink.ts

@@ -1,4 +1,4 @@
-import type { LinkContent } from '../types';
+import type { LinkContent } from '../model/LinkContent';
 import type { UniBlockProps } from '../types';
 
 export interface FooterLink extends UniBlockProps {

package/src/Footer/HorizontalNavigation.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { FooterLink } from './FooterLink';
+import { LinkContent } from '../model/LinkContent';
 import { useLink } from '../useLink';
-import { LinkContent } from '../types';
+import type { FooterLink } from './FooterLink';
 
 export const HorizontalNavigation = JSX<FooterLink>(({ className, links, context }) => {
   const router = context.useRouter();

package/src/Footer/Sitemap.tsx

@@ -1,7 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { Router, HandlerDecorator } from '../ContentPageContext';
 import { mergeTopItems } from '../mergeTopItems';
-import type { LinkContent, TopMenuItem, UniBlockProps } from '../types';
+import type { LinkContent } from '../model/LinkContent';
+import type { TopMenuItem } from '../model/SitemapContent';
+import type { UniBlockProps } from '../types';
 import { useLink } from '../useLink';
 import { useSitemap } from '../useSitemap';
 export interface SitemapProps extends UniBlockProps {

package/src/Footer/SocialMedia.tsx

@@ -1,6 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { LinkContent, UniBlockProps } from '../types';
-import { Icon, IconName } from '../ui-kit/Icon';
+import type { LinkContent } from '../model/LinkContent';
+import type { UniBlockProps } from '../types';
+import { Icon } from '../ui-kit/Icon';
+import type { IconName } from '../ui-kit/IconProps';
 import { useLink } from '../useLink';
 
 const ICONS_MAP: Array<{ origins: string[]; icon: IconName; label: string }> = [

package/src/Footer/TextInformation.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { LinkContent } from '../types';
+import type { LinkContent } from '../model/LinkContent';
 import { useLink } from '../useLink';
 import { FooterLink } from './FooterLink';
 

package/src/Gallery.fixture.tsx

@@ -2,7 +2,7 @@ import { context } from './setup-fixture';
 
 import { Gallery, GalleryProps } from './Gallery';
 import { Gallery as MobileGallery } from './Gallery.mobile';
-import { Picture } from './types';
+import { Picture } from './model/Picture';
 
 const image: Picture = {
   src: 'money-1.png',

package/src/Gallery.mobile.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { GalleryCard, GalleryProps } from './Gallery';
+import type { GalleryProps } from './Gallery';
+import type { GalleryCard } from './GalleryContent';
 import { Img } from './Img';
 import { BlockItem } from './ui-kit/BlockItem';
 import { Button } from './ui-kit/Button';

package/src/Gallery.tsx

@@ -1,25 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { GalleryCard, GalleryContent } from './GalleryContent';
 import { Img } from './Img';
-import { Picture, UniBlockProps } from './types';
+import { UniBlockProps } from './types';
 import { ArrowButton } from './ui-kit/ArrowButton';
 import { BlockItem } from './ui-kit/BlockItem';
 import { Button } from './ui-kit/Button';
 import { Title } from './ui-kit/Title';
 
-export interface GalleryCard {
-  title?: string;
-  description?: string;
-  image?: Picture;
-  href?: string;
-  items?: string[];
-}
-
-export interface GalleryContent {
-  title?: string;
-  description?: string;
-  cards?: GalleryCard[];
-}
-
 export interface GalleryProps extends GalleryContent, UniBlockProps {}
 
 const CARD_WIDTH = 384;

package/src/GalleryContent.ts

@@ -0,0 +1,15 @@
+import type { Picture } from './model/Picture';
+
+export interface GalleryCard {
+  title?: string;
+  description?: string;
+  image?: Picture;
+  href?: string;
+  items?: string[];
+}
+
+export interface GalleryContent {
+  title?: string;
+  description?: string;
+  cards?: GalleryCard[];
+}

package/src/Header/HeaderContent.ts

@@ -1,6 +1,5 @@
-import type { TopMenuItem } from '../types';
+import { SitemapContent } from '../model/SitemapContent';
 
-export interface HeaderContent {
+export interface HeaderContent extends SitemapContent {
   defaultLocation?: string;
-  topItems?: TopMenuItem[];
 }

package/src/Header/isSubItemActive.ts

@@ -1,5 +1,5 @@
 import type { Router } from '../ContentPageContext';
-import type { LinkContent } from '../types';
+import type { LinkContent } from '../model/LinkContent';
 import { isHrefActive } from '../utils/url';
 
 export function isSubItemActive(router: Router) {

package/src/Header/isTopItemActive.ts

@@ -1,5 +1,5 @@
 import type { Router } from '../ContentPageContext';
-import type { LinkContent } from '../types';
+import type { LinkContent } from '../model/LinkContent';
 import { isHrefActive } from '../utils/url';
 
 export function isTopItemActive(router: Router) {

package/src/Img.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { Picture, ImgSource } from './types';
+import type { Picture, ImgSource } from './model/Picture';
 
 export interface TextWithImageProps {
   className?: string;

package/src/MobileAppTile.tsx

@@ -1,18 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { MobileAppTileContent } from './MobileAppTileContent';
 import { Tile } from './Tile';
-import type { BaseTileContent } from './BaseTile';
 import type { UniBlockProps } from './types';
 
-export interface QRCode {
-  src?: string;
-  href?: string;
-}
-
-export interface MobileAppTileContent extends BaseTileContent {
-  title?: string;
-  qr?: QRCode;
-}
-
 export interface MobileAppTileProps extends MobileAppTileContent, UniBlockProps {}
 
 export const MobileAppTile = JSX<MobileAppTileProps>(

package/src/MobileAppTileContent.ts

@@ -0,0 +1,11 @@
+import type { BaseTileContent } from './BaseTileContent';
+
+export interface QRCode {
+  src?: string;
+  href?: string;
+}
+
+export interface MobileAppTileContent extends BaseTileContent {
+  title?: string;
+  qr?: QRCode;
+}

package/src/MobileBlocks.ts

@@ -1,7 +1,7 @@
 import { ExchangeRateTile } from './ExchangeRateTile';
 import { Footer } from './Footer/Footer.mobile';
 import { Gallery } from './Gallery.mobile';
-import { Header } from './Header/index';
+import { Header } from './Header/Header';
 import { MobileAppTile } from './MobileAppTile';
 import { Placeholder } from './Placeholder';
 import { ProductBlock } from './ProductBlock.mobile';

package/src/Placeholder.tsx

@@ -1,11 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { PlaceholderContent } from './PlaceholderContent';
 import { Tile } from './Tile';
 import type { UniBlockProps } from './types';
 
-export interface PlaceholderContent {
-  title?: string;
-}
-
 export interface PlaceholderProps extends PlaceholderContent, UniBlockProps {
   className?: string;
 }

package/src/PlaceholderContent.ts

@@ -0,0 +1,3 @@
+export interface PlaceholderContent {
+  title?: string;
+}

package/src/ProductBlock.fixture.tsx

@@ -1,7 +1,7 @@
 import { context } from './setup-fixture';
 
 import { ProductBlock } from './ProductBlock';
-import { Picture } from './types';
+import { Picture } from './model/Picture';
 
 const image: Picture = {
   src: 'money-1.png',

package/src/ProductBlock.mobile.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { ProductBlockInnerContent } from './ProductBlockInner';
 import { ProductBlockInner } from './ProductBlockInner';
+import type { ProductBlockInnerContent } from './ProductBlockInnerContent';
 import type { UniBlockProps } from './types';
 
 export interface ProductBlockProps extends ProductBlockInnerContent, UniBlockProps {}

package/src/ProductBlock.tsx

@@ -1,14 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { ProductBlockContent } from './ProductBlockContent';
 import { ProductBlockInner } from './ProductBlockInner';
-import type { ProductBlockInnerContent } from './ProductBlockInner';
 import type { UniBlockProps } from './types';
-import { Breadcrumb, BreadcrumbProps } from './ui-kit/Breadcrumb';
+import { Breadcrumb } from './ui-kit/Breadcrumb';
 import { useLink } from './useLink';
 import { joinList } from './utils/joinList';
 
-export interface ProductBlockProps extends ProductBlockInnerContent, UniBlockProps {
-  breadcrumbs?: BreadcrumbProps[];
-}
+export interface ProductBlockProps extends ProductBlockContent, UniBlockProps {}
 
 export const ProductBlock = JSX<ProductBlockProps>((props) => {
   const { context, className, breadcrumbs } = props;

package/src/ProductBlockContent.ts

@@ -0,0 +1,6 @@
+import type { LinkContent } from './model/LinkContent';
+import type { ProductBlockInnerContent } from './ProductBlockInnerContent';
+
+export interface ProductBlockContent extends ProductBlockInnerContent {
+  breadcrumbs?: LinkContent[];
+}

package/src/ProductBlockInner.tsx

@@ -1,16 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { BaseTileContent } from './BaseTile';
 import { BaseTile } from './BaseTile';
-import type { Benefit } from './BenefitsBlock';
+import type { Benefit } from './BenefitsBlockContent';
 import { Img } from './Img';
+import type { ProductBlockInnerContent } from './ProductBlockInnerContent';
 import type { UniBlockProps } from './types';
 import { Icon } from './ui-kit/Icon';
 import { Title } from './ui-kit/Title';
 
-export interface ProductBlockInnerContent extends BaseTileContent {
-  benefits?: Benefit[];
-}
-
 export interface ProductBlockInnerProps extends ProductBlockInnerContent, UniBlockProps {}
 
 export const ProductBlockInner = JSX<ProductBlockInnerProps>(

package/src/ProductBlockInnerContent.ts

@@ -0,0 +1,6 @@
+import type { BaseTileContent } from './BaseTileContent';
+import type { Benefit } from './BenefitsBlockContent';
+
+export interface ProductBlockInnerContent extends BaseTileContent {
+  benefits?: Benefit[];
+}

package/src/ProductGallery.fixture.tsx

@@ -1,7 +1,7 @@
 import { context } from './setup-fixture';
 
 import { ProductGallery } from './ProductGallery';
-import { Picture } from './types';
+import type { Picture } from './model/Picture';
 
 const moneyImage: Picture = {
   src: 'money-1.png',

package/src/ProductGallery.tsx

@@ -1,23 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { ProductBlockInnerContent } from './ProductBlockInner';
 import { ProductBlockInner } from './ProductBlockInner';
+import type { ProductBlockInnerContent } from './ProductBlockInnerContent';
+import type { ProductGalleryContent } from './ProductGalleryContent';
 import type { UniBlockProps } from './types';
 
-interface ProductGalleryNav {
-  title: string;
-  desc: string;
-}
-
-export interface ProductSlideContent {
-  nav: ProductGalleryNav;
-  productBlock: ProductBlockInnerContent;
-}
-
-export interface ProductGalleryContent {
-  duration?: number;
-  slides?: ProductSlideContent[];
-}
-
 export interface ProductGalleryProps extends ProductGalleryContent, UniBlockProps {}
 
 export const ProductGallery = JSX<ProductGalleryProps>(

package/src/ProductGalleryContent.ts

@@ -0,0 +1,16 @@
+import type { ProductBlockInnerContent } from './ProductBlockInnerContent';
+
+interface ProductGalleryNav {
+  title: string;
+  desc: string;
+}
+
+export interface ProductSlideContent {
+  nav: ProductGalleryNav;
+  productBlock: ProductBlockInnerContent;
+}
+
+export interface ProductGalleryContent {
+  duration?: number;
+  slides?: ProductSlideContent[];
+}

package/src/ProductTile.fixture.tsx

@@ -1,7 +1,7 @@
 import { context } from './setup-fixture';
 
 import { ProductTile } from './ProductTile';
-import { Picture } from './types';
+import { Picture } from './model/Picture';
 
 const cardWithMoney: Picture = {
   src: 'card-with-diamond.png',

package/src/ProductTile.tsx

@@ -1,13 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { BaseTileContent } from './BaseTile';
-import type { Benefit } from './BenefitsBlock';
+import type { Benefit } from './BenefitsBlockContent';
+import type { BlockVersion } from './model/BlockVersion';
+import type { ProductTileContent } from './ProductTileContent';
 import { Tile } from './Tile';
 import type { UniBlockProps } from './types';
-import { BlockVersion } from './types';
-
-export interface ProductTileContent extends BaseTileContent {
-  benefits?: Benefit[];
-}
 
 export interface ProductTileProps extends ProductTileContent, UniBlockProps {}
 

package/src/ProductTileContent.ts

@@ -0,0 +1,6 @@
+import type { BaseTileContent } from './BaseTileContent';
+import type { Benefit } from './BenefitsBlockContent';
+
+export interface ProductTileContent extends BaseTileContent {
+  benefits?: Benefit[];
+}

package/src/PromoTile.tsx

@@ -1,12 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { BaseTileContent } from './BaseTile';
+import type { PromoTileContent } from './PromoTileContent';
 import { Tile } from './Tile';
 import type { UniBlockProps } from './types';
 
-export interface PromoTileContent extends BaseTileContent {
-  date?: string;
-}
-
 export interface PromoTileProps extends PromoTileContent, UniBlockProps {}
 
 export const PromoTile = JSX<PromoTileProps>(

package/src/PromoTileContent.ts

@@ -0,0 +1,5 @@
+import type { BaseTileContent } from './BaseTileContent';
+
+export interface PromoTileContent extends BaseTileContent {
+  date?: string;
+}

package/src/StepsBlock.tsx

@@ -1,20 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { Step, StepsBlockContent } from './StepsBlockContent';
 import type { UniBlockProps } from './types';
-import { Icon, IconName } from './ui-kit/Icon';
+import { Icon } from './ui-kit/Icon';
 import { Title } from './ui-kit/Title';
 import { joinList } from './utils/joinList';
 
-export interface Step {
-  label: string;
-  description?: string;
-  icon?: IconName;
-}
-
-export interface StepsBlockContent {
-  title?: string;
-  steps?: Step[];
-}
-
 export interface StepsBlockProps extends StepsBlockContent, UniBlockProps {}
 
 export const StepsBlock = JSX<StepsBlockProps>(({ className, title, steps }) => {

package/src/StepsBlockContent.ts

@@ -0,0 +1,12 @@
+import type { IconName } from './ui-kit/IconProps';
+
+export interface Step {
+  label: string;
+  description?: string;
+  icon?: IconName;
+}
+
+export interface StepsBlockContent {
+  title?: string;
+  steps?: Step[];
+}

package/src/TextBlock.fixture.tsx

@@ -1,6 +1,6 @@
 import { context } from './setup-fixture';
 import { TextBlock } from './TextBlock';
-import { Picture } from './types';
+import { Picture } from './model/Picture';
 
 const image: Picture = {
   src: 'bank-card.png',