@redneckz/wildless-cms-uni-blocks 0.16.3-isr → 0.16.4-credit

package/mobile/src/components/Depository/DepositoryFilter.tsx

@@ -1,41 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
-import { Button } from '../../ui-kit/Button/Button';
-import { DatePicker } from '../../ui-kit/DatePicker/DatePicker';
-import { SearchInput } from '../../ui-kit/SearchDialog/SearchInput';
-import { type DepositoryFiltrationState } from './Depository';
-
-interface DepositoryFilterProps {
-  filtrationState: DepositoryFiltrationState;
-  field: FormFieldRegisterer<any>;
-  onClearFilter: () => void;
-}
-
-export const DepositoryFilter = JSX<DepositoryFilterProps>(
-  ({ field, onClearFilter, filtrationState }) => (
-    <div className="grid grid-cols-12 mb-3xl @lg:space-x-xl">
-      <SearchInput
-        className="col-span-12 @lg:col-span-4 mt-auto"
-        placeholder="Поиск"
-        {...field('query')}
-      />
-      <DatePicker
-        className="col-span-12 @lg:col-span-3 mt-4 @lg:mt-0"
-        label="Период от"
-        maxDate={filtrationState.endDate}
-        {...field('startDate')}
-      />
-      <DatePicker
-        className="col-span-12 @lg:col-span-3 mt-4 @lg:mt-0"
-        label="Период до"
-        minDate={filtrationState.startDate}
-        {...field('endDate')}
-      />
-      <div className="col-span-12 @lg:col-span-2 mt-8 @lg:mt-auto">
-        <Button type="reset" className="w-full" version="secondary" onClick={onClearFilter}>
-          Очистить
-        </Button>
-      </div>
-    </div>
-  ),
-);

package/mobile/src/components/Depository/DepositoryItem.tsx

@@ -1,31 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { API_BASE_URI } from '../../api/apiBaseUrl';
-import { useLink } from '../../hooks/useLink';
-import { RoundedIcon } from '../../ui-kit/Icon/RoundedIcon';
-import { Text } from '../../ui-kit/Text/Text';
-import { formatDate } from '../../utils/formatDate';
-import { type DepositoryDataItem } from './useDepository';
-
-export const DepositoryItem = JSX(({ title, timestamp, publicId }: DepositoryDataItem) => {
-  const link = useLink();
-  const { href } = link({ href: `${API_BASE_URI}/depository/${publicId}/file` });
-
-  return (
-    <div
-      className="flex gap-3 items-center py-lg border-gray border-opacity-50 border-b"
-      key={publicId}
-    >
-      <RoundedIcon className="shrink-0" icon="DocDownloadIcon" iconVersion="black" />
-      <div className="flex flex-col gap-x-6xl lg:flex-row lg:items-center">
-        {timestamp ? (
-          <Text size="text-m" font-weight="font-light">
-            {formatDate(timestamp)}
-          </Text>
-        ) : null}
-        <a className="text-h6 hover:text-primary-active" href={href} download aria-label="Скачать">
-          {title}
-        </a>
-      </div>
-    </div>
-  );
-});

package/mobile/src/components/Depository/useDepository.ts

@@ -1,46 +0,0 @@
-import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
-import { API_BASE_URI } from '../../api/apiBaseUrl';
-import { fetchJSONUnsafe, type FetchJSONUnsafeType } from '../../utils/fetchJSON';
-import { formatDate } from '../../utils/formatDate';
-import { type DepositoryFiltrationState } from './Depository';
-
-export interface DepositoryDataItem {
-  publicId?: number;
-  timestamp?: string;
-  title?: number;
-}
-
-interface DepositoryData {
-  content?: DepositoryDataItem[];
-  totalPages?: number;
-  totalElements?: number;
-}
-
-interface UseDepositoryParams extends DepositoryFiltrationState {
-  size: number;
-  page: number;
-}
-
-const DEPOSITARY_URL = `${API_BASE_URI}/depository`;
-
-export const useDepository = ({ size, page, query, startDate, endDate }: UseDepositoryParams) => {
-  const formatStartDate = startDate ? formatDate(startDate, true) : '';
-  const formatEndDate = endDate ? formatDate(endDate, true) : '';
-
-  const searchParams = new URLSearchParams(DEPOSITARY_URL);
-
-  searchParams.set('page', String(page));
-  searchParams.set('size', String(size));
-  searchParams.set('query', query);
-  searchParams.set('timestampStart', formatStartDate);
-  searchParams.set('timestampEnd', formatEndDate);
-
-  const queryString = `?${searchParams.toString()}`;
-
-  const { data } = useAsyncData(
-    DEPOSITARY_URL + queryString,
-    fetchJSONUnsafe as FetchJSONUnsafeType<DepositoryData>,
-  );
-
-  return { items: data?.content, totalPages: data?.totalPages };
-};

package/mobile/src/components/ExchangeRateTile/CurrencyProps.ts

@@ -1,6 +0,0 @@
-export enum Currency {
-  RUB = 'RUB',
-  EUR = 'EUR',
-  USD = 'USD',
-  CNY = 'CNY',
-}

package/mobile/src/components/ExchangeRateTile/CurrencyTable.tsx

@@ -1,64 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { Img } from '../../ui-kit/Img/Img';
-import { Text } from '../../ui-kit/Text/Text';
-import { style } from '../../utils/style';
-import { type ExchangeCurrencyItem } from './ExchangeCurrencyCalculator';
-import { formatCurrency } from './formatCurrency';
-
-const TABLE_STYLE_BASE = 'text-m font-light text-secondary-text ';
-const TABLE_HEAD_STYLE = `${TABLE_STYLE_BASE} text-left`;
-const TABLE_HEAD_STYLE_CENTER = `${TABLE_STYLE_BASE} pl-5xl text-center`;
-const TABLE_HEAD_STYLE_RIGHT = `${TABLE_STYLE_BASE} pl-5xl text-right`;
-
-const CURRENCY_ICONS_MAP = {
-  USD: 'DollarIcon',
-  EUR: 'EuroIcon',
-  CNY: 'ChineseYuanRenminbiIcon',
-};
-
-interface CurrencyTableProps {
-  className?: string;
-  exchangeCurrencyItems: ExchangeCurrencyItem[];
-}
-
-export const CurrencyTable = JSX<CurrencyTableProps>(({ className, exchangeCurrencyItems }) => (
-  <table className={style('h-fit w-full', className)}>
-    <thead>
-      <tr>
-        <th className={TABLE_HEAD_STYLE}>
-          <Text size="text-m">Валюта</Text>
-        </th>
-        <th className={TABLE_HEAD_STYLE_CENTER}>
-          <Text size="text-m">Купить</Text>
-        </th>
-        <th className={TABLE_HEAD_STYLE_RIGHT}>
-          <Text size="text-m">Продать</Text>
-        </th>
-      </tr>
-    </thead>
-    <tbody>{exchangeCurrencyItems.map(renderCurrencyRow)}</tbody>
-  </table>
-));
-
-const renderCurrencyRow = (exchangeCurrencyItem: ExchangeCurrencyItem) => {
-  const currency = exchangeCurrencyItem?.currency?.currency;
-
-  return (
-    <tr key={currency} className="pb-2xs text-h6">
-      <td className="pt-m m-auto flex text-left">
-        <div className="flex items-center gap-xs">
-          {currency ? (
-            <Img image={{ icon: CURRENCY_ICONS_MAP[currency] }} width="24" height="24" />
-          ) : null}
-          <Text size="text-h6">{currency}</Text>
-        </div>
-      </td>
-      <td className="pt-m pl-5xl text-center">
-        <Text size="text-h6">{formatCurrency(exchangeCurrencyItem?.saleExchangeRate)}</Text>
-      </td>
-      <td className="pt-m pl-5xl text-right">
-        <Text size="text-h6">{formatCurrency(exchangeCurrencyItem?.buyExchangeRate)}</Text>
-      </td>
-    </tr>
-  );
-};

package/mobile/src/components/ExchangeRateTile/CurrentLocation.tsx

@@ -1,28 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type Picture } from '../../model/Picture';
-import { RoundedIcon } from '../../ui-kit/Icon/RoundedIcon';
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
-import { style } from '../../utils/style';
-
-interface CurrentLocationProps {
-  className?: string;
-  address?: string;
-}
-
-const icon: Picture = { icon: 'GpsIcon' };
-
-export const CurrentLocation = JSX<CurrentLocationProps>(({ className = '', address }) => (
-  <div className={style('flex gap-s w-full justify-between @sm:justify-center', className)}>
-    <RoundedIcon {...icon} iconBgVersion="primary" className="shrink-0" />
-    <div className="space-y-2xs whitespace-pre-wrap">
-      {address ? (
-        <Paragraph size="text-l" color="text-primary-main">
-          {address}
-        </Paragraph>
-      ) : null}
-      <Paragraph size="text-m" color="text-secondary-text">
-        Курс указан для заданного офиса
-      </Paragraph>
-    </div>
-  </div>
-));

package/mobile/src/components/ExchangeRateTile/ExchangeCurrencyCalculator.tsx

@@ -1,153 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
-import { type ButtonCommonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
-import { calculateResult, formatValue } from './calculateResult';
-import { callbackCurrencySelect } from './callbackCurrencySelect';
-import { Currency } from './CurrencyProps';
-import { renderInput } from './renderInput';
-
-export interface ExchangeCurrencyItem {
-  currency?: {
-    id?: number;
-    code?: string;
-    currency?: Currency;
-  };
-  buyExchangeRate?: number;
-  saleExchangeRate?: number;
-}
-export interface ExchangeCurrencyCalculatorProps {
-  className?: string;
-  currencyRatesBuy: ExchangeCurrencyItem[];
-  currencyRatesSell: ExchangeCurrencyItem[];
-  button?: ButtonCommonContent;
-}
-export interface CalcState {
-  inputSell: string;
-  inputBuy: string;
-  selectSell: Currency;
-  selectBuy: Currency;
-}
-
-export const ExchangeCurrencyCalculator = JSX<ExchangeCurrencyCalculatorProps>(
-  ({ className = '', currencyRatesBuy, currencyRatesSell, button }) => {
-    const [calcState, setCalcState] = useState<CalcState>({
-      inputSell: '',
-      inputBuy: '',
-      selectSell: currencyRatesBuy?.[0]?.currency?.currency || Currency.RUB,
-      selectBuy: currencyRatesSell?.[0]?.currency?.currency || Currency.USD,
-    });
-
-    const handleSetCalcState = useCallback(
-      (newState: Partial<CalcState>) => setCalcState((oldState) => ({ ...oldState, ...newState })),
-      [],
-    );
-
-    return (
-      <div className={`flex flex-col gap-m pt-2xl ${className}`}>
-        {currencyRatesBuy && currencyRatesSell ? (
-          <div className="grid gap-m">
-            {renderInput({
-              placeholder: 'Хочу продать',
-              rates: currencyRatesSell,
-              selected: calcState.selectSell,
-              setSelected: handleSelectSell(calcState, handleSetCalcState, currencyRatesSell),
-              value: calcState.inputSell,
-              setValue: (value) =>
-                handleInputSell(handleSetCalcState, currencyRatesSell)(
-                  value,
-                  calcState.selectSell,
-                  calcState.selectBuy,
-                ),
-            })}
-            {renderInput({
-              placeholder: 'Получу',
-              rates: currencyRatesBuy,
-              selected: calcState.selectBuy,
-              setSelected: handleSelectBuy(calcState, handleSetCalcState, currencyRatesBuy),
-              value: calcState.inputBuy,
-              setValue: (value) =>
-                handleInputBuy(handleSetCalcState, currencyRatesBuy)(
-                  value,
-                  calcState.selectBuy,
-                  calcState.selectSell,
-                ),
-            })}
-          </div>
-        ) : null}
-        {button?.text ? (
-          <LinkButton text={button.text} version={button?.version} {...button} />
-        ) : null}
-      </div>
-    );
-  },
-);
-
-const handleSelectSell =
-  (
-    calcState: CalcState,
-    setCalcState: (state: Partial<CalcState>) => void,
-    currencyRatesSell: ExchangeCurrencyItem[],
-  ) =>
-  (value: Currency) => {
-    setCalcState({ selectSell: value });
-    callbackCurrencySelect({
-      value,
-      oppositeValue: calcState.selectBuy,
-      handleConvert: (currencyFrom = calcState.selectSell, currencyTo = calcState.selectBuy) => {
-        handleInputSell(setCalcState, currencyRatesSell)(
-          calcState.inputSell,
-          currencyFrom,
-          currencyTo,
-        );
-      },
-    });
-  };
-
-const handleSelectBuy =
-  (
-    calcState: CalcState,
-    setCalcState: (state: Partial<CalcState>) => void,
-    currencyRatesBuy: ExchangeCurrencyItem[],
-  ) =>
-  (value: Currency) => {
-    setCalcState({ selectBuy: value });
-    callbackCurrencySelect({
-      value,
-      oppositeValue: calcState.selectSell,
-      handleConvert: (currencyTo = calcState.selectBuy, currencyFrom = calcState.selectSell) =>
-        handleInputBuy(setCalcState, currencyRatesBuy)(
-          calcState.inputBuy,
-          currencyTo,
-          currencyFrom,
-        ),
-    });
-  };
-
-const handleInputSell =
-  (setCalcState: (state: Partial<CalcState>) => void, currencyRatesSell: ExchangeCurrencyItem[]) =>
-  (value: string, currencyFrom: Currency, currencyTo: Currency) => {
-    setCalcState({ inputSell: formatValue(value), selectBuy: currencyTo });
-    const rate =
-      currencyRatesSell.find((_) => _.currency?.currency === currencyTo)?.buyExchangeRate ||
-      currencyRatesSell.find((_) => _.currency?.currency === currencyFrom)?.buyExchangeRate;
-    if (rate) {
-      setCalcState({
-        inputBuy: String(calculateResult(value, rate, currencyFrom === Currency.RUB) || ''),
-      });
-    }
-  };
-
-const handleInputBuy =
-  (setCalcState: (state: Partial<CalcState>) => void, currencyRatesBuy: ExchangeCurrencyItem[]) =>
-  (value: string, currencyTo: Currency, currencyFrom: Currency) => {
-    setCalcState({ inputBuy: formatValue(value), selectSell: currencyFrom });
-    const rate =
-      currencyRatesBuy.find((_) => _.currency?.currency === currencyFrom)?.saleExchangeRate ||
-      currencyRatesBuy.find((_) => _.currency?.currency === currencyTo)?.saleExchangeRate;
-    if (rate) {
-      setCalcState({
-        inputSell: String(calculateResult(value, rate, currencyTo === Currency.RUB) || ''),
-      });
-    }
-  };

package/mobile/src/components/ExchangeRateTile/ExchangeRateTile.example.json

@@ -1,12 +0,0 @@
-{
-  "content": {
-    "version": "primary",
-    "padding": "",
-    "button": {
-      "href": "https://coins.rshb.ru/exchange",
-      "text": "Купить валюту",
-      "target": "_blank",
-      "version": "primary"
-    }
-  }
-}

package/mobile/src/components/ExchangeRateTile/ExchangeRateTile.tsx

@@ -1,60 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useLocation } from '../../hooks/useLocation';
-import { BaseTile } from '../../ui-kit/BaseTile/BaseTile';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Heading } from '../../ui-kit/Heading/Heading';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-import { Currency } from './CurrencyProps';
-import { CurrencyTable } from './CurrencyTable';
-import { CurrentLocation } from './CurrentLocation';
-import {
-  ExchangeCurrencyCalculator,
-  type ExchangeCurrencyItem,
-} from './ExchangeCurrencyCalculator';
-import { type ExchangeRateTileContent } from './ExchangeRateTileContent';
-import { useFetchExchangeRateData } from './useFetchExchangeRateData';
-
-export interface ExchangeRateTileProps extends ExchangeRateTileContent, UniBlockProps {}
-
-export const ExchangeRateTile = JSX<ExchangeRateTileProps>(
-  ({ className = '', title = 'Курсы обмена валют', button, ...rest }) => {
-    const currentLocation = useLocation();
-    const exchangeRates = useFetchExchangeRateData(currentLocation);
-
-    const currencyRates = getCurrencyRates(exchangeRates?.exchangeRate?.currencies);
-
-    const currencyRatesBuy = currencyRates.filter((_) => _.buyExchangeRate);
-    currencyRatesBuy.unshift({ currency: { currency: Currency.RUB } });
-
-    const currencyRatesSell = currencyRates.filter((_) => _.saleExchangeRate);
-    currencyRatesSell.push({ currency: { currency: Currency.RUB } });
-
-    return (
-      <BlockWrapper className={style('box-border min-h-80', className)} {...rest}>
-        <BaseTile
-          className="h-full"
-          title={<Heading headingType="h4" title={title} className="whitespace-pre-wrap" />}
-        >
-          <div className="flex w-full gap-6xl flex-wrap @lg:flex-nowrap">
-            <div className="w-full @2xl:w-auto @5xl:w-1/2">
-              {currencyRates ? (
-                <CurrencyTable className="mb-xl" exchangeCurrencyItems={currencyRates} />
-              ) : null}
-              <CurrentLocation address={exchangeRates?.address} />
-            </div>
-            <ExchangeCurrencyCalculator
-              className="grow w-1/2"
-              currencyRatesBuy={currencyRatesBuy}
-              currencyRatesSell={currencyRatesSell}
-              button={button}
-            />
-          </div>
-        </BaseTile>
-      </BlockWrapper>
-    );
-  },
-);
-
-const getCurrencyRates = (currencies?: ExchangeCurrencyItem[]) =>
-  currencies?.filter((_) => [1, 2, 3].includes(_?.currency?.id as number)) || [];

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

@@ -1,8 +0,0 @@
-{
-  "content": {},
-  "style": {
-    "ui:options": {
-      "minCols": 6
-    }
-  }
-}

package/mobile/src/components/ExchangeRateTile/ExchangeRateTileContent.ts

@@ -1,11 +0,0 @@
-import { type TitleProps } from '../../model/HeadlineType';
-import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
-import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-
-/**
- * @title Курсы обмена валют
- */
-export type ExchangeRateTileContent = UniBlockContent &
-  TitleProps & {
-    button?: LinkButtonContent;
-  };

package/mobile/src/components/ExchangeRateTile/calculateResult.ts

@@ -1,9 +0,0 @@
-import { roundTo } from '../../utils/roundTo';
-
-export const calculateResult = (value: string, rate: number, precision: boolean) => {
-  const result = Number(formatValue(value)) * Math.pow(rate, precision ? -1 : 1);
-
-  return Number.isInteger(result) ? result : roundTo(result);
-};
-
-export const formatValue = (value: string) => value.replace(/[^\d.,]/g, '').replace(',', '.');

package/mobile/src/components/ExchangeRateTile/callbackCurrencySelect.ts

@@ -1,25 +0,0 @@
-import { tableFunc } from '../../utils/tableFunc';
-import { Currency } from './CurrencyProps';
-
-interface TableFuncProps {
-  value: Currency;
-  oppositeValue: Currency;
-  handleConvert: (currencyFrom?: Currency, currencyTo?: Currency) => void;
-}
-
-export const callbackCurrencySelect = (props: TableFuncProps) =>
-  tableFunc<TableFuncProps, () => void>([
-    [
-      (_) => _.value !== Currency.RUB && _.oppositeValue !== Currency.RUB,
-      () => props.handleConvert(props.value, Currency.RUB),
-    ],
-    [
-      (_) => _.value === Currency.RUB && _.oppositeValue === Currency.RUB,
-      () => props.handleConvert(props.value, Currency.USD),
-    ],
-    [
-      (_) => _.value === Currency.RUB && _.oppositeValue === Currency.RUB,
-      () => props.handleConvert(props.value, Currency.CNY),
-    ],
-    [() => true, () => props.handleConvert(props.value)],
-  ])(props)?.();

package/mobile/src/components/ExchangeRateTile/formatCurrency.ts

@@ -1,8 +0,0 @@
-import { Currency } from './CurrencyProps';
-
-const currencyNumberFormat = new Intl.NumberFormat('ru', {
-  style: 'currency',
-  currency: Currency.RUB,
-});
-
-export const formatCurrency = (value?: number) => (value ? currencyNumberFormat.format(value) : '');

package/mobile/src/components/ExchangeRateTile/renderInput.tsx

@@ -1,44 +0,0 @@
-import { Input } from '../../ui-kit/Input/Input';
-import { type Option } from '../../ui-kit/Select/Option';
-import { Select } from '../../ui-kit/Select/Select';
-import { type Currency } from './CurrencyProps';
-import { type ExchangeCurrencyItem } from './ExchangeCurrencyCalculator';
-
-interface InputProps {
-  placeholder: string;
-  rates: ExchangeCurrencyItem[];
-  selected: string;
-  setSelected: (value: Currency) => void;
-  value: string;
-  setValue: (value: string) => void;
-}
-
-export function renderInput(props: InputProps) {
-  const { placeholder, rates, selected, value, setValue, setSelected } = props;
-  const ratesOptions: Option[] = rates.map((_) => ({
-    key: _?.currency?.currency ?? '',
-    text: _?.currency?.currency ?? '',
-  }));
-  const selectedValue: Option = { key: selected, text: selected };
-
-  return (
-    <div className="relative flex">
-      <Input
-        className="shrink-0 text-l w-full appearance-none -mr-20"
-        placeholder={placeholder}
-        type="text"
-        value={value}
-        onChange={setValue}
-      />
-      {ratesOptions.length ? (
-        <Select
-          className="absolute right-0"
-          isBorder={false}
-          onChange={(_) => setSelected(_.key as Currency)}
-          options={ratesOptions}
-          value={selectedValue}
-        />
-      ) : null}
-    </div>
-  );
-}

package/mobile/src/components/ExchangeRateTile/useFetchExchangeRateData.ts

@@ -1,25 +0,0 @@
-import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
-import { API_BASE_URI } from '../../api/apiBaseUrl';
-import { type ExchangeCurrencyItem } from '../../components/ExchangeRateTile/ExchangeCurrencyCalculator';
-import { type Region } from '../../hooks/useRegions';
-import { fetchJSONUnsafe, type FetchJSONUnsafeType } from '../../utils/fetchJSON';
-
-export interface ExchangeData {
-  exchangeRate?: {
-    currencies?: ExchangeCurrencyItem[];
-  };
-  address?: string;
-}
-
-const EXCHANGE_RATES_URL = `${API_BASE_URI}/exchangerates`;
-
-export function useFetchExchangeRateData(currentRegion: Region) {
-  const regionCode = currentRegion?.code || '000';
-
-  const { data } = useAsyncData(
-    EXCHANGE_RATES_URL + `?regionCode=${regionCode}`,
-    fetchJSONUnsafe as FetchJSONUnsafeType<ExchangeData>,
-  );
-
-  return data || {};
-}