@skbkontur/react-ui 6.1.6 → 6.1.7-1c902.0

package/components/TimePicker/helpers/TimePicker.value.js

@@ -0,0 +1,175 @@
+import { DIGIT_REGEXP, EMPTY_SEGMENT, EMPTY_VALUE, TIME_SEPARATOR } from './TimePicker.constants.js';
+import { getDigits, getDisplaySegments, getTimeSegments, normalizeTimeSegment, sanitizeSegment, getTimeItemLabel, getTimeItemValue, isTimeItemDisabled, isTimeItem, } from './TimePicker.shared.js';
+/** Проверяет, содержит ли display-значение хотя бы одну введенную цифру. */
+export var isTimeDisplayEmpty = function (value) { return !DIGIT_REGEXP.test(value); };
+/** Приводит значение поля — элемент, строку или пустое значение — к строке времени. */
+export var getTimeValueString = function (value) {
+    if (value === null || value === undefined) {
+        return EMPTY_VALUE;
+    }
+    return getTimeItemValue(value);
+};
+/**
+ * Разбирает элементы источника для отрисовки: достает время и подпись,
+ * а `disabled` дополняет проверкой диапазона `minTime`/`maxTime`.
+ * Исходный элемент сохраняется как есть — именно он уходит в `onValueChange`.
+ * React-элементы остаются на своих местах.
+ */
+export var resolveTimeItems = function (items, format, minTime, maxTime) {
+    return items.map(function (item) {
+        if (!isTimeItem(item)) {
+            return item;
+        }
+        var value = getTimeItemValue(item);
+        return {
+            item: item,
+            value: value,
+            label: getTimeItemLabel(item),
+            disabled: isTimeItemDisabled(item) || isTimeValueOutOfRange(value, format, minTime, maxTime),
+        };
+    });
+};
+/**
+ * Оставляет в списке только первый элемент для каждого времени.
+ * Времена сравниваются после нормализации к текущему формату,
+ * поэтому в формате `HH:mm` элементы `12:00` и `12:00:30` считаются одинаковыми.
+ * React-элементы не участвуют в сравнении и остаются на своих местах.
+ */
+export var dedupeTimeItems = function (items, format) {
+    var usedValues = new Set();
+    return items.filter(function (item) {
+        if (!isTimeItem(item)) {
+            return true;
+        }
+        var normalizedValue = normalizeTimeValue(getTimeItemValue(item), format);
+        if (usedValues.has(normalizedValue)) {
+            return false;
+        }
+        usedValues.add(normalizedValue);
+        return true;
+    });
+};
+/**
+ * Проверяет, выходит ли значение за диапазон `minTime`/`maxTime` после нормализации.
+ * Пустое значение не считается выходящим за диапазон. Если `minTime > maxTime`, диапазон трактуется как переходящий через полночь.
+ */
+export var isTimeValueOutOfRange = function (value, format, minTime, maxTime) {
+    var normalizedValue = normalizeTimeValue(value, format);
+    if (normalizedValue === EMPTY_VALUE) {
+        return false;
+    }
+    var normalizedMinTime = normalizeTimeRangeValue(minTime, format);
+    var normalizedMaxTime = normalizeTimeRangeValue(maxTime, format);
+    if (normalizedMinTime && normalizedMaxTime && normalizedMinTime > normalizedMaxTime) {
+        return normalizedValue < normalizedMinTime && normalizedValue > normalizedMaxTime;
+    }
+    return ((normalizedMinTime !== undefined && normalizedValue < normalizedMinTime) ||
+        (normalizedMaxTime !== undefined && normalizedValue > normalizedMaxTime));
+};
+/**
+ * Нормализует display-значение в committed-форму `HH:mm[:ss]`.
+ * Частично заполненные сегменты дополняются и ограничиваются максимумами сегментов.
+ */
+export var normalizeTimeValue = function (value, format) {
+    if (isTimeDisplayEmpty(value)) {
+        return EMPTY_VALUE;
+    }
+    return getTimeSegments(format)
+        .map(function (segment, index) { return normalizeTimeSegment(getDisplaySegments(value, format)[index], segment); })
+        .join(TIME_SEPARATOR);
+};
+var normalizeTimeRangeValue = function (value, format) {
+    if (!value) {
+        return undefined;
+    }
+    var normalizedValue = normalizeTimeValue(value, format);
+    return normalizedValue === EMPTY_VALUE ? undefined : normalizedValue;
+};
+/**
+ * Преобразует display-значение в partial raw value для `onValueChange`.
+ * Заполненные сегменты дополняются до двух цифр, пропущенные сегменты до последнего заполненного становятся `00`.
+ */
+export var serializeTimeValue = function (value, format) {
+    var serializedSegments = getDisplaySegments(value, format).map(function (segmentValue) {
+        var digits = getDigits(segmentValue);
+        return digits ? digits.padStart(EMPTY_SEGMENT.length, '0') : EMPTY_VALUE;
+    });
+    var lastFilledIndex = serializedSegments.reduce(function (result, segmentValue, index) { return (segmentValue ? index : result); }, -1);
+    if (lastFilledIndex < 0) {
+        return EMPTY_VALUE;
+    }
+    return serializedSegments
+        .slice(0, lastFilledIndex + 1)
+        .map(function (segmentValue) { return segmentValue || '00'; })
+        .join(TIME_SEPARATOR);
+};
+/** Возвращает display-значение с плейсхолдерами из partial или committed value. */
+export var getTimeDisplayValue = function (value, format) {
+    if (value === EMPTY_VALUE) {
+        return EMPTY_VALUE;
+    }
+    return getDisplaySegments(value, format).join(TIME_SEPARATOR);
+};
+/** Заменяет значение выбранного сегмента, сохраняя остальные сегменты display-значения без изменений. */
+export var replaceTimeSegment = function (value, segment, nextSegmentValue, format) {
+    var segments = getDisplaySegments(value, format);
+    var index = getTimeSegments(format).indexOf(segment);
+    segments[index] = sanitizeSegment(nextSegmentValue);
+    return segments.join(TIME_SEPARATOR);
+};
+/**
+ * Парсит вставленное пользователем значение и сразу преобразует его в committed-форму.
+ */
+export var parsePastedTimeValue = function (value, format) {
+    if (!DIGIT_REGEXP.test(value)) {
+        return EMPTY_VALUE;
+    }
+    var segments = getDisplaySegments(value, format);
+    return normalizeTimeValue(segments.join(TIME_SEPARATOR), format);
+};
+/** Возвращает текущее display-значение сегмента или пустой сегмент, если индекс отсутствует. */
+export var getTimeSegmentValue = function (value, segment, format) {
+    var _a;
+    var segments = getDisplaySegments(value, format);
+    var index = getTimeSegments(format).indexOf(segment);
+    return (_a = segments[index]) !== null && _a !== void 0 ? _a : EMPTY_SEGMENT;
+};
+/** Возвращает полностью пустое display-значение для выбранной точности времени. */
+export var getEmptyDisplayValue = function (precision) {
+    return getTimeSegments(precision)
+        .map(function () { return EMPTY_SEGMENT; })
+        .join(TIME_SEPARATOR);
+};
+/**
+ * Преобразует display-значение в поисковый запрос для фильтрации элементов.
+ * Сегменты содержат только введенные цифры, незаполненный хвост отбрасывается: `12:3_` => `12:3`, `1_:__` => `1`.
+ * Позиции сегментов сохраняются, поэтому ведущие незаполненные сегменты остаются пустыми: `__:34` => `:34`.
+ * Это нужно для посегментного сравнения в `filterTimeItems` и передается как есть в пользовательскую `source`.
+ */
+export var getTimeFilterQuery = function (value, format) {
+    var segments = getDisplaySegments(value, format).map(getDigits);
+    var lastFilledIndex = segments.reduce(function (result, segmentValue, index) { return (segmentValue ? index : result); }, -1);
+    if (lastFilledIndex < 0) {
+        return EMPTY_VALUE;
+    }
+    return segments.slice(0, lastFilledIndex + 1).join(TIME_SEPARATOR);
+};
+/**
+ * Дефолтная функция фильтрации элементов по запросу из поля ввода.
+ * Сравнивает запрос посегментно: введенные цифры сегмента должны быть префиксом соответствующего сегмента элемента.
+ * Пустой запрос возвращает все элементы.
+ */
+export var filterTimeItems = function (items, query, format) {
+    var querySegments = query.split(TIME_SEPARATOR).map(getDigits);
+    if (querySegments.every(function (segmentValue) { return !segmentValue; })) {
+        return items;
+    }
+    return items.filter(function (item) {
+        if (!isTimeItem(item)) {
+            return true;
+        }
+        var itemSegments = getDisplaySegments(normalizeTimeValue(getTimeItemValue(item), format), format);
+        return querySegments.every(function (segmentValue, index) { var _a; return !segmentValue || ((_a = itemSegments[index]) !== null && _a !== void 0 ? _a : EMPTY_VALUE).startsWith(segmentValue); });
+    });
+};
+//# sourceMappingURL=TimePicker.value.js.map

package/components/TimePicker/helpers/TimePicker.value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.value.js","sourceRoot":"","sources":["TimePicker.value.ts"],"names":[],"mappings":"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","sourcesContent":["import { DIGIT_REGEXP, EMPTY_SEGMENT, EMPTY_VALUE, TIME_SEPARATOR } from './TimePicker.constants.js';\nimport {\n  getDigits,\n  getDisplaySegments,\n  getTimeSegments,\n  normalizeTimeSegment,\n  sanitizeSegment,\n  getTimeItemLabel,\n  getTimeItemValue,\n  isTimeItemDisabled,\n  type TimeFormat,\n  type TimeItemValue,\n  type TimePickerExtendedItem,\n  type TimePickerMenuItem,\n  type TimeSegment,\n  isTimeItem,\n} from './TimePicker.shared.js';\n\n/** Проверяет, содержит ли display-значение хотя бы одну введенную цифру. */\nexport const isTimeDisplayEmpty = (value: string): boolean => !DIGIT_REGEXP.test(value);\n\n/** Приводит значение поля — элемент, строку или пустое значение — к строке времени. */\nexport const getTimeValueString = (value: TimeItemValue | null | undefined): string => {\n  if (value === null || value === undefined) {\n    return EMPTY_VALUE;\n  }\n\n  return getTimeItemValue(value);\n};\n\n/**\n * Разбирает элементы источника для отрисовки: достает время и подпись,\n * а `disabled` дополняет проверкой диапазона `minTime`/`maxTime`.\n * Исходный элемент сохраняется как есть — именно он уходит в `onValueChange`.\n * React-элементы остаются на своих местах.\n */\nexport const resolveTimeItems = <T extends TimeItemValue>(\n  items: Array<TimePickerExtendedItem<T>>,\n  format: TimeFormat,\n  minTime?: string,\n  maxTime?: string,\n): Array<TimePickerMenuItem<T>> =>\n  items.map((item) => {\n    if (!isTimeItem(item)) {\n      return item;\n    }\n\n    const value = getTimeItemValue(item);\n\n    return {\n      item,\n      value,\n      label: getTimeItemLabel(item),\n      disabled: isTimeItemDisabled(item) || isTimeValueOutOfRange(value, format, minTime, maxTime),\n    };\n  });\n\n/**\n * Оставляет в списке только первый элемент для каждого времени.\n * Времена сравниваются после нормализации к текущему формату,\n * поэтому в формате `HH:mm` элементы `12:00` и `12:00:30` считаются одинаковыми.\n * React-элементы не участвуют в сравнении и остаются на своих местах.\n */\nexport const dedupeTimeItems = <T extends TimeItemValue>(\n  items: Array<TimePickerExtendedItem<T>>,\n  format: TimeFormat,\n): Array<TimePickerExtendedItem<T>> => {\n  const usedValues = new Set<string>();\n\n  return items.filter((item) => {\n    if (!isTimeItem(item)) {\n      return true;\n    }\n\n    const normalizedValue = normalizeTimeValue(getTimeItemValue(item), format);\n\n    if (usedValues.has(normalizedValue)) {\n      return false;\n    }\n\n    usedValues.add(normalizedValue);\n\n    return true;\n  });\n};\n\n/**\n * Проверяет, выходит ли значение за диапазон `minTime`/`maxTime` после нормализации.\n * Пустое значение не считается выходящим за диапазон. Если `minTime > maxTime`, диапазон трактуется как переходящий через полночь.\n */\nexport const isTimeValueOutOfRange = (\n  value: string,\n  format: TimeFormat,\n  minTime?: string,\n  maxTime?: string,\n): boolean => {\n  const normalizedValue = normalizeTimeValue(value, format);\n\n  if (normalizedValue === EMPTY_VALUE) {\n    return false;\n  }\n\n  const normalizedMinTime = normalizeTimeRangeValue(minTime, format);\n  const normalizedMaxTime = normalizeTimeRangeValue(maxTime, format);\n\n  if (normalizedMinTime && normalizedMaxTime && normalizedMinTime > normalizedMaxTime) {\n    return normalizedValue < normalizedMinTime && normalizedValue > normalizedMaxTime;\n  }\n\n  return (\n    (normalizedMinTime !== undefined && normalizedValue < normalizedMinTime) ||\n    (normalizedMaxTime !== undefined && normalizedValue > normalizedMaxTime)\n  );\n};\n\n/**\n * Нормализует display-значение в committed-форму `HH:mm[:ss]`.\n * Частично заполненные сегменты дополняются и ограничиваются максимумами сегментов.\n */\nexport const normalizeTimeValue = (value: string, format: TimeFormat): string => {\n  if (isTimeDisplayEmpty(value)) {\n    return EMPTY_VALUE;\n  }\n\n  return getTimeSegments(format)\n    .map((segment, index) => normalizeTimeSegment(getDisplaySegments(value, format)[index], segment))\n    .join(TIME_SEPARATOR);\n};\n\nconst normalizeTimeRangeValue = (value: string | undefined, format: TimeFormat): string | undefined => {\n  if (!value) {\n    return undefined;\n  }\n\n  const normalizedValue = normalizeTimeValue(value, format);\n\n  return normalizedValue === EMPTY_VALUE ? undefined : normalizedValue;\n};\n\n/**\n * Преобразует display-значение в partial raw value для `onValueChange`.\n * Заполненные сегменты дополняются до двух цифр, пропущенные сегменты до последнего заполненного становятся `00`.\n */\nexport const serializeTimeValue = (value: string, format: TimeFormat): string => {\n  const serializedSegments = getDisplaySegments(value, format).map((segmentValue) => {\n    const digits = getDigits(segmentValue);\n\n    return digits ? digits.padStart(EMPTY_SEGMENT.length, '0') : EMPTY_VALUE;\n  });\n\n  const lastFilledIndex = serializedSegments.reduce(\n    (result, segmentValue, index) => (segmentValue ? index : result),\n    -1,\n  );\n\n  if (lastFilledIndex < 0) {\n    return EMPTY_VALUE;\n  }\n\n  return serializedSegments\n    .slice(0, lastFilledIndex + 1)\n    .map((segmentValue) => segmentValue || '00')\n    .join(TIME_SEPARATOR);\n};\n\n/** Возвращает display-значение с плейсхолдерами из partial или committed value. */\nexport const getTimeDisplayValue = (value: string, format: TimeFormat): string => {\n  if (value === EMPTY_VALUE) {\n    return EMPTY_VALUE;\n  }\n\n  return getDisplaySegments(value, format).join(TIME_SEPARATOR);\n};\n\n/** Заменяет значение выбранного сегмента, сохраняя остальные сегменты display-значения без изменений. */\nexport const replaceTimeSegment = (\n  value: string,\n  segment: TimeSegment,\n  nextSegmentValue: string,\n  format: TimeFormat,\n): string => {\n  const segments = getDisplaySegments(value, format);\n  const index = getTimeSegments(format).indexOf(segment);\n\n  segments[index] = sanitizeSegment(nextSegmentValue);\n\n  return segments.join(TIME_SEPARATOR);\n};\n\n/**\n * Парсит вставленное пользователем значение и сразу преобразует его в committed-форму.\n */\nexport const parsePastedTimeValue = (value: string, format: TimeFormat): string => {\n  if (!DIGIT_REGEXP.test(value)) {\n    return EMPTY_VALUE;\n  }\n\n  const segments = getDisplaySegments(value, format);\n\n  return normalizeTimeValue(segments.join(TIME_SEPARATOR), format);\n};\n\n/** Возвращает текущее display-значение сегмента или пустой сегмент, если индекс отсутствует. */\nexport const getTimeSegmentValue = (value: string, segment: TimeSegment, format: TimeFormat): string => {\n  const segments = getDisplaySegments(value, format);\n  const index = getTimeSegments(format).indexOf(segment);\n\n  return segments[index] ?? EMPTY_SEGMENT;\n};\n\n/** Возвращает полностью пустое display-значение для выбранной точности времени. */\nexport const getEmptyDisplayValue = (precision: TimeFormat): string =>\n  getTimeSegments(precision)\n    .map(() => EMPTY_SEGMENT)\n    .join(TIME_SEPARATOR);\n\n/**\n * Преобразует display-значение в поисковый запрос для фильтрации элементов.\n * Сегменты содержат только введенные цифры, незаполненный хвост отбрасывается: `12:3_` => `12:3`, `1_:__` => `1`.\n * Позиции сегментов сохраняются, поэтому ведущие незаполненные сегменты остаются пустыми: `__:34` => `:34`.\n * Это нужно для посегментного сравнения в `filterTimeItems` и передается как есть в пользовательскую `source`.\n */\nexport const getTimeFilterQuery = (value: string, format: TimeFormat): string => {\n  const segments = getDisplaySegments(value, format).map(getDigits);\n\n  const lastFilledIndex = segments.reduce((result, segmentValue, index) => (segmentValue ? index : result), -1);\n\n  if (lastFilledIndex < 0) {\n    return EMPTY_VALUE;\n  }\n\n  return segments.slice(0, lastFilledIndex + 1).join(TIME_SEPARATOR);\n};\n\n/**\n * Дефолтная функция фильтрации элементов по запросу из поля ввода.\n * Сравнивает запрос посегментно: введенные цифры сегмента должны быть префиксом соответствующего сегмента элемента.\n * Пустой запрос возвращает все элементы.\n */\nexport const filterTimeItems = <T extends TimeItemValue>(\n  items: Array<TimePickerExtendedItem<T>>,\n  query: string,\n  format: TimeFormat,\n): Array<TimePickerExtendedItem<T>> => {\n  const querySegments = query.split(TIME_SEPARATOR).map(getDigits);\n\n  if (querySegments.every((segmentValue) => !segmentValue)) {\n    return items;\n  }\n\n  return items.filter((item) => {\n    if (!isTimeItem(item)) {\n      return true;\n    }\n\n    const itemSegments = getDisplaySegments(normalizeTimeValue(getTimeItemValue(item), format), format);\n\n    return querySegments.every(\n      (segmentValue, index) => !segmentValue || (itemSegments[index] ?? EMPTY_VALUE).startsWith(segmentValue),\n    );\n  });\n};\n"]}

package/components/TimePicker/helpers/scrollSelectedItemIntoView.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Прокручивает ближайший scrollable-контейнер так, чтобы выбранный элемент оказался ближе к центру viewport контейнера.
+ */
+export declare const scrollSelectedItemIntoView: (element: HTMLElement) => void;

package/components/TimePicker/helpers/scrollSelectedItemIntoView.js

@@ -0,0 +1,24 @@
+import { findNearestScrollableParent } from '../../../lib/dom/scrollYCenterIntoNearestScrollable.js';
+import { getOwnerGlobalObject, isBrowser } from '../../../lib/globalObject.js';
+/**
+ * Прокручивает ближайший scrollable-контейнер так, чтобы выбранный элемент оказался ближе к центру viewport контейнера.
+ */
+export var scrollSelectedItemIntoView = function (element) {
+    var globalObject = getOwnerGlobalObject(element);
+    if (!isBrowser(globalObject)) {
+        return;
+    }
+    var parent = findNearestScrollableParent(element);
+    if (!parent) {
+        return;
+    }
+    var elementRect = element.getBoundingClientRect();
+    var parentRect = parent.getBoundingClientRect();
+    var scrollTopPos = elementRect.top - parentRect.top;
+    var scrollBottomPos = elementRect.bottom - parentRect.bottom;
+    var scrollCenterPos = (scrollTopPos + scrollBottomPos) / 2;
+    if (scrollCenterPos !== 0) {
+        parent.scrollTo({ top: parent.scrollTop + scrollCenterPos });
+    }
+};
+//# sourceMappingURL=scrollSelectedItemIntoView.js.map

package/components/TimePicker/helpers/scrollSelectedItemIntoView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollSelectedItemIntoView.js","sourceRoot":"","sources":["scrollSelectedItemIntoView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,wDAAwD,CAAC;AACrG,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAE/E;;GAEG;AACH,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,OAAoB;IAC7D,IAAM,YAAY,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAEnD,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;QAC7B,OAAO;IACT,CAAC;IAED,IAAM,MAAM,GAAG,2BAA2B,CAAC,OAAO,CAAC,CAAC;IAEpD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO;IACT,CAAC;IAED,IAAM,WAAW,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IACpD,IAAM,UAAU,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;IAElD,IAAM,YAAY,GAAG,WAAW,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC;IACtD,IAAM,eAAe,GAAG,WAAW,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/D,IAAM,eAAe,GAAG,CAAC,YAAY,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;IAE7D,IAAI,eAAe,KAAK,CAAC,EAAE,CAAC;QAC1B,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,SAAS,GAAG,eAAe,EAAE,CAAC,CAAC;IAC/D,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { findNearestScrollableParent } from '../../../lib/dom/scrollYCenterIntoNearestScrollable.js';\nimport { getOwnerGlobalObject, isBrowser } from '../../../lib/globalObject.js';\n\n/**\n * Прокручивает ближайший scrollable-контейнер так, чтобы выбранный элемент оказался ближе к центру viewport контейнера.\n */\nexport const scrollSelectedItemIntoView = (element: HTMLElement): void => {\n  const globalObject = getOwnerGlobalObject(element);\n\n  if (!isBrowser(globalObject)) {\n    return;\n  }\n\n  const parent = findNearestScrollableParent(element);\n\n  if (!parent) {\n    return;\n  }\n\n  const elementRect = element.getBoundingClientRect();\n  const parentRect = parent.getBoundingClientRect();\n\n  const scrollTopPos = elementRect.top - parentRect.top;\n  const scrollBottomPos = elementRect.bottom - parentRect.bottom;\n  const scrollCenterPos = (scrollTopPos + scrollBottomPos) / 2;\n\n  if (scrollCenterPos !== 0) {\n    parent.scrollTo({ top: parent.scrollTop + scrollCenterPos });\n  }\n};\n"]}

package/components/TimePicker/helpers/validateTimePicker.d.ts

@@ -0,0 +1,8 @@
+import type { Nullable } from '../../../typings/utility-types.js';
+import type { TimeFormat, TimeItem } from './TimePicker.shared.js';
+export interface TimePickerValidationOptions {
+    format?: TimeFormat;
+    minTime?: string;
+    maxTime?: string;
+}
+export declare const validateTimePicker: (value: Nullable<string | TimeItem>, options?: TimePickerValidationOptions) => boolean;

package/components/TimePicker/helpers/validateTimePicker.js

@@ -0,0 +1,17 @@
+import { getTimeDisplayValue, getTimeValueString, isTimeValueOutOfRange, normalizeTimeValue, } from './TimePicker.value.js';
+export var validateTimePicker = function (value, options) {
+    if (options === void 0) { options = {}; }
+    var timeValue = getTimeValueString(value);
+    if (!timeValue) {
+        return false;
+    }
+    var _a = options.format, format = _a === void 0 ? 'HH:mm' : _a, minTime = options.minTime, maxTime = options.maxTime;
+    if (getTimeDisplayValue(timeValue, format) !== timeValue) {
+        return false;
+    }
+    if (normalizeTimeValue(timeValue, format) !== timeValue) {
+        return false;
+    }
+    return !isTimeValueOutOfRange(timeValue, format, minTime, maxTime);
+};
+//# sourceMappingURL=validateTimePicker.js.map

package/components/TimePicker/helpers/validateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateTimePicker.js","sourceRoot":"","sources":["validateTimePicker.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,uBAAuB,CAAC;AAQ/B,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAChC,KAAkC,EAClC,OAAyC;IAAzC,wBAAA,EAAA,YAAyC;IAEzC,IAAM,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE5C,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,IAAA,KAAuC,OAAO,OAA9B,EAAhB,MAAM,mBAAG,OAAO,KAAA,EAAE,OAAO,GAAc,OAAO,QAArB,EAAE,OAAO,GAAK,OAAO,QAAZ,CAAa;IAEvD,IAAI,mBAAmB,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,SAAS,EAAE,CAAC;QACzD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,kBAAkB,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,SAAS,EAAE,CAAC;QACxD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,CAAC,qBAAqB,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AACrE,CAAC,CAAC","sourcesContent":["import type { Nullable } from '../../../typings/utility-types.js';\nimport type { TimeFormat, TimeItem } from './TimePicker.shared.js';\nimport {\n  getTimeDisplayValue,\n  getTimeValueString,\n  isTimeValueOutOfRange,\n  normalizeTimeValue,\n} from './TimePicker.value.js';\n\nexport interface TimePickerValidationOptions {\n  format?: TimeFormat;\n  minTime?: string;\n  maxTime?: string;\n}\n\nexport const validateTimePicker = (\n  value: Nullable<string | TimeItem>,\n  options: TimePickerValidationOptions = {},\n): boolean => {\n  const timeValue = getTimeValueString(value);\n\n  if (!timeValue) {\n    return false;\n  }\n\n  const { format = 'HH:mm', minTime, maxTime } = options;\n\n  if (getTimeDisplayValue(timeValue, format) !== timeValue) {\n    return false;\n  }\n\n  if (normalizeTimeValue(timeValue, format) !== timeValue) {\n    return false;\n  }\n\n  return !isTimeValueOutOfRange(timeValue, format, minTime, maxTime);\n};\n"]}

package/components/TimePicker/hooks/useTimePickerDropdown.d.ts

@@ -0,0 +1,18 @@
+import { type TimeItemValue, type TimePickerMenuItem } from '../helpers/TimePicker.shared.js';
+interface UseTimePickerDropdownOptions<T extends TimeItemValue> {
+    hasDropdown: boolean;
+    disabled?: boolean;
+    items: Array<TimePickerMenuItem<T>>;
+    selectedItemIndex: number | null;
+    autoHighlightKey: string | null;
+}
+interface UseTimePickerDropdownResult {
+    isDropdownOpened: boolean;
+    highlightedItemIndex: number | null;
+    openDropdown(): void;
+    closeDropdown(): void;
+    resetHighlightedItem(): void;
+    tryNavigateItems(step: 1 | -1): boolean;
+}
+export declare const useTimePickerDropdown: <T extends TimeItemValue>(options: UseTimePickerDropdownOptions<T>) => UseTimePickerDropdownResult;
+export {};

package/components/TimePicker/hooks/useTimePickerDropdown.js

@@ -0,0 +1,85 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { isTimeMenuItem } from '../helpers/TimePicker.shared.js';
+export var useTimePickerDropdown = function (options) {
+    var hasDropdown = options.hasDropdown, disabled = options.disabled, items = options.items, selectedItemIndex = options.selectedItemIndex, autoHighlightKey = options.autoHighlightKey;
+    var _a = useState(false), isDropdownOpened = _a[0], setIsDropdownOpened = _a[1];
+    var _b = useState(null), highlightedItemIndex = _b[0], setHighlightedItemIndex = _b[1];
+    var lastAutoHighlightKeyRef = useRef(null);
+    var openDropdown = useCallback(function () {
+        if (!hasDropdown || disabled) {
+            return;
+        }
+        setIsDropdownOpened(true);
+    }, [disabled, hasDropdown]);
+    var closeDropdown = useCallback(function () {
+        setIsDropdownOpened(false);
+        setHighlightedItemIndex(null);
+    }, []);
+    var resetHighlightedItem = useCallback(function () {
+        setHighlightedItemIndex(null);
+    }, []);
+    useEffect(function () {
+        if (lastAutoHighlightKeyRef.current === autoHighlightKey) {
+            return;
+        }
+        lastAutoHighlightKeyRef.current = autoHighlightKey;
+        if (autoHighlightKey === null) {
+            setHighlightedItemIndex(null);
+            return;
+        }
+        var firstEnabledItemIndex = items.findIndex(function (item) { return isTimeMenuItem(item) && !item.disabled; });
+        setHighlightedItemIndex(firstEnabledItemIndex >= 0 ? firstEnabledItemIndex : null);
+    }, [autoHighlightKey, items]);
+    useEffect(function () {
+        setHighlightedItemIndex(function (current) {
+            if (current === null) {
+                return current;
+            }
+            var item = items[current];
+            return !item || !isTimeMenuItem(item) || item.disabled ? null : current;
+        });
+    }, [items]);
+    var tryNavigateItems = useCallback(function (step) {
+        if (!hasDropdown || !isDropdownOpened) {
+            return false;
+        }
+        var enabledIndexes = items
+            .map(function (item, index) { return ({ item: item, index: index }); })
+            .filter(function (_a) {
+            var item = _a.item;
+            return isTimeMenuItem(item) && !item.disabled;
+        })
+            .map(function (_a) {
+            var index = _a.index;
+            return index;
+        });
+        if (enabledIndexes.length === 0) {
+            return false;
+        }
+        if (highlightedItemIndex === null) {
+            if (selectedItemIndex !== null) {
+                var selectedEnabledIndex = enabledIndexes.indexOf(selectedItemIndex);
+                if (selectedEnabledIndex >= 0) {
+                    var nextEnabledIndex_1 = enabledIndexes[selectedEnabledIndex + step];
+                    setHighlightedItemIndex(nextEnabledIndex_1 !== null && nextEnabledIndex_1 !== void 0 ? nextEnabledIndex_1 : (step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]));
+                    return true;
+                }
+            }
+            setHighlightedItemIndex(step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]);
+            return true;
+        }
+        var currentIndex = enabledIndexes.indexOf(highlightedItemIndex);
+        var nextEnabledIndex = enabledIndexes[currentIndex + step];
+        setHighlightedItemIndex(nextEnabledIndex !== null && nextEnabledIndex !== void 0 ? nextEnabledIndex : (step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]));
+        return true;
+    }, [hasDropdown, highlightedItemIndex, isDropdownOpened, selectedItemIndex, items]);
+    return {
+        isDropdownOpened: isDropdownOpened,
+        highlightedItemIndex: highlightedItemIndex,
+        openDropdown: openDropdown,
+        closeDropdown: closeDropdown,
+        resetHighlightedItem: resetHighlightedItem,
+        tryNavigateItems: tryNavigateItems,
+    };
+};
+//# sourceMappingURL=useTimePickerDropdown.js.map

package/components/TimePicker/hooks/useTimePickerDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimePickerDropdown.js","sourceRoot":"","sources":["useTimePickerDropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { isTimeMenuItem, type TimeItemValue, type TimePickerMenuItem } from '../helpers/TimePicker.shared.js';\n\ninterface UseTimePickerDropdownOptions<T extends TimeItemValue> {\n  hasDropdown: boolean;\n  disabled?: boolean;\n  items: Array<TimePickerMenuItem<T>>;\n  selectedItemIndex: number | null;\n  autoHighlightKey: string | null;\n}\n\ninterface UseTimePickerDropdownResult {\n  isDropdownOpened: boolean;\n  highlightedItemIndex: number | null;\n  openDropdown(): void;\n  closeDropdown(): void;\n  resetHighlightedItem(): void;\n  tryNavigateItems(step: 1 | -1): boolean;\n}\n\nexport const useTimePickerDropdown = <T extends TimeItemValue>(\n  options: UseTimePickerDropdownOptions<T>,\n): UseTimePickerDropdownResult => {\n  const { hasDropdown, disabled, items, selectedItemIndex, autoHighlightKey } = options;\n\n  const [isDropdownOpened, setIsDropdownOpened] = useState(false);\n  const [highlightedItemIndex, setHighlightedItemIndex] = useState<number | null>(null);\n  const lastAutoHighlightKeyRef = useRef<string | null>(null);\n\n  const openDropdown = useCallback(() => {\n    if (!hasDropdown || disabled) {\n      return;\n    }\n\n    setIsDropdownOpened(true);\n  }, [disabled, hasDropdown]);\n\n  const closeDropdown = useCallback(() => {\n    setIsDropdownOpened(false);\n    setHighlightedItemIndex(null);\n  }, []);\n\n  const resetHighlightedItem = useCallback(() => {\n    setHighlightedItemIndex(null);\n  }, []);\n\n  useEffect(() => {\n    if (lastAutoHighlightKeyRef.current === autoHighlightKey) {\n      return;\n    }\n\n    lastAutoHighlightKeyRef.current = autoHighlightKey;\n\n    if (autoHighlightKey === null) {\n      setHighlightedItemIndex(null);\n      return;\n    }\n\n    const firstEnabledItemIndex = items.findIndex((item) => isTimeMenuItem(item) && !item.disabled);\n    setHighlightedItemIndex(firstEnabledItemIndex >= 0 ? firstEnabledItemIndex : null);\n  }, [autoHighlightKey, items]);\n\n  useEffect(() => {\n    setHighlightedItemIndex((current) => {\n      if (current === null) {\n        return current;\n      }\n\n      const item = items[current];\n\n      return !item || !isTimeMenuItem(item) || item.disabled ? null : current;\n    });\n  }, [items]);\n\n  const tryNavigateItems = useCallback(\n    (step: 1 | -1) => {\n      if (!hasDropdown || !isDropdownOpened) {\n        return false;\n      }\n\n      const enabledIndexes = items\n        .map((item, index) => ({ item, index }))\n        .filter(({ item }) => isTimeMenuItem(item) && !item.disabled)\n        .map(({ index }) => index);\n\n      if (enabledIndexes.length === 0) {\n        return false;\n      }\n\n      if (highlightedItemIndex === null) {\n        if (selectedItemIndex !== null) {\n          const selectedEnabledIndex = enabledIndexes.indexOf(selectedItemIndex);\n\n          if (selectedEnabledIndex >= 0) {\n            const nextEnabledIndex = enabledIndexes[selectedEnabledIndex + step];\n\n            setHighlightedItemIndex(\n              nextEnabledIndex ?? (step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]),\n            );\n            return true;\n          }\n        }\n\n        setHighlightedItemIndex(step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]);\n        return true;\n      }\n\n      const currentIndex = enabledIndexes.indexOf(highlightedItemIndex);\n      const nextEnabledIndex = enabledIndexes[currentIndex + step];\n\n      setHighlightedItemIndex(\n        nextEnabledIndex ?? (step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]),\n      );\n\n      return true;\n    },\n    [hasDropdown, highlightedItemIndex, isDropdownOpened, selectedItemIndex, items],\n  );\n\n  return {\n    isDropdownOpened,\n    highlightedItemIndex,\n    openDropdown,\n    closeDropdown,\n    resetHighlightedItem,\n    tryNavigateItems,\n  };\n};\n"]}

package/components/TimePicker/hooks/useTimePickerSelection.d.ts

@@ -0,0 +1,18 @@
+import type { TimeInputRef } from '../../../internal/TimeInput/index.js';
+import type { TimeFormat, TimeSegment } from '../helpers/TimePicker.shared.js';
+type TimePickerSelection = TimeSegment | 'all';
+interface UseTimePickerSelectionOptions {
+    isInputFocused: boolean;
+    format: TimeFormat;
+    getInput: () => TimeInputRef | null;
+    displayValue: string;
+}
+interface UseTimePickerSelectionResult {
+    selection: TimePickerSelection;
+    selectedSegment: TimeSegment;
+    selectSegment: (segment: TimeSegment) => void;
+    selectAll: () => void;
+    syncSelectionWithDOM: () => boolean;
+}
+export declare const useTimePickerSelection: (options: UseTimePickerSelectionOptions) => UseTimePickerSelectionResult;
+export {};

package/components/TimePicker/hooks/useTimePickerSelection.js

@@ -0,0 +1,66 @@
+import { useCallback, useLayoutEffect, useState } from 'react';
+export var useTimePickerSelection = function (options) {
+    var isInputFocused = options.isInputFocused, format = options.format, displayValue = options.displayValue, getInput = options.getInput;
+    var _a = useState('hours'), selection = _a[0], setSelectionState = _a[1];
+    var selectedSegment = selection === 'all' ? 'hours' : selection;
+    var applySelectionToInput = useCallback(function (nextSelection) {
+        var currentInput = getInput();
+        if (!currentInput) {
+            return;
+        }
+        var node = currentInput.getNode();
+        var isInputActive = (node === null || node === void 0 ? void 0 : node.ownerDocument.activeElement) === node;
+        var applySelection = function (input) {
+            if (nextSelection === 'all') {
+                input.selectAll();
+                return;
+            }
+            input.selectSegment(nextSelection);
+        };
+        if (isInputActive) {
+            applySelection(currentInput);
+            return;
+        }
+        setTimeout(function () {
+            var nextInput = getInput();
+            if (!nextInput) {
+                return;
+            }
+            nextInput.focus();
+            applySelection(nextInput);
+        }, 0);
+    }, [getInput]);
+    var selectSegment = useCallback(function (segment) {
+        if (segment === 'seconds' && format === 'HH:mm') {
+            return;
+        }
+        setSelectionState(segment);
+        applySelectionToInput(segment);
+    }, [applySelectionToInput, format]);
+    var selectAll = useCallback(function () {
+        setSelectionState('all');
+        applySelectionToInput('all');
+    }, [applySelectionToInput]);
+    var syncSelectionWithDOM = useCallback(function () {
+        var _a;
+        if (!((_a = getInput()) === null || _a === void 0 ? void 0 : _a.isAllSelected())) {
+            return false;
+        }
+        setSelectionState('all');
+        return true;
+    }, [getInput]);
+    useLayoutEffect(function () {
+        if (!isInputFocused || !getInput()) {
+            return;
+        }
+        applySelectionToInput(selection);
+    }, [applySelectionToInput, displayValue, getInput, isInputFocused, selection]);
+    return {
+        selection: selection,
+        selectedSegment: selectedSegment,
+        selectSegment: selectSegment,
+        selectAll: selectAll,
+        syncSelectionWithDOM: syncSelectionWithDOM,
+    };
+};
+//# sourceMappingURL=useTimePickerSelection.js.map

package/components/TimePicker/hooks/useTimePickerSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimePickerSelection.js","sourceRoot":"","sources":["useTimePickerSelection.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useLayoutEffect, useState } from 'react';\n\nimport type { TimeInputRef } from '../../../internal/TimeInput/index.js';\nimport type { TimeFormat, TimeSegment } from '../helpers/TimePicker.shared.js';\n\ntype TimePickerSelection = TimeSegment | 'all';\n\ninterface UseTimePickerSelectionOptions {\n  isInputFocused: boolean;\n  format: TimeFormat;\n  getInput: () => TimeInputRef | null;\n  displayValue: string;\n}\ninterface UseTimePickerSelectionResult {\n  selection: TimePickerSelection;\n  selectedSegment: TimeSegment;\n  selectSegment: (segment: TimeSegment) => void;\n  selectAll: () => void;\n  syncSelectionWithDOM: () => boolean;\n}\nexport const useTimePickerSelection = (options: UseTimePickerSelectionOptions): UseTimePickerSelectionResult => {\n  const { isInputFocused, format, displayValue, getInput } = options;\n\n  const [selection, setSelectionState] = useState<TimePickerSelection>('hours');\n\n  const selectedSegment = selection === 'all' ? 'hours' : selection;\n\n  const applySelectionToInput = useCallback(\n    (nextSelection: TimePickerSelection) => {\n      const currentInput = getInput();\n\n      if (!currentInput) {\n        return;\n      }\n\n      const node = currentInput.getNode();\n      const isInputActive = node?.ownerDocument.activeElement === node;\n\n      const applySelection = (input: TimeInputRef) => {\n        if (nextSelection === 'all') {\n          input.selectAll();\n          return;\n        }\n\n        input.selectSegment(nextSelection);\n      };\n\n      if (isInputActive) {\n        applySelection(currentInput);\n        return;\n      }\n\n      setTimeout(() => {\n        const nextInput = getInput();\n\n        if (!nextInput) {\n          return;\n        }\n\n        nextInput.focus();\n        applySelection(nextInput);\n      }, 0);\n    },\n    [getInput],\n  );\n\n  const selectSegment = useCallback(\n    (segment: TimeSegment) => {\n      if (segment === 'seconds' && format === 'HH:mm') {\n        return;\n      }\n\n      setSelectionState(segment);\n      applySelectionToInput(segment);\n    },\n    [applySelectionToInput, format],\n  );\n\n  const selectAll = useCallback(() => {\n    setSelectionState('all');\n    applySelectionToInput('all');\n  }, [applySelectionToInput]);\n\n  const syncSelectionWithDOM = useCallback(() => {\n    if (!getInput()?.isAllSelected()) {\n      return false;\n    }\n\n    setSelectionState('all');\n    return true;\n  }, [getInput]);\n\n  useLayoutEffect(() => {\n    if (!isInputFocused || !getInput()) {\n      return;\n    }\n\n    applySelectionToInput(selection);\n  }, [applySelectionToInput, displayValue, getInput, isInputFocused, selection]);\n\n  return {\n    selection,\n    selectedSegment,\n    selectSegment,\n    selectAll,\n    syncSelectionWithDOM,\n  };\n};\n"]}

package/components/TimePicker/hooks/useTimePickerValue.d.ts

@@ -0,0 +1,27 @@
+import type { RefObject } from 'react';
+import { type TimeFormat, type TimeItemValue } from '../helpers/TimePicker.shared.js';
+interface UseTimePickerValueOptions {
+    isInputFocused: boolean;
+    /** Внешнее значение, приведенное к строке времени. */
+    externalValue: string;
+    format: TimeFormat;
+    /**
+     * Вызывается при коммите значения: получает нормализованное время
+     * и элемент из `source`, если значение выбрано в выпадающем меню.
+     */
+    onCommitValue(value: string, item: TimeItemValue | null): void;
+    onInputValueChange?(value: string): void;
+}
+interface UseTimePickerValueResult {
+    editingValue: string;
+    editingValueRef: RefObject<string>;
+    setEditingValue(value: string): void;
+    updateEditingValue(value: string): void;
+    commitEditingValue(): string;
+    /** Коммитит значение, введенное пользователем. Не эмитит повторно то же самое время. */
+    commitValue(value: string, item?: TimeItemValue | null): string;
+    /** Коммитит элемент, выбранный в выпадающем меню. Эмитит всегда, так как это явное действие пользователя. */
+    commitItem(item: TimeItemValue): string;
+}
+export declare const useTimePickerValue: (options: UseTimePickerValueOptions) => UseTimePickerValueResult;
+export {};

package/components/TimePicker/hooks/useTimePickerValue.js

@@ -0,0 +1,76 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { EMPTY_VALUE } from '../helpers/TimePicker.constants.js';
+import { getTimeItemValue } from '../helpers/TimePicker.shared.js';
+import { getTimeDisplayValue, isTimeDisplayEmpty, normalizeTimeValue, serializeTimeValue, } from '../helpers/TimePicker.value.js';
+export var useTimePickerValue = function (options) {
+    var externalValue = options.externalValue, format = options.format, isInputFocused = options.isInputFocused, onCommitValue = options.onCommitValue, onInputValueChange = options.onInputValueChange;
+    var externalEditingValue = getTimeDisplayValue(externalValue, format);
+    var _a = useState(externalEditingValue), editingValue = _a[0], setEditingValueState = _a[1];
+    var editingValueRef = useRef(editingValue);
+    var emittedInputValueRef = useRef(externalValue);
+    var emittedValueRef = useRef(externalValue);
+    var lastEmittedValueRef = useRef(externalValue);
+    var syncEmittedValues = useCallback(function (nextValue) {
+        emittedInputValueRef.current = nextValue;
+        emittedValueRef.current = nextValue;
+        lastEmittedValueRef.current = nextValue;
+    }, []);
+    var setEditingValue = useCallback(function (nextEditingValue) {
+        editingValueRef.current = nextEditingValue;
+        setEditingValueState(nextEditingValue);
+    }, []);
+    var emitInputValue = useCallback(function (nextValue) {
+        if (emittedInputValueRef.current !== nextValue) {
+            emittedInputValueRef.current = nextValue;
+            lastEmittedValueRef.current = nextValue;
+            onInputValueChange === null || onInputValueChange === void 0 ? void 0 : onInputValueChange(nextValue);
+        }
+    }, [onInputValueChange]);
+    var emitValue = useCallback(function (nextValue, item) {
+        emittedValueRef.current = nextValue;
+        lastEmittedValueRef.current = nextValue;
+        onCommitValue(nextValue, item);
+    }, [onCommitValue]);
+    var updateEditingValue = useCallback(function (nextEditingValue) {
+        setEditingValue(nextEditingValue);
+        emitInputValue(serializeTimeValue(nextEditingValue, format));
+    }, [emitInputValue, format, setEditingValue]);
+    var commitValue = useCallback(function (nextValue, item) {
+        if (item === void 0) { item = null; }
+        var normalizedValue = normalizeTimeValue(nextValue, format);
+        setEditingValue(normalizedValue);
+        if (emittedValueRef.current !== normalizedValue) {
+            emitValue(normalizedValue, item);
+        }
+        return normalizedValue;
+    }, [emitValue, format, setEditingValue]);
+    var commitItem = useCallback(function (item) {
+        var normalizedValue = normalizeTimeValue(getTimeItemValue(item), format);
+        setEditingValue(normalizedValue);
+        emitValue(normalizedValue, item);
+        return normalizedValue;
+    }, [emitValue, format, setEditingValue]);
+    var commitEditingValue = useCallback(function () {
+        var currentEditingValue = editingValueRef.current;
+        if (isTimeDisplayEmpty(currentEditingValue)) {
+            return commitValue(EMPTY_VALUE);
+        }
+        return commitValue(currentEditingValue);
+    }, [commitValue, editingValueRef]);
+    useEffect(function () {
+        if (!isInputFocused || externalValue !== lastEmittedValueRef.current) {
+            setEditingValue(externalEditingValue);
+        }
+        syncEmittedValues(externalValue);
+    }, [externalEditingValue, externalValue, isInputFocused, setEditingValue, syncEmittedValues]);
+    return {
+        editingValue: editingValue,
+        editingValueRef: editingValueRef,
+        setEditingValue: setEditingValue,
+        updateEditingValue: updateEditingValue,
+        commitEditingValue: commitEditingValue,
+        commitValue: commitValue,
+        commitItem: commitItem,
+    };
+};
+//# sourceMappingURL=useTimePickerValue.js.map

package/components/TimePicker/hooks/useTimePickerValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimePickerValue.js","sourceRoot":"","sources":["useTimePickerValue.ts"],"names":[],"mappings":"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","sourcesContent":["import type { RefObject } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { EMPTY_VALUE } from '../helpers/TimePicker.constants.js';\nimport { getTimeItemValue, type TimeFormat, type TimeItemValue } from '../helpers/TimePicker.shared.js';\nimport {\n  getTimeDisplayValue,\n  isTimeDisplayEmpty,\n  normalizeTimeValue,\n  serializeTimeValue,\n} from '../helpers/TimePicker.value.js';\n\ninterface UseTimePickerValueOptions {\n  isInputFocused: boolean;\n  /** Внешнее значение, приведенное к строке времени. */\n  externalValue: string;\n  format: TimeFormat;\n  /**\n   * Вызывается при коммите значения: получает нормализованное время\n   * и элемент из `source`, если значение выбрано в выпадающем меню.\n   */\n  onCommitValue(value: string, item: TimeItemValue | null): void;\n  onInputValueChange?(value: string): void;\n}\n\ninterface UseTimePickerValueResult {\n  editingValue: string;\n  editingValueRef: RefObject<string>;\n  setEditingValue(value: string): void;\n  updateEditingValue(value: string): void;\n  commitEditingValue(): string;\n  /** Коммитит значение, введенное пользователем. Не эмитит повторно то же самое время. */\n  commitValue(value: string, item?: TimeItemValue | null): string;\n  /** Коммитит элемент, выбранный в выпадающем меню. Эмитит всегда, так как это явное действие пользователя. */\n  commitItem(item: TimeItemValue): string;\n}\n\nexport const useTimePickerValue = (options: UseTimePickerValueOptions): UseTimePickerValueResult => {\n  const { externalValue, format, isInputFocused, onCommitValue, onInputValueChange } = options;\n\n  const externalEditingValue = getTimeDisplayValue(externalValue, format);\n\n  const [editingValue, setEditingValueState] = useState<string>(externalEditingValue);\n\n  const editingValueRef = useRef(editingValue);\n  const emittedInputValueRef = useRef(externalValue);\n  const emittedValueRef = useRef(externalValue);\n  const lastEmittedValueRef = useRef(externalValue);\n\n  const syncEmittedValues = useCallback((nextValue: string) => {\n    emittedInputValueRef.current = nextValue;\n    emittedValueRef.current = nextValue;\n    lastEmittedValueRef.current = nextValue;\n  }, []);\n\n  const setEditingValue = useCallback((nextEditingValue: string) => {\n    editingValueRef.current = nextEditingValue;\n    setEditingValueState(nextEditingValue);\n  }, []);\n\n  const emitInputValue = useCallback(\n    (nextValue: string) => {\n      if (emittedInputValueRef.current !== nextValue) {\n        emittedInputValueRef.current = nextValue;\n        lastEmittedValueRef.current = nextValue;\n        onInputValueChange?.(nextValue);\n      }\n    },\n    [onInputValueChange],\n  );\n\n  const emitValue = useCallback(\n    (nextValue: string, item: TimeItemValue | null) => {\n      emittedValueRef.current = nextValue;\n      lastEmittedValueRef.current = nextValue;\n      onCommitValue(nextValue, item);\n    },\n    [onCommitValue],\n  );\n\n  const updateEditingValue = useCallback(\n    (nextEditingValue: string) => {\n      setEditingValue(nextEditingValue);\n      emitInputValue(serializeTimeValue(nextEditingValue, format));\n    },\n    [emitInputValue, format, setEditingValue],\n  );\n\n  const commitValue = useCallback(\n    (nextValue: string, item: TimeItemValue | null = null): string => {\n      const normalizedValue = normalizeTimeValue(nextValue, format);\n\n      setEditingValue(normalizedValue);\n\n      if (emittedValueRef.current !== normalizedValue) {\n        emitValue(normalizedValue, item);\n      }\n\n      return normalizedValue;\n    },\n    [emitValue, format, setEditingValue],\n  );\n\n  const commitItem = useCallback(\n    (item: TimeItemValue): string => {\n      const normalizedValue = normalizeTimeValue(getTimeItemValue(item), format);\n\n      setEditingValue(normalizedValue);\n      emitValue(normalizedValue, item);\n\n      return normalizedValue;\n    },\n    [emitValue, format, setEditingValue],\n  );\n\n  const commitEditingValue = useCallback((): string => {\n    const currentEditingValue = editingValueRef.current;\n\n    if (isTimeDisplayEmpty(currentEditingValue)) {\n      return commitValue(EMPTY_VALUE);\n    }\n\n    return commitValue(currentEditingValue);\n  }, [commitValue, editingValueRef]);\n\n  useEffect(() => {\n    if (!isInputFocused || externalValue !== lastEmittedValueRef.current) {\n      setEditingValue(externalEditingValue);\n    }\n\n    syncEmittedValues(externalValue);\n  }, [externalEditingValue, externalValue, isInputFocused, setEditingValue, syncEmittedValues]);\n\n  return {\n    editingValue,\n    editingValueRef,\n    setEditingValue,\n    updateEditingValue,\n    commitEditingValue,\n    commitValue,\n    commitItem,\n  };\n};\n"]}