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

package/src/components/InvestmentInfo/InvestmentInfo.tsx

@@ -1,131 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { RichText } from '../../ui-kit/RichText/RichText';
-import { Text } from '../../ui-kit/Text/Text';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { joinList } from '../../utils/joinList';
-import {
-  type InvestmentCell,
-  type InvestmentCellColor,
-  type InvestmentCellSize,
-  type InvestmentColumn,
-  type InvestmentInfoContent,
-  type InvestmentZeroColumn,
-} from './InvestmentInfoContent';
-
-const investmentCellColorMap: Record<InvestmentCellColor, string> = {
-  yellow: 'bg-yellow',
-  green: 'bg-green',
-  'green-light': 'bg-green-light',
-  'green-dark': 'bg-green-dark',
-};
-
-const investmentCellSizeMap: Record<InvestmentCellSize, string> = {
-  XS: 'h-10',
-  S: 'h-16',
-  M: 'h-24',
-  L: 'h-32',
-  XL: 'h-52',
-};
-
-export interface InvestmentInfoProps extends InvestmentInfoContent, UniBlockProps {}
-
-export const InvestmentInfo = JSX<InvestmentInfoProps>((props) => {
-  const {
-    className = '',
-    __html,
-    isDotted,
-    investmentZeroColumn,
-    investmentColumns,
-    ...rest
-  } = props;
-  const columns = investmentColumns ? [...investmentColumns] : [];
-  if (investmentZeroColumn) {
-    columns.unshift(investmentZeroColumn);
-  }
-
-  return (
-    <BlockWrapper className={className} defaultPadding="p-4xl" {...rest}>
-      <div className="container text-m font-light space-y-4xl">
-        {columns?.length ? (
-          <div>
-            <div className="flex items-end relative pl-3xl pr-lg text-white">
-              {joinList(<div className="w-px h-4 bg-gray" />)(columns.map(renderInvestmentColumn))}
-              <div className="absolute right-3xl w-px h-4 bg-gray" />
-            </div>
-            <div className="border-t border-gray -mt-xs mx-3xl" />
-            <div className="flex justify-between text-primary-text mt-s -mx-5xl">
-              {columns.map(renderInvestmentColumnTitle)}
-            </div>
-          </div>
-        ) : null}
-        {__html ? (
-          <div className="max-w-2xl font-light text-base">
-            <RichText __html={__html} isDotted={isDotted} itemSize="list-s" />
-          </div>
-        ) : null}
-      </div>
-    </BlockWrapper>
-  );
-});
-
-const renderInvestmentColumn = (
-  column: InvestmentColumn | InvestmentZeroColumn,
-  i: number,
-  arr: Array<InvestmentColumn>,
-) => {
-  const isSecondColumn = i === 1;
-  const isLastColumn = i === arr.length - 1;
-  const reversedCells = column.cells?.reverse() || [];
-
-  return (
-    <div
-      key={`column_${i}`}
-      className={`${getColumnClasses(isSecondColumn, isLastColumn, column.cells)}`}
-    >
-      {reversedCells.length ? (
-        <div
-          className={`w-full ${
-            isLastColumn ? 'border-4 border-green-more-dark p-1.5 min-w-72' : ''
-          }`}
-        >
-          {reversedCells.map(renderInvestmentCell)}
-        </div>
-      ) : null}
-    </div>
-  );
-};
-
-const getColumnClasses = (
-  isSecondColumn: boolean,
-  isLastColumn: boolean,
-  cells: InvestmentCell[] = [],
-): string =>
-  [
-    cells.length ? 'flex-1' : 'flex-0',
-    cells.length && !isSecondColumn && !isLastColumn ? 'pl-s' : '',
-    cells.length && !isLastColumn ? 'pr-s pb-3xl' : 'pb-xl',
-  ].join(' ');
-
-const renderInvestmentCell = (cell: InvestmentCell, i: number) => {
-  const cellSize = cell.cellSize || 'XS';
-  const cellColor = cell.cellColor || 'green';
-
-  return cell.text ? (
-    <div
-      key={`cell_${i}`}
-      className={`flex-1 flex items-center justify-center relative py-xs ${
-        investmentCellSizeMap[cellSize]
-      } ${investmentCellColorMap[cellColor]} ${cellSize === 'XS' ? 'px-s' : 'px-5xl'}`}
-    >
-      <Text align="text-center">{cell.text}</Text>
-    </div>
-  ) : null;
-};
-
-const renderInvestmentColumnTitle = (column: InvestmentColumn | InvestmentZeroColumn, i: number) =>
-  column?.title ? (
-    <div key={`title_${i}`} className="flex-1 max-w-44 text-center px-xs last:pr-4xl last:max-w-52">
-      {column.title}
-    </div>
-  ) : null;

package/src/components/InvestmentInfo/InvestmentInfo.ui.json

@@ -1,13 +0,0 @@
-{
-  "content": {
-    "__html": {
-      "ui:widget": "html"
-    }
-  },
-  "style": {
-    "ui:options": {
-      "minCols": 12,
-      "maxCols": 12
-    }
-  }
-}

package/src/components/InvestmentInfo/InvestmentInfoContent.ts

@@ -1,51 +0,0 @@
-import { type BulletsProps } from '../../model/Bullets';
-import { type TextProps, type TitleProps } from '../../model/HeadlineType';
-import { type RichTextProps } from '../../ui-kit/RichText/RichTextProps';
-import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-
-/**
- * @title Цвет
- * @enumNames ["Оранжевый", "Светло-зеленый", "Зеленый", "Тёмно-зеленый"]
- */
-export type InvestmentCellColor = 'yellow' | 'green-light' | 'green' | 'green-dark';
-
-/**
- * @title Высота
- */
-export type InvestmentCellSize = 'XL' | 'L' | 'M' | 'S' | 'XS';
-
-/**
- * @title Ячейка
- */
-export type InvestmentCell = TextProps & {
-  cellColor?: InvestmentCellColor;
-  cellSize?: InvestmentCellSize;
-};
-
-/**
- * @title Элемент данных 1
- */
-export type InvestmentZeroColumn = TitleProps & {
-  /** @hidden */
-  cells?: InvestmentCell[];
-};
-
-/**
- * @title Элемент данных
- */
-export type InvestmentColumn = TitleProps & {
-  /** @title Ячейки */
-  cells?: InvestmentCell[];
-};
-
-/**
- * @title Блок инвестиций
- */
-export type InvestmentInfoContent = UniBlockContent &
-  RichTextProps &
-  BulletsProps & {
-    /** @title Элемент данных 1 */
-    investmentZeroColumn?: InvestmentZeroColumn;
-    /** @title Остальные элементы данных */
-    investmentColumns?: InvestmentColumn[];
-  };

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>
-  ),
-};