@redneckz/wildless-cms-uni-blocks 0.10.9 → 0.10.10

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

@@ -6,13 +6,12 @@ import { normalizePhone } from './normalizePhone';
 
 export const PhoneInput = JSX<InputProps>(({ children, onChange, ...inputProps }) => {
   const handleChange = useCallback(
-    ({ target: { value } }: { target: { value?: string } }) =>
-      onChange && onChange(normalizePhone(value || '')),
+    (value: string) => onChange && onChange(normalizePhone(value)),
     [onChange],
   );
 
   return (
-    <Input onInput={handleChange} onFocus={handleChange} {...inputProps}>
+    <Input onChange={handleChange} onFocus={handleChange} {...inputProps}>
       {children}
     </Input>
   );

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

@@ -19,7 +19,7 @@ export const SEARCH_DIALOG_ID = 'search';
 export const SearchDialog = JSX<SearchDialogProps>(({ topItems }) => {
   const dialogProps = useDialogProps(SEARCH_DIALOG_ID);
 
-  const basePathList = topItems?.map((_) => _.href || '/');
+  const basePathList = useMemo(() => topItems?.map((_) => _.href || '/'), [topItems]);
   const [searchResult, searchInputProps] = useSearch({
     basePathList,
     initialQuery: dialogProps.message,

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

@@ -20,14 +20,18 @@ interface MultipleSlideCheckboxGroupProps extends ControlProps<string[]> {
 export const SlideCheckboxGroup = JSX<SlideCheckboxGroupProps | MultipleSlideCheckboxGroupProps>(
   ({ value, onChange, items = [], multiple }) => {
     const handleChange = (newValue: string) => {
+      if (!onChange) {
+        return;
+      }
+
       if (multiple) {
         const hasAlready = value?.includes(newValue);
-        onChange &&
-          onChange(
-            hasAlready ? value?.filter((v) => v !== newValue) : [...(value || []), newValue],
-          );
+
+        onChange(
+          hasAlready ? (value || []).filter((v) => v !== newValue) : [...(value || []), newValue],
+        );
       } else {
-        onChange && onChange(value === newValue ? undefined : newValue);
+        onChange(value === newValue ? '' : newValue);
       }
     };
 

package/mobile/src/utils/identity.ts

@@ -0,0 +1 @@
+export const identity = <T>(_: T) => _;

package/mobile/src/utils/toLocalNumberFormat.ts

@@ -0,0 +1,7 @@
+export const toLocalNumberFormat =
+  (fractionDigits = 0) =>
+  (_: string | number | undefined = 0): string =>
+    new Intl.NumberFormat('ru-RU', {
+      minimumFractionDigits: 0,
+      maximumFractionDigits: fractionDigits,
+    }).format(Number(_) || 0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.10.9",
+  "version": "0.10.10",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -180,8 +180,8 @@
     "ts-json-schema-generator": "^1.1.2",
     "ts-loader": "^9.3.0",
     "typescript": "^4.7.4",
-    "webpack": "^5.73.0",
-    "webpack-cli": "^4.9.2"
+    "webpack": "^5.76.0",
+    "webpack-cli": "^5.0.1"
   },
   "size-limit": [
     {

package/src/components/ApplicationForm/ApplicationForm.fixture.tsx

@@ -1,4 +1,5 @@
 import '../../setup-fixture';
+
 import { ApplicationForm } from './ApplicationForm';
 import type { ApplicationFormContent } from './ApplicationFormContent';
 

package/src/components/ApplicationForm/ApplicationFormDeposit.tsx

@@ -51,12 +51,12 @@ export const ApplicationFormDeposit = JSX<ApplicationFormsProps>((props) => {
       />
       <div className="max-w-[560px] m-auto">
         <InputControl
-          className="shrink-0 text-l w-full mb-3"
+          className="shrink-0 w-full mb-3"
           label="Имя"
           {...withValidator(field('name'), nameValidator)}
         />
         <PhoneInputControl
-          className="shrink-0 text-l w-full mb-3"
+          className="shrink-0 w-full mb-3"
           label="Телефон"
           {...withValidator(field('phone'), phoneValidator)}
         />

package/src/components/ApplicationForm/renderAcquiringDataOrganization.tsx

@@ -9,24 +9,24 @@ export const renderAcquiringDataOrganization = (field: FormFieldRegisterer<Acqui
   <div className="flex justify-between gap-5 mb-5">
     <div className="w-1/2">
       <InputControl
-        className="shrink-0 text-l w-full mb-3"
+        className="shrink-0 w-full mb-3"
         label="Наименование организации"
         {...withValidator(field('fullName'), defaultValidator)}
       />
       <InputControl
-        className="shrink-0 text-l w-full mb-3"
+        className="shrink-0 w-full mb-3"
         label="Контактное лицо"
         {...withValidator(field('name'), nameValidator)}
       />
     </div>
     <div className="w-1/2">
       <InputControl
-        className="shrink-0 text-l w-full mb-3"
+        className="shrink-0 w-full mb-3"
         label="ИНН"
         {...withValidator(field('inn'), innValidator)}
       />
       <PhoneInputControl
-        className="shrink-0 text-l w-full mb-3"
+        className="shrink-0 w-full mb-3"
         label="Телефон"
         {...withValidator(field('phone'), phoneValidator)}
       />

package/src/components/ApplicationForm/renderBusinessCardDataOrganization.tsx

@@ -11,24 +11,24 @@ export const renderBusinessCardDataOrganization = (
   <div className="flex justify-between gap-5">
     <div className="w-1/2">
       <InputControl
-        className="shrink-0 text-l w-full mb-3"
+        className="shrink-0 w-full mb-3"
         label="Контактное лицо"
         {...withValidator(field('name'), nameValidator)}
       />
       <InputControl
-        className="shrink-0 text-l w-full mb-3"
+        className="shrink-0 w-full mb-3"
         label="ИНН"
         {...withValidator(field('inn'), innValidator)}
       />
     </div>
     <div className="w-1/2">
       <PhoneInputControl
-        className="shrink-0 text-l w-full mb-3"
+        className="shrink-0 w-full mb-3"
         label="Телефон"
         {...withValidator(field('phone'), phoneValidator)}
       />
       <InputControl
-        className="shrink-0 text-l w-full mb-3"
+        className="shrink-0 w-full mb-3"
         label="Электронная почта"
         {...withValidator(field('mail'), defaultValidator)}
       />

package/src/components/ApplicationForm/renderCreditDataOrganization.tsx

@@ -9,37 +9,33 @@ export const renderCreditDataOrganization = (field: FormFieldRegisterer<CreditFo
   <div className="flex justify-between gap-5 mb-7">
     <div className="w-1/2">
       <InputControl
-        className="shrink-0 text-l w-full mb-3"
+        className="shrink-0 w-full mb-3"
         label="Наименование организации"
         {...field('fullName')}
       />
       <InputControl
-        className="shrink-0 text-l w-full mb-3"
+        className="shrink-0 w-full mb-3"
         label="ИНН"
         {...withValidator(field('inn'), innValidator)}
       />
       <PhoneInputControl
-        className="shrink-0 text-l w-full mb-3"
+        className="shrink-0 w-full mb-3"
         label="Телефон"
         {...withValidator(field('phone'), phoneValidator)}
       />
     </div>
     <div className="w-1/2">
       <InputControl
-        className="shrink-0 text-l w-full mb-3"
+        className="shrink-0 w-full mb-3"
         label="Годовая выручка, ₽"
         {...withValidator(field('annualRevenue'), defaultValidator)}
       />
       <InputControl
-        className="shrink-0 text-l w-full mb-3"
+        className="shrink-0 w-full mb-3"
         label="Контактное лицо"
         {...withValidator(field('name'), nameValidator)}
       />
-      <InputControl
-        className="shrink-0 text-l w-full mb-3"
-        label="Электронная почта"
-        {...field('mail')}
-      />
+      <InputControl className="shrink-0 w-full mb-3" label="Электронная почта" {...field('mail')} />
     </div>
   </div>
 );

package/src/components/ApplicationForm/renderWedDataOrganization.tsx

@@ -10,14 +10,14 @@ export const renderWedDataOrganization = (field: FormFieldRegisterer<WedFormStat
     <div className="flex justify-between gap-5">
       <div className="w-1/2">
         <InputControl
-          className="shrink-0 text-l w-full mb-3"
+          className="shrink-0 w-full mb-3"
           label="Наименование организации"
           {...withValidator(field('fullName'), defaultValidator)}
         />
       </div>
       <div className="w-1/2">
         <InputControl
-          className="shrink-0 text-l w-full mb-3"
+          className="shrink-0 w-full mb-3"
           label="ФИО"
           {...withValidator(field('name'), nameValidator)}
         />
@@ -26,14 +26,14 @@ export const renderWedDataOrganization = (field: FormFieldRegisterer<WedFormStat
     <div className="flex justify-between gap-5 mb-7">
       <div className="w-1/2">
         <PhoneInputControl
-          className="shrink-0 text-l w-full mb-3"
+          className="shrink-0 w-full mb-3"
           label="Телефон"
           {...withValidator(field('phone'), phoneValidator)}
         />
       </div>
       <div className="w-1/2">
         <InputControl
-          className="shrink-0 text-l w-full mb-3"
+          className="shrink-0 w-full mb-3"
           label="Электронная почта"
           {...withValidator(field('mail'), defaultValidator)}
         />

package/src/components/Bonus/Bonus.fixture.tsx

@@ -1,5 +1,6 @@
-import type { Picture } from '../../model/Picture';
 import '../../setup-fixture';
+
+import type { Picture } from '../../model/Picture';
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { Bonus } from './Bonus';
 import type { BonusContent } from './BonusContent';

package/src/components/BusinessBlock/BusinessBlock.fixture.tsx

@@ -1,4 +1,5 @@
 import '../../setup-fixture';
+
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import { BusinessBlock } from './BusinessBlock';
 import type {

package/src/components/ButtonBlock/ButtonBlock.fixture.tsx

@@ -1,4 +1,5 @@
 import '../../setup-fixture';
+
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import { ButtonBlock } from './ButtonBlock';
 

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

@@ -1,7 +1,7 @@
 import '../../setup-fixture';
-import { Calculator } from './Calculator';
 
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import { Calculator } from './Calculator';
 import type {
   BonusCalculatorParamsDef,
   BusinessDepositCalculatorParamsDef,

package/src/components/Calculator/CalculatorValueBlock.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Text } from '../../ui-kit/Text/Text';
-import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
 import { style } from '../../utils/style';
+import { toLocalNumberFormat } from '../../utils/toLocalNumberFormat';
 
 export interface CalculatorValueBlockProps {
   title?: string;
@@ -22,7 +22,7 @@ export const CalculatorValueBlock = JSX<CalculatorValueBlockProps>(
       {value ? (
         <div>
           <Text size="text-h3">
-            {prefix} {addSpacesBetweenNumbers(Math.round(value))} {postfix}
+            {prefix} {toLocalNumberFormat(2)(Math.round(value))} {postfix}
           </Text>
         </div>
       ) : (

package/src/components/Calculator/renderInitialFeeInput.tsx

@@ -1,6 +1,6 @@
 // TEMP
 import { InputRange } from '../../ui-kit/InputRange/InputRange';
-import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
+import { toLocalNumberFormat } from '../../utils/toLocalNumberFormat';
 import { DEFAULT_MAX_SUM, DEFAULT_MIN_SUM } from './constants';
 
 const STEP_MONEY = 1000;
@@ -24,8 +24,8 @@ export function renderInitialFeeInput(
       className="mt-7"
       title={title}
       items={[
-        `От ${addSpacesBetweenNumbers(minSum)} рублей`,
-        `До ${addSpacesBetweenNumbers(maxSum)} рублей`,
+        `От ${toLocalNumberFormat(0)(minSum)} рублей`,
+        `До ${toLocalNumberFormat(0)(maxSum)} рублей`,
       ]}
       min={minSum}
       max={maxSum}

package/src/components/Calculator/renderProposal.tsx

@@ -1,11 +1,11 @@
 import { Button } from '../../ui-kit/Button/Button';
-import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
+import { toLocalNumberFormat } from '../../utils/toLocalNumberFormat';
 
 export function renderProposal(monthlyPayment: number) {
   return (
     <div className="box-border ">
       <div className="text-l-light">Ежемесячный платёж</div>
-      <div className="text-h3 mb-3">{addSpacesBetweenNumbers(Math.round(monthlyPayment))} ₽</div>
+      <div className="text-h3 mb-3">{toLocalNumberFormat(2)(Math.round(monthlyPayment))} ₽</div>
       <Button className="mt-12 w-full" text="Отправить заявку" version="primary" href="#" />
     </div>
   );

package/src/components/Calculator/renderRealEstateValue.tsx

@@ -1,6 +1,6 @@
 // TEMP
 import { InputRange } from '../../ui-kit/InputRange/InputRange';
-import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
+import { toLocalNumberFormat } from '../../utils/toLocalNumberFormat';
 import { DEFAULT_MAX_SUM, DEFAULT_MIN_SUM } from './constants';
 
 const STEP_MONEY = 1000;
@@ -22,7 +22,7 @@ export function renderRealEstateValue(
   return (
     <InputRange
       title={title}
-      items={[`От ${addSpacesBetweenNumbers(minSum)} ₽`, `До ${addSpacesBetweenNumbers(maxSum)} ₽`]}
+      items={[`От ${toLocalNumberFormat(2)(minSum)} ₽`, `До ${toLocalNumberFormat(2)(maxSum)} ₽`]}
       min={minSum}
       max={maxSum}
       step={STEP_MONEY}

package/src/components/Calculator/renderWantedSumInput.tsx

@@ -1,6 +1,6 @@
 import { InputRange } from '../../ui-kit/InputRange/InputRange';
 import type { InputRangeProps } from '../../ui-kit/InputRange/InputRangeProps';
-import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
+import { toLocalNumberFormat } from '../../utils/toLocalNumberFormat';
 
 const DEFAULT_MONEY_STEP = 1000;
 
@@ -14,8 +14,8 @@ export function renderWantedSumInput({
   ...rest
 }: RenderWantedSumParams) {
   const items = [
-    `От ${addSpacesBetweenNumbers(rest.min || 0)} ₽`,
-    `До ${addSpacesBetweenNumbers(rest.max || 0)} ₽`,
+    `От ${toLocalNumberFormat(2)(rest.min || 0)} ₽`,
+    `До ${toLocalNumberFormat(2)(rest.max || 0)} ₽`,
   ];
 
   return <InputRange items={isShowItems ? items : []} step={step} {...rest} />;

package/src/components/CardTransfer/CardTransfer.fixture.tsx

@@ -1,4 +1,5 @@
 import '../../setup-fixture';
+
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { CardTransfer } from './CardTransfer';
 

package/src/components/CardTransfer/CardTransfer.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useForm } from '../../hooks/useForm';
 import { useLink } from '../../hooks/useLink';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
@@ -7,15 +7,19 @@ import { getDisabledButtonClasses } from '../../ui-kit/Button/getDisabledButtonC
 import { getRegularButtonClasses } from '../../ui-kit/Button/getRegularButtonClasses';
 import { CurrencyInput } from '../../ui-kit/CurrencyInput/CurrencyInput';
 import { Heading } from '../../ui-kit/Heading/Heading';
-import { getSanitizedValue } from '../../utils/getSanitizedValue';
+import { style } from '../../utils/style';
 import type { CardTransferContent } from './CardTransferContent';
 
-const AMOUNT_KEY = 'amount';
-const FORM_URL = 'https://www.rshb.ru/p2p/';
 const DEFAULT_TITLE = 'Укажите сумму перевода';
 const DEFAULT_LABEL = 'Сумма перевода';
 const DEFAULT_PLACEHOLDER = '1500';
 
+const FORM_URL = 'https://www.rshb.ru/p2p/';
+const AMOUNT_KEY = 'amount';
+const INITIAL_FORM_STATE = {
+  [AMOUNT_KEY]: 1500,
+};
+
 export interface CardTransferProps extends CardTransferContent, UniBlockProps {}
 
 export const CardTransfer = JSX<CardTransferProps>(
@@ -27,9 +31,10 @@ export const CardTransfer = JSX<CardTransferProps>(
     button,
     ...rest
   }) => {
-    const [value, setValue] = useState<string>('');
-    const handleChange = useCallback((_: string) => setValue(_), []);
-    const isDisabled = !Number(getSanitizedValue(value));
+    const [{ amount }, { field }] = useForm(INITIAL_FORM_STATE);
+
+    const isDisabled = amount <= 0;
+
     const buttonStyle = isDisabled
       ? getDisabledButtonClasses({ version: button?.version })
       : getRegularButtonClasses({ className: 'text-white', version: button?.version });
@@ -37,21 +42,20 @@ export const CardTransfer = JSX<CardTransferProps>(
     const link = useLink();
 
     return (
-      <BlockWrapper className={`p-default flex flex-col items-center ${className}`} {...rest}>
+      <BlockWrapper className={style('p-default flex flex-col items-center', className)} {...rest}>
         {title ? <Heading className="max-w-[684px] pb-9" headingType="h2" title={title} /> : null}
         <form className="w-[468px]" method="POST" action={FORM_URL}>
           <CurrencyInput
             name={AMOUNT_KEY}
-            value={value}
-            onChange={handleChange}
-            valid={value === '' || !isDisabled}
+            valid={!isDisabled}
             placeholder={placeholder}
             label={label}
+            {...field(AMOUNT_KEY, { parse: Number, format: String })}
           />
           {button?.text ? (
             <button
               type="submit"
-              className={`w-full p-4 mt-6 ${buttonStyle} `}
+              className={style('w-full p-4 mt-6', buttonStyle)}
               disabled={isDisabled}
               {...link(button)}
             >

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

@@ -1,5 +1,6 @@
-import type { BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import '../../setup-fixture';
+
+import type { BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { Blocks } from '../Blocks';
 import { TARIFFS_CARD, TARIFFS_CARD_HIT } from '../CarouselTariffsCard/CarouselTariffsCard.fixture';
 import { Carousel } from './Carousel';

package/src/components/Carousel/Carousel.fixture.tsx

@@ -1,5 +1,6 @@
-import type { BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import '../../setup-fixture';
+
+import type { BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { Blocks } from '../Blocks';
 import { BANK_HISTORY_CARD } from '../CarouselBankHistoryCard/CarouselBankHistoryCard.fixture';
 import { CARD, CARD_MINI, CARD_NEW } from '../CarouselCard/CarouselCard.fixture';

package/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.fixture.tsx

@@ -1,3 +1,5 @@
+import '../../setup-fixture';
+
 import { CarouselBankHistoryCard } from './CarouselBankHistoryCard';
 import type { CarouselBankHistoryCardContent } from './CarouselBankHistoryCardContent';
 

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

@@ -1,4 +1,5 @@
 import '../../setup-fixture';
+
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { CarouselCard } from './CarouselCard';
 import type { CarouselCardContent } from './CarouselCardContent';

package/src/components/CarouselCatalogCard/CarouselCatalogCard.fixture.tsx

@@ -1,3 +1,5 @@
+import '../../setup-fixture';
+
 import type { Picture } from '../../model/Picture';
 import type { ProductColorVersion } from '../../model/ProductColorVersion';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';

package/src/components/CarouselEventCard/CarouselEventCard.fixture.tsx

@@ -1,5 +1,7 @@
-import { CarouselEventCard } from './CarouselEventCard';
+import '../../setup-fixture';
+
 import type { Picture } from '../../model/Picture';
+import { CarouselEventCard } from './CarouselEventCard';
 import type { CarouselEventCardContent } from './CarouselEventCardContent';
 
 const image: Picture = {

package/src/components/CarouselInvestmentCard/CarouselInvestmentCard.fixture.tsx

@@ -1,5 +1,6 @@
-import type { Picture } from '../../model/Picture';
 import '../../setup-fixture';
+
+import type { Picture } from '../../model/Picture';
 import { CarouselInvestmentCard } from './CarouselInvestmentCard';
 import type { CarouselInvestmentCardContent } from './CarouselInvestmentCardContent';
 

package/src/components/CarouselLinks/CarouselLinks.fixture.tsx

@@ -1,3 +1,5 @@
+import '../../setup-fixture';
+
 import { CarouselLinks } from './CarouselLinks';
 
 const link = {

package/src/components/CarouselProductCard/CarouselProductCard.fixture.tsx

@@ -1,3 +1,5 @@
+import '../../setup-fixture';
+
 import type { Picture } from '../../model/Picture';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import { CarouselProductCard } from './CarouselProductCard';

package/src/components/CarouselProgramsCard/CarouselProgramsCard.fixture.tsx

@@ -1,3 +1,5 @@
+import '../../setup-fixture';
+
 import type { Picture } from '../../model/Picture';
 import { CarouselProgramsCard } from './CarouselProgramsCard';
 import type { CarouselProgramsCardContent } from './CarouselProgramsCardContent';

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

@@ -1,5 +1,6 @@
-import type { Picture } from '../../model/Picture';
 import '../../setup-fixture';
+
+import type { Picture } from '../../model/Picture';
 import { CarouselRecommendationCard } from './CarouselRecommendationCard';
 import type {
   CarouselRecommendationCardContent,

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.fixture.tsx

@@ -1,5 +1,6 @@
-import type { Picture } from '../../model/Picture';
 import '../../setup-fixture';
+
+import type { Picture } from '../../model/Picture';
 import { CarouselRecommendationCard } from './CarouselRecommendationCard';
 import type {
   CarouselRecommendationCardContent,

package/src/components/CarouselRichTextCard/CarouselRichTextCard.fixture.tsx

@@ -1,3 +1,5 @@
+import '../../setup-fixture';
+
 import { CarouselRichTextCard } from './CarouselRichTextCard';
 import type { CarouselRichTextCardContent } from './CarouselRichTextCardContent';
 

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

@@ -1,3 +1,5 @@
+import '../../setup-fixture';
+
 import type { Picture } from '../../model/Picture';
 import type { ButtonProps, ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import { CarouselTariffsCard } from './CarouselTariffsCard';

package/src/components/CarouselTariffsCard/CarouselTariffsCard.fixture.tsx

@@ -1,3 +1,5 @@
+import '../../setup-fixture';
+
 import type { Picture } from '../../model/Picture';
 import type { ButtonProps, ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import { CarouselTariffsCard } from './CarouselTariffsCard';

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

@@ -1,5 +1,6 @@
-import type { Picture } from '../../model/Picture';
 import '../../setup-fixture';
+
+import type { Picture } from '../../model/Picture';
 import { ComparisonTable } from './ComparisonTable';
 import type { Column } from './ComparisonTableContent';
 

package/src/components/ComparisonTable/ComparisonTable.fixture.tsx

@@ -1,5 +1,6 @@
-import type { Picture } from '../../model/Picture';
 import '../../setup-fixture';
+
+import type { Picture } from '../../model/Picture';
 import { ComparisonTable } from './ComparisonTable';
 import type { Column } from './ComparisonTableContent';
 

package/src/components/ContactsBlock/ContactsBlock.fixture.tsx

@@ -1,4 +1,5 @@
 import '../../setup-fixture';
+
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { ContactsBlock } from './ContactsBlock';
 
@@ -52,11 +53,5 @@ const contacts = [
 
 export default {
   secondary: <ContactsBlock className="col-span-12" contacts={contacts} />,
-  primary: (
-    <ContactsBlock
-      className="col-span-12"
-      version="primary"
-      contacts={contacts}
-    />
-  ),
+  primary: <ContactsBlock className="col-span-12" version="primary" contacts={contacts} />,
 };

package/src/components/ContentPage/ContentPage.page.json

@@ -17,7 +17,6 @@
   "jsonLd": "json",
   "date": "2022-04-08",
   "style": ["bg-main-divider"],
-  "likeControl": true,
   "slots": {
     "header": [
       {

package/src/components/ErrorBlock/ErrorBlock.fixture.tsx

@@ -1,5 +1,6 @@
-import type { Picture } from '../../model/Picture';
 import '../../setup-fixture';
+
+import type { Picture } from '../../model/Picture';
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { ErrorBlock } from './ErrorBlock';
 

package/src/components/ExchangeRateOffice/ExchangeRateOffice.fixture.tsx

@@ -1,4 +1,5 @@
 import '../../setup-fixture';
+
 import { ExchangeRateOffice } from './ExchangeRateOffice';
 import type { ExchangeRateOfficeContent } from './ExchangeRateOfficeContent';