@cloud-ru/ds-uikit-product-fields-predefined 2.0.30-preview-e8fab9b7.0 → 2.0.30-preview-20b4671f.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloud-ru/ds-uikit-product-fields-predefined",
-  "version": "2.0.30-preview-e8fab9b7.0",
+  "version": "2.0.30-preview-20b4671f.0",
   "description": "Набор предопределённых полей формы поверх @ds/fields — телефон, маски, имя, описание, код и другие готовые сценарии ввода.",
   "repository": {
     "type": "git",
@@ -45,20 +45,20 @@
     "merge-refs": "^2.0.0",
     "react-imask": "^7.6.1",
     "@cloud-ru/ds-adaptive": "1.0.2",
-    "@cloud-ru/ds-attachment": "1.1.19-preview-e8fab9b7.0",
-    "@cloud-ru/ds-button": "1.0.4",
-    "@cloud-ru/ds-field-decorator": "1.1.4-preview-e8fab9b7.0",
-    "@cloud-ru/ds-icons": "1.5.1-preview-e8fab9b7.0",
-    "@cloud-ru/ds-list": "2.3.3-preview-e8fab9b7.0",
+    "@cloud-ru/ds-dropzone": "1.0.3",
+    "@cloud-ru/ds-attachment": "1.1.19-preview-20b4671f.0",
+    "@cloud-ru/ds-list": "2.3.3-preview-20b4671f.0",
+    "@cloud-ru/ds-icons": "1.5.1-preview-20b4671f.0",
+    "@cloud-ru/ds-input-private": "1.0.11-preview-20b4671f.0",
     "@cloud-ru/ds-locale": "1.0.0",
-    "@cloud-ru/ds-fields": "2.5.3-preview-e8fab9b7.0",
-    "@cloud-ru/ds-modal": "2.0.1-preview-e8fab9b7.0",
+    "@cloud-ru/ds-fields": "2.5.3-preview-20b4671f.0",
+    "@cloud-ru/ds-modal": "2.0.1-preview-20b4671f.0",
+    "@cloud-ru/ds-drawer": "2.0.1-preview-20b4671f.0",
     "@cloud-ru/ds-scroll": "1.0.5",
-    "@cloud-ru/ds-input-private": "1.0.11-preview-e8fab9b7.0",
-    "@cloud-ru/ds-tooltip": "1.0.12-preview-e8fab9b7.0",
+    "@cloud-ru/ds-field-decorator": "1.1.4-preview-20b4671f.0",
+    "@cloud-ru/ds-button": "1.0.4",
     "@cloud-ru/ds-utils": "1.2.0",
-    "@cloud-ru/ds-drawer": "2.0.1-preview-e8fab9b7.0",
-    "@cloud-ru/ds-dropzone": "1.0.3"
+    "@cloud-ru/ds-tooltip": "1.0.12-preview-20b4671f.0"
   },
   "peerDependencies": {
     "react-hook-form": "^7.79.0",

package/src/components/FieldPhone/FieldPhone.tsx

@@ -41,8 +41,8 @@ export type FieldPhoneProps = Omit<
   /** Плейсхолдер поля поиска в выпадающем списке стран */
   searchPlaceholder?: string;
   onChangeCountry?(country: FieldPhoneOptionsProps): void;
-  /** Конфигурация для изменения стандартного списка стран */
-  options?: CountrySettings;
+  /** Список стран селектора: встроенные страны (`includedCountries`) или собственные элементы (`overriddenOptions`) */
+  options: CountrySettings;
 };
 
 export const FieldPhone = forwardRef<HTMLInputElement, FieldPhoneProps>(function FieldPhone(

package/src/components/FieldPhone/countries.tsx

@@ -1752,4 +1752,4 @@ export const ALL_COUNTRY_CODES = [
   JAPAN_COUNTRY_CODE,
 ] as const;
 
-export const ENABLED_COUNTRY_CODES = ALL_COUNTRY_CODES.filter(({ enabled }) => enabled);
+export const ENABLED_COUNTRY_CODES = /* @__PURE__ */ ALL_COUNTRY_CODES.filter(({ enabled }) => enabled);

package/src/components/FieldPhone/hooks/useCountries.ts

@@ -1,40 +1,25 @@
 import { useMemo } from 'react';
 
-import { ALL_COUNTRY_CODES } from '../countries';
-import { Country, CountrySettings, FieldPhoneOptionsProps } from '../types';
-import { uniqueSet } from '../utils';
+import { CountrySettings, FieldPhoneOptionsProps } from '../types';
 import { useMapCountryToOptions } from './useMapCountryToOptions';
 
-export function useCountries(optionsSettings?: CountrySettings): FieldPhoneOptionsProps[] {
-  const mapCountryToOption = useMapCountryToOptions();
-
-  const filterCountries = useMemo(() => {
-    if (!optionsSettings) {
-      return () => true;
-    }
-
-    const { includedCountries, excludedCountries } = optionsSettings;
-    const uniqueKey = 'value' satisfies keyof Country;
+function getOptionsKey({ includedCountries, overriddenOptions }: CountrySettings): string {
+  if (overriddenOptions) {
+    return overriddenOptions
+      .map(({ id, iso2, mask, content }) => [id, iso2, mask, content.label, content.caption].join(':'))
+      .join();
+  }
 
-    if (includedCountries) {
-      const includedSet = uniqueSet(includedCountries, uniqueKey);
-      return (country: Country) => includedSet.has(country[uniqueKey]);
-    }
-    if (excludedCountries) {
-      const excludedSet = uniqueSet(excludedCountries, uniqueKey);
-      return (country: Country) => !excludedSet.has(country[uniqueKey]);
-    }
-    return () => true;
-  }, [optionsSettings]);
+  return includedCountries.map(({ value }) => value).join();
+}
 
-  return useMemo(() => {
-    if (optionsSettings?.overriddenOptions) return optionsSettings.overriddenOptions;
+export function useCountries(optionsSettings: CountrySettings): FieldPhoneOptionsProps[] {
+  const mapCountryToOption = useMapCountryToOptions();
+  const optionsKey = getOptionsKey(optionsSettings);
 
-    return ALL_COUNTRY_CODES.reduce<FieldPhoneOptionsProps[]>((result, country) => {
-      if (filterCountries(country)) {
-        result.push(mapCountryToOption(country));
-      }
-      return result;
-    }, []);
-  }, [optionsSettings, filterCountries, mapCountryToOption]);
+  return useMemo(
+    () => optionsSettings.overriddenOptions ?? optionsSettings.includedCountries.map(mapCountryToOption),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [optionsKey, mapCountryToOption],
+  );
 }

package/src/components/FieldPhone/types.ts

@@ -23,10 +23,11 @@ type OneOf<T extends object> = {
 }[keyof T];
 
 export type CountrySettings = OneOf<{
-  /** Список элементов выпадающего списка со странами; переопределяет встроенный список пакета */
+  /**
+   * Страны селектора в порядке передачи. В бандл попадают флаги только переданных стран;
+   * весь встроенный перечень — `ALL_COUNTRY_CODES`.
+   */
+  includedCountries: readonly Country[];
+  /** Собственные элементы выпадающего списка вместо встроенных стран */
   overriddenOptions: FieldPhoneOptionsProps[];
-  /** Список стран, которые должны отображаться в селекторе (из встроенного перечня пакета) */
-  includedCountries: Country[];
-  /** Список стран, которые будут исключены из встроенного перечня пакета */
-  excludedCountries: Country[];
 }>;

package/src/components/FieldPhone/utils.ts

@@ -3,8 +3,6 @@ import { parsePhoneNumber } from 'awesome-phonenumber';
 import { ABKHAZIA_COUNTRY_CODE, RUSSIA_COUNTRY_CODE } from './countries';
 import { FieldPhoneOptionsProps } from './types';
 
-export const uniqueSet = <T, K extends keyof T>(arr: T[], key: K): Set<T[K]> => new Set(arr.map(obj => obj[key]));
-
 /* Приходит +79878887879/+7987****875, на основании mask возвращается +7 987-888-78-79/+7 987-***-*8-75 */
 export const formatPhoneNumber = <T extends { caption: string; mask: string }>(
   phone: string,