@redneckz/wildless-cms-uni-blocks 0.14.293 → 0.14.295

package/mobile/src/components/TabsLayout/TabsLayoutButton.tsx

@@ -1,63 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type IconVersion } from '../../model/IconVersion';
-import { Img } from '../../ui-kit/Img/Img';
-import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
-import { getAspectsAttributes } from '../../utils/dataAttributes';
-import { style } from '../../utils/style';
-import { type Tab } from './TabsLayoutContent';
-
-const getButtonClassNames = (isActive: boolean) => ({
-  btn: `w-96 ${
-    isActive
-      ? 'p-m border-none bg-primary-main text-white'
-      : 'p-s ease-in duration-300 bg-white text-primary-text'
-  }`,
-  title: isActive ? 'mb-xs text-xl' : 'mb-2xs text-l',
-  desc: `font-light ${isActive ? 'text-l text-white' : 'text-m text-secondary-text'}`,
-  icon: isActive ? '' : 'text-primary-main',
-  iconVersion: (isActive ? 'white' : 'normal') as IconVersion,
-});
-
-interface TabsLayoutButtonProps {
-  tab: Tab;
-  className?: string;
-  onClick: (ev?: PreventableEvent) => void;
-  isActive: boolean;
-}
-
-export const TabsLayoutButton = JSX<TabsLayoutButtonProps>(
-  ({ tab, className, onClick, isActive }) => {
-    const buttonClassNames = getButtonClassNames(isActive);
-
-    return (
-      <button
-        type="button"
-        onClick={onClick}
-        aria-label={tab?.title}
-        className={style(
-          'border border-gray cursor-pointer text-left border-b-0 mt-auto flex gap-2xs',
-          buttonClassNames.btn,
-          className,
-        )}
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        {...getAspectsAttributes(tab?.data)}
-      >
-        {tab?.icon ? (
-          <Img
-            className={style('h-6 w-6 min-w-6 min-h-6', buttonClassNames.icon)}
-            image={{
-              ...tab?.icon,
-              iconVersion: tab?.icon?.iconVersion ?? buttonClassNames.iconVersion,
-            }}
-            width="24"
-            height="24"
-          />
-        ) : null}
-        <div className="border-0">
-          {tab?.title ? <div className={buttonClassNames.title}>{tab.title}</div> : null}
-          {tab?.description ? <div className={buttonClassNames.desc}>{tab.description}</div> : null}
-        </div>
-      </button>
-    );
-  },
-);

package/mobile/src/components/TabsLayout/TabsLayoutRedirectSection.tsx

@@ -1,32 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useDebouncedEffect } from '@redneckz/uni-jsx/lib/hooks/useDebouncedEffect';
-import { useLink } from '../../hooks/useLink';
-import { Shimmer } from '../../ui-kit/Shimmer/Shimmer';
-import { isLocalURL } from '../../utils/url';
-import { type Tab } from './TabsLayoutContent';
-
-const REDIRECT_DELAY = 0.8 * 1000;
-
-interface TabsLayoutRedirectSectionProps {
-  tab: Tab;
-}
-
-export const TabsLayoutRedirectSection = JSX<TabsLayoutRedirectSectionProps>(({ tab }) => {
-  const link = useLink();
-  const { onClick } = link({
-    ...tab,
-    onClick: () => {
-      /**
-       * In the current implementation of useLink, there is no follow-by-link method,
-       * and default routing won't work if the link is external.
-       */
-      if (tab.href && !isLocalURL(tab.href)) {
-        globalThis.location.href = tab.href;
-      }
-    },
-  });
-
-  useDebouncedEffect(onClick, [], REDIRECT_DELAY);
-
-  return <Shimmer className="col-span-12 p-xl" size={5} />;
-});

package/mobile/src/components/TabsLayout/alignTabStyle.ts

@@ -1,7 +0,0 @@
-import { type Align } from '../../model/Align';
-
-export const alignTabStyle: Record<Align, string> = {
-  start: 'text-start',
-  center: 'text-center',
-  end: 'text-end',
-};

package/mobile/src/components/TabsLayout/useScrollToTab.ts

@@ -1,16 +0,0 @@
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
-import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { type SwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
-
-export const useScrollToTab = (activeTabIndex: number, scroll: SwipeListScroll) => {
-  const [initState, { setTrue: setInitStateTrue }] = useBool(false);
-
-  useEffect(() => {
-    scroll.scrollTo(activeTabIndex, {
-      behavior: initState ? 'smooth' : 'auto',
-      block: 'nearest',
-      inline: 'center',
-    });
-    !initState && setInitStateTrue();
-  }, [activeTabIndex, initState]);
-};

package/src/components/Calculator/BonusCalculatorForm.tsx

@@ -1,68 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type JSONRefObject } from '../../data/JSONRefObject';
-import { useForm } from '../../hooks/useForm';
-import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
-import { style } from '../../utils/style';
-import { type CommonCalculatorProps } from './CalculatorContent';
-import { CalculatorValueBlock } from './CalculatorValueBlock';
-import { DEFAULT_REST_MIN_SUM, DEFAULT_TRAVEL_MIN_SUM } from './constants';
-import { getBonusCalculatorParams, type BonusCalculatorData } from './getBonusCalculatorParams';
-import { renderFootnote } from './renderFootnote';
-import { renderRate } from './renderRate';
-import { renderWantedSumInput } from './renderWantedSumInput';
-
-export interface BonusCalculatorProps extends CommonCalculatorProps {
-  className?: string;
-  calcSource?: BonusCalculatorData & JSONRefObject;
-}
-
-export const BonusCalculatorForm = JSX<BonusCalculatorProps>(
-  ({ className = '', calcSource, buttons, footnote }) => {
-    const [userInputParams, { field }] = useForm({
-      travelExpenseValue: DEFAULT_TRAVEL_MIN_SUM,
-      restExpenseValue: DEFAULT_REST_MIN_SUM,
-    });
-
-    const { minSumTravel, maxSumTravel, minSumOther, maxSumOther, monthBonus, yearBonus } =
-      getBonusCalculatorParams(userInputParams, calcSource);
-
-    return (
-      <section
-        className={style('flex flex-col justify-between @5xl:flex-row gap-y-4xl', className)}
-      >
-        <div className="flex flex-col @xl:max-w-md gap-2xl border-b border-b-main-divider @xl:border-none pb-3xl @xl:pb-0">
-          {renderWantedSumInput({
-            title: 'Сумма покупок в категории путешествия, ₽',
-            min: minSumTravel,
-            max: maxSumTravel,
-            step: 500,
-            isShowItems: false,
-            ...field('travelExpenseValue'),
-          })}
-          {renderWantedSumInput({
-            title: 'Сумма покупок в остальных категориях, ₽',
-            min: minSumOther,
-            max: maxSumOther,
-            step: 500,
-            isShowItems: false,
-            ...field('restExpenseValue'),
-          })}
-        </div>
-        {monthBonus >= 0
-          ? renderRate({
-              title: 'Баллов за месяц',
-              rate: monthBonus,
-              fractionDigits: 0,
-              isUnknownRateShown: false,
-              unit: '',
-            })
-          : null}
-        <div className="flex flex-col gap-y-xl @xl:w-96">
-          {yearBonus >= 0 ? <CalculatorValueBlock title="Баллов за год" value={yearBonus} /> : null}
-          {renderButtonsSection(buttons, { isVertical: true })}
-          {renderFootnote(footnote)}
-        </div>
-      </section>
-    );
-  },
-);

package/src/components/TabsLayout/TabsLayoutButton.tsx

@@ -1,63 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type IconVersion } from '../../model/IconVersion';
-import { Img } from '../../ui-kit/Img/Img';
-import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
-import { getAspectsAttributes } from '../../utils/dataAttributes';
-import { style } from '../../utils/style';
-import { type Tab } from './TabsLayoutContent';
-
-const getButtonClassNames = (isActive: boolean) => ({
-  btn: `w-96 ${
-    isActive
-      ? 'p-m border-none bg-primary-main text-white'
-      : 'p-s ease-in duration-300 bg-white text-primary-text'
-  }`,
-  title: isActive ? 'mb-xs text-xl' : 'mb-2xs text-l',
-  desc: `font-light ${isActive ? 'text-l text-white' : 'text-m text-secondary-text'}`,
-  icon: isActive ? '' : 'text-primary-main',
-  iconVersion: (isActive ? 'white' : 'normal') as IconVersion,
-});
-
-interface TabsLayoutButtonProps {
-  tab: Tab;
-  className?: string;
-  onClick: (ev?: PreventableEvent) => void;
-  isActive: boolean;
-}
-
-export const TabsLayoutButton = JSX<TabsLayoutButtonProps>(
-  ({ tab, className, onClick, isActive }) => {
-    const buttonClassNames = getButtonClassNames(isActive);
-
-    return (
-      <button
-        type="button"
-        onClick={onClick}
-        aria-label={tab?.title}
-        className={style(
-          'border border-gray cursor-pointer text-left border-b-0 mt-auto flex gap-2xs',
-          buttonClassNames.btn,
-          className,
-        )}
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        {...getAspectsAttributes(tab?.data)}
-      >
-        {tab?.icon ? (
-          <Img
-            className={style('h-6 w-6 min-w-6 min-h-6', buttonClassNames.icon)}
-            image={{
-              ...tab?.icon,
-              iconVersion: tab?.icon?.iconVersion ?? buttonClassNames.iconVersion,
-            }}
-            width="24"
-            height="24"
-          />
-        ) : null}
-        <div className="border-0">
-          {tab?.title ? <div className={buttonClassNames.title}>{tab.title}</div> : null}
-          {tab?.description ? <div className={buttonClassNames.desc}>{tab.description}</div> : null}
-        </div>
-      </button>
-    );
-  },
-);

package/src/components/TabsLayout/TabsLayoutRedirectSection.tsx

@@ -1,32 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useDebouncedEffect } from '@redneckz/uni-jsx/lib/hooks/useDebouncedEffect';
-import { useLink } from '../../hooks/useLink';
-import { Shimmer } from '../../ui-kit/Shimmer/Shimmer';
-import { isLocalURL } from '../../utils/url';
-import { type Tab } from './TabsLayoutContent';
-
-const REDIRECT_DELAY = 0.8 * 1000;
-
-interface TabsLayoutRedirectSectionProps {
-  tab: Tab;
-}
-
-export const TabsLayoutRedirectSection = JSX<TabsLayoutRedirectSectionProps>(({ tab }) => {
-  const link = useLink();
-  const { onClick } = link({
-    ...tab,
-    onClick: () => {
-      /**
-       * In the current implementation of useLink, there is no follow-by-link method,
-       * and default routing won't work if the link is external.
-       */
-      if (tab.href && !isLocalURL(tab.href)) {
-        globalThis.location.href = tab.href;
-      }
-    },
-  });
-
-  useDebouncedEffect(onClick, [], REDIRECT_DELAY);
-
-  return <Shimmer className="col-span-12 p-xl" size={5} />;
-});

package/src/components/TabsLayout/alignTabStyle.ts

@@ -1,7 +0,0 @@
-import { type Align } from '../../model/Align';
-
-export const alignTabStyle: Record<Align, string> = {
-  start: 'text-start',
-  center: 'text-center',
-  end: 'text-end',
-};

package/src/components/TabsLayout/useScrollToTab.ts

@@ -1,16 +0,0 @@
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
-import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { type SwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
-
-export const useScrollToTab = (activeTabIndex: number, scroll: SwipeListScroll) => {
-  const [initState, { setTrue: setInitStateTrue }] = useBool(false);
-
-  useEffect(() => {
-    scroll.scrollTo(activeTabIndex, {
-      behavior: initState ? 'smooth' : 'auto',
-      block: 'nearest',
-      inline: 'center',
-    });
-    !initState && setInitStateTrue();
-  }, [activeTabIndex, initState]);
-};