@redneckz/wildless-cms-uni-blocks 0.13.24 → 0.14.1

package/mobile/src/components/OfficeServicesBlock/OfficeServicesBlock.ui.json

@@ -1,11 +0,0 @@
-{
-  "content": {
-    "servicesList": {
-      "items": {
-        "icon": {
-          "ui:field": "icon"
-        }
-      }
-    }
-  }
-}

package/mobile/src/components/OfficeServicesBlock/OfficeServicesBlockContent.ts

@@ -1,14 +0,0 @@
-import type { LabelProps, TitleProps } from '../../model/HeadlineType';
-import type { UniBlockContent } from '../../model/JSXBlock';
-import type { IconProps } from '../../model/Picture';
-
-export type OfficeServicesBlockList = LabelProps & IconProps;
-
-/**
- * @title Офисные услуги
- */
-export type OfficeServicesBlockContent = UniBlockContent &
-  TitleProps & {
-    /** @title Список услуг */
-    servicesList?: OfficeServicesBlockList[];
-  };

package/mobile/src/hooks/useBool.ts

@@ -1,19 +0,0 @@
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-
-export function useBool(defaultValue = false): [
-  boolean,
-  {
-    setValue: (_: boolean) => void;
-    setTrue: () => void;
-    setFalse: () => void;
-    toggle: () => void;
-  },
-] {
-  const [value, setValue] = useState<boolean>(defaultValue);
-
-  const setTrue = useCallback(() => setValue(true), []);
-  const setFalse = useCallback(() => setValue(false), []);
-  const toggle = useCallback(() => setValue((_) => !_), []);
-
-  return [value, { setValue, setTrue, setFalse, toggle }];
-}

package/mobile/src/hooks/useList.ts

@@ -1,24 +0,0 @@
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-
-export function useList<T>(initialList: T[] = []): [
-  T[],
-  {
-    setList: (_: T[]) => void;
-    push: (item: T) => void;
-    pop: () => void;
-    remove: (item: T) => void;
-    clear: () => void;
-  },
-] {
-  const [list, setList] = useState<T[]>(initialList);
-
-  const push = useCallback((item: T) => setList((_) => [..._, item]), []);
-  const pop = useCallback(() => setList((_) => _.slice(0, -1)), []);
-  const remove = useCallback(
-    (item: T) => setList((_) => _.filter((currentItem) => currentItem !== item)),
-    [],
-  );
-  const clear = useCallback(() => setList([]), []);
-
-  return [list, { setList, push, pop, remove, clear }];
-}

package/mobile/src/hooks/useOutsideClick.ts

@@ -1,25 +0,0 @@
-import { useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
-
-export function useOutsideClick<R extends Node>(onClick: () => void) {
-  const targetRef = useRef<R | null>(null);
-
-  useEffect(() => {
-    const handleClickOutside = (event: { target?: any }) => {
-      if (
-        targetRef &&
-        targetRef.current &&
-        event.target instanceof Node &&
-        !targetRef.current.contains(event.target)
-      ) {
-        onClick();
-      }
-    };
-    document.addEventListener('click', handleClickOutside);
-
-    return () => {
-      document.removeEventListener('click', handleClickOutside);
-    };
-  }, [onClick]);
-
-  return targetRef;
-}

package/mobile/src/ui-kit/BaseFiltration/checkShouldRenderBlock.ts

@@ -1,47 +0,0 @@
-import { isEmpty } from '../../utils/isEmpty';
-
-const isSingularFieldMatch =
-  <P extends Partial<Record<string, any>>, T extends P>(key: string, pattern: P) =>
-  (target: T) =>
-    isEmpty(pattern[key]) || isEmpty(target[key]) || pattern[key] === target[key];
-
-const isMultipleFieldMatch =
-  <P extends Partial<Record<string, any[]>>, T extends P>(key: string, pattern: P) =>
-  (target: T) =>
-    isEmpty(pattern[key]) ||
-    isEmpty(target[key]) ||
-    pattern[key]?.some((_) => target[key]?.includes(_));
-
-const isNumberFieldMatch =
-  <P extends Partial<Record<string, number>>, T extends P>(key: string, pattern: P) =>
-  (target: T) =>
-    isEmpty(pattern[key]) ||
-    isEmpty(target[key]) ||
-    naturalNumber(pattern[key]) <= naturalNumber(target[key]);
-
-const isValueInRange =
-  <P extends Partial<Record<string, any>>, T extends P>(key: string, pattern: P) =>
-  (target: T) =>
-    isEmpty(pattern[key]) ||
-    isEmpty(target[key]) ||
-    (naturalNumber(pattern[key]?.min) >= naturalNumber(target[key]?.min) &&
-      naturalNumber(pattern[key]?.min) <= naturalNumber(target[key]?.max));
-
-export const checkShouldRenderBlock = (pattern: Record<string, any>, target: Record<string, any>) =>
-  Object.entries(pattern)
-    .map(([key, subPattern]) => {
-      if (typeof subPattern === 'number') {
-        return isNumberFieldMatch(key, pattern);
-      }
-
-      if (typeof subPattern === 'object' && 'min' in subPattern && 'max' in subPattern) {
-        return isValueInRange(key, pattern);
-      }
-
-      return Array.isArray(subPattern)
-        ? isMultipleFieldMatch(key, pattern)
-        : isSingularFieldMatch(key, pattern);
-    })
-    .every((predicate) => predicate(target));
-
-const naturalNumber = (n: any) => Number(n || 0);

package/mobile/src/utils/useDebouncedEffect.ts

@@ -1,14 +0,0 @@
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
-
-export const useDebouncedEffect = <Deps extends any[]>(
-  effect: () => void | (() => void),
-  deps: Deps,
-  delay = 300,
-) =>
-  useEffect(() => {
-    const timerId = setTimeout(effect, delay);
-
-    return () => {
-      clearTimeout(timerId);
-    };
-  }, deps);

package/src/components/BonusBenefitsBlock/bonusBenefitAlign.mobile.ts

@@ -1 +0,0 @@
-export const bonusBenefitAlign = 'text-left';

package/src/components/BonusBenefitsBlock/bonusBenefitAlign.ts

@@ -1 +0,0 @@
-export const bonusBenefitAlign = 'text-center';

package/src/components/CarouselCatalogCard/CatalogCard.ts

@@ -1,22 +0,0 @@
-import type { ProductColorVersion } from '../../model/ProductColorVersion';
-import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
-
-const colors: ProductColorVersion[] = ['black', 'white'];
-
-const buttonPrimary: ButtonContent = {
-  href: '/credit-cards',
-  text: 'Подробнее',
-  target: '_blank',
-  version: 'primary',
-  icon: {
-    icon: 'AppleIcon',
-  },
-};
-
-export const CATALOG_CARD = {
-  title: 'SATURN S-VI',
-  description: 'Керамическое кольцо с глянцевой поверхностью и огранкой по внешним контурам',
-  price: 5600,
-  colors: colors,
-  button: buttonPrimary,
-};

package/src/components/CarouselProductCard/alignTextStyle.mobile.tsx

@@ -1 +0,0 @@
-export const alignTextStyle = 'text-left';

package/src/components/CarouselProductCard/alignTextStyle.tsx

@@ -1 +0,0 @@
-export const alignTextStyle = 'text-center';

package/src/components/ExchangeRateOffice/Currencies.ts

@@ -1,8 +0,0 @@
-export enum Currencies {
-  EUR = 'EUR',
-  USD = 'USD',
-  GBP = 'GBP',
-  AUD = 'AUD',
-  CNY = 'CNY',
-  RUB = 'RUB',
-}

package/src/components/ExchangeRateOffice/ExchangeRateOffice.example.json

@@ -1,32 +0,0 @@
-{
-  "content": {
-    "officeName": "Московский региональный филиал ЦРМБ",
-    "currencies": [
-      {
-        "id": 1,
-        "title": "USD",
-        "buyPrice": 104.0741,
-        "sellPrice": 103.1618,
-        "buyDifference": -3.74,
-        "sellDifference": -0.31,
-        "buyOfficeName": "Моковский региональный филиал ЦРМБ",
-        "buyBonusOfficeName": "Дополнительный офис г. Москва (ул. Арбат)",
-        "sellOfficeName": "Дополнительный офис г. Москва (ул. Новоясеньская)",
-        "sellBonusOfficeName": "Дополнительный офис г. Москва (Волгоградский проспект)"
-      },
-      {
-        "id": 2,
-        "title": "EUR",
-        "buyPrice": 114.7833,
-        "sellPrice": 113.2613,
-        "buyDifference": 1.65,
-        "sellDifference": -0.41,
-        "buyOfficeName": "Моковский региональный филиал ЦРМБ",
-        "buyBonusOfficeName": "Дополнительный офис г. Москва (ул. Арбат)",
-        "sellOfficeName": "Дополнительный офис г. Москва (ул. Новоясеньская)",
-        "sellBonusOfficeName": "Дополнительный офис г. Москва (Волгоградский проспект)"
-      }
-    ],
-    "actuality": "Актуально на 12:36, 12 июля 2022"
-  }
-}

package/src/components/ExchangeRateOffice/ExchangeRateOffice.fixture.tsx

@@ -1,79 +0,0 @@
-import '../../setup-fixture';
-
-import { ExchangeRateOffice } from './ExchangeRateOffice';
-import type { ExchangeRateOfficeContent } from './ExchangeRateOfficeContent';
-
-const EXCHANGE_RATE: ExchangeRateOfficeContent = {
-  officeName: 'Московский региональный филиал ЦРМБ',
-  currencies: [
-    {
-      id: 1,
-      title: 'USD',
-      buyPrice: 104.0741,
-      sellPrice: 103.1618,
-      buyDifference: -3.74,
-      sellDifference: -0.31,
-      buyOfficeName: 'Моковский региональный филиал ЦРМБ',
-      buyBonusOfficeName: 'Дополнительный офис г. Москва (ул. Арбат)',
-      sellOfficeName: 'Дополнительный офис г. Москва (ул. Новоясеньская)',
-      sellBonusOfficeName: 'Дополнительный офис г. Москва (Волгоградский проспект)',
-    },
-    {
-      id: 2,
-      title: 'EUR',
-      buyPrice: 114.7833,
-      sellPrice: 113.2613,
-      buyDifference: 1.65,
-      sellDifference: -0.41,
-      buyOfficeName: 'Моковский региональный филиал ЦРМБ',
-      buyBonusOfficeName: 'Дополнительный офис г. Москва (ул. Арбат)',
-      sellOfficeName: 'Дополнительный офис г. Москва (ул. Новоясеньская)',
-      sellBonusOfficeName: 'Дополнительный офис г. Москва (Волгоградский проспект)',
-    },
-    {
-      id: 3,
-      title: 'GBP',
-      buyPrice: 114.7833,
-      sellPrice: 113.2613,
-      buyDifference: -1.65,
-      sellDifference: -0.41,
-      buyOfficeName: 'Моковский региональный филиал ЦРМБ',
-      buyBonusOfficeName: 'Дополнительный офис г. Москва (ул. Арбат)',
-      sellOfficeName: 'Дополнительный офис г. Москва (ул. Новоясеньская)',
-      sellBonusOfficeName: 'Дополнительный офис г. Москва (Волгоградский проспект)',
-    },
-    {
-      id: 4,
-      title: 'AUD',
-      buyPrice: 114.7833,
-      sellPrice: 113.2613,
-      buyDifference: -1.65,
-      sellDifference: -0.41,
-      buyOfficeName: 'Моковский региональный филиал ЦРМБ',
-      buyBonusOfficeName: 'Дополнительный офис г. Москва (ул. Арбат)',
-      sellOfficeName: 'Дополнительный офис г. Москва (ул. Новоясеньская)',
-      sellBonusOfficeName: 'Дополнительный офис г. Москва (Волгоградский проспект)',
-    },
-    {
-      id: 5,
-      title: 'CNY',
-      buyPrice: 114.7833,
-      sellPrice: 113.2613,
-      buyDifference: 1.65,
-      sellDifference: -0.41,
-      buyOfficeName: 'Моковский региональный филиал ЦРМБ',
-      buyBonusOfficeName: 'Дополнительный офис г. Москва (ул. Арбат)',
-      sellOfficeName: 'Дополнительный офис г. Москва (ул. Новоясеньская)',
-      sellBonusOfficeName: 'Дополнительный офис г. Москва (Волгоградский проспект)',
-    },
-  ],
-  actuality: 'Актуально на 12:36, 12 июля 2022',
-};
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <ExchangeRateOffice className="col-span-12" {...EXCHANGE_RATE} />
-    </div>
-  ),
-};

package/src/components/ExchangeRateOffice/ExchangeRateOffice.tsx

@@ -1,62 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Heading } from '../../ui-kit/Heading/Heading';
-import { Text } from '../../ui-kit/Text/Text';
-import { style } from '../../utils/style';
-import type { CurrencyInformation, ExchangeRateOfficeContent } from './ExchangeRateOfficeContent';
-import { renderCurrencyRow } from './renderCurrencies';
-import { renderTableHeader } from './renderTableHeader';
-
-export interface ExchangeRateOfficeProps extends ExchangeRateOfficeContent, UniBlockProps {}
-
-export const ExchangeRateOffice = JSX<ExchangeRateOfficeProps>(
-  ({ className, currencies = [], actuality = '', officeName = '', ...rest }) => {
-    const fourRates: CurrencyInformation[] = topNRates(currencies, 4);
-
-    return (
-      <BlockWrapper className={style('space-y-3xl', className)} {...rest}>
-        <div className="flex flex-row flex-grow-0 justify-between space-y-lg">
-          <Heading
-            headingType="h4"
-            title={'Курс обмена валют в ' + officeName}
-            className="whitespace-pre-wrap text-h4"
-          />
-          <div className="pl-6xl">
-            <Text size="text-m" font="font-light" align="text-left" color="text-secondary-text">
-              {actuality}
-            </Text>
-          </div>
-        </div>
-        <div className="flex flex-row pt-m text-left">
-          {fourRates.length > 0 ? (
-            <table className={style('h-fit w-fit', className)}>
-              <thead>
-                <tr>
-                  <th>
-                    <Text
-                      size="text-m"
-                      font="font-light"
-                      align="text-left"
-                      color="text-secondary-text"
-                    >
-                      Валюта
-                    </Text>
-                  </th>
-                  {renderTableHeader('Купить')}
-                  {renderTableHeader('Продать')}
-                  {renderTableHeader('Лучшая покупка')}
-                  {renderTableHeader('Лучшая продажа')}
-                </tr>
-              </thead>
-              <tbody>{fourRates.map((item) => renderCurrencyRow(item))}</tbody>
-            </table>
-          ) : null}
-        </div>
-      </BlockWrapper>
-    );
-  },
-);
-
-const topNRates = (rates: CurrencyInformation[], n: number) =>
-  rates.sort((a, b) => Number(a.id) - Number(b.id)).slice(0, n);

package/src/components/ExchangeRateOffice/ExchangeRateOfficeContent.ts

@@ -1,36 +0,0 @@
-/**
- * @title Информация об одной валюте
- */
-export interface CurrencyInformation {
-  /** @title Номер */
-  id?: number;
-  /** @title Название */
-  title?: string;
-  /** @title Покупная цена */
-  buyPrice?: number;
-  /** @title Цена продажи */
-  sellPrice?: number;
-  /** @title Разница покупки */
-  buyDifference?: number;
-  /** @title Разница продажи */
-  sellDifference?: number;
-  /** @title Имя основного офиса для покупки */
-  buyOfficeName?: string;
-  /** @title Другие офисы покупки */
-  buyBonusOfficeName?: string;
-  /** @title Имя основного офиса для продажи*/
-  sellOfficeName?: string;
-  /** @title Другие офисы продажи */
-  sellBonusOfficeName?: string;
-}
-/**
- * @title Курсы валют офиса
- */
-export interface ExchangeRateOfficeContent {
-  /** @title Имя офиса */
-  officeName?: string;
-  /** @title Список валют */
-  currencies?: CurrencyInformation[];
-  /** @title Актуальность информации */
-  actuality?: string;
-}

package/src/components/ExchangeRateOffice/renderCurrencies.tsx

@@ -1,73 +0,0 @@
-import type { IconName } from '../../icons/IconName';
-import { Img } from '../../ui-kit/Img/Img';
-import { style } from '../../utils/style';
-import { Currencies } from './Currencies';
-import type { CurrencyInformation } from './ExchangeRateOfficeContent';
-
-const CURRENCY_ICONS_MAP: Record<keyof typeof Currencies, IconName> = {
-  USD: 'DollarIcon',
-  EUR: 'EuroIcon',
-  GBP: 'DollarIcon',
-  AUD: 'DollarIcon',
-  CNY: 'DollarIcon',
-  RUB: 'RoundRubleIcon',
-};
-
-export const renderCurrencyRow = ({
-  title,
-  buyPrice,
-  buyDifference,
-  sellPrice,
-  sellDifference,
-  buyOfficeName,
-  sellOfficeName,
-}: CurrencyInformation) => {
-  return (
-    <tr key={title} className="pb-2xs text-h6">
-      <td className="pt-m">
-        <div className="flex items-center">
-          {title ? (
-            <Img image={{ icon: CURRENCY_ICONS_MAP[title] }} width="24" height="24" />
-          ) : null}
-          <span className="ml-xs">{title}</span>
-        </div>
-      </td>
-      {renderCurrency(buyPrice, buyDifference)}
-      {renderCurrency(sellPrice, sellDifference)}
-      {renderOffice(buyPrice, buyOfficeName)}
-      {renderOffice(sellPrice, sellOfficeName)}
-    </tr>
-  );
-};
-
-const formatCurrency = (value?: number) => (value ? currencyNumberFormat.format(value) : '');
-
-const renderCurrency = (price?: number, difference?: number) => {
-  return (
-    <td className="pt-m pl-5xl">
-      <div>{formatCurrency(price)}</div>
-      <div
-        className={style(
-          'font-normal text-sm text-secondary-text',
-          (difference || 0) >= 0 ? 'text-green' : 'text-red',
-        )}
-      >
-        {formatCurrency(difference)}
-      </div>
-    </td>
-  );
-};
-
-const renderOffice = (price?: number, officeName = '') => {
-  return (
-    <td className="pt-m pl-5xl">
-      <div>{formatCurrency(price)}</div>
-      <div className="font-normal text-sm text-green">{officeName}</div>
-    </td>
-  );
-};
-
-const currencyNumberFormat = new Intl.NumberFormat('ru', {
-  style: 'currency',
-  currency: Currencies.RUB,
-});

package/src/components/ExchangeRateOffice/renderTableHeader.tsx

@@ -1,11 +0,0 @@
-import { Text } from '../../ui-kit/Text/Text';
-
-export const renderTableHeader = (title: string) => {
-  return (
-    <th className="pl-5xl">
-      <Text size="text-m" font="font-light" align="text-left" color="text-secondary-text">
-        {title}
-      </Text>
-    </th>
-  );
-};

package/src/components/OfficeMap/OfficeMap.fixture.tsx

@@ -1,11 +0,0 @@
-import '../../setup-fixture';
-
-import { OfficeMap } from './OfficeMap';
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <OfficeMap className="col-span-12" />
-    </div>
-  ),
-};

package/src/components/OfficeMap/OfficeMap.tsx

@@ -1,76 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import { Icon } from '../../ui-kit/Icon/Icon';
-import { YandexMap } from '../../ui-kit/YandexMap/YandexMap';
-import { OFFICE_MAP } from './mockOfficeMap';
-import { nearbyOffices } from './nearbyOffices';
-import type { OfficeMapContent, WorkScheduleWeek } from './OfficeMapContent';
-import { renderCurrentDaySchedule, renderDay, renderNearbyOffice } from './renderFunctions';
-
-export interface OfficeMapProps extends OfficeMapContent, UniBlockProps {}
-export const OfficeMap = JSX<UniBlockProps>(({ className = '' }) => {
-  // TODO: useOfficeMap endpoint had use /api/v1/branches. This endpoint now is`t correct/
-  // TODO: useOfficeMap has return MOCK OBJECT!
-  // TODO: Fix this when endpoint /api/v1/branches (or new endpoint) had returning right data
-  const resultOfficeMap = OFFICE_MAP;
-  const { name, address, gpsLatitude, gpsLongitude, workSchedule } =
-    resultOfficeMap as OfficeMapContent;
-  const {
-    workingMonday,
-    workingTuesday,
-    workingWednesday,
-    workingThursday,
-    workingFriday,
-    workingSaturday,
-    workingSunday,
-  } = workSchedule;
-  const { workTime, lunchHour, workTimeSaturday, lunchHourSaturday } = workSchedule;
-  const point = gpsLatitude && gpsLongitude ? [gpsLatitude, gpsLongitude] : null;
-  const workScheduleWeek: WorkScheduleWeek[] = [
-    { title: 'Понедельник', status: workingMonday, workTime, lunchHour },
-    { title: 'Вторник', status: workingTuesday, workTime, lunchHour },
-    { title: 'Среда', status: workingWednesday, workTime, lunchHour },
-    {
-      title: 'Четверг',
-      status: workingThursday,
-      workTime,
-      lunchHour: '13:00 - 14:00', // Добавлено для проверки
-      description: 'Не работает прием денег с 17:00 до 19:00', // Добавлено для проверки
-    },
-    { title: 'Пятница', status: workingFriday, workTime, lunchHour },
-    {
-      title: 'Суббота',
-      status: workingSaturday,
-      workTime: workTimeSaturday,
-      lunchHour: lunchHourSaturday,
-    },
-    { title: 'Воскресенье', status: workingSunday },
-  ];
-  const currentWeekDayInd = new Date().getDay();
-  const currentWeekDay =
-    currentWeekDayInd > 0 ? workScheduleWeek[currentWeekDayInd - 1] : workScheduleWeek[6];
-
-  return (
-    <div className={`flex flex-col font-sans w-full ${className}`}>
-      <div className="flex flex-col gap-m p-6xl pb-3xl">
-        <div className="flex justify-between">
-          <div className="text-h2">{name}</div>
-          {renderCurrentDaySchedule(currentWeekDay)}
-        </div>
-        <div className="flex text-l font-light">
-          <Icon name="GeolocationIcon" width="24" height="24" className="pr-2xs" />
-          {address}
-        </div>
-        <div className="flex">{nearbyOffices.map(renderNearbyOffice)}</div>
-      </div>
-      <div className="flex justify-between">
-        <div className="flex-grow h-full w-full overflow-hidden">
-          {point ? <YandexMap points={[point]} className="h-full" /> : null}
-        </div>
-        <div className="w-[434px] min-w-[434px] p-6xl pt-0 flex flex-col">
-          {workScheduleWeek.map(renderDay)}
-        </div>
-      </div>
-    </div>
-  );
-});

package/src/components/OfficeMap/OfficeMapContent.ts

@@ -1,42 +0,0 @@
-import type { IconName } from '../../icons/IconName';
-import type { UniBlockContent } from '../../model/JSXBlock';
-
-export type WorkSchedule = {
-  workTime: string;
-  lunchHour: string;
-  workTimeSaturday: string;
-  lunchHourSaturday: string;
-  workingMonday: boolean;
-  workingTuesday: boolean;
-  workingWednesday: boolean;
-  workingThursday: boolean;
-  workingFriday: boolean;
-  workingSaturday: boolean;
-  workingSunday: boolean;
-};
-
-export type WorkScheduleWeek = {
-  title?: string;
-  status?: boolean;
-  workTime?: string;
-  lunchHour?: string;
-  description?: string;
-};
-
-export type NearbyOffices = {
-  title?: string;
-  time?: string;
-  distance?: string;
-  icon?: IconName;
-};
-
-/**
- * @title Карта офиса
- */
-export type OfficeMapContent = UniBlockContent & {
-  name?: string;
-  address: string;
-  workSchedule: WorkSchedule;
-  gpsLatitude?: number;
-  gpsLongitude?: number;
-};