@redneckz/wildless-cms-uni-blocks 0.9.11 → 0.9.13

package/mobile/src/content-page-repository/transformImg.ts

@@ -1,146 +1,74 @@
 import fs from 'fs';
 import path from 'path';
-import type { ResizeOptions, Sharp } from 'sharp';
-import sharp from 'sharp';
+import sharp, { type Sharp } from 'sharp';
 import util from 'util';
 import type { ImageSize } from '../model/ImageSize';
-import type { ImgAlignment, ImgSource, Picture } from '../model/Picture';
+import type { ImgSource } from '../model/Picture';
 import { isPictureSizeEmpty } from '../utils/isPictureSizeEmpty';
+import { alignImg } from './alignImg';
+import { computeImgOutputPath } from './computeImgOutputPath';
+import { resizeImg } from './resizeImg';
 import type { TransformationOptions } from './TransformationOptions';
-import { transformImgPath } from './transformImgPath';
 
 const mkdir = util.promisify(fs.mkdir);
 
-type TransformImgParams = {
-  pagePath: string;
-  src: string;
-  containerSize?: ImageSize;
-  transformationOptions: TransformationOptions & ImgSource;
-};
+type ImgOutputPath = string;
+type TransformationTaskKey = ImgOutputPath;
+type TransformationTasksCache = Map<TransformationTaskKey, Promise<ImgOutputPath>>;
 
-export async function transformImg({
-  pagePath,
-  src,
-  containerSize,
-  transformationOptions,
-}: TransformImgParams): Promise<string> {
-  if (!src) {
-    return '';
-  }
-
-  const { contentDir, publicDir, format, options, size, alignment } = transformationOptions;
-
-  const pageDir = path.dirname(pagePath);
-  const imgPath = `${pageDir}/${src}`;
-  let chain = sharp(imgPath);
-
-  const targetSize = getPictureSize(size, containerSize);
-
-  if (targetSize) {
-    chain = resizeImg(chain, targetSize, getResizeFit(targetSize));
-  }
-
-  if (containerSize) {
-    chain = resizeImg(chain, containerSize);
-
-    // Save intermediate transform result to modify further
-    const { data } = await chain.toBuffer({ resolveWithObject: true });
-
-    chain = resizeImg(
-      sharp(data),
-      getCompositionResizeSize(containerSize, targetSize),
-      getResizeFit(targetSize),
-    );
+type TransformImgOptions = TransformationOptions &
+  ImgSource & { containerSize?: ImageSize; cache?: TransformationTasksCache };
 
-    chain = await compositeImg({ chain, containerSize, alignment });
-  }
+const defaultTransformationCache: TransformationTasksCache = new Map();
 
-  if (format) {
-    chain = chain.toFormat(format, options);
+export function transformImg(
+  src: string,
+  pagePath: string,
+  options: TransformImgOptions,
+): ImgOutputPath | Promise<ImgOutputPath> {
+  if (!src) {
+    return '';
   }
 
-  const transformedImgPath = transformImgPath(src, { pageDir, contentDir }, transformationOptions);
-  const imgPublicPath = path.join(publicDir, transformedImgPath);
+  const input = path.join(path.dirname(pagePath), src);
+  const output = computeImgOutputPath(input, options);
 
-  await mkdir(path.dirname(imgPublicPath), { recursive: true });
+  const { cache = defaultTransformationCache } = options;
 
-  try {
-    await chain.toFile(imgPublicPath);
-  } catch (e) {
-    console.error(e);
+  const cachedResult = cache.get(output);
+  if (cachedResult) {
+    return cachedResult;
   }
 
-  return transformedImgPath;
-}
+  const result = (async () => {
+    try {
+      await mkdir(path.dirname(output), { recursive: true });
 
-function createBackgroundImageChain({ width, height }: ImageSize) {
-  const channels = 4;
-  const rgbaColor = 0x00000000;
+      const chain = await computeTransformationChain(options)(sharp(input));
+      await chain.toFile(output);
+    } catch (e) {
+      console.error(e);
+    }
 
-  const canvas = Buffer.alloc(width * height * channels, rgbaColor);
+    return output;
+  })();
+  cache.set(output, result);
 
-  return sharp(canvas, { raw: { width, height, channels } });
+  return result;
 }
 
-function resizeImg(chain: Sharp, size: Picture['size'], options?: ResizeOptions) {
-  return chain.resize(size?.width || null, size?.height || null, {
-    fit: sharp.fit.fill,
-    background: { r: 0, g: 0, b: 0, alpha: 0 },
-    ...options,
-  });
-}
-
-type CompositeImgParams = {
-  chain: Sharp;
-  containerSize: ImageSize;
-  alignment?: ImgAlignment;
-};
-
-async function compositeImg({
-  chain,
+const computeTransformationChain = ({
+  size,
   containerSize,
   alignment,
-}: CompositeImgParams): Promise<Sharp> {
-  const { data } = await chain.toBuffer({ resolveWithObject: true });
-
-  return createBackgroundImageChain(containerSize).composite([
-    {
-      input: data,
-      gravity: alignment,
-    },
-  ]);
-}
-
-function getPictureSize(size: Picture['size'], containerSize?: ImageSize) {
-  // If containerSize is undefined intrinsic dimensions of image will be used then.
-  return isPictureSizeEmpty(size) ? containerSize : size;
-}
-
-function getCompositionResizeSize(
-  containerSize: ImageSize,
-  size: Picture['size'] = {},
-): Picture['size'] {
-  const { width, height } = size;
-  const { width: containerWidth, height: containerHeight } = containerSize;
-
-  if (!(width || height)) {
-    return undefined;
-  }
-
-  const widthRatio = width ? containerWidth / width : 0;
-  const heightRatio = height ? containerHeight / height : 0;
-
-  return widthRatio > heightRatio
-    ? { width: Math.min(Number(width), containerWidth) }
-    : { height: Math.min(Number(height), containerHeight) };
-}
-
-function getResizeFit(size: Picture['size']): ResizeOptions {
-  /*
-    Editor behaviour with one dimension present: resize by given dimension maintaining aspect ratio. (fit: contain)
-    With two dimensions present: resize trying to fill given dimensions (fit: fill)
-   */
-  return {
-    fit: size?.width && size?.height ? sharp.fit.fill : sharp.fit.contain,
-  };
-}
+  format,
+  options,
+}: TransformImgOptions) =>
+  pipe(
+    resizeImg(isPictureSizeEmpty(size) ? containerSize : size),
+    alignImg({ containerSize, alignment }),
+    (_) => (format ? _.toFormat(format, options) : _),
+  );
+
+const pipe = (...operations: Array<(chain: Sharp) => Promise<Sharp> | Sharp>) =>
+  operations.reduce((a, b) => async (chain: Sharp) => b(await a(chain)));

package/mobile/src/content-page-repository/transformPicture.ts

@@ -5,42 +5,30 @@ import type { TransformationOptions } from './TransformationOptions';
 import { transformImg } from './transformImg';
 
 export async function transformPicture(
-  pagePath: string,
   picture: Picture,
+  pagePath: string,
   options: TransformationOptions,
 ): Promise<Picture> {
-  const sources = picture.sources || [];
   const src = picture?.src || '';
 
-  const transformedPicture = await transformImg({
-    pagePath,
-    src,
-    transformationOptions: { ...options, ...picture },
-  });
-
-  const { width, height } = await sharp(
-    path.resolve(options.publicDir, transformedPicture),
-  ).metadata();
+  const transformedImgPath = await transformImg(src, pagePath, { ...options, ...picture });
 
+  const { width, height } = await sharp(transformedImgPath).metadata();
   const containerSize = width && height ? { width, height } : undefined;
 
+  const sources = picture.sources || [];
   const transformedSources = await Promise.all(
-    sources.map((_) =>
-      transformImg({
-        pagePath,
-        src,
-        containerSize,
-        transformationOptions: { ...options, ..._ },
-      }),
-    ),
+    sources.map((_) => transformImg(src, pagePath, { ...options, ..._, containerSize })),
   );
 
+  const imgPathToSrc = (_: string) => path.join('/', path.relative(options.publicDir, _));
+
   return {
     ...picture,
-    src: path.join('/', transformedPicture),
+    src: imgPathToSrc(transformedImgPath),
     sources: transformedSources.map((_, i) => ({
       ...sources[i],
-      src: path.join('/', _),
+      src: imgPathToSrc(_),
       size: { width, height },
     })),
   };

package/mobile/src/ui-kit/InputListRange/InputListRange.tsx

@@ -0,0 +1,99 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
+import { clamp } from '../../utils/clamp';
+import { getSanitizedValue } from '../../utils/getSanitizedValue';
+import type { InputListRangeProps } from './InputListRangeProps';
+
+const DISABLED_INPUT_CLASSES = 'disabled:border-gray disabled:bg-main-divider';
+
+export const InputListRange = JSX<InputListRangeProps>(
+  ({ className, title, items = [], list = [], value = list[0], disabled = false, onChange }) => {
+    const min = 0;
+    const max = list.length - 1;
+    const step = 1;
+
+    const handleTextChange: JSX.IntrinsicElements['input']['onChange'] = (e) => {
+      if (!onChange) {
+        return;
+      }
+      const newValue = parseInt(e.target.value);
+
+      const closetValue = list.reduce(function (prev, curr) {
+        return Math.abs(curr - newValue) < Math.abs(prev - newValue) ? curr : prev;
+      });
+
+      onChange(Number(getSanitizedValue(closetValue.toString())));
+    };
+
+    const handleRangeChange: JSX.IntrinsicElements['input']['onChange'] = (e) => {
+      if (!onChange) {
+        return;
+      }
+
+      const val = list.at(clamp(parseInt(e.target.value), min, max)) || 0;
+      onChange(Number(getSanitizedValue(val.toString())));
+    };
+
+    const valueIndex = list.findIndex((item) => item === value) || 0;
+    const inputStyle = {
+      backgroundSize: `${(((valueIndex - min) * 100) / (max - min)).toFixed(2)}% 100%`,
+    };
+
+    return (
+      <div className={className}>
+        <label className="block relative">
+          {title ? <span className="text-m-light text-primary-text">{title}</span> : null}
+          <input
+            className={`m-0 mt-2 font-sans text-h3 w-full h-14 border border-solid border-gray rounded-md
+            outline-none p-0 pl-4 box-border text-primary-text hover:border-primary-hover focus:border-primary-text ${DISABLED_INPUT_CLASSES}`}
+            value={addSpacesBetweenNumbers(value)}
+            disabled={disabled}
+            onChange={handleTextChange}
+            onBlur={handleTextChange}
+          />
+          {list.length ? (
+            <div className="absolute w-full flex justify-between -bottom-[3px] px-4">
+              {list.map(renderTick(valueIndex, disabled))}
+            </div>
+          ) : null}
+          <div className="absolute inset-x-0 -bottom-1 px-4 leading-[18px]">
+            <input
+              className="box-border w-full m-0 cursor-pointer slider relative z-10"
+              type="range"
+              min={min}
+              max={max}
+              step={step}
+              value={valueIndex}
+              disabled={disabled}
+              onChange={handleRangeChange}
+              style={inputStyle}
+            />
+          </div>
+        </label>
+        {renderRangeCaption(items)}
+      </div>
+    );
+  },
+);
+
+const renderTick = (valueIndex: number, disabled: boolean) => (value: number, i: number) =>
+  (
+    <span
+      key={String(i)}
+      className={`w-2 h-2 rounded-full ${
+        valueIndex <= i || disabled ? 'bg-gray' : 'bg-primary-main'
+      }`}
+    />
+  );
+
+function renderRangeCaption(items: string[]) {
+  return (
+    <div className="flex justify-between my-2">
+      {items.map((item, i) => (
+        <span key={String(i)} className="text-s-light text-secondary-text">
+          {item}
+        </span>
+      ))}
+    </div>
+  );
+}

package/mobile/src/ui-kit/InputListRange/InputListRangeProps.ts

@@ -0,0 +1,11 @@
+import type { ListContent } from '../List/ListContent';
+
+export interface InputListRangeProps extends ListContent {
+  className?: string;
+  items?: string[];
+  list?: number[];
+  value?: number;
+  title?: string;
+  disabled?: boolean;
+  onChange?: (value: number) => void;
+}

package/mobile/src/ui-kit/Select/Select.tsx

@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useOutsideClick } from '../../hooks/useOutsideClick';
 import { LabelProps } from '../../model/HeadlineType';
+import { Text } from '../../ui-kit/Text/Text';
 import { Icon } from '../Icon/Icon';
 
 export interface OptionProps {
@@ -39,7 +40,13 @@ export const Select = JSX<SelectProps>(
 
     return (
       <div className={`${className}`} ref={wrapperRef}>
-        {label ? <span className="mb-2 flex text-primary-text">{label}</span> : null}
+        {label ? (
+          <div className="mb-2">
+            <Text size="text-m" color="text-primary-text" font="font-light">
+              {label}
+            </Text>
+          </div>
+        ) : null}
         <div className={`relative ${isOpen ? 'z-20' : 'z-10'}`}>
           <div
             className={`text-l flex justify-between items-center mb-0.5 text-primary-text cursor-pointer

package/mobile/src/utils/arrayByRange.ts

@@ -0,0 +1,4 @@
+export const arrayByRange = (start: number, stop: number, step = 1) =>
+  Array.from({ length: Math.abs(stop - start) / step + 1 }, (value, index) =>
+    stop >= start ? start + index * step : start - index * step,
+  );

package/mobile/src/utils/isPictureSizeEmpty.ts

@@ -1,5 +1,5 @@
-import type { Picture } from '../model/Picture';
+import type { ImageSize } from '../model/ImageSize';
 
-export function isPictureSizeEmpty(size: Picture['size']): boolean {
-  return !(size?.width || size?.height);
+export function isPictureSizeEmpty(size: Partial<ImageSize> | undefined): boolean {
+  return !size?.width && !size?.height;
 }

package/mobile/src/utils/mergeIntervals.ts

@@ -0,0 +1,19 @@
+export const mergeIntervals = (intervals: number[][]): number[][] => {
+  const result = [...intervals];
+  result.sort(([a], [c]) => a - c);
+
+  let i = 1;
+
+  while (i < result.length) {
+    const [a, b] = result[i - 1];
+    const [c, d] = result[i];
+
+    if (b >= c) {
+      result.splice(i - 1, 2, [a, Math.max(b, d)]);
+    } else {
+      i++;
+    }
+  }
+
+  return result;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.9.11",
+  "version": "0.9.13",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/Calculator/Calculator.example.json

@@ -20,7 +20,9 @@
             "isShowSalaryClient": true,
             "isShowStateEmployee": true,
             "isShowPensionClient": true,
-            "isShowInsurance": true
+            "isShowInsurance": true,
+            "isShowMonthlyInterestPayment": true,
+            "isShowRemoteRegistration": true
           },
           "footnote": "Расчёт является предварительным. Точные условия будут предоставлены в отделении Банка. "
         }

package/src/components/Calculator/Calculator.fixture.tsx

@@ -44,6 +44,10 @@ const CREDIT_CALCULATOR_BLOCK: CreditCalculatorParamsDef = {
 
 const DEPOSIT_CALCULATOR_BLOCK: DepositCalculatorParamsDef = {
   calcType: 'DepositCalculatorForm',
+  paramsViewSettings: {
+    isShowMonthlyInterestPayment: true,
+    isShowRemoteRegistration: true,
+  },
   buttons: buttons,
   footnote,
 };

package/src/components/Calculator/CalculatorContent.ts

@@ -20,11 +20,30 @@ export interface CreditCalculatorParamsViewSettings {
   /** @title Комплексная страховая защита */
   isShowInsurance?: boolean;
 }
+
+export interface DepositCalculatorParamsViewSettings {
+  /**
+   * @title Выплата процентов
+   * @default true
+   */
+  isShowMonthlyInterestPayment?: boolean;
+  /**
+   * @title Оформление
+   * @default true
+   */
+  isShowRemoteRegistration?: boolean;
+}
+
 export interface CreditCalculatorProps extends CommonCalculatorProps {
   /** @title Настройка отображения чекбоксов */
   paramsViewSettings?: CreditCalculatorParamsViewSettings;
 }
 
+export interface DepositCalculatorProps extends CommonCalculatorProps {
+  /** @title Настройка отображения радио */
+  paramsViewSettings?: DepositCalculatorParamsViewSettings;
+}
+
 export interface BusinessDepositCalculatorProps extends CommonCalculatorProps {
   /** @title Сноска снизу блока */
   bottomFootnote?: string;
@@ -32,22 +51,6 @@ export interface BusinessDepositCalculatorProps extends CommonCalculatorProps {
   isShowDepositeName?: boolean;
 }
 
-/**
- * TODO: данные из справочника
- **/
-export interface DepositCalculatorParams {
-  /** @hidden */
-  minSum?: number;
-  /** @hidden */
-  maxSum?: number;
-  /** @hidden */
-  minMonths?: number;
-  /** @hidden */
-  maxMonths?: number;
-  /** @hidden */
-  rate?: number;
-}
-
 /**
  * ? Общий интерфейс для всех типов калькуляторов?
  * ? Используется во вложенных функциях. Может быть как то разбить это и вынести отсюда?
@@ -77,8 +80,7 @@ export type CreditCalculatorParamsDef = TitleProps &
  * @default {"calcType": "DepositCalculatorForm"}
  */
 export type DepositCalculatorParamsDef = TitleProps &
-  DepositCalculatorParams &
-  CommonCalculatorProps & {
+  DepositCalculatorProps & {
     calcType: 'DepositCalculatorForm';
   };
 
@@ -87,7 +89,6 @@ export type DepositCalculatorParamsDef = TitleProps &
  * @default {"calcType": "BusinessDepositCalculatorForm"}
  */
 export type BusinessDepositCalculatorParamsDef = TitleProps &
-  DepositCalculatorParams &
   BusinessDepositCalculatorProps & {
     calcType: 'BusinessDepositCalculatorForm';
   };

package/src/components/Calculator/CreditCalculatorForm.tsx

@@ -94,13 +94,12 @@ const renderRate = (rate: number) => (
   <Rate title="Ставка" rate={rate} rateBlockClassName="tracking-[-25px]" unit="%" />
 );
 
-type CreditParamsFormProps = CreditCalculatorParams &
-  CreditCalculatorParamsViewSettings & {
-    handleIsSalaryClient?: (value: boolean) => void;
-    handleIsStateEmployee?: (value: boolean) => void;
-    handleIsPensionClient?: (value: boolean) => void;
-    handleIsInsurance?: (value: boolean) => void;
-  };
+interface CreditParamsFormProps extends CreditCalculatorParams, CreditCalculatorParamsViewSettings {
+  handleIsSalaryClient?: (value: boolean) => void;
+  handleIsStateEmployee?: (value: boolean) => void;
+  handleIsPensionClient?: (value: boolean) => void;
+  handleIsInsurance?: (value: boolean) => void;
+}
 
 const renderCreditParamsForm = ({
   isSalaryClient,

package/src/components/Calculator/DepositCalculatorForm.tsx

@@ -4,7 +4,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { style } from '../../utils/style';
-import { CommonCalculatorProps } from './CalculatorContent';
+import { DepositCalculatorParamsViewSettings, DepositCalculatorProps } from './CalculatorContent';
 import { CalculatorValueBlock } from './CalculatorValueBlock';
 import { DEFAULT_MONTHS, DEFAULT_SUM } from './constants';
 import { Rate } from './Rate';
@@ -13,14 +13,14 @@ import { renderInterestPayment } from './renderInterestPayment';
 import { renderMonthsInput } from './renderMonthsInput';
 import { renderRegistrationType } from './renderRegistrationType';
 import { renderWantedSumInput } from './renderWantedSumInput';
-import { useDepositCalculatorParams } from './useDepositCalculatorParams';
+import { DepositCalculatorParams, useDepositCalculatorParams } from './useDepositCalculatorParams';
 
-export interface DepositCalculatorProp extends CommonCalculatorProps {
+export interface DepositCalculatorProp extends DepositCalculatorProps {
   className?: string;
 }
 
 export const DepositCalculatorForm = JSX<DepositCalculatorProp>(
-  ({ className = '', sourceBookDir, buttons, footnote }) => {
+  ({ className = '', sourceBookDir, buttons, footnote, paramsViewSettings }) => {
     const [moneyValue, setMoneyValue] = useState(DEFAULT_SUM);
     const handleMoneyValue = useCallback((_: number) => setMoneyValue(_), []);
     const [monthsValue, setMonthsValue] = useState(DEFAULT_MONTHS);
@@ -42,7 +42,11 @@ export const DepositCalculatorForm = JSX<DepositCalculatorProp>(
     };
     const handleMonthsValue = useCallback((_: number) => setMonthsValue(_), []);
 
-    const calculatorParams = useDepositCalculatorParams(userInputParams, sourceBookDir);
+    const calculatorParams = useDepositCalculatorParams(
+      userInputParams,
+      sourceBookDir,
+      paramsViewSettings,
+    );
     const { income, finalSum, rate } = calculatorParams;
 
     return (
@@ -62,16 +66,12 @@ export const DepositCalculatorForm = JSX<DepositCalculatorProp>(
             },
             handleMonthsValue,
           )}
-          <div className="mt-7 flex flex-col  gap-y-7">
-            {renderInterestPayment({
-              isMonthlyInterestPayment,
-              callback: handleIsMonthlyInterestPayment,
-              title: 'Выплата процентов',
-            })}
-            {renderRegistrationType({
-              isRemoteRegistration,
-              callback: handleIsRemoteRegistration,
-              title: 'Оформление',
+          <div className="mt-7">
+            {renderDepositParamsForm({
+              ...calculatorParams,
+              ...paramsViewSettings,
+              handleIsMonthlyInterestPayment,
+              handleIsRemoteRegistration,
             })}
           </div>
         </div>
@@ -86,3 +86,36 @@ export const DepositCalculatorForm = JSX<DepositCalculatorProp>(
     );
   },
 );
+
+interface DepositParamsFormProps
+  extends DepositCalculatorParams,
+    DepositCalculatorParamsViewSettings {
+  handleIsMonthlyInterestPayment?: (value: boolean) => void;
+  handleIsRemoteRegistration?: (value: boolean) => void;
+}
+
+const renderDepositParamsForm = ({
+  isMonthlyInterestPayment,
+  isRemoteRegistration,
+  isShowMonthlyInterestPayment,
+  isShowRemoteRegistration,
+  handleIsMonthlyInterestPayment,
+  handleIsRemoteRegistration,
+}: DepositParamsFormProps) => (
+  <div className="flex flex-col gap-y-7">
+    {isShowMonthlyInterestPayment
+      ? renderInterestPayment({
+          isMonthlyInterestPayment,
+          callback: handleIsMonthlyInterestPayment,
+          title: 'Выплата процентов',
+        })
+      : null}
+    {isShowRemoteRegistration
+      ? renderRegistrationType({
+          isRemoteRegistration,
+          callback: handleIsRemoteRegistration,
+          title: 'Оформление',
+        })
+      : null}
+  </div>
+);

package/src/components/Calculator/constants.ts

@@ -52,7 +52,7 @@ export const DEFAULT_DEPOSIT_CALCULATOR_PARAMS: DepositCalculatorSourceBookParam
   minSum: 50000,
   maxSum: 5000000,
   minMonths: 2,
-  maxMonths: 120,
+  maxMonths: 10,
   rate: 0,
   isMonthlyInterestPayment: true,
   isRemoteRegistration: true,

package/src/components/Calculator/rangeHelpers.ts

@@ -1,4 +1,5 @@
 import { maxBy } from '../../utils/maxBy';
+import { mergeIntervals } from '../../utils/mergeIntervals';
 import { minBy } from '../../utils/minBy';
 
 export const getRangeByKeys = <
@@ -13,6 +14,15 @@ export const getRangeByKeys = <
   [maxKey]: rows.length ? maxBy()(rows.map((row) => row[maxKey])) : 0,
 });
 
+export const getMergeRangesByKeys = <
+  MinKey extends string,
+  MaxKey extends string,
+  T extends Record<MinKey | MaxKey, number>,
+>(
+  [minKey, maxKey]: [MinKey, MaxKey],
+  rows: T[] = [],
+) => mergeIntervals(rows.map((row) => [row[minKey], row[maxKey]]));
+
 export const checkRangeByKeys = <
   MinKey extends string,
   MaxKey extends string,