@redneckz/wildless-cms-uni-blocks 0.14.841 → 0.14.843

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

@@ -1,84 +0,0 @@
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useForm } from '../../hooks/useForm/useForm';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { NotFound } from '../../ui-kit/NotFound/NotFound';
-import { Pagination } from '../../ui-kit/Pagination/Pagination';
-import { Text } from '../../ui-kit/Text/Text';
-import { UniBlock } from '../../UniBlock/UniBlock';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-import { type DepositoryContent } from './DepositoryContent';
-import { DepositoryFilter } from './DepositoryFilter';
-import { DepositoryItem } from './DepositoryItem';
-import { useDepository } from './useDepository';
-
-const DEFAULT_ITEMS_COUNT = 10;
-
-const initialFiltrationState: DepositoryFiltrationState = {
-  startDate: undefined,
-  endDate: undefined,
-  query: '',
-};
-
-export interface DepositoryFiltrationState {
-  startDate: Date | undefined;
-  endDate: Date | undefined;
-  query: string;
-}
-
-interface DepositoryProps extends DepositoryContent, UniBlockProps {}
-
-export const Depository = UniBlock<DepositoryProps>(({ className, ...rest }) => {
-  const [currentPage, setCurrentPage] = useState(0);
-  const [itemCount, setItemCount] = useState(DEFAULT_ITEMS_COUNT);
-  const [filtrationState, { field, reset }] = useForm(initialFiltrationState);
-
-  const { totalPages = 0, items = [] } = useDepository({
-    size: itemCount,
-    page: currentPage,
-    ...filtrationState,
-  });
-
-  const handleChangePage = useCallback((page: number) => setCurrentPage(page - 1), []);
-
-  const handleItemCountChange = useCallback((count: number) => {
-    if (itemCount !== count) {
-      setItemCount(count);
-      setCurrentPage(0);
-    } else {
-      setItemCount(count);
-    }
-  }, []);
-
-  return (
-    <BlockWrapper className={style(className, 'container p-6xl')} {...rest}>
-      <DepositoryFilter filtrationState={filtrationState} field={field} onClearFilter={reset} />
-      <div className="flex flex-col">
-        <div className="grid grid-cols-12 pb-lg border-gray border-opacity-50 border-b">
-          <div className="col-span-4 @lg:col-span-2 hidden @lg:block">
-            <Text size="text-m" color="text-secondary-text">
-              Дата
-            </Text>
-          </div>
-          <span className="col-span-8 @lg:col-span-10 hidden @lg:block">
-            <Text size="text-m" color="text-secondary-text">
-              Тема
-            </Text>
-          </span>
-        </div>
-        {items.length ? (
-          items.map((params) => <DepositoryItem key={String(params.publicId)} {...params} />)
-        ) : (
-          <NotFound title="Ничего не найдено" description="Попробуйте очистить фильтры" />
-        )}
-        <Pagination
-          currentPage={currentPage + 1}
-          onPageChange={handleChangePage}
-          totalPages={totalPages}
-          itemCount={itemCount}
-          onItemCountChange={handleItemCountChange}
-        />
-      </div>
-    </BlockWrapper>
-  );
-});

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

@@ -1 +0,0 @@
-{}

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

@@ -1,6 +0,0 @@
-import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-
-/**
- * @title Депозитарий
- */
-export type DepositoryContent = UniBlockContent;

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/ui-kit/Unit/Unit.tsx

@@ -1,26 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { Text } from '../Text/Text';
-import { type UnitProps } from './UnitProps';
-
-export const Unit = JSX<UnitProps>(({ prefix, unit, suffix }) => (
-  <div className="w-full flex items-end">
-    {prefix ? (
-      <div className="gradient-color-text">
-        <Text size="text-h2">{prefix}</Text>
-      </div>
-    ) : null}
-    {unit ? (
-      // -mb-n добавлен для выравнивания unit относительно prefix и suffix, тк шрифт font-mohave неправильно высчитывает line-height
-      <div className="-mb-6 @xl:-mb-4">
-        <span className="font-mohave text-title-large sm:text-title-extra gradient-color-text">
-          {unit}
-        </span>
-      </div>
-    ) : null}
-    {suffix ? (
-      <div className="gradient-color-text">
-        <Text size="text-h2">{suffix}</Text>
-      </div>
-    ) : null}
-  </div>
-));

package/mobile/src/ui-kit/Unit/UnitProps.ts

@@ -1,8 +0,0 @@
-export interface UnitProps {
-  /** @title Префикс */
-  prefix?: string;
-  /** @title Значение */
-  unit?: number;
-  /** @title Суффикс */
-  suffix?: string;
-}

package/src/components/CarouselCard/CarouselCard.example.json

@@ -1,14 +0,0 @@
-{
-  "content": {
-    "version": "primary",
-    "padding": "",
-    "title": "Заголовок",
-    "description": "Описание",
-    "button": {
-      "href": "",
-      "text": "Подробнее",
-      "target": "_self",
-      "version": "primary"
-    }
-  }
-}

package/src/components/CarouselCard/CarouselCard.fixture.mobile.tsx

@@ -1,28 +0,0 @@
-import '../../setup-fixture';
-
-import { type LinkButtonProps } from '../../ui-kit/LinkButton/LinkButtonProps';
-import { CarouselCard } from './CarouselCard';
-import { type CarouselCardContent } from './CarouselCardContent';
-
-const button: LinkButtonProps = {
-  text: 'Подробнее',
-  href: '/credit-cards',
-  version: 'primary',
-};
-
-export const CARD: CarouselCardContent = {
-  title: 'Контакты и реквизиты',
-  description:
-    'АО «Россельхозбанк» занимает второе место в России по размеру филиальной сети — 66 филиалов во всех регионах страны',
-  button,
-  carouselVersion: 'normal',
-  version: 'primary',
-};
-
-export default {
-  default: (
-    <div className="@container container grid grid-cols-12">
-      <CarouselCard className="col-span-12" {...CARD} />
-    </div>
-  ),
-};

package/src/components/CarouselCard/CarouselCard.fixture.tsx

@@ -1,53 +0,0 @@
-import '../../setup-fixture';
-
-import { type LinkButtonProps } from '../../ui-kit/LinkButton/LinkButtonProps';
-import { CarouselCard } from './CarouselCard';
-import { type CarouselCardContent } from './CarouselCardContent';
-
-const button: LinkButtonProps = {
-  text: 'Подробнее',
-  href: '/credit-cards',
-  version: 'secondary',
-};
-
-export const CARD: CarouselCardContent = {
-  title: 'Хочешь попасть на практику в РСХБ?',
-  description: 'Стажировка в Россельхозбанке — это возможность реализовать смелые идеи и проекты.',
-  button,
-  carouselVersion: 'normal',
-  version: 'primary',
-};
-
-export const CARD_NEW: CarouselCardContent = {
-  title: 'РСХБ?',
-  description: 'Стажировка в Россельхозбанке — это возможность реализовать смелые идеи и проекты.',
-  button,
-  carouselVersion: 'normal',
-  version: 'primary',
-};
-
-export const CARD_MINI: CarouselCardContent = {
-  title: 'Хочешь попасть на практику в РСХБ?',
-  description: 'Стажировка в Россельхозбанке — это возможность реализовать смелые идеи и проекты.',
-  button,
-  carouselVersion: 'small',
-  version: 'primary',
-};
-
-export default {
-  default: (
-    <div className="@container container grid grid-cols-12">
-      <CarouselCard className="col-span-12" {...CARD} />
-    </div>
-  ),
-  new: (
-    <div className="@container container grid grid-cols-12">
-      <CarouselCard className="col-span-12" {...CARD_NEW} />
-    </div>
-  ),
-  mini: (
-    <div className="@container container grid grid-cols-12">
-      <CarouselCard className="col-span-4" {...CARD_MINI} />
-    </div>
-  ),
-};

package/src/components/CarouselCard/CarouselCard.tsx

@@ -1,47 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-import { Headline } from '../Headline/Headline';
-import { type CarouselCardContent } from './CarouselCardContent';
-import { titleSize } from './titleSize';
-
-export interface CarouselCardProps extends CarouselCardContent, UniBlockProps {}
-
-const layerBaseStyle = 'z-10 border border-solid w-full h-full';
-const layerStyle = style(layerBaseStyle, 'absolute hidden @xl:block border-transparent');
-
-export const CarouselCard = JSX<CarouselCardProps>(
-  ({ className, title, description, button, ...rest }) => (
-    <BlockWrapper
-      className={style('sm:pl-6xl sm:pb-4xl @container-normal', className)}
-      defaultPadding="p-0"
-      {...rest}
-    >
-      <div className="relative h-full">
-        <div className={style(layerStyle, 'top-9 right-12 bg-green-dark')} />
-        <div className={style(layerStyle, 'top-6 right-8 bg-green')} />
-        <div className={style(layerStyle, 'top-3 right-4 bg-green-light')} />
-        <div
-          className={style(
-            layerBaseStyle,
-            'relative p-xl sm:p-5xl bg-white border-transparent sm:border-green-more-light',
-          )}
-        >
-          <Headline
-            title={title}
-            description={description}
-            headlineVersion={titleSize}
-            align="text-left"
-            isEmbedded={true}
-          />
-          {renderButtonsSection([button], {
-            className: 'mt-m sm:mt-6xl sm:justify-center',
-            isVertical: true,
-          })}
-        </div>
-      </div>
-    </BlockWrapper>
-  ),
-);

package/src/components/CarouselCard/CarouselCard.ui.json

@@ -1 +0,0 @@
-{}

package/src/components/CarouselCard/CarouselCardContent.ts

@@ -1,13 +0,0 @@
-import { type HeadlineCommonProps } from '../../model/HeadlineType';
-import { type SizeVersion } from '../../model/SizeVersion';
-import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
-import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-
-/**
- * @title Карточка карусели
- */
-export type CarouselCardContent = UniBlockContent &
-  HeadlineCommonProps & {
-    button?: LinkButtonContent;
-    carouselVersion?: SizeVersion;
-  };

package/src/components/CarouselCard/constants.ts

@@ -1,6 +0,0 @@
-import { type SizeVersion } from '../../model/SizeVersion';
-
-export const cardStyleMap: Record<SizeVersion, string> = {
-  normal: 'min-w-full justify-center items-center m-2xl col-span-12',
-  small: 'min-w-auto justify-center items-center m-4xl col-span-4',
-};

package/src/components/CarouselCard/titleSize.mobile.tsx

@@ -1 +0,0 @@
-export const titleSize = 'XS';

package/src/components/CarouselCard/titleSize.tsx

@@ -1 +0,0 @@
-export const titleSize = 'XS';

package/src/components/Depository/Depository.example.json

@@ -1,6 +0,0 @@
-{
-  "content": {
-    "version": "primary",
-    "padding": ""
-  }
-}

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

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

package/src/components/Depository/Depository.fixture.tsx

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

package/src/components/Depository/Depository.tsx

@@ -1,84 +0,0 @@
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useForm } from '../../hooks/useForm/useForm';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { NotFound } from '../../ui-kit/NotFound/NotFound';
-import { Pagination } from '../../ui-kit/Pagination/Pagination';
-import { Text } from '../../ui-kit/Text/Text';
-import { UniBlock } from '../../UniBlock/UniBlock';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-import { type DepositoryContent } from './DepositoryContent';
-import { DepositoryFilter } from './DepositoryFilter';
-import { DepositoryItem } from './DepositoryItem';
-import { useDepository } from './useDepository';
-
-const DEFAULT_ITEMS_COUNT = 10;
-
-const initialFiltrationState: DepositoryFiltrationState = {
-  startDate: undefined,
-  endDate: undefined,
-  query: '',
-};
-
-export interface DepositoryFiltrationState {
-  startDate: Date | undefined;
-  endDate: Date | undefined;
-  query: string;
-}
-
-interface DepositoryProps extends DepositoryContent, UniBlockProps {}
-
-export const Depository = UniBlock<DepositoryProps>(({ className, ...rest }) => {
-  const [currentPage, setCurrentPage] = useState(0);
-  const [itemCount, setItemCount] = useState(DEFAULT_ITEMS_COUNT);
-  const [filtrationState, { field, reset }] = useForm(initialFiltrationState);
-
-  const { totalPages = 0, items = [] } = useDepository({
-    size: itemCount,
-    page: currentPage,
-    ...filtrationState,
-  });
-
-  const handleChangePage = useCallback((page: number) => setCurrentPage(page - 1), []);
-
-  const handleItemCountChange = useCallback((count: number) => {
-    if (itemCount !== count) {
-      setItemCount(count);
-      setCurrentPage(0);
-    } else {
-      setItemCount(count);
-    }
-  }, []);
-
-  return (
-    <BlockWrapper className={style(className, 'container p-6xl')} {...rest}>
-      <DepositoryFilter filtrationState={filtrationState} field={field} onClearFilter={reset} />
-      <div className="flex flex-col">
-        <div className="grid grid-cols-12 pb-lg border-gray border-opacity-50 border-b">
-          <div className="col-span-4 @lg:col-span-2 hidden @lg:block">
-            <Text size="text-m" color="text-secondary-text">
-              Дата
-            </Text>
-          </div>
-          <span className="col-span-8 @lg:col-span-10 hidden @lg:block">
-            <Text size="text-m" color="text-secondary-text">
-              Тема
-            </Text>
-          </span>
-        </div>
-        {items.length ? (
-          items.map((params) => <DepositoryItem key={String(params.publicId)} {...params} />)
-        ) : (
-          <NotFound title="Ничего не найдено" description="Попробуйте очистить фильтры" />
-        )}
-        <Pagination
-          currentPage={currentPage + 1}
-          onPageChange={handleChangePage}
-          totalPages={totalPages}
-          itemCount={itemCount}
-          onItemCountChange={handleItemCountChange}
-        />
-      </div>
-    </BlockWrapper>
-  );
-});

package/src/components/Depository/Depository.ui.json

@@ -1 +0,0 @@
-{}

package/src/components/Depository/DepositoryContent.ts

@@ -1,6 +0,0 @@
-import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-
-/**
- * @title Депозитарий
- */
-export type DepositoryContent = UniBlockContent;

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