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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloud-ru/ds-uikit-product-fields-predefined",
-  "version": "2.0.30-preview-20b4671f.0",
+  "version": "2.0.30",
   "description": "Набор предопределённых полей формы поверх @ds/fields — телефон, маски, имя, описание, код и другие готовые сценарии ввода.",
   "repository": {
     "type": "git",
@@ -44,21 +44,21 @@
     "imask": "^7.6.1",
     "merge-refs": "^2.0.0",
     "react-imask": "^7.6.1",
-    "@cloud-ru/ds-adaptive": "1.0.2",
-    "@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-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-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-tooltip": "1.0.12-preview-20b4671f.0"
+    "@cloud-ru/ds-adaptive": "^1.0.2",
+    "@cloud-ru/ds-attachment": "^1.1.19",
+    "@cloud-ru/ds-drawer": "^2.1.0",
+    "@cloud-ru/ds-button": "^1.0.4",
+    "@cloud-ru/ds-dropzone": "^1.0.3",
+    "@cloud-ru/ds-field-decorator": "^1.1.4",
+    "@cloud-ru/ds-fields": "^2.5.3",
+    "@cloud-ru/ds-icons": "^1.5.1",
+    "@cloud-ru/ds-input-private": "^1.0.11",
+    "@cloud-ru/ds-list": "^2.3.3",
+    "@cloud-ru/ds-locale": "^1.0.0",
+    "@cloud-ru/ds-tooltip": "^1.0.12",
+    "@cloud-ru/ds-utils": "^1.2.0",
+    "@cloud-ru/ds-scroll": "^1.0.5",
+    "@cloud-ru/ds-modal": "^2.0.1"
   },
   "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;
-  /** Список стран селектора: встроенные страны (`includedCountries`) или собственные элементы (`overriddenOptions`) */
-  options: CountrySettings;
+  /** Конфигурация для изменения стандартного списка стран */
+  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 = /* @__PURE__ */ ALL_COUNTRY_CODES.filter(({ enabled }) => enabled);
+export const ENABLED_COUNTRY_CODES = ALL_COUNTRY_CODES.filter(({ enabled }) => enabled);

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

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

package/src/components/FieldPhone/types.ts

@@ -23,11 +23,10 @@ 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,6 +3,8 @@ 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,