@redneckz/wildless-cms-uni-blocks 0.3.95 → 0.4.0

package/mobile/src/react/setup-fixture.ts

@@ -1,19 +1,10 @@
-import { setup } from '@redneckz/uni-jsx';
-import { useEffect, useState } from 'react';
-import runtime from 'react/jsx-runtime';
-import { DaDataAPI } from '../api/DaDataAPI';
+import '@redneckz/uni-jsx/lib/setup.react';
+import { useState } from 'react';
 import type { ContentPageContext } from '../components/ContentPage/ContentPageContext';
 import { IntersectionObserverTag } from './IntersectionObserverTag';
 
-const { jsx, jsxs } = runtime as any;
-
-// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-setup(jsx, jsxs);
-
 const TEST_ORIGIN = 'http://localhost:5001';
 
-const DaData = DaDataAPI('https://10.80.4.9');
-
 const Router = () => {
   const [href, setHref] = useState<string>(globalThis.location.href);
 
@@ -33,57 +24,13 @@ const Router = () => {
 };
 
 export const context: ContentPageContext = {
-  useState,
   useRouter: Router,
-  useAsyncData: (key, fetcher) => {
-    const [data, setData] = useState<any>();
-    useEffect(() => {
-      fetcher(key).then((_) => {
-        setData(_);
-      });
-    }, [key, fetcher]);
-
-    return { data };
-  },
-  useGeolocation: (defaultLocation) => {
-    const [city, setCity] = useState(
-      globalThis.localStorage.getItem('location') || defaultLocation,
-    );
-
-    const getCity = () => {
-      DaData.getFetcherAddress().then((_) => {
-        const location = _ || defaultLocation;
-        globalThis.localStorage.setItem('location', location);
-        setCity(location);
-      });
-    };
-
-    return [city, getCity];
-  },
-  useLikeService: () => ({
-    likeCount: 0,
-    like: () => {
-      console.log('like');
-    },
-    dislike: () => {
-      console.log('dislike');
-    },
-  }),
   handlerDecorator:
     (handler, targetContent): any =>
     (ev) => {
       ev.preventDefault();
       console.log(ev.target, ev, targetContent);
     },
-  useSearch: () => {
-    const [term, setTerm] = useState('');
-
-    return {
-      term,
-      setTerm: (text: string) => setTerm(text),
-    };
-  },
-  useEffect,
   IntersectionObserverTag,
 };
 

package/mobile/src/services/sitemap/useSitemap.ts

@@ -1,8 +1,8 @@
-import type { AsyncDataHook } from '../../components/ContentPage/ContentPageContext';
+import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
 import type { HeaderContent } from '../../components/Header/HeaderContent';
 import { projectSettings } from '../../ProjectSettings';
 
-export function useSitemap(useAsyncData: AsyncDataHook): HeaderContent {
+export function useSitemap(): HeaderContent {
   const { data } = useAsyncData(sitemapURL(), fetchSitemap);
 
   return data || {};

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

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import type { ContentPageContext } from '../components/ContentPage/ContentPageContext';
 import { EventBus } from '../EventBus/EventBus';
 import type { UniBlockProps } from '../types';
@@ -16,9 +17,9 @@ export const BlockWrapper = JSX<BlockWrapperProps>(
     const Tag: any = tag;
 
     const { IntersectionObserverTag } = context;
-    const [shouldRenderBlock, setShouldRenderBlock] = context.useState(true);
+    const [shouldRenderBlock, setShouldRenderBlock] = useState(true);
 
-    context.useEffect(
+    useEffect(
       () =>
         EventBus.inst.subscribe('tab', (event) => {
           setShouldRenderBlock(!labels?.length || !event.label || labels.includes(event.label));

package/mobile/src/ui-kit/BlocksList/BlocksListProps.ts

@@ -1,4 +1,3 @@
-import { ContentPageContext } from '../../components/ContentPage/ContentPageContext';
 import type { GalleryContent } from '../../components/Gallery/GalleryContent';
 import type { HeadlineContent } from '../../components/Headline/HeadlineContent';
 import type { LinkDocsContent } from '../../components/LinkDocs/LinkDocsContent';
@@ -12,7 +11,6 @@ import type { TileContent } from '../../components/Tile/TileContent';
 import type { EmptyOption } from '../../model/EmptyOptionType';
 
 export interface ActiveHandler {
-  context: ContentPageContext;
   blocks?: BlockDef[];
   initialState?: boolean;
 }

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

@@ -9,7 +9,7 @@ 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',
   secondary:
-    'text-primary-main bg-secondary-light hover:bg-secondary-hover active:bg-secondary-active',
+    'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
   link: 'text-primary-main',
 };
 
@@ -67,7 +67,7 @@ export const Button = JSX<ButtonCommonProps>(
 
     return (
       <a
-        className={`${styleButton} inline-block cursor-pointer no-underline ${
+        className={`${styleButton} inline-block cursor-pointer no-underline focus:border focus:border-primary-focus ${
           buttonStyleMap[version] || ''
         } ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`}
         href={href}

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

@@ -14,7 +14,7 @@ export const ButtonInner = JSX<ButtonInnerProps>((props) => {
       {appendLeft ? appendLeft : null}
       {isWithText(props) ? (
         <div>
-          <div className="text-xs text-left">{aboveText}</div>
+          <div className="text-xs-light text-left">{aboveText}</div>
           <div className={`text-left ${aboveText ? 'text-s -mt-0.5' : 'text-l'}`}>{text}</div>
         </div>
       ) : null}

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

@@ -23,6 +23,8 @@ export interface ButtonProps extends ButtonAdditionalProps, LinkProps {
    * @default Кнопка
    */
   text?: string;
+  /** @title Закругленные углы */
+  rounded?: boolean;
   version?: ButtonVersion;
 }
 
@@ -37,8 +39,6 @@ export interface ButtonWithIconProps extends ButtonProps {
   appendLeft?: VNode;
   /** @hidden */
   appendRight?: VNode;
-  /** @title Закругленные углы */
-  rounded?: boolean;
   /** @hidden */
   asSVG?: boolean;
 }

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

@@ -11,33 +11,35 @@ const CHECK_PATHS = [
   },
 ];
 
-export const Checkbox = JSX<CheckboxProps>(({ className, text, checked, isRadio, onChange }) => (
-  <div className={className}>
-    <label className="flex items-center cursor-pointer relative">
-      <input
-        className={`peer appearance-none w-5 h-5 border-solid
+export const Checkbox = JSX<CheckboxProps>(({ className, text, checked, isRadio, onChange }) => {
+  return (
+    <div className={className}>
+      <label className="flex items-center relative cursor-pointer group">
+        <input
+          className={`peer appearance-none w-5 h-5 border-solid cursor-pointer group-hover:border-checkbox-hover
         ${isRadio ? 'rounded-full border-2' : 'rounded checked:bg-primary-main border'}
         ${checked ? 'border-black' : 'border-main-stroke'}
         checked:border-primary-main m-0`}
-        type="checkbox"
-        onChange={(e) => {
-          onChange(e.target.checked as boolean);
-        }}
-        checked={checked}
-      />
-      {isRadio ? (
-        <div className="left-1 w-3 h-3 rounded-full bg-primary-main hidden absolute peer-checked:block"></div>
-      ) : (
-        <SVG
-          paths={CHECK_PATHS}
-          className="hidden absolute left-1 ml-px peer-checked:block"
-          width="11"
-          height="9"
-          fill="white"
-          viewBox="0 0 11 9"
+          type="checkbox"
+          onChange={(e) => {
+            onChange(e.target.checked as boolean);
+          }}
+          checked={checked}
         />
-      )}
-      {text ? <span className="font-sans ml-3 text-l cursor-pointer">{text}</span> : null}
-    </label>
-  </div>
-));
+        {isRadio ? (
+          <div className="left-1 w-3 h-3 rounded-full bg-primary-main hidden absolute peer-checked:block"></div>
+        ) : (
+          <SVG
+            paths={CHECK_PATHS}
+            className="hidden absolute left-1 ml-px peer-checked:block"
+            width="11"
+            height="9"
+            fill="white"
+            viewBox="0 0 11 9"
+          />
+        )}
+        {text ? <span className="font-sans ml-3 text-l-light">{text}</span> : null}
+      </label>
+    </div>
+  );
+});

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

@@ -30,7 +30,6 @@ export interface RenderBlocksParams {
 export const Foldable = JSX<FoldableProps>(
   ({
     blocks = [],
-    context,
     hiddenBlocksNum = 0,
     foldButtonClasses,
     foldButtonLabel,
@@ -42,7 +41,6 @@ export const Foldable = JSX<FoldableProps>(
     const blocksToHide = clamp(hiddenBlocksNum, 0, blocks.length);
 
     const { icon, handleToggle, isActive } = useActiveHandler({
-      context,
       initialState: isUnfolded,
     });
 
@@ -75,7 +73,7 @@ const renderBlocks = (
   { blocksToHide, isActive, containerClasses }: RenderBlocksParams,
 ) => {
   const visibleBlocks = blocks.slice(0, blocks.length - blocksToHide);
-  const hiddenBlocks = blocks.slice(-blocksToHide);
+  const hiddenBlocks = blocksToHide > 0 ? blocks.slice(-blocksToHide) : [];
 
   return render(
     <div>

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

@@ -1,15 +1,14 @@
-import { ContentPageContext } from '../../components/ContentPage/ContentPageContext';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import type { IconName } from '../../icons/IconName';
 
 export const foldableBlockClassNames = 'transition-all duration-300 max-h-0 overflow-hidden';
 
 export interface ActiveHandler {
-  context: ContentPageContext;
   initialState?: boolean;
 }
 
-export const useActiveHandler = ({ context, initialState = false }: ActiveHandler) => {
-  const [isActive, setIsActive] = context.useState(initialState);
+export const useActiveHandler = ({ initialState = false }: ActiveHandler) => {
+  const [isActive, setIsActive] = useState(initialState);
   const icon: IconName = isActive ? 'ArrowUpIcon' : 'ArrowDownIcon';
 
   const handleToggle = (e) => {

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

@@ -4,7 +4,7 @@ import type { TopItemProps } from '../TopItem/TopItem';
 
 export type HeaderItemProps = TopItemProps;
 
-const TEXT_CLASSES = 'font-sans font-normal text-sm';
+const TEXT_CLASSES = 'font-sans text-s';
 const BORDER_CLASSES = 'absolute left-0 -bottom-3 w-full h-[2px]';
 
 export const HeaderItem = JSX<HeaderItemProps>(

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

@@ -3,6 +3,16 @@ import { ImgInner } from './ImgInner';
 
 import type { Image, ImageProps } from './ImgProps';
 
-export const Img = JSX<ImageProps<Image>>(({ className = '', image }) => {
-  return <ImgInner className={className} image={image} isMobile={true} />;
-});
+export const Img = JSX<ImageProps<Image>>(
+  ({ className = '', image, imageClassName, ...iconProps }) => {
+    return (
+      <ImgInner
+        className={className}
+        image={image}
+        imageClassName={imageClassName}
+        {...iconProps}
+        isMobile={true}
+      />
+    );
+  },
+);

package/mobile/src/ui-kit/Img/ImgAsPicture.tsx

@@ -12,7 +12,7 @@ const sourcesComparator = (a: Picture, b: Picture) => {
 
 export const ImgAsPicture = JSX<ImageProps<Picture>>(
   ({ className = '', image, imageClassName = '', isMobile = false }) => {
-    if (!image) {
+    if (!image || (!image?.sources && !image?.src)) {
       return null;
     }
 

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

@@ -2,8 +2,20 @@ import { JSX } from '@redneckz/uni-jsx';
 import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
 import type { InputRangeProps } from './InputRangeProps';
 
+const DISABLED_INPUT_CLASSES = 'disabled:border-main-stroke disabled:bg-main-divider';
+
 export const InputRange = JSX<InputRangeProps>(
-  ({ className, title, items = [], min = 1, max = 100, step = 1, value = min, onChange }) => {
+  ({
+    className,
+    title,
+    items = [],
+    min = 1,
+    max = 100,
+    step = 1,
+    value = min,
+    disabled = false,
+    onChange,
+  }) => {
     const handleChange = (_: string) => {
       if (!onChange) {
         return;
@@ -29,15 +41,16 @@ export const InputRange = JSX<InputRangeProps>(
     return (
       <div className={className}>
         <label className="block relative">
-          {title ? <span className="text-l text-secondary-text pl-4">{title}</span> : null}
+          {title ? <span className="text-m font-light">{title}</span> : null}
           <input
-            className={`m-0 mt-[5px] font-sans text-h3 w-full h-14 border border-solid border-main-stroke rounded-md
-                        outline-none p-0 pl-4 box-border text-primary-text`}
+            className={`m-0 mt-2 font-sans text-h3 w-full h-14 border border-solid border-main-stroke rounded-md
+                        outline-none p-0 pl-4 box-border text-primary-text hover:border-primary-hover focus:border-primary-focus ${DISABLED_INPUT_CLASSES}`}
             value={addSpacesBetweenNumbers(value)}
+            disabled={disabled}
             onChange={(e) => handleChange(e.target.value as string)}
             onBlur={handleBlur}
           />
-          <div className="absolute inset-x-0 bottom-[-4px] px-4 leading-[18px]">
+          <div className="absolute inset-x-0 -bottom-1 px-4 leading-[18px]">
             <input
               className="box-border w-full m-0 cursor-pointer slider"
               type="range"
@@ -45,14 +58,15 @@ export const InputRange = JSX<InputRangeProps>(
               max={max}
               step={step}
               value={value}
+              disabled={disabled}
               onChange={(e) => handleChange(e.target.value as string)}
               style={inputStyle}
             />
           </div>
         </label>
-        <div className="flex justify-between my-3">
+        <div className="flex justify-between my-2">
           {items.map((item, i) => (
-            <span key={String(i)} className="text-sm leading-[14px] text-secondary-text pl-4">
+            <span key={String(i)} className="text-s-light text-secondary-text">
               {item}
             </span>
           ))}

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

@@ -6,5 +6,6 @@ export interface InputRangeProps {
   step?: number;
   value?: number;
   title?: string;
+  disabled?: boolean;
   onChange?: (value: number) => void;
 }

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

@@ -30,7 +30,7 @@ export const Logo = JSX<Partial<LogoProps>>(
       >
         <Img image={{ icon: 'Logo' }} className={`${SVG_COLOR[bgColor]} w-10 h-[38px]`} asSVG />
         {hideTitle ? null : (
-          <span className={`${TEXT_COLOR[bgColor]} text-sm font-medium ml-2.5`}>
+          <span className={`${TEXT_COLOR[bgColor]} text-s font-medium ml-2.5`}>
             {children || 'Россельхозбанк'}
           </span>
         )}

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

@@ -12,7 +12,7 @@ export const Radio = JSX<RadioProps>(({ name, text, value, checked, onChange, cl
         checked={checked}
         onChange={onChange}
       />
-      {text ? <span className="font-sans ml-3 text-m-base cursor-pointer">{text}</span> : null}
+      {text ? <span className="font-sans ml-3 cursor-pointer">{text}</span> : null}
     </label>
   </div>
 ));

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

@@ -2,6 +2,6 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
 import { SearchBarInner } from './SearchBarInner';
 
-export const SearchBar = JSX<UniBlockProps>(({ className = '', context }) => {
-  return <SearchBarInner context={context} className={className} isMobile={true} />;
+export const SearchBar = JSX<UniBlockProps>(({ className = '' }) => {
+  return <SearchBarInner className={className} isMobile={true} />;
 });

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

@@ -1,72 +1,69 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../types';
+import { useSearch } from '../../hooks/useSearch';
 import { Button } from '../Button/Button';
 import { Img } from '../Img/Img';
 
-export interface SearchBarInnerProps extends UniBlockProps {
+export interface SearchBarInnerProps {
   isMobile?: boolean;
+  className?: string;
 }
 
-export const SearchBarInner = JSX<SearchBarInnerProps>(
-  ({ className, context, isMobile = false }) => {
-    const { term, setTerm } = context.useSearch();
+export const SearchBarInner = JSX<SearchBarInnerProps>(({ className, isMobile = false }) => {
+  const { term, setTerm } = useSearch();
 
-    const LoupeIconClassName = isMobile ? 'w-[20px] h-[20px]' : 'w-[24px] h-[24px]';
-    const SearchBarLabelClassName = isMobile ? 'font-normal text-sm' : 'text-l-light';
-    const SearchBarInputClassName = isMobile
-      ? ' placeholder-transparent font-normal'
-      : 'font-light h-full';
-    const inputPlaceholder = isMobile ? 'some search' : undefined;
+  const LoupeIconClassName = isMobile ? 'w-[20px] h-[20px]' : 'w-[24px] h-[24px]';
+  const SearchBarLabelClassName = isMobile ? 'text-s' : 'text-l-light';
+  const SearchBarInputClassName = isMobile ? ' placeholder-transparent' : 'h-full';
+  const inputPlaceholder = isMobile ? 'some search' : undefined;
 
-    return (
-      <form className={`font-sans relative ${className}`}>
-        <div className="absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none">
-          <div className={LoupeIconClassName}>
-            <Img image="LoupeIcon" width="24" height="24" />
-          </div>
-          {term ? null : (
-            <label
-              htmlFor="search-bar-input"
-              className={`text-secondary-text ${SearchBarLabelClassName}`}
-            >
-              Поиск по сайту
-            </label>
-          )}
+  return (
+    <form className={`font-sans relative ${className}`}>
+      <div className="absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none">
+        <div className={LoupeIconClassName}>
+          <Img image="LoupeIcon" width="24" height="24" />
         </div>
-        <input
-          id="search-bar-input"
-          className={`h-12 pl-12 w-full peer text-l text-black border border-solid rounded-md box-border
-              outline-none pr-[6%] border-main-divider focus:border-primary-text ${SearchBarInputClassName}`}
-          value={term}
-          onChange={(e) => setTerm(e.target.value as string)}
-          type="text"
-          name="search-bar-input"
-          placeholder={inputPlaceholder}
-        />
-        {isMobile ? (
-          <button
-            className="visible peer-placeholder-shown:invisible absolute top-2 right-3 w-6 h-6 p-1 bg-transparent cursor-pointer border-none"
-            onClick={(e) => {
-              e.preventDefault();
-              setTerm('');
-            }}
-          >
-            <Img image="CloseIcon" width="24" height="24" />
-          </button>
-        ) : (
-          <Button
-            version="primary"
-            text="Найти"
-            className="invisible peer-focus:visible absolute top-1 right-1"
-            onClick={(ev) => {
-              ev?.preventDefault();
-              console.log('click');
-            }}
+        {term ? null : (
+          <label
+            htmlFor="search-bar-input"
+            className={`text-secondary-text ${SearchBarLabelClassName}`}
           >
-            <div className="font-normal text-sm px-9 py-[9px]">Найти</div>
-          </Button>
+            Поиск по сайту
+          </label>
         )}
-      </form>
-    );
-  },
-);
+      </div>
+      <input
+        id="search-bar-input"
+        className={`h-12 pl-12 w-full peer text-l text-black border border-solid rounded-md box-border
+              outline-none pr-[6%] border-main-divider focus:border-primary-text ${SearchBarInputClassName}`}
+        value={term}
+        onChange={(e) => setTerm(e.target.value as string)}
+        type="text"
+        name="search-bar-input"
+        placeholder={inputPlaceholder}
+      />
+      {isMobile ? (
+        <button
+          className="visible peer-placeholder-shown:invisible absolute top-2 right-3 w-6 h-6 p-1 bg-transparent cursor-pointer border-none"
+          onClick={(e) => {
+            e.preventDefault();
+            setTerm('');
+          }}
+        >
+          <Img image="CloseIcon" width="24" height="24" />
+        </button>
+      ) : (
+        <Button
+          version="primary"
+          text="Найти"
+          className="invisible peer-focus:visible absolute top-1 right-1"
+          onClick={(ev) => {
+            ev?.preventDefault();
+            console.log('click');
+          }}
+        >
+          <div className="text-s px-9 py-2.5">Найти</div>
+        </Button>
+      )}
+    </form>
+  );
+});

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

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { DEFAULT_GAP, DEFAULT_PADDING } from './constants';
 import { SwipeListControlDots } from './SwipeListControlDots';
 import { SwipeListControlList } from './SwipeListControlList';
@@ -9,15 +10,14 @@ import { getScrollPoints } from './utils/getScrollPoints';
 export const SwipeListControl = JSX<SwipeListControlProps>(
   ({
     className,
-    context,
     children,
     gap = DEFAULT_GAP,
     padding = DEFAULT_PADDING,
     showDots = true,
     onSlideChange,
   }) => {
-    const [activeIndex, setActiveIndex] = context.useState<number>(0);
-    const [indexFraction, setIndexFraction] = context.useState<number>(0);
+    const [activeIndex, setActiveIndex] = useState(0);
+    const [indexFraction, setIndexFraction] = useState(0);
 
     const dotsProps = {
       activeIndex,

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

@@ -14,7 +14,7 @@ export const Tabs = JSX<TabsProps>(({ tabs, currentTabIndex, onTabClick }) => {
 });
 
 const tabDescriptionStyle = (isActive = false) =>
-  `font-light text-xs ${isActive ? '' : 'text-secondary-text'}`;
+  `text-xs-light ${isActive ? '' : 'text-secondary-text'}`;
 
 const renderTab =
   (currentTabIndex: number, onTabClick: TabClickHandler) => (tab: Tab, index: number) => {
@@ -32,7 +32,7 @@ const renderTab =
       >
         {tab?.icon ? renderIcon(tab, isActive) : null}
         <div>
-          {tab?.title ? <h3 className="font-medium m-0 text-base">{tab?.title}</h3> : null}
+          {tab?.title ? <h3 className="m-0 text-l font-medium">{tab?.title}</h3> : null}
           {tab?.description ? (
             <span className={tabDescriptionStyle(isActive)}>{tab?.description}</span>
           ) : null}

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

@@ -15,7 +15,7 @@ export interface TopItemProps extends TopItemContent {
   dataItemName?: string;
 }
 
-const TEXT_CLASSES = 'font-sans font-light text-sm';
+const TEXT_CLASSES = 'font-sans text-s-light';
 const LINK_CLASSES = 'inline-block border border-solid bg-transparent text-center no-underline';
 
 export const TopItem = JSX<TopItemProps>(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.3.95",
+  "version": "0.4.0",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -110,7 +110,7 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@redneckz/uni-jsx": "^0.1.6",
+    "@redneckz/uni-jsx": "^2.1.3",
     "glob": "^8.0.3",
     "remark-html": "^15.0.1",
     "remark-parse": "^10.0.1",