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

package/src/components/SafeDepositRental/SafeDepositRentalForm.tsx

@@ -1,3 +1,5 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { UniBlockProps } from '../../types';
 import { Button } from '../../ui-kit/Button/Button';
 import { InputRange } from '../../ui-kit/InputRange/InputRange';
@@ -7,32 +9,29 @@ import { SelectOption } from '../../ui-kit/Select/SelectOption';
 
 export type SafeDepositRentalFormProps = UniBlockProps;
 
-export const SafeDepositRentalForm = ({
-  cities,
-  cellDimensions,
-  cellOptions,
-  days,
-  setDays,
-  context,
-}) => {
-  return (
-    <div className="flex-1 mr-9">
-      {cities.length ? renderCitiesOffices(cities, context) : null}
-      {renderRentalPeriod(days, setDays)}
-      {cellDimensions.length && cellOptions.length
-        ? renderDimensionsOptions(cellDimensions, cellOptions, context)
-        : null}
-      <span className="text-secondary-text text-l-light">Тип договора</span>
-      <div className="flex justify-between items-center mt-5">
-        {renderRadioButtons(context)}
-        <Button text="Офисы на карте" version="primary" />
+// TODO: Добавить типизацию
+
+export const SafeDepositRentalForm = JSX<any>(
+  ({ cities, cellDimensions, cellOptions, days, setDays }) => {
+    return (
+      <div className="flex-1 mr-9">
+        {cities.length ? <CitiesOffices cities={cities} /> : null}
+        {renderRentalPeriod(days, setDays)}
+        {cellDimensions.length && cellOptions.length ? (
+          <DimensionsOptions cellDimensions={cellDimensions} cellOptions={cellOptions} />
+        ) : null}
+        <span className="text-secondary-text text-l-light">Тип договора</span>
+        <div className="flex justify-between items-center mt-5">
+          <RadioButtons />
+          <Button text="Офисы на карте" version="primary" />
+        </div>
       </div>
-    </div>
-  );
-};
+    );
+  },
+);
 
-const renderCitiesOffices = (cities, context) => {
-  const [selectedCity, setSelectedCity] = context.useState(cities[0].city);
+const CitiesOffices = JSX<any>(({ cities }) => {
+  const [selectedCity, setSelectedCity] = useState(cities[0].city);
 
   const setSelected = (_) => setSelectedCity(_);
 
@@ -64,11 +63,11 @@ const renderCitiesOffices = (cities, context) => {
       </div>
     </div>
   );
-};
+});
 
-const renderDimensionsOptions = (cellDimensions, cellOptions, context) => {
-  const [selectedDimension, setSelectedDimension] = context.useState(cellDimensions[0].dimension);
-  const [selectedOption, setSelectedOption] = context.useState(cellOptions[0].option);
+const DimensionsOptions = JSX<any>(({ cellDimensions, cellOptions }) => {
+  const [selectedDimension, setSelectedDimension] = useState(cellDimensions[0].dimension);
+  const [selectedOption, setSelectedOption] = useState(cellOptions[0].option);
 
   return (
     <div className="flex justify-between mb-6">
@@ -96,7 +95,7 @@ const renderDimensionsOptions = (cellDimensions, cellOptions, context) => {
       </div>
     </div>
   );
-};
+});
 
 interface SelectProps {
   data: any[];
@@ -138,8 +137,9 @@ export const renderRentalPeriod = (days, setDays) => {
   );
 };
 
-const renderRadioButtons = (context) => {
-  const [selected, setSelected] = context.useState('option1');
+// TODO: В качестве компонента не годится
+const RadioButtons = JSX<any>(() => {
+  const [selected, setSelected] = useState('option1');
   const onChange = (_: React.ChangeEvent<HTMLInputElement>) => setSelected(_.target.value);
 
   return (
@@ -161,4 +161,4 @@ const renderRadioButtons = (context) => {
       />
     </div>
   );
-};
+});

package/src/components/Tabs/Tabs.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { EventBus } from '../../EventBus/EventBus';
 import type { UniBlockProps } from '../../types';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
@@ -14,9 +15,9 @@ export interface TabsProps extends TabsContent, UniBlockProps {}
 export const Tabs = JSX<TabsProps>((props) => {
   const { context, className, tabs, page, showCounter } = props;
 
-  const [currentTab, setCurrentTab] = context.useState(tabs ? tabs[0] : undefined);
+  const [currentTab, setCurrentTab] = useState(tabs ? tabs[0] : undefined);
 
-  context.useEffect(() => EventBus.inst.subject('tab', { label: currentTab?.id }), [currentTab]);
+  useEffect(() => EventBus.inst.subject('tab', { label: currentTab?.id }), [currentTab]);
 
   const handleClick = (selectedTab: Tab) => {
     EventBus.inst.fire('tab', { label: selectedTab.id });

package/src/components/TariffsTable/TariffsTable.tsx

@@ -1,8 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useTableArrowScrollControl } from '../../hooks/useTableArrowScrollControl';
 import type { VNode } from '../../model/VNode';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import type { UniBlockProps } from '../../types';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { TableArrowScrollControl } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControl';
@@ -20,7 +21,7 @@ export interface TariffsTableProps extends TariffsTableContent, UniBlockProps {}
 
 export const TariffsTable = JSX<TariffsTableProps>(
   ({ className, context, title, description, rowHeaders, columns, hiddenRowsNum = 0, ...rest }) => {
-    const [activeCardIndex, setActiveCardIndex] = context.useState(0);
+    const [activeCardIndex, setActiveCardIndex] = useState(0);
 
     const colData = getColData(columns);
     const rowData = getRowData(rowHeaders, colData);

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

@@ -41,9 +41,11 @@ exports[`Blocks BonusBenefitsBlock should render block "BonusBenefitsBlock" with
 
 exports[`Blocks Calculator should render block "Calculator" without content 1`] = `
 <section
-  class="box-border overflow-hidden relative font-sans w-100 bg-white text-primary-text "
+  class="box-border overflow-hidden relative font-sans w-100 text-primary-text "
 >
-  <div>
+  <div
+    class="bg-white"
+  >
     <div />
   </div>
   <div
@@ -327,7 +329,7 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
       </div>
     </div>
     <div
-      class="flex items-start justify-between gap-[54px] xl:gap-5 pt-[3px]"
+      class="flex flex-grow items-start justify-between gap-[54px] xl:gap-5 pt-[3px]"
     />
   </div>
   <div
@@ -914,12 +916,12 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
             class="block relative"
           >
             <input
-              class="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"
+              class="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:border-main-stroke disabled:bg-main-divider"
               value="26"
             />
             <div
-              class="absolute inset-x-0 bottom-[-4px] px-4 leading-[18px]"
+              class="absolute inset-x-0 -bottom-1 px-4 leading-[18px]"
             >
               <input
                 class="box-border w-full m-0 cursor-pointer slider"
@@ -933,15 +935,15 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
             </div>
           </label>
           <div
-            class="flex justify-between my-3"
+            class="flex justify-between my-2"
           >
             <span
-              class="text-s leading-[14px] text-secondary-text pl-4"
+              class="text-s-light text-secondary-text"
             >
               От 1 дня
             </span>
             <span
-              class="text-s leading-[14px] text-secondary-text pl-4"
+              class="text-s-light text-secondary-text"
             >
               До 365 дней
             </span>

package/src/hooks/useExchangeRates.ts

@@ -1,4 +1,4 @@
-import type { AsyncDataHook } from '../components/ContentPage/ContentPageContext';
+import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
 import type { ExchangeCurrencyItem } from '../components/ExchangeRateTile/ExchangeCurrencyCalculator';
 
 interface RatesData {
@@ -7,7 +7,7 @@ interface RatesData {
   rate_sell: number;
 }
 
-export function useExchangeRates(useAsyncData: AsyncDataHook): ExchangeCurrencyItem[] {
+export function useExchangeRates(): ExchangeCurrencyItem[] {
   const { data } = useAsyncData(EXCHANGE_RATES_URL, fetchExchangeRates);
 
   const result = data?.hits?.hits?.map((_) => _._source) || [];

package/src/hooks/useGeolocation.ts

@@ -0,0 +1,22 @@
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { DaDataAPI } from '../api/DaDataAPI';
+
+const DaData = DaDataAPI('https://10.80.4.9');
+
+export function useGeolocation(defaultLocation: string): [string, () => void] {
+  const [city, setCity] = useState(defaultLocation);
+
+  useEffect(() => {
+    setCity(globalThis?.localStorage.getItem('location') || defaultLocation);
+  }, [defaultLocation]);
+
+  const getCity = useCallback(() => {
+    DaData.getFetcherAddress().then((_) => {
+      const location = _ || defaultLocation;
+      globalThis?.localStorage.setItem('location', location);
+      setCity(location);
+    });
+  }, [defaultLocation]);
+
+  return [city, getCity];
+}

package/src/hooks/useLikeService.ts

@@ -0,0 +1,32 @@
+import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { LikeAPI } from '../api/LikeAPI';
+
+const ASSIST_BASE_URL = process.env.NEXT_PUBLIC_ASSIST_BASE_URL || '';
+const PROJECT_ID = process.env.NEXT_PUBLIC_PROJECT_ID || '';
+
+const api = LikeAPI(PROJECT_ID, ASSIST_BASE_URL);
+
+export function useLikeService(pagePath: string) {
+  const [likeCount, setLikeCount] = useState(0);
+
+  useEffect(() => {
+    (async () => {
+      const [likeData] = await api.getLikeCount(pagePath);
+      setLikeCount(likeData?.value || 0);
+    })();
+  }, [pagePath]);
+
+  const like = useCallback(async () => {
+    setLikeCount(await api.like(pagePath));
+  }, [pagePath]);
+
+  const dislike = useCallback(async () => {
+    setLikeCount(await api.dislike(pagePath));
+  }, [pagePath]);
+
+  return {
+    likeCount,
+    like,
+    dislike,
+  };
+}

package/src/hooks/useLink.ts

@@ -3,7 +3,7 @@ import type { LinkProps } from '../model/LinkProps';
 import { adjustHref } from '../utils/adjustHref';
 import { isURL } from '../utils/url';
 
-const defaultHandlerDecorator: HandlerDecorator = (handler) => handler;
+export const defaultHandlerDecorator: HandlerDecorator = (handler) => handler;
 
 export function useLink(
   {

package/src/hooks/useSafeDepositRental.ts

@@ -1,8 +1,8 @@
-import type { AsyncDataHook } from '../components/ContentPage/ContentPageContext';
+import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
 
 const SAFE_DEPOSIT_RENTAL_URL = '/api/v1/safe-deposit-rental.json';
 
-export function useSafeDepositRental(useAsyncData: AsyncDataHook) {
+export function useSafeDepositRental() {
   const { data } = useAsyncData(SAFE_DEPOSIT_RENTAL_URL, fetchSafeDepositRental);
 
   const result = data || [];

package/src/hooks/useSearch.ts

@@ -0,0 +1,10 @@
+import { useState } from '@redneckz/uni-jsx/lib/hooks';
+
+export const useSearch = () => {
+  const [term, setTerm] = useState('');
+
+  return {
+    term,
+    setTerm: (text: string) => setTerm(text),
+  };
+};

package/src/index.ts

@@ -1,4 +1,5 @@
-export { setup } from '@redneckz/uni-jsx';
+export { setupHooks } from '@redneckz/uni-jsx/lib/hooks';
+export { setup } from '@redneckz/uni-jsx/lib/setup';
 export { DaDataAPI } from './api/DaDataAPI';
 export { LikeAPI } from './api/LikeAPI';
 export { Blocks } from './components/Blocks';

package/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/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/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/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/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/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,
     });
 

package/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/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-s leading-[14px] text-secondary-text pl-4">
+            <span key={String(i)} className="text-s-light text-secondary-text">
               {item}
             </span>
           ))}

package/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/src/ui-kit/SearchBar/SearchBar.mobile.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/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} />;
+export const SearchBar = JSX<UniBlockProps>(({ className = '' }) => {
+  return <SearchBarInner className={className} />;
 });