@redneckz/wildless-cms-uni-blocks 0.14.828 → 0.14.830

package/src/components/GracePeriod/GracePeriod.tsx

@@ -1,87 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Img } from '../../ui-kit/Img/Img';
-import { Text } from '../../ui-kit/Text/Text';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-import { Headline } from '../Headline/Headline';
-import { type CalendarItem, type GracePeriodContent } from './GracePeriodContent';
-interface MappedCalendarItemProps extends CalendarItem {
-  flexBasis?: string;
-}
-
-export interface GracePeriodProps extends GracePeriodContent, UniBlockProps {}
-
-export const GracePeriod = JSX<GracePeriodProps>(
-  ({ className = '', title, description, calendar, ...rest }) => (
-    <BlockWrapper className={style('space-y-m', className)} defaultPadding="p-6xl" {...rest}>
-      <Headline title={title} description={description} headlineVersion="M" isEmbedded={true} />
-      {calendar ? renderCalendar(calendar) : null}
-    </BlockWrapper>
-  ),
-);
-
-const renderCalendar = (calendar: CalendarItem[]) => {
-  const colCount =
-    calendar.reduce(
-      (accumulator, currentValue) =>
-        currentValue?.month?.length ? accumulator + currentValue.month.length : accumulator,
-      0,
-    ) || 1;
-  const colSize = 100 / colCount;
-
-  const mappedCalendar = calendar
-    .filter((_) => _?.month?.length)
-    .map((_) => ({
-      ..._,
-      // Condition lower is always true, TS does not understand this, notice filter above
-      flexBasis: `${_?.month?.length ? _.month.length * colSize : ''}%`,
-    }));
-
-  return (
-    <div className="w-full flex flex-col justify-center gap-s">
-      <div className="flex w-full text-h6 text-center">
-        {mappedCalendar.map((_) => renderMonthNames(_, colSize))}
-      </div>
-      <div className="flex gap-s w-full">
-        {mappedCalendar.map((_, ind) => (
-          <div
-            key={`monthItem-${ind}`}
-            className="border-r border-main-divider last:border-r-0 space-y-s"
-            style={{ flexBasis: _.flexBasis }}
-          >
-            <div className="flex gap-s">{renderMonthImages(_)}</div>
-            <div className="text-s">
-              <Text size="text-s" font="font-light" color="text-primary-text">
-                {_.text}
-              </Text>
-              &thinsp;
-              <Text size="text-s" font="font-light" color="text-primary-main">
-                {_.greenText}
-              </Text>
-            </div>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-};
-
-const renderMonthNames = (item: MappedCalendarItemProps, colSize: number) =>
-  item.month?.map((_, i) => (
-    <div key={`monthName-${i}`} style={{ flexBasis: `${colSize}%` }}>
-      {_.text}
-    </div>
-  ));
-
-const renderMonthImages = (item: MappedCalendarItemProps) =>
-  item.month?.map((_) =>
-    _.image?.src ? (
-      <div
-        key={`monthImage-${_.image.src}`}
-        className="h-52 border-r pr-s border-main-divider last:border-r-0"
-      >
-        <Img image={_.image} className="flex" />
-      </div>
-    ) : null,
-  );

package/src/components/GracePeriod/GracePeriod.ui.json

@@ -1,20 +0,0 @@
-{
-  "content": {
-    "calendar": {
-      "items": {
-        "month": {
-          "items": {
-            "image": {
-              "ui:field": "icon"
-            }
-          }
-        }
-      }
-    }
-  },
-  "style": {
-    "ui:options": {
-      "minCols": 6
-    }
-  }
-}

package/src/components/GracePeriod/GracePeriodContent.ts

@@ -1,26 +0,0 @@
-import { type HeadlineCommonProps } from '../../model/HeadlineType';
-import { type ImageContent } from '../../ui-kit/Img/ImgProps';
-import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-
-export type Month = ImageContent & {
-  /** @title Название месяца */
-  text?: string;
-};
-
-export interface CalendarItem {
-  /** @title Месяцы */
-  month?: Month[];
-  /** @title Основной текст */
-  text?: string;
-  /** @title Вспомогательный текст */
-  greenText?: string;
-}
-
-/**
- * @title Льготный период
- */
-export type GracePeriodContent = UniBlockContent &
-  HeadlineCommonProps & {
-    /** @title Периоды */
-    calendar?: CalendarItem[];
-  };

package/src/components/MortgageFiltration/MortgageFiltration.example.json

@@ -1,115 +0,0 @@
-{
-  "content": {
-    "filtrationSchema": {
-      "propertyType": {
-        "title": "Тип недвижимости",
-        "type": "array",
-        "items": {
-          "type": "string",
-          "enum": ["flat", "apartment", "house", "storeRoom", "parkingSpace", "suburban"],
-          "enumNames": [
-            "Квартира",
-            "Апартаменты",
-            "Жилой дом",
-            "Кладовая",
-            "Машино-место",
-            "Загородная недвижимость"
-          ]
-        }
-      },
-      "stage": {
-        "title": "Этап строительства",
-        "type": "array",
-        "items": {
-          "type": "string",
-          "enum": ["built", "inProgress"],
-          "enumNames": ["Готовое жильё", "Строящиеся"]
-        }
-      },
-      "categories": {
-        "title": "Категории",
-        "type": "array",
-        "items": {
-          "type": "string",
-          "enum": ["salaryClient", "IT", "youngFamily", "military", "medicalWorker", "scientist"],
-          "enumNames": [
-            "Зарплатный клиент",
-            "IT-специалист",
-            "Молодая семья",
-            "Военнослужащий",
-            "Медицинский работник",
-            "Научный сотрудник"
-          ]
-        }
-      },
-      "extraOptions": {
-        "title": "Дополнительно",
-        "type": "array",
-        "items": {
-          "type": "string",
-          "enum": ["preferentialMortgage", "children", "refinancing"],
-          "enumNames": ["Льготная ипотека", "Дети", "Рефинансирование"]
-        }
-      }
-    },
-    "hotFilters": [
-      {
-        "text": "Все программы"
-      },
-      {
-        "text": "Льготные программы",
-        "filter": {
-          "categories": [],
-          "extraOptions": ["preferentialMortgage"],
-          "propertyType": [],
-          "stage": []
-        }
-      },
-      {
-        "text": "Строящееся жилье",
-        "filter": {
-          "stage": ["inProgress"],
-          "categories": [],
-          "extraOptions": [],
-          "propertyType": []
-        }
-      },
-      {
-        "text": "Готовое жилье",
-        "filter": {
-          "stage": ["built"],
-          "categories": [],
-          "extraOptions": [],
-          "propertyType": []
-        }
-      },
-      {
-        "text": "Загородная недвижимость",
-        "filter": {
-          "propertyType": ["suburban"],
-          "categories": [],
-          "extraOptions": [],
-          "stage": []
-        }
-      },
-      {
-        "text": "Рефинансирование",
-        "filter": {
-          "categories": [],
-          "extraOptions": ["refinancing"],
-          "propertyType": [],
-          "stage": []
-        }
-      }
-    ],
-    "resetButton": {
-      "text": "Очистить фильтры",
-      "version": "secondary"
-    },
-    "notFound": {
-      "title": "Нет подходящей программы",
-      "description": "Попробуйте очистить фильтры"
-    },
-    "blocksSection": { "view": "grid", "label": "Заголовок" }
-  }
-}

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

@@ -1,226 +0,0 @@
-import '../../setup-fixture';
-
-import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
-import { Blocks } from '../Blocks';
-import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
-import { MortgageFiltration } from './MortgageFiltration';
-import {
-  type MortgageFiltrationContent,
-  type MortgageFiltrationHotFilter,
-} from './MortgageFiltrationContent';
-
-const PROPERTY_APARTMENT = {
-  propertyType: ['apartment'],
-};
-
-const PROPERTY_FLAT = {
-  propertyType: ['flat'],
-};
-
-const PROPERTY_HOUSE = {
-  propertyType: ['house'],
-};
-
-const STAGE_BUILT = {
-  stage: ['built'],
-};
-
-const STAGE_IN_PROGRESS = {
-  stage: ['inProgress'],
-};
-
-const EXTRA_MORTGAGE = {
-  extraOptions: ['preferentialMortgage'],
-};
-
-const EXTRA_CHILDREN = {
-  extraOptions: ['children'],
-};
-
-const CATEGORY_IT = {
-  categories: ['IT'],
-};
-
-const CATEGORY_SALARY = {
-  categories: ['salaryClient'],
-};
-
-const generateBlock = (...presets: any[]) => ({
-  type: 'ProductBlock',
-  style: ['col-span-6'],
-  content: { ...presets.reduce((acc, p) => ({ ...acc, ...p })) },
-});
-
-const SCHEMA: MortgageFiltrationContent['filtrationSchema'] = {
-  propertyType: {
-    title: 'Тип недвижимости',
-    type: 'array',
-    items: {
-      type: 'string',
-      enum: ['flat', 'apartment', 'house', 'storeRoom', 'parkingSpace', 'suburban'],
-      enumNames: [
-        'Квартира',
-        'Апартаменты',
-        'Жилой дом',
-        'Кладовая',
-        'Машино-место',
-        'Загородная недвижимость',
-      ],
-    },
-  },
-  stage: {
-    title: 'Этап строительства',
-    type: 'array',
-    items: {
-      type: 'string',
-      enum: ['built', 'inProgress'],
-      enumNames: ['Готовое жильё', 'Строящиеся'],
-    },
-  },
-  categories: {
-    title: 'Категории',
-    type: 'array',
-    items: {
-      type: 'string',
-      enum: ['salaryClient', 'IT', 'youngFamily', 'military', 'medicalWorker', 'scientist'],
-      enumNames: [
-        'Зарплатный клиент',
-        'IT-специалист',
-        'Молодая семья',
-        'Военнослужащий',
-        'Медицинский работник',
-        'Научный сотрудник',
-      ],
-    },
-  },
-  extraOptions: {
-    title: 'Дополнительно',
-    type: 'array',
-    items: {
-      type: 'string',
-      enum: ['preferentialMortgage', 'children', 'refinancing'],
-      enumNames: ['Льготная ипотека', 'Дети', 'Рефинансирование'],
-    },
-  },
-};
-
-const HOT_FILTERS: MortgageFiltrationHotFilter[] = [
-  { text: 'Все программы' },
-  {
-    text: 'Льготные программы',
-    filter: {
-      categories: [],
-      extraOptions: ['preferentialMortgage'],
-      propertyType: [],
-      stage: [],
-    },
-  },
-  {
-    text: 'Строящееся жилье',
-    filter: { stage: ['inProgress'], categories: [], extraOptions: [], propertyType: [] },
-  },
-  {
-    text: 'Готовое жилье',
-    filter: { stage: ['built'], categories: [], extraOptions: [], propertyType: [] },
-  },
-  {
-    text: 'Загородная недвижимость',
-    filter: { propertyType: ['suburban'], categories: [], extraOptions: [], stage: [] },
-  },
-  {
-    text: 'Рефинансирование',
-    filter: { categories: [], extraOptions: ['refinancing'], propertyType: [], stage: [] },
-  },
-];
-
-const options = {
-  blocksRegistry: Blocks,
-} as BlockRendererOptions;
-
-const BLOCKS = [
-  generateBlock(
-    PRODUCT_BLOCK_WITH_IMAGE,
-    PROPERTY_APARTMENT,
-    STAGE_IN_PROGRESS,
-    EXTRA_MORTGAGE,
-    CATEGORY_IT,
-  ),
-  generateBlock(
-    PRODUCT_BLOCK_WITH_IMAGE,
-    PROPERTY_APARTMENT,
-    STAGE_BUILT,
-    EXTRA_CHILDREN,
-    CATEGORY_SALARY,
-  ),
-  generateBlock(
-    PRODUCT_BLOCK_WITH_IMAGE,
-    PROPERTY_FLAT,
-    STAGE_IN_PROGRESS,
-    EXTRA_MORTGAGE,
-    CATEGORY_SALARY,
-  ),
-  generateBlock(
-    PRODUCT_BLOCK_WITH_IMAGE,
-    PROPERTY_FLAT,
-    STAGE_BUILT,
-    EXTRA_MORTGAGE,
-    CATEGORY_SALARY,
-  ),
-  generateBlock(
-    PRODUCT_BLOCK_WITH_IMAGE,
-    PROPERTY_APARTMENT,
-    STAGE_BUILT,
-    EXTRA_CHILDREN,
-    CATEGORY_IT,
-  ),
-  generateBlock(
-    PRODUCT_BLOCK_WITH_IMAGE,
-    PROPERTY_HOUSE,
-    STAGE_BUILT,
-    EXTRA_MORTGAGE,
-    CATEGORY_SALARY,
-  ),
-];
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <MortgageFiltration
-        className="col-span-12"
-        blocksSection={{ view: 'grid', label: 'Другие ипотечные программы', topItemsCount: 2 }}
-        filtrationSchema={SCHEMA}
-        hotFilters={HOT_FILTERS}
-        resetButton={{ text: 'Очистить фильтры', version: 'secondary' }}
-        notFound={{
-          title: 'Нет подходящей программы',
-          description: 'Попробуйте очистить фильтры',
-        }}
-        block={{
-          type: 'MortgageFiltration',
-          blocks: BLOCKS,
-        }}
-        options={options}
-      />
-    </div>
-  ),
-  carousel: (
-    <div className="container grid grid-cols-12">
-      <MortgageFiltration
-        className="col-span-12"
-        blocksSection={{ view: 'carousel' }}
-        filtrationSchema={SCHEMA}
-        hotFilters={HOT_FILTERS}
-        resetButton={{ text: 'Очистить фильтры', version: 'secondary' }}
-        notFound={{
-          title: 'Нет подходящей программы',
-          description: 'Попробуйте очистить фильтры',
-        }}
-        block={{
-          type: 'MortgageFiltration',
-          blocks: BLOCKS,
-        }}
-        options={options}
-      />
-    </div>
-  ),
-};

package/src/components/MortgageFiltration/MortgageFiltration.fixture.tsx

@@ -1,226 +0,0 @@
-import '../../setup-fixture';
-
-import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
-import { Blocks } from '../Blocks';
-import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
-import { MortgageFiltration } from './MortgageFiltration';
-import {
-  type MortgageFiltrationContent,
-  type MortgageFiltrationHotFilter,
-} from './MortgageFiltrationContent';
-
-const PROPERTY_APARTMENT = {
-  propertyType: ['apartment'],
-};
-
-const PROPERTY_FLAT = {
-  propertyType: ['flat'],
-};
-
-const PROPERTY_HOUSE = {
-  propertyType: ['house'],
-};
-
-const STAGE_BUILT = {
-  stage: ['built'],
-};
-
-const STAGE_IN_PROGRESS = {
-  stage: ['inProgress'],
-};
-
-const EXTRA_MORTGAGE = {
-  extraOptions: ['preferentialMortgage'],
-};
-
-const EXTRA_CHILDREN = {
-  extraOptions: ['children'],
-};
-
-const CATEGORY_IT = {
-  categories: ['IT'],
-};
-
-const CATEGORY_SALARY = {
-  categories: ['salaryClient'],
-};
-
-const generateBlock = (...presets: any[]) => ({
-  type: 'ProductBlock',
-  style: ['col-span-6'],
-  content: { ...presets.reduce((acc, p) => ({ ...acc, ...p })) },
-});
-
-const SCHEMA: MortgageFiltrationContent['filtrationSchema'] = {
-  propertyType: {
-    title: 'Тип недвижимости',
-    type: 'array',
-    items: {
-      type: 'string',
-      enum: ['flat', 'apartment', 'house', 'storeRoom', 'parkingSpace', 'suburban'],
-      enumNames: [
-        'Квартира',
-        'Апартаменты',
-        'Жилой дом',
-        'Кладовая',
-        'Машино-место',
-        'Загородная недвижимость',
-      ],
-    },
-  },
-  stage: {
-    title: 'Этап строительства',
-    type: 'array',
-    items: {
-      type: 'string',
-      enum: ['built', 'inProgress'],
-      enumNames: ['Готовое жильё', 'Строящиеся'],
-    },
-  },
-  categories: {
-    title: 'Категории',
-    type: 'array',
-    items: {
-      type: 'string',
-      enum: ['salaryClient', 'IT', 'youngFamily', 'military', 'medicalWorker', 'scientist'],
-      enumNames: [
-        'Зарплатный клиент',
-        'IT-специалист',
-        'Молодая семья',
-        'Военнослужащий',
-        'Медицинский работник',
-        'Научный сотрудник',
-      ],
-    },
-  },
-  extraOptions: {
-    title: 'Дополнительно',
-    type: 'array',
-    items: {
-      type: 'string',
-      enum: ['preferentialMortgage', 'children', 'refinancing'],
-      enumNames: ['Льготная ипотека', 'Дети', 'Рефинансирование'],
-    },
-  },
-};
-
-const HOT_FILTERS: MortgageFiltrationHotFilter[] = [
-  { text: 'Все программы' },
-  {
-    text: 'Льготные программы',
-    filter: {
-      categories: [],
-      extraOptions: ['preferentialMortgage'],
-      propertyType: [],
-      stage: [],
-    },
-  },
-  {
-    text: 'Строящееся жилье',
-    filter: { stage: ['inProgress'], categories: [], extraOptions: [], propertyType: [] },
-  },
-  {
-    text: 'Готовое жилье',
-    filter: { stage: ['built'], categories: [], extraOptions: [], propertyType: [] },
-  },
-  {
-    text: 'Загородная недвижимость',
-    filter: { propertyType: ['suburban'], categories: [], extraOptions: [], stage: [] },
-  },
-  {
-    text: 'Рефинансирование',
-    filter: { categories: [], extraOptions: ['refinancing'], propertyType: [], stage: [] },
-  },
-];
-
-const options = {
-  blocksRegistry: Blocks,
-} as BlockRendererOptions;
-
-const BLOCKS = [
-  generateBlock(
-    PRODUCT_BLOCK_WITH_IMAGE,
-    PROPERTY_APARTMENT,
-    STAGE_IN_PROGRESS,
-    EXTRA_MORTGAGE,
-    CATEGORY_IT,
-  ),
-  generateBlock(
-    PRODUCT_BLOCK_WITH_IMAGE,
-    PROPERTY_APARTMENT,
-    STAGE_BUILT,
-    EXTRA_CHILDREN,
-    CATEGORY_SALARY,
-  ),
-  generateBlock(
-    PRODUCT_BLOCK_WITH_IMAGE,
-    PROPERTY_FLAT,
-    STAGE_IN_PROGRESS,
-    EXTRA_MORTGAGE,
-    CATEGORY_SALARY,
-  ),
-  generateBlock(
-    PRODUCT_BLOCK_WITH_IMAGE,
-    PROPERTY_FLAT,
-    STAGE_BUILT,
-    EXTRA_MORTGAGE,
-    CATEGORY_SALARY,
-  ),
-  generateBlock(
-    PRODUCT_BLOCK_WITH_IMAGE,
-    PROPERTY_APARTMENT,
-    STAGE_BUILT,
-    EXTRA_CHILDREN,
-    CATEGORY_IT,
-  ),
-  generateBlock(
-    PRODUCT_BLOCK_WITH_IMAGE,
-    PROPERTY_HOUSE,
-    STAGE_BUILT,
-    EXTRA_MORTGAGE,
-    CATEGORY_SALARY,
-  ),
-];
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <MortgageFiltration
-        className="col-span-12"
-        blocksSection={{ view: 'grid', label: 'Другие ипотечные программы', topItemsCount: 2 }}
-        filtrationSchema={SCHEMA}
-        hotFilters={HOT_FILTERS}
-        resetButton={{ text: 'Очистить фильтры', version: 'secondary' }}
-        notFound={{
-          title: 'Нет подходящей программы',
-          description: 'Попробуйте очистить фильтры',
-        }}
-        block={{
-          type: 'MortgageFiltration',
-          blocks: BLOCKS,
-        }}
-        options={options}
-      />
-    </div>
-  ),
-  carousel: (
-    <div className="container grid grid-cols-12">
-      <MortgageFiltration
-        className="col-span-12"
-        blocksSection={{ view: 'carousel' }}
-        filtrationSchema={SCHEMA}
-        hotFilters={HOT_FILTERS}
-        resetButton={{ text: 'Очистить фильтры', version: 'secondary' }}
-        notFound={{
-          title: 'Нет подходящей программы',
-          description: 'Попробуйте очистить фильтры',
-        }}
-        block={{
-          type: 'MortgageFiltration',
-          blocks: BLOCKS,
-        }}
-        options={options}
-      />
-    </div>
-  ),
-};