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

package/src/components/OfficeMap/mockOfficeMap.ts

@@ -1,79 +0,0 @@
-export const OFFICE_MAP = {
-  id: 123,
-  branchType: {
-    id: 7,
-    code: '21',
-    name: 'Отделение на балансе филиала',
-  },
-  shortName: 'Ейский ДО',
-  name: 'ДО   №3349/3/05',
-  address: '353682, Краснодарский край, г.Ейск, ул.Гоголя, 349/ ул.Баррикадная, 42/1',
-  lawAddress: '353682, Краснодарский край, г.Ейск, ул.Гоголя, 349/ ул.Баррикадная, 42/1',
-  openDate: '2000-12-05',
-  closeDate: null,
-  bik: '040349536',
-  corAcc: '30101810700000000536',
-  registrationNumber: '3349/3/05',
-  phone: '+7(XXX)XXX-XX-XX',
-  fax: '+7(XXX)XXX-XX-XY',
-  okpo: '55105921',
-  ogrn: '1027700342890',
-  kpp: '231002002',
-  inn: '7725114488',
-  branchCode: '0305',
-  upperBranchCode: '0300',
-  timeZone: '+03:00',
-  exchangeRate: {
-    currencies: [
-      {
-        buyExchangeRate: 0.0,
-        saleExchangeRate: 0.0,
-        currency: {
-          id: 3,
-          code: '156',
-          currency: 'CNY',
-          name: 'Китайский юань',
-        },
-      },
-      {
-        buyExchangeRate: 59.15,
-        saleExchangeRate: 69.25,
-        currency: {
-          id: 2,
-          code: '978',
-          currency: 'EUR',
-          name: 'Евро',
-        },
-      },
-      {
-        buyExchangeRate: 58.4,
-        saleExchangeRate: 70.05,
-        currency: {
-          id: 1,
-          code: '840',
-          currency: 'USD',
-          name: 'Американский доллар',
-        },
-      },
-    ],
-    lastUpdate: '2022-11-11 03:56:17',
-  },
-  workSchedule: {
-    id: 413,
-    workTime: '09.00–16.30',
-    lunchHour: 'без перерыва',
-    workTimeSaturday: '09.00–15.00',
-    lunchHourSaturday: 'без перерыва',
-    workingMonday: false,
-    workingTuesday: false,
-    workingWednesday: true,
-    workingThursday: true,
-    workingFriday: true,
-    workingSaturday: true,
-    workingSunday: false,
-  },
-  gpsLatitude: 46.709744,
-  gpsLongitude: 38.260703,
-  range: null,
-  safeBoxCaseVolumes: null,
-};

package/src/components/OfficeMap/nearbyOffices.ts

@@ -1,8 +0,0 @@
-import { NearbyOffices } from './OfficeMapContent';
-
-// Добавлено для проверки
-export const nearbyOffices: NearbyOffices[] = [
-  { title: 'Деловой центр', time: '1 мин', distance: '~30 м.', icon: 'MetroIcon' },
-  { title: 'Выставочная', time: '5 мин', distance: '~120 м.', icon: 'MetroIcon' },
-  { title: 'Деловой центр', time: '8 мин', distance: '~350 м.', icon: 'MetroIcon' },
-];

package/src/components/OfficeMap/renderFunctions.tsx

@@ -1,75 +0,0 @@
-import { Icon } from '../../ui-kit/Icon/Icon';
-import { Text } from '../../ui-kit/Text/Text';
-import { NearbyOffices, WorkScheduleWeek } from './OfficeMapContent';
-
-export const renderCurrentDaySchedule = ({ lunchHour, status, workTime }: WorkScheduleWeek) => {
-  const hasTime = /\d+/gi.test(lunchHour as string);
-  const lunchHourText = hasTime ? `Перерыв ${lunchHour}` : lunchHour;
-
-  return status ? (
-    <div className="flex gap-m">
-      <div className="p-s border rounded-md text-m flex items-center cursor-pointer text-primary-main border-green-light">
-        {workTime ? workTime : null}
-      </div>
-      <div className="p-s border rounded-md text-m flex items-center cursor-pointer text-yellow border-golden">
-        {lunchHour ? lunchHourText : null}
-      </div>
-    </div>
-  ) : (
-    <div className="flex">
-      <div className="p-s border rounded-md text-m flex items-center cursor-pointer text-error border-error">
-        Выходной
-      </div>
-    </div>
-  );
-};
-
-export const renderNearbyOffice = (
-  { icon, title, distance, time }: NearbyOffices,
-  index: number,
-) => (
-  <div className="flex mr-m" key={`nearbyOffice${index}`}>
-    <Icon name={icon} width="16" height="16" className="mr-xs" />
-    {title ? <Text size="text-m">{title}&nbsp;</Text> : null}
-    <Text size="text-m" font="font-light">
-      {distance ? ` (${distance})` : null}
-      {time ? `, ${time}` : null}
-    </Text>
-  </div>
-);
-export const renderDay = (
-  { title, status, workTime, lunchHour, description }: WorkScheduleWeek,
-  inx: number,
-) => (
-  <div
-    className="flex flex-col gap-2xs pb-s border-b border-solid border-main-divider mb-s last:border-0"
-    key={`day${inx}`}
-  >
-    <div className="flex justify-between items-center w-full text-l text-primary-text">
-      <div>{title}</div>
-      {status ? null : <div className="text-m font-light text-error">Выходной</div>}
-      {status && workTime ? <div>{workTime}</div> : null}
-    </div>
-    {status && lunchHour ? renderLunchHour(lunchHour) : null}
-    {description ? (
-      <div className="text-s font-light text-secondary-text">{description}</div>
-    ) : null}
-  </div>
-);
-
-const renderLunchHour = (lunchHour: string) => {
-  const hasTime = /\d+/gi.test(lunchHour);
-
-  return hasTime ? (
-    <div className="flex justify-between items-center w-full text-m font-light text-error">
-      <div>Перерыв</div>
-      <div>{lunchHour}</div>
-    </div>
-  ) : (
-    <div className="flex justify-between items-center w-full">
-      <Text size="text-m" font="font-light" color="text-primary-main">
-        {lunchHour}
-      </Text>
-    </div>
-  );
-};

package/src/components/OfficeMap/useOfficeMap.ts

@@ -1,24 +0,0 @@
-import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
-import { fetchJSON } from '../../utils/fetchJSON';
-import { OFFICE_MAP } from './mockOfficeMap';
-
-const OFFICE_MAP_URL = '/api/v1/branches';
-
-// TODO: regionCode - внутренний идентификатор банка. Не соответствует государственной нумерации регионов РФ
-// TODO: Список регионов можно получить через api/v1/regions
-export function useOfficeMap(regionCode?: string) {
-  const { data } = useAsyncData<{ data?: any }, any, string | undefined>(
-    regionCode ? `${OFFICE_MAP_URL}?regionCode=${regionCode}` : undefined,
-    fetchOfficeMap,
-  );
-
-  return data || OFFICE_MAP;
-}
-
-function fetchOfficeMap(url?: string) {
-  if (!url) {
-    return {};
-  }
-
-  return fetchJSON(url, { method: 'GET' });
-}

package/src/components/OfficeServicesBlock/OfficeServicesBlock.example.json

@@ -1,49 +0,0 @@
-{
-  "content": {
-    "title": "Заголовок",
-    "servicesList": [
-      {
-        "label": "Пункт 1",
-        "icon": {
-          "icon": "CardTickIcon"
-        }
-      },
-      {
-        "label": "Пункт 2",
-        "icon": {
-          "icon": "EmptyWalletChangeIcon"
-        }
-      },
-      {
-        "label": "Пункт 3",
-        "icon": {
-          "icon": "UserTickIcon"
-        }
-      },
-      {
-        "label": "Пункт 4",
-        "icon": {
-          "icon": "UserTickIcon"
-        }
-      },
-      {
-        "label": "Пункт 5",
-        "icon": {
-          "icon": "ShieldTickIcon"
-        }
-      },
-      {
-        "label": "Пункт 6",
-        "icon": {
-          "icon": "ShieldTickIcon"
-        }
-      },
-      {
-        "label": "Пункт 7",
-        "icon": {
-          "icon": "ShieldTickIcon"
-        }
-      }
-    ]
-  }
-}

package/src/components/OfficeServicesBlock/OfficeServicesBlock.fixture.tsx

@@ -1,44 +0,0 @@
-import '../../setup-fixture';
-
-import { OfficeServicesBlock } from './OfficeServicesBlock';
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <OfficeServicesBlock
-        className="col-span-4"
-        title="Услуги"
-        servicesList={[
-          {
-            label: 'Обслуживание физических лиц',
-            icon: { icon: 'CardTickIcon' },
-          },
-          {
-            label: 'Обслуживание юридических лиц',
-            icon: { icon: 'EmptyWalletChangeIcon' },
-          },
-          {
-            label: 'Продажа монет из драгоценных металлов',
-            icon: { icon: 'UserTickIcon' },
-          },
-          {
-            label: 'Аренда индивидуальных сейфовых ячеек',
-            icon: { icon: 'UserTickIcon' },
-          },
-          {
-            label: 'Операции с обезличенными металлическими счетами',
-            icon: { icon: 'ShieldTickIcon' },
-          },
-          {
-            label: 'Операции со слитками драгоценных металлов',
-            icon: { icon: 'ShieldTickIcon' },
-          },
-          {
-            label: 'Передача фото и голоса в Единую биометрическую систему',
-            icon: { icon: 'ShieldTickIcon' },
-          },
-        ]}
-      />
-    </div>
-  ),
-};

package/src/components/OfficeServicesBlock/OfficeServicesBlock.tsx

@@ -1,37 +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 { Img } from '../../ui-kit/Img/Img';
-import { Text } from '../../ui-kit/Text/Text';
-import { style } from '../../utils/style';
-import type {
-  OfficeServicesBlockContent,
-  OfficeServicesBlockList,
-} from './OfficeServicesBlockContent';
-
-export interface OfficeServicesBlockProps extends OfficeServicesBlockContent, UniBlockProps {}
-
-export const OfficeServicesBlock = JSX<OfficeServicesBlockProps>(
-  ({ className = '', title, servicesList, ...rest }) => (
-    <BlockWrapper className={style('flex flex-col gap-lg', className)} {...rest}>
-      {title ? <Heading headingType="h5" title={title} /> : null}
-      {servicesList?.length ? (
-        <ul className="list-none space-y-lg">{servicesList.map(renderListItems)}</ul>
-      ) : null}
-    </BlockWrapper>
-  ),
-);
-
-const renderListItems = (itemList: OfficeServicesBlockList, i: number) => (
-  <li key={`list_item_${String(i)}`} className="flex gap-s list-none ">
-    {itemList.icon ? (
-      <Img className="min-w-6 min-h-6 w-6 h-6" width="24" height="24" image={itemList.icon} />
-    ) : null}
-    {itemList.label ? (
-      <Text size="text-l" font="font-light">
-        {itemList.label}
-      </Text>
-    ) : null}
-  </li>
-);

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

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

package/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/src/components/TariffsTable/EmbeddableCellData.mobile.tsx

@@ -1,45 +0,0 @@
-import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
-import { Img } from '../../ui-kit/Img/Img';
-import type { ImageContent } from '../../ui-kit/Img/ImgProps';
-import { List } from '../../ui-kit/List/List';
-import type { ListProps } from '../../ui-kit/List/ListProps';
-import type { LabelDescriptionCell } from './TariffsTableContent';
-import type { ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
-
-export type EmbeddableCellDataType =
-  | ButtonContent
-  | LabelDescriptionCell
-  | ImageContent
-  | ListProps;
-
-const renderButtonsCellData = ({ buttons }: ButtonsSectionContent) =>
-  renderButtonsSection(buttons, {
-    className: 'mt-s',
-    buttonClassName: 'w-12 h-12',
-  });
-
-const renderLabelDescriptionCellData = ({ label, description }: LabelDescriptionCell) => (
-  <div>
-    {label ? <div className="mb-xs">{label}</div> : null}
-    {description ? <div className="text-s text-secondary-text">{description}</div> : null}
-  </div>
-);
-
-const renderImgCellData = ({ image }: ImageContent) =>
-  image?.src ? <Img image={image} className="m-0" imageClassName="m-0" /> : null;
-
-const renderListCellData = ({ isDotted, ...rest }: ListProps) => (
-  <List
-    className="flex flex-col justify-between items-start text-m pl-xs text-base"
-    isDotted={isDotted ?? true}
-    {...rest}
-  />
-);
-
-export const EmbeddableCellData = {
-  Buttons: renderButtonsCellData,
-  Img: renderImgCellData,
-  List: renderListCellData,
-  LabelDescription: renderLabelDescriptionCellData,
-};

package/src/components/TariffsTable/TariffsTable.mobile.tsx

@@ -1,56 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import { Headline } from '../Headline/Headline';
-import type {
-  CellDef,
-  TariffsTableColumn,
-  TariffsTableContent,
-  TariffsTableRowHeader,
-} from './TariffsTableContent';
-import { TariffsTableHorizontal } from './TariffsTableHorizontal';
-import { TariffsTableVertical } from './TariffsTableVertical';
-
-export interface TariffsTableProps extends TariffsTableContent, UniBlockProps {}
-
-export const TariffsTable = JSX<TariffsTableProps>(
-  ({
-    className,
-    title,
-    description,
-    tariffsColumns: columns,
-    rowHeaders,
-    orientation = 'vertical',
-    ...rest
-  }) => {
-    const colData = getColData(columns);
-    const tiles = getTiles(rowHeaders, colData);
-
-    return (
-      <section
-        className={`p-6xl space-3xl bg-white font-sans text-primary-text overflow-x-hidden ${className}`}
-      >
-        <Headline
-          title={title}
-          description={description}
-          headlineVersion="M"
-          align="text-left"
-          isEmbedded={true}
-        />
-        {orientation === 'vertical' ? (
-          <TariffsTableVertical tiles={tiles} {...rest} />
-        ) : (
-          <TariffsTableHorizontal tiles={tiles} {...rest} />
-        )}
-      </section>
-    );
-  },
-);
-
-const getColData = (columns: TariffsTableColumn[] | undefined) =>
-  columns?.[0]?.data ? columns[0].data : [];
-
-const getTiles = (rowHeaders: TariffsTableRowHeader[] | undefined, colData: CellDef[][]) =>
-  rowHeaders?.map((header, i) => ({
-    header,
-    data: colData?.[i] || [{}],
-  }));

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