@redneckz/wildless-cms-uni-blocks 0.3.85 → 0.3.86

package/src/hooks/useLink.ts

@@ -18,11 +18,11 @@ export function useLink(
     ...link,
     href,
     'aria-label': link.text,
-    onClick: handlerDecorator((ev: MouseEvent) => {
+    onClick: handlerDecorator((ev?: { preventDefault: () => void }) => {
       const isLocalHref = href && !isURL(href);
       const isLocalTarget = !link.target || link.target === '_self';
       if (isLocalHref && isLocalTarget) {
-        ev.preventDefault();
+        ev?.preventDefault();
         router.push(href);
       }
     }, link),

package/src/model/HeadlineType.ts

@@ -0,0 +1,21 @@
+/**
+ * @title Размер заголовка
+ * @enumNames ["Самый большой", "Очень большой", "Большой", "Средний", "Маленький"]
+ */
+export type HeadlineVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S';
+
+export type TitleProp = {
+  /** @title Заголовок */
+  title?: string;
+};
+
+export type DescriptionProp = {
+  /** @title Описание */
+  description?: string;
+};
+
+export type HeadlineCommonProps = TitleProp & DescriptionProp;
+
+export type HeadlineProps = HeadlineCommonProps & {
+  headlineVersion?: HeadlineVersion;
+};

package/src/model/VNode.ts

@@ -1 +1 @@
-export type VNode = unknown;
+export type VNode = any;

package/src/services/sitemap/findActiveSubItem.ts

@@ -5,10 +5,10 @@ import { isSubItemActive } from './isSubItemActive';
 
 export const findActiveSubItem =
   (router: Router) =>
-  <T extends LinkProps>(items: T[] = []): T | null => {
+  <T extends LinkProps>(items: T[] = []): T | undefined => {
     const possibleActiveSubItems = items?.filter(isSubItemActive(router));
 
     return possibleActiveSubItems?.length
       ? maxBy((_: T) => _.href?.length || 0)(possibleActiveSubItems) // More specific item with max length
-      : null;
+      : undefined;
   };

package/src/types.ts

@@ -72,5 +72,3 @@ export interface DaDataSuggestion<T> {
 export interface DaDataAddress {
   city?: string | null;
 }
-
-export type FuncReturnVoid<Input = unknown> = (value: Input) => void;

package/src/ui-kit/Breadcrumb.tsx

@@ -3,7 +3,7 @@ import type { LinkProps } from '../model/LinkProps';
 
 export interface BreadcrumbProps extends LinkProps {
   className?: string;
-  onClick?: (ev: MouseEvent) => any;
+  onClick?: () => void;
 }
 
 export const Breadcrumb = JSX<BreadcrumbProps>(

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

@@ -3,8 +3,8 @@
 
 import { JSX } from '@redneckz/uni-jsx';
 import type { ButtonVersion } from '../../model/ButtonVersion';
-import type { ButtonProps, ButtonWithIconProps } from './ButtonProps';
 import { ButtonInner } from './ButtonInner';
+import type { ButtonProps, ButtonWithIconProps } from './ButtonProps';
 
 const buttonStyleMap: Record<ButtonVersion, string> = {
   primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
@@ -55,7 +55,7 @@ export const Button = JSX<ButtonCommonProps>(
           role="button"
           aria-disabled="true"
           aria-label={ariaLabel}
-          tabIndex="-1"
+          tabIndex={-1}
           className={`inline-block ${styleButton} ${buttonDisabledStyleMap[version] || ''} ${
             rounded ? 'rounded-full' : 'rounded-md'
           } ${className || ''}`}

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

@@ -44,7 +44,7 @@ export const Button = JSX<ButtonCommonProps>((props) => {
   );
 });
 
-export const RegularButton = JSX<ButtonCommonProps>(
+const RegularButton = JSX<ButtonCommonProps>(
   ({
     className = '',
     ariaLabel,
@@ -81,7 +81,7 @@ const DisabledButton = JSX<ButtonCommonProps>(
         role="button"
         aria-disabled="true"
         aria-label={ariaLabel}
-        tabIndex="-1"
+        tabIndex={-1}
         className={`inline-block ${buttonStyle} ${buttonDisabledStyleMap[version] || ''} ${
           rounded ? 'rounded-full' : 'rounded-md'
         } ${className || ''}`}

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

@@ -14,8 +14,8 @@ export const ButtonInner = JSX<ButtonInnerProps>((props) => {
       {appendLeft ? appendLeft : null}
       {isWithText(props) ? (
         <div>
-          <div className="text-m-2xs font-light text-left">{aboveText}</div>
-          <div className="text-base text-left">{text}</div>
+          <div className="text-xs text-left">{aboveText}</div>
+          <div className={`text-left ${aboveText ? 'text-s -mt-0.5' : 'text-base'}`}>{text}</div>
         </div>
       ) : null}
       {appendRight ? appendRight : null}
@@ -30,7 +30,7 @@ const getButtonStyle = (props: ButtonInnerProps) => {
     return '';
   }
 
-  const withTextStyle = `px-9 gap-2 ${aboveText ? 'py-2' : 'py-4'}`;
+  const withTextStyle = `gap-2 ${aboveText ? 'py-2.5 px-7' : 'py-4 px-9'}`;
 
   return [
     'flex items-center justify-center',

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

@@ -10,7 +10,7 @@ export interface ButtonAdditionalProps {
   disabled?: boolean;
   rel?: string;
   ariaLabel?: string;
-  onClick?: (ev: MouseEvent) => any;
+  onClick?: (ev?: { preventDefault: () => void }) => void;
 }
 
 /**

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 ? (
+  return buttons && buttons?.length ? (
     <div className={className}>
       {buttons.map((button, index) =>
         renderButton(useLink({ router, handlerDecorator }, button), index),

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

@@ -2,7 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 
 export interface LikeButtonProps {
   className?: string;
-  onClick?: (ev: MouseEvent) => any;
+  onClick?: () => void;
   ariaLabel?: string;
 }
 

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

@@ -1,8 +1,7 @@
 import { ArrowButton } from './ArrowButton';
-import type { FuncReturnVoid } from '../../types';
 
-type renderArrowsProps = {
-  handler: FuncReturnVoid<MouseEvent>[];
+export type renderArrowsProps = {
+  handler: [() => void, () => void];
   isShown: [boolean, boolean];
   btnClass: [string, string];
   className?: string;

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

@@ -1,12 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { DescriptionContent } from './DescriptionContent';
+import type { DescriptionProp } from '../../model/HeadlineType';
 
-export interface DescriptionProps extends DescriptionContent {
+export interface DescriptionProps extends DescriptionProp {
   className?: string;
 }
 
 export const Description = JSX<DescriptionProps>((props) => {
   const { className = '', description } = props;
 
-  return <div className={`font-normal text-base ${className}`}>{description}</div>;
+  return <div className={`${className}`}>{description}</div>;
 });

package/src/ui-kit/Foldable/useActiveHandler.ts

@@ -12,7 +12,7 @@ export const useActiveHandler = ({ context, initialState = false }: ActiveHandle
   const [isActive, setIsActive] = context.useState(initialState);
   const icon: IconName = isActive ? 'ArrowUpIcon' : 'ArrowDownIcon';
 
-  const handleToggle = (e: MouseEvent) => {
+  const handleToggle = (e) => {
     const currentTarget = e.currentTarget as HTMLElement;
 
     if (!currentTarget) {

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

@@ -1,12 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { HeadingContent, HeadingType, HeadingTypeContent } from './HeadingContent';
-
-export interface HeadingProps extends HeadingContent, HeadingTypeContent {
-  className?: string;
-  as?: HeadingType;
-}
+import type { HeadingProps, HeadingType } from './HeadingProps';
 
 const HeadingClass: Record<HeadingType, string> = {
+  h0: 'text-m-title',
   h1: 'text-m-title',
   h2: 'text-m-title',
   h3: 'text-m-title-md',
@@ -16,13 +12,7 @@ const HeadingClass: Record<HeadingType, string> = {
 };
 
 export const Heading = JSX<HeadingProps>((props) => {
-  const { className, headingType, title, as } = props;
-
-  if (!headingType) {
-    return null;
-  }
-
-  const Tag = as || headingType;
+  const { className, headingType = 'h3', title, as: Tag = 'h3' } = props;
 
   return (
     <Tag className={`font-sans font-medium m-0 ${HeadingClass[headingType]} ${className || ''}`}>

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

@@ -1,28 +1,18 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { HeadingContent, HeadingType, HeadingTypeContent } from './HeadingContent';
-
-export interface HeadingProps extends HeadingContent, HeadingTypeContent {
-  className?: string;
-  as?: HeadingType;
-}
+import type { HeadingProps, HeadingType } from './HeadingProps';
 
 const HEADING_STYLE_MAP: Record<HeadingType, string> = {
-  h1: 'text-title-xl tracking-[-0.3px]',
-  h2: 'text-title-lg',
-  h3: 'text-title',
-  h4: 'text-title-sm',
-  h5: 'text-title-xs',
-  h6: 'text-title-2xs tracking-[0.2px]',
+  h0: 'text-h0', // 56
+  h1: 'text-h1', // 50
+  h2: 'text-h2', // 40
+  h3: 'text-h3', // 32
+  h4: 'text-h4', // 28
+  h5: 'text-h5', // 24
+  h6: 'text-h6', // 20
 };
 
 export const Heading = JSX<HeadingProps>((props) => {
-  const { className = '', headingType, title, as } = props;
-
-  if (!headingType) {
-    return null;
-  }
-
-  const Tag = as || headingType;
+  const { className = '', headingType = 'h3', title, as: Tag = 'h3' } = props;
 
   return (
     <Tag className={`font-sans m-0 ${HEADING_STYLE_MAP[headingType]} ${className}`}>{title}</Tag>

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

@@ -0,0 +1,24 @@
+import type { TitleProp } from '../../model/HeadlineType';
+
+/**
+ *
+ * @title Размер заголовка
+ * @enumNames [
+ *   "h0", "h1", "h2", "h3", "h4", "h5", "h6"
+ * ]
+ */
+export type HeadingType = 'h0' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+
+/**
+ * @hidden
+ */
+export type HeadingTagType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+
+export interface HeadingCommonProps extends TitleProp {
+  as?: HeadingTagType;
+  headingType?: HeadingType;
+}
+
+export interface HeadingProps extends HeadingCommonProps {
+  className?: string;
+}

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

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

package/src/ui-kit/SVG.tsx

@@ -3,8 +3,8 @@ import { JSX } from '@redneckz/uni-jsx';
 interface SVGPathOptions {
   fill?: string;
   stroke?: string;
-  strokeLinecap?: string;
-  strokeLinejoin?: string;
+  strokeLinecap?: 'inherit' | 'butt' | 'round' | 'square';
+  strokeLinejoin?: 'inherit' | 'round' | 'miter' | 'bevel';
   strokeWidth?: string;
   strokeMiterlimit?: string;
 }

package/src/ui-kit/SearchBar/SearchBarInner.tsx

@@ -16,7 +16,7 @@ export const SearchBarInner = JSX<SearchBarInnerProps>(
     const SearchBarInputClassName = isMobile
       ? ' placeholder-transparent font-normal'
       : 'font-light h-full';
-    const inputPlaceholder = isMobile ? 'some search' : null;
+    const inputPlaceholder = isMobile ? 'some search' : undefined;
 
     return (
       <form className={`font-sans relative ${className}`}>
@@ -58,8 +58,8 @@ export const SearchBarInner = JSX<SearchBarInnerProps>(
             version="primary"
             text="Найти"
             className="invisible peer-focus:visible absolute top-1 right-1"
-            onClick={(e) => {
-              e.preventDefault();
+            onClick={(ev) => {
+              ev?.preventDefault();
               console.log('click');
             }}
           >

package/src/ui-kit/TableArrowScrollControl/TableArrowScrollControlProps.ts

@@ -1,9 +1,7 @@
-import { FuncReturnVoid } from '../../types';
-
 export interface TableArrowScrollControlProps {
   isScrollAvailable?: boolean;
-  handleNextClick: FuncReturnVoid<MouseEvent>;
-  handlePrevClick: FuncReturnVoid<MouseEvent>;
+  handleNextClick: () => void;
+  handlePrevClick: () => void;
   showNextButton: boolean;
   showPrevButton: boolean;
 }

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

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

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

@@ -10,7 +10,7 @@ export interface TopItemProps extends TopItemContent {
   className?: string;
   flat?: boolean;
   ariaLabel?: string;
-  onClick?: (ev: MouseEvent) => any;
+  onClick?: () => void;
   bgColor?: BgColorVersion;
   dataItemName?: string;
 }

package/src/utils/url.ts

@@ -24,3 +24,5 @@ export const getHash = (href?: string) => {
 
   return hashIndex !== -1 ? href.substring(hashIndex, href.length) : undefined;
 };
+
+export const isHash = (href?: string) => href?.startsWith('#');

package/dist/ui-kit/Description/DescriptionContent.d.ts

@@ -1,4 +0,0 @@
-export interface DescriptionContent {
-    /** @title Описание */
-    description?: string;
-}

package/dist/ui-kit/Description/DescriptionContent.js.map

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

package/dist/ui-kit/Heading/HeadingContent.d.ts

@@ -1,15 +0,0 @@
-/**
- *
- * @title Тип заголовка
- * @enumNames [
- *   "h1", "h2", "h3", "h4", "h5", "h6"
- * ]
- */
-export declare type HeadingType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export interface HeadingTypeContent {
-    headingType?: HeadingType;
-}
-export interface HeadingContent {
-    /** @title Заголовок */
-    title?: string;
-}

package/dist/ui-kit/Heading/HeadingContent.js.map

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

package/lib/ui-kit/Description/DescriptionContent.d.ts

@@ -1,4 +0,0 @@
-export interface DescriptionContent {
-    /** @title Описание */
-    description?: string;
-}

package/lib/ui-kit/Description/DescriptionContent.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=DescriptionContent.js.map

package/lib/ui-kit/Description/DescriptionContent.js.map

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

package/lib/ui-kit/Heading/HeadingContent.d.ts

@@ -1,15 +0,0 @@
-/**
- *
- * @title Тип заголовка
- * @enumNames [
- *   "h1", "h2", "h3", "h4", "h5", "h6"
- * ]
- */
-export declare type HeadingType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export interface HeadingTypeContent {
-    headingType?: HeadingType;
-}
-export interface HeadingContent {
-    /** @title Заголовок */
-    title?: string;
-}

package/lib/ui-kit/Heading/HeadingContent.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=HeadingContent.js.map

package/lib/ui-kit/Heading/HeadingContent.js.map

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

package/mobile/dist/ui-kit/Description/DescriptionContent.d.ts

@@ -1,4 +0,0 @@
-export interface DescriptionContent {
-    /** @title Описание */
-    description?: string;
-}

package/mobile/dist/ui-kit/Description/DescriptionContent.js.map

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

package/mobile/dist/ui-kit/Heading/HeadingContent.d.ts

@@ -1,15 +0,0 @@
-/**
- *
- * @title Тип заголовка
- * @enumNames [
- *   "h1", "h2", "h3", "h4", "h5", "h6"
- * ]
- */
-export declare type HeadingType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export interface HeadingTypeContent {
-    headingType?: HeadingType;
-}
-export interface HeadingContent {
-    /** @title Заголовок */
-    title?: string;
-}

package/mobile/dist/ui-kit/Heading/HeadingContent.js.map

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

package/mobile/lib/ui-kit/Description/DescriptionContent.d.ts

@@ -1,4 +0,0 @@
-export interface DescriptionContent {
-    /** @title Описание */
-    description?: string;
-}

package/mobile/lib/ui-kit/Description/DescriptionContent.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=DescriptionContent.js.map

package/mobile/lib/ui-kit/Description/DescriptionContent.js.map

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

package/mobile/lib/ui-kit/Heading/HeadingContent.d.ts

@@ -1,15 +0,0 @@
-/**
- *
- * @title Тип заголовка
- * @enumNames [
- *   "h1", "h2", "h3", "h4", "h5", "h6"
- * ]
- */
-export declare type HeadingType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export interface HeadingTypeContent {
-    headingType?: HeadingType;
-}
-export interface HeadingContent {
-    /** @title Заголовок */
-    title?: string;
-}

package/mobile/lib/ui-kit/Heading/HeadingContent.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=HeadingContent.js.map

package/mobile/lib/ui-kit/Heading/HeadingContent.js.map

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

package/mobile/src/ui-kit/Description/DescriptionContent.ts

@@ -1,4 +0,0 @@
-export interface DescriptionContent {
-  /** @title Описание */
-  description?: string;
-}

package/mobile/src/ui-kit/Heading/HeadingContent.ts

@@ -1,17 +0,0 @@
-/**
- *
- * @title Тип заголовка
- * @enumNames [
- *   "h1", "h2", "h3", "h4", "h5", "h6"
- * ]
- */
-export type HeadingType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-
-export interface HeadingTypeContent {
-  headingType?: HeadingType;
-}
-
-export interface HeadingContent {
-  /** @title Заголовок */
-  title?: string;
-}

package/src/ui-kit/Description/DescriptionContent.ts

@@ -1,4 +0,0 @@
-export interface DescriptionContent {
-  /** @title Описание */
-  description?: string;
-}

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

@@ -1,17 +0,0 @@
-/**
- *
- * @title Тип заголовка
- * @enumNames [
- *   "h1", "h2", "h3", "h4", "h5", "h6"
- * ]
- */
-export type HeadingType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-
-export interface HeadingTypeContent {
-  headingType?: HeadingType;
-}
-
-export interface HeadingContent {
-  /** @title Заголовок */
-  title?: string;
-}