@skbkontur/react-ui 6.0.5 → 6.0.7-b5d2c.0

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

@@ -0,0 +1,19 @@
+import type { SizeProp } from '../../../lib/types/props.js';
+import type { TimePrecision, TimeSegment, TimeSlot } from './TimePicker.shared.js';
+export declare const TIME_PLACEHOLDER_CHAR = "\u2212";
+export declare const TIME_SEPARATOR = ":";
+export declare const TIME_SEGMENT_LENGTH = 2;
+export declare const HOURS_MAX_VALUE = 23;
+export declare const MINUTES_AND_SECONDS_MAX_VALUE = 59;
+export declare const ZERO_PAD_CHAR = "0";
+export declare const EMPTY_VALUE = "";
+export declare const DIGIT_REGEXP: RegExp;
+export declare const NON_DIGIT_REGEXP: RegExp;
+export declare const TIME_VALUE_SPLIT_REGEXP: RegExp;
+export declare const EMPTY_SEGMENT: string;
+export declare const TIME_SEGMENTS_BY_PRECISION: Record<TimePrecision, TimeSegment[]>;
+export declare const MAX_DIGITS_BY_PRECISION: Record<TimePrecision, number>;
+export declare const FIRST_DIGIT_MAX_BY_SEGMENT: Record<TimeSegment, number>;
+export declare const INPUT_WIDTH_BY_SIZE: Record<SizeProp, number>;
+export declare const INPUT_WIDTH_WITH_SECONDS_BY_SIZE: Record<SizeProp, number>;
+export declare const DEFAULT_TIME_PICKER_SLOTS: TimeSlot[];

package/components/TimePicker/helpers/TimePicker.constants.js

@@ -0,0 +1,42 @@
+export var TIME_PLACEHOLDER_CHAR = '\u2212';
+export var TIME_SEPARATOR = ':';
+export var TIME_SEGMENT_LENGTH = 2;
+var HOURS_FIRST_DIGIT_MAX = 2;
+var MINUTES_AND_SECONDS_FIRST_DIGIT_MAX = 5;
+var MINUTE_PRECISION_DIGITS_COUNT = 4;
+var SECOND_PRECISION_DIGITS_COUNT = 6;
+export var HOURS_MAX_VALUE = 23;
+export var MINUTES_AND_SECONDS_MAX_VALUE = 59;
+export var ZERO_PAD_CHAR = '0';
+export var EMPTY_VALUE = '';
+export var DIGIT_REGEXP = /\d/;
+export var NON_DIGIT_REGEXP = /\D/g;
+export var TIME_VALUE_SPLIT_REGEXP = /:/;
+export var EMPTY_SEGMENT = TIME_PLACEHOLDER_CHAR.repeat(TIME_SEGMENT_LENGTH);
+export var TIME_SEGMENTS_BY_PRECISION = {
+    minute: ['hours', 'minutes'],
+    second: ['hours', 'minutes', 'seconds'],
+};
+export var MAX_DIGITS_BY_PRECISION = {
+    minute: MINUTE_PRECISION_DIGITS_COUNT,
+    second: SECOND_PRECISION_DIGITS_COUNT,
+};
+export var FIRST_DIGIT_MAX_BY_SEGMENT = {
+    hours: HOURS_FIRST_DIGIT_MAX,
+    minutes: MINUTES_AND_SECONDS_FIRST_DIGIT_MAX,
+    seconds: MINUTES_AND_SECONDS_FIRST_DIGIT_MAX,
+};
+export var INPUT_WIDTH_BY_SIZE = {
+    small: 80,
+    medium: 100,
+    large: 120,
+};
+export var INPUT_WIDTH_WITH_SECONDS_BY_SIZE = {
+    small: 106,
+    medium: 128,
+    large: 152,
+};
+export var DEFAULT_TIME_PICKER_SLOTS = Array.from({ length: 10 }, function (_, index) { return ({
+    time: "".concat(String(index + 9).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR)).concat(TIME_SEPARATOR, "00"),
+}); });
+//# sourceMappingURL=TimePicker.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.constants.js","sourceRoot":"","sources":["../../../../components/TimePicker/helpers/TimePicker.constants.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,IAAM,qBAAqB,GAAG,QAAQ,CAAC;AAC9C,MAAM,CAAC,IAAM,cAAc,GAAG,GAAG,CAAC;AAClC,MAAM,CAAC,IAAM,mBAAmB,GAAG,CAAC,CAAC;AAErC,IAAM,qBAAqB,GAAG,CAAC,CAAC;AAChC,IAAM,mCAAmC,GAAG,CAAC,CAAC;AAC9C,IAAM,6BAA6B,GAAG,CAAC,CAAC;AACxC,IAAM,6BAA6B,GAAG,CAAC,CAAC;AAExC,MAAM,CAAC,IAAM,eAAe,GAAG,EAAE,CAAC;AAClC,MAAM,CAAC,IAAM,6BAA6B,GAAG,EAAE,CAAC;AAChD,MAAM,CAAC,IAAM,aAAa,GAAG,GAAG,CAAC;AACjC,MAAM,CAAC,IAAM,WAAW,GAAG,EAAE,CAAC;AAC9B,MAAM,CAAC,IAAM,YAAY,GAAG,IAAI,CAAC;AACjC,MAAM,CAAC,IAAM,gBAAgB,GAAG,KAAK,CAAC;AACtC,MAAM,CAAC,IAAM,uBAAuB,GAAG,GAAG,CAAC;AAC3C,MAAM,CAAC,IAAM,aAAa,GAAG,qBAAqB,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;AAE/E,MAAM,CAAC,IAAM,0BAA0B,GAAyC;IAC9E,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;CACxC,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAkC;IACpE,MAAM,EAAE,6BAA6B;IACrC,MAAM,EAAE,6BAA6B;CACtC,CAAC;AAEF,MAAM,CAAC,IAAM,0BAA0B,GAAgC;IACrE,KAAK,EAAE,qBAAqB;IAC5B,OAAO,EAAE,mCAAmC;IAC5C,OAAO,EAAE,mCAAmC;CAC7C,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAA6B;IAC3D,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,MAAM,CAAC,IAAM,gCAAgC,GAA6B;IACxE,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,MAAM,CAAC,IAAM,yBAAyB,GAAe,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,CAAC;IAC7F,IAAI,EAAE,UAAG,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,mBAAmB,EAAE,aAAa,CAAC,SAAG,cAAc,OAAI;CAC7F,CAAC,EAF4F,CAE5F,CAAC,CAAC","sourcesContent":["import type { SizeProp } from '../../../lib/types/props.js';\nimport type { TimePrecision, TimeSegment, TimeSlot } from './TimePicker.shared.js';\n\nexport const TIME_PLACEHOLDER_CHAR = '\\u2212';\nexport const TIME_SEPARATOR = ':';\nexport const TIME_SEGMENT_LENGTH = 2;\n\nconst HOURS_FIRST_DIGIT_MAX = 2;\nconst MINUTES_AND_SECONDS_FIRST_DIGIT_MAX = 5;\nconst MINUTE_PRECISION_DIGITS_COUNT = 4;\nconst SECOND_PRECISION_DIGITS_COUNT = 6;\n\nexport const HOURS_MAX_VALUE = 23;\nexport const MINUTES_AND_SECONDS_MAX_VALUE = 59;\nexport const ZERO_PAD_CHAR = '0';\nexport const EMPTY_VALUE = '';\nexport const DIGIT_REGEXP = /\\d/;\nexport const NON_DIGIT_REGEXP = /\\D/g;\nexport const TIME_VALUE_SPLIT_REGEXP = /:/;\nexport const EMPTY_SEGMENT = TIME_PLACEHOLDER_CHAR.repeat(TIME_SEGMENT_LENGTH);\n\nexport const TIME_SEGMENTS_BY_PRECISION: Record<TimePrecision, TimeSegment[]> = {\n  minute: ['hours', 'minutes'],\n  second: ['hours', 'minutes', 'seconds'],\n};\n\nexport const MAX_DIGITS_BY_PRECISION: Record<TimePrecision, number> = {\n  minute: MINUTE_PRECISION_DIGITS_COUNT,\n  second: SECOND_PRECISION_DIGITS_COUNT,\n};\n\nexport const FIRST_DIGIT_MAX_BY_SEGMENT: Record<TimeSegment, number> = {\n  hours: HOURS_FIRST_DIGIT_MAX,\n  minutes: MINUTES_AND_SECONDS_FIRST_DIGIT_MAX,\n  seconds: MINUTES_AND_SECONDS_FIRST_DIGIT_MAX,\n};\n\nexport const INPUT_WIDTH_BY_SIZE: Record<SizeProp, number> = {\n  small: 80,\n  medium: 100,\n  large: 120,\n};\n\nexport const INPUT_WIDTH_WITH_SECONDS_BY_SIZE: Record<SizeProp, number> = {\n  small: 106,\n  medium: 128,\n  large: 152,\n};\n\nexport const DEFAULT_TIME_PICKER_SLOTS: TimeSlot[] = Array.from({ length: 10 }, (_, index) => ({\n  time: `${String(index + 9).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR)}${TIME_SEPARATOR}00`,\n}));\n"]}

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

@@ -0,0 +1,6 @@
+import { type TimeDigitInputResult, type TimePrecision, type TimeSegment } from './TimePicker.shared.js';
+export declare const clearTimeSegment: (value: string, segment: TimeSegment, precision: TimePrecision) => string;
+export declare const deleteTimeSegmentDigit: (value: string, segment: TimeSegment, precision: TimePrecision) => string;
+export declare const commitTimeSegmentOnLeave: (value: string, segment: TimeSegment, precision: TimePrecision) => string;
+export declare const shiftTimeSegmentValue: (value: string, segment: TimeSegment, step: 1 | -1, precision: TimePrecision) => string;
+export declare const formatDigitToTimeSegment: (value: string, segment: TimeSegment, digit: string, precision: TimePrecision) => TimeDigitInputResult;

package/components/TimePicker/helpers/TimePicker.editing.js

@@ -0,0 +1,77 @@
+import { DIGIT_REGEXP, EMPTY_SEGMENT, EMPTY_VALUE, FIRST_DIGIT_MAX_BY_SEGMENT, TIME_PLACEHOLDER_CHAR, TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR, } from './TimePicker.constants.js';
+import { getNextTimeSegment } from './TimePicker.selection.js';
+import { getDigits, getTimeSegmentMax, hasPendingSingleDigit, normalizeEditableSegment, } from './TimePicker.shared.js';
+import { getTimeSegmentValue, replaceTimeSegment } from './TimePicker.value.js';
+export var clearTimeSegment = function (value, segment, precision) {
+    return replaceTimeSegment(value, segment, EMPTY_SEGMENT, precision);
+};
+export var deleteTimeSegmentDigit = function (value, segment, precision) {
+    var currentSegmentValue = getTimeSegmentValue(value, segment, precision);
+    var _a = Array.from(currentSegmentValue), first = _a[0], second = _a[1];
+    if (DIGIT_REGEXP.test(second !== null && second !== void 0 ? second : EMPTY_VALUE)) {
+        return replaceTimeSegment(value, segment, "".concat(first).concat(TIME_PLACEHOLDER_CHAR), precision);
+    }
+    if (DIGIT_REGEXP.test(first !== null && first !== void 0 ? first : EMPTY_VALUE)) {
+        return replaceTimeSegment(value, segment, EMPTY_SEGMENT, precision);
+    }
+    return value;
+};
+export var commitTimeSegmentOnLeave = function (value, segment, precision) {
+    var nextValue = normalizeEditableSegment(getTimeSegmentValue(value, segment, precision), segment);
+    if (nextValue === EMPTY_SEGMENT) {
+        return replaceTimeSegment(value, segment, EMPTY_SEGMENT, precision);
+    }
+    return replaceTimeSegment(value, segment, nextValue, precision);
+};
+export var shiftTimeSegmentValue = function (value, segment, step, precision) {
+    var currentSegmentValue = getTimeSegmentValue(value, segment, precision);
+    var normalizedSegmentValue = normalizeEditableSegment(currentSegmentValue, segment);
+    var max = getTimeSegmentMax(segment);
+    var current = normalizedSegmentValue === EMPTY_SEGMENT ? 0 : Number(normalizedSegmentValue);
+    var next = (current + step + max + 1) % (max + 1);
+    return replaceTimeSegment(value, segment, String(next).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR), precision);
+};
+export var formatDigitToTimeSegment = function (value, segment, digit, precision) {
+    var currentSegmentValue = getTimeSegmentValue(value, segment, precision);
+    var nextSegment = getNextTimeSegment(segment, precision);
+    var shouldAppend = hasPendingSingleDigit(currentSegmentValue);
+    var currentDigits = shouldAppend ? getDigits(currentSegmentValue) : '';
+    var firstDigitThreshold = FIRST_DIGIT_MAX_BY_SEGMENT[segment];
+    if (currentDigits.length === 0) {
+        if (Number(digit) > firstDigitThreshold) {
+            var nextValue_1 = replaceTimeSegment(value, segment, "0".concat(digit), precision);
+            return {
+                isFinalPart: nextSegment === null,
+                isCompletedPart: true,
+                selectedSegment: nextSegment !== null && nextSegment !== void 0 ? nextSegment : segment,
+                nextValue: nextValue_1,
+                shouldBlink: false,
+            };
+        }
+        return {
+            isFinalPart: false,
+            isCompletedPart: false,
+            selectedSegment: segment,
+            nextValue: replaceTimeSegment(value, segment, "".concat(digit).concat(TIME_PLACEHOLDER_CHAR), precision),
+            shouldBlink: false,
+        };
+    }
+    if (segment === 'hours' && currentDigits === '2' && Number(digit) > 3) {
+        return {
+            isFinalPart: false,
+            isCompletedPart: false,
+            selectedSegment: segment,
+            nextValue: value,
+            shouldBlink: true,
+        };
+    }
+    var nextValue = replaceTimeSegment(value, segment, String(Number("".concat(currentDigits).concat(digit))).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR), precision);
+    return {
+        isFinalPart: nextSegment === null,
+        isCompletedPart: true,
+        selectedSegment: nextSegment !== null && nextSegment !== void 0 ? nextSegment : segment,
+        nextValue: nextValue,
+        shouldBlink: false,
+    };
+};
+//# sourceMappingURL=TimePicker.editing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.editing.js","sourceRoot":"","sources":["../../../../components/TimePicker/helpers/TimePicker.editing.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  DIGIT_REGEXP,\n  EMPTY_SEGMENT,\n  EMPTY_VALUE,\n  FIRST_DIGIT_MAX_BY_SEGMENT,\n  TIME_PLACEHOLDER_CHAR,\n  TIME_SEGMENT_LENGTH,\n  ZERO_PAD_CHAR,\n} from './TimePicker.constants.js';\nimport { getNextTimeSegment } from './TimePicker.selection.js';\nimport {\n  getDigits,\n  getTimeSegmentMax,\n  hasPendingSingleDigit,\n  normalizeEditableSegment,\n  type TimeDigitInputResult,\n  type TimePrecision,\n  type TimeSegment,\n} from './TimePicker.shared.js';\nimport { getTimeSegmentValue, replaceTimeSegment } from './TimePicker.value.js';\n\nexport const clearTimeSegment = (value: string, segment: TimeSegment, precision: TimePrecision): string =>\n  replaceTimeSegment(value, segment, EMPTY_SEGMENT, precision);\n\nexport const deleteTimeSegmentDigit = (value: string, segment: TimeSegment, precision: TimePrecision): string => {\n  const currentSegmentValue = getTimeSegmentValue(value, segment, precision);\n\n  const [first, second] = Array.from(currentSegmentValue);\n\n  if (DIGIT_REGEXP.test(second ?? EMPTY_VALUE)) {\n    return replaceTimeSegment(value, segment, `${first}${TIME_PLACEHOLDER_CHAR}`, precision);\n  }\n\n  if (DIGIT_REGEXP.test(first ?? EMPTY_VALUE)) {\n    return replaceTimeSegment(value, segment, EMPTY_SEGMENT, precision);\n  }\n\n  return value;\n};\n\nexport const commitTimeSegmentOnLeave = (value: string, segment: TimeSegment, precision: TimePrecision): string => {\n  const nextValue = normalizeEditableSegment(getTimeSegmentValue(value, segment, precision), segment);\n\n  if (nextValue === EMPTY_SEGMENT) {\n    return replaceTimeSegment(value, segment, EMPTY_SEGMENT, precision);\n  }\n\n  return replaceTimeSegment(value, segment, nextValue, precision);\n};\n\nexport const shiftTimeSegmentValue = (\n  value: string,\n  segment: TimeSegment,\n  step: 1 | -1,\n  precision: TimePrecision,\n): string => {\n  const currentSegmentValue = getTimeSegmentValue(value, segment, precision);\n\n  const normalizedSegmentValue = normalizeEditableSegment(currentSegmentValue, segment);\n\n  const max = getTimeSegmentMax(segment);\n\n  const current = normalizedSegmentValue === EMPTY_SEGMENT ? 0 : Number(normalizedSegmentValue);\n  const next = (current + step + max + 1) % (max + 1);\n\n  return replaceTimeSegment(value, segment, String(next).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR), precision);\n};\n\nexport const formatDigitToTimeSegment = (\n  value: string,\n  segment: TimeSegment,\n  digit: string,\n  precision: TimePrecision,\n): TimeDigitInputResult => {\n  const currentSegmentValue = getTimeSegmentValue(value, segment, precision);\n\n  const nextSegment = getNextTimeSegment(segment, precision);\n\n  const shouldAppend = hasPendingSingleDigit(currentSegmentValue);\n\n  const currentDigits = shouldAppend ? getDigits(currentSegmentValue) : '';\n  const firstDigitThreshold = FIRST_DIGIT_MAX_BY_SEGMENT[segment];\n\n  if (currentDigits.length === 0) {\n    if (Number(digit) > firstDigitThreshold) {\n      const nextValue = replaceTimeSegment(value, segment, `0${digit}`, precision);\n\n      return {\n        isFinalPart: nextSegment === null,\n        isCompletedPart: true,\n        selectedSegment: nextSegment ?? segment,\n        nextValue,\n        shouldBlink: false,\n      };\n    }\n\n    return {\n      isFinalPart: false,\n      isCompletedPart: false,\n      selectedSegment: segment,\n      nextValue: replaceTimeSegment(value, segment, `${digit}${TIME_PLACEHOLDER_CHAR}`, precision),\n      shouldBlink: false,\n    };\n  }\n\n  if (segment === 'hours' && currentDigits === '2' && Number(digit) > 3) {\n    return {\n      isFinalPart: false,\n      isCompletedPart: false,\n      selectedSegment: segment,\n      nextValue: value,\n      shouldBlink: true,\n    };\n  }\n\n  const nextValue = replaceTimeSegment(\n    value,\n    segment,\n    String(Number(`${currentDigits}${digit}`)).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR),\n    precision,\n  );\n\n  return {\n    isFinalPart: nextSegment === null,\n    isCompletedPart: true,\n    selectedSegment: nextSegment ?? segment,\n    nextValue,\n    shouldBlink: false,\n  };\n};\n"]}

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

@@ -0,0 +1,7 @@
+import type { Theme } from '../../../lib/theming/Theme.js';
+import type { SizeProp } from '../../../lib/types/props.js';
+import { DEFAULT_TIME_PICKER_SLOTS } from './TimePicker.constants.js';
+import type { TimePrecision } from './TimePicker.shared.js';
+export { DEFAULT_TIME_PICKER_SLOTS };
+export declare function getTimePickerPopupMaxHeight(size: SizeProp, theme: Theme): string;
+export declare const getTimePickerInputWidth: (size: SizeProp, precision: TimePrecision) => number;

package/components/TimePicker/helpers/TimePicker.layout.js

@@ -0,0 +1,17 @@
+import { DEFAULT_TIME_PICKER_SLOTS, INPUT_WIDTH_BY_SIZE, INPUT_WIDTH_WITH_SECONDS_BY_SIZE, } from './TimePicker.constants.js';
+export { DEFAULT_TIME_PICKER_SLOTS };
+export function getTimePickerPopupMaxHeight(size, theme) {
+    switch (size) {
+        case 'large':
+            return theme.timePickerMenuMaxHeightLarge;
+        case 'medium':
+            return theme.timePickerMenuMaxHeightMedium;
+        case 'small':
+        default:
+            return theme.timePickerMenuMaxHeightSmall;
+    }
+}
+export var getTimePickerInputWidth = function (size, precision) {
+    return precision === 'second' ? INPUT_WIDTH_WITH_SECONDS_BY_SIZE[size] : INPUT_WIDTH_BY_SIZE[size];
+};
+//# sourceMappingURL=TimePicker.layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.layout.js","sourceRoot":"","sources":["../../../../components/TimePicker/helpers/TimePicker.layout.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,yBAAyB,EACzB,mBAAmB,EACnB,gCAAgC,GACjC,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAErC,MAAM,UAAU,2BAA2B,CAAC,IAAc,EAAE,KAAY;IACtE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,4BAA4B,CAAC;QAE5C,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,6BAA6B,CAAC;QAE7C,KAAK,OAAO,CAAC;QAEb;YACE,OAAO,KAAK,CAAC,4BAA4B,CAAC;IAC9C,CAAC;AACH,CAAC;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,IAAc,EAAE,SAAwB;IAC9E,OAAA,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,gCAAgC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC;AAA3F,CAA2F,CAAC","sourcesContent":["import type { Theme } from '../../../lib/theming/Theme.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport {\n  DEFAULT_TIME_PICKER_SLOTS,\n  INPUT_WIDTH_BY_SIZE,\n  INPUT_WIDTH_WITH_SECONDS_BY_SIZE,\n} from './TimePicker.constants.js';\nimport type { TimePrecision } from './TimePicker.shared.js';\n\nexport { DEFAULT_TIME_PICKER_SLOTS };\n\nexport function getTimePickerPopupMaxHeight(size: SizeProp, theme: Theme): string {\n  switch (size) {\n    case 'large':\n      return theme.timePickerMenuMaxHeightLarge;\n\n    case 'medium':\n      return theme.timePickerMenuMaxHeightMedium;\n\n    case 'small':\n\n    default:\n      return theme.timePickerMenuMaxHeightSmall;\n  }\n}\n\nexport const getTimePickerInputWidth = (size: SizeProp, precision: TimePrecision): number =>\n  precision === 'second' ? INPUT_WIDTH_WITH_SECONDS_BY_SIZE[size] : INPUT_WIDTH_BY_SIZE[size];\n"]}

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

@@ -0,0 +1,7 @@
+import { type TimePrecision, type TimeSegment } from './TimePicker.shared.js';
+export type TimeSelectionRange = [start: number, end: number];
+export declare const getTimeSegmentSelectionRange: (segment: TimeSegment, precision: TimePrecision) => TimeSelectionRange;
+export declare const getTimeSegmentSelectionNodeRange: (segment: TimeSegment, precision: TimePrecision) => TimeSelectionRange;
+export declare const getTimeSegmentByCursorPosition: (position: number | null, precision: TimePrecision) => TimeSegment;
+export declare const getNextTimeSegment: (segment: TimeSegment, precision: TimePrecision) => TimeSegment | null;
+export declare const getPreviousTimeSegment: (segment: TimeSegment) => TimeSegment | null;

package/components/TimePicker/helpers/TimePicker.selection.js

@@ -0,0 +1,51 @@
+import { TIME_SEGMENT_LENGTH, TIME_SEPARATOR } from './TimePicker.constants.js';
+import { getTimeSegments } from './TimePicker.shared.js';
+export var getTimeSegmentSelectionRange = function (segment, precision) {
+    var segments = getTimeSegments(precision);
+    var index = segments.indexOf(segment);
+    if (index < 0) {
+        return [0, TIME_SEGMENT_LENGTH];
+    }
+    var start = index * (TIME_SEGMENT_LENGTH + TIME_SEPARATOR.length);
+    return [start, start + TIME_SEGMENT_LENGTH];
+};
+export var getTimeSegmentSelectionNodeRange = function (segment, precision) {
+    var segments = getTimeSegments(precision);
+    var index = segments.indexOf(segment);
+    if (index < 0) {
+        return [0, 1];
+    }
+    var start = index * 2;
+    return [start, start + 1];
+};
+export var getTimeSegmentByCursorPosition = function (position, precision) {
+    var segments = getTimeSegments(precision);
+    if (position === null || position <= TIME_SEGMENT_LENGTH) {
+        return 'hours';
+    }
+    if (precision === 'minute' || position <= TIME_SEGMENT_LENGTH * 2 + TIME_SEPARATOR.length) {
+        return 'minutes';
+    }
+    return segments.includes('seconds') ? 'seconds' : 'minutes';
+};
+export var getNextTimeSegment = function (segment, precision) {
+    switch (segment) {
+        case 'hours':
+            return 'minutes';
+        case 'minutes':
+            return precision === 'second' ? 'seconds' : null;
+        case 'seconds':
+            return null;
+    }
+};
+export var getPreviousTimeSegment = function (segment) {
+    switch (segment) {
+        case 'hours':
+            return null;
+        case 'minutes':
+            return 'hours';
+        case 'seconds':
+            return 'minutes';
+    }
+};
+//# sourceMappingURL=TimePicker.selection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.selection.js","sourceRoot":"","sources":["../../../../components/TimePicker/helpers/TimePicker.selection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,eAAe,EAAwC,MAAM,wBAAwB,CAAC;AAI/F,MAAM,CAAC,IAAM,4BAA4B,GAAG,UAAC,OAAoB,EAAE,SAAwB;IACzF,IAAM,QAAQ,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAE5C,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAExC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QACd,OAAO,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC;IAClC,CAAC;IAED,IAAM,KAAK,GAAG,KAAK,GAAG,CAAC,mBAAmB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAEpE,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,mBAAmB,CAAC,CAAC;AAC9C,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,gCAAgC,GAAG,UAC9C,OAAoB,EACpB,SAAwB;IAExB,IAAM,QAAQ,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAE5C,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAExC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QACd,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAChB,CAAC;IAED,IAAM,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;IAExB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,8BAA8B,GAAG,UAAC,QAAuB,EAAE,SAAwB;IAC9F,IAAM,QAAQ,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAE5C,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,IAAI,mBAAmB,EAAE,CAAC;QACzD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,SAAS,KAAK,QAAQ,IAAI,QAAQ,IAAI,mBAAmB,GAAG,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC;QAC1F,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,OAAoB,EAAE,SAAwB;IAC/E,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,SAAS,CAAC;QAEnB,KAAK,SAAS;YACZ,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;QAEnD,KAAK,SAAS;YACZ,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,OAAoB;IACzD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,IAAI,CAAC;QAEd,KAAK,SAAS;YACZ,OAAO,OAAO,CAAC;QAEjB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { TIME_SEGMENT_LENGTH, TIME_SEPARATOR } from './TimePicker.constants.js';\nimport { getTimeSegments, type TimePrecision, type TimeSegment } from './TimePicker.shared.js';\n\nexport type TimeSelectionRange = [start: number, end: number];\n\nexport const getTimeSegmentSelectionRange = (segment: TimeSegment, precision: TimePrecision): TimeSelectionRange => {\n  const segments = getTimeSegments(precision);\n\n  const index = segments.indexOf(segment);\n\n  if (index < 0) {\n    return [0, TIME_SEGMENT_LENGTH];\n  }\n\n  const start = index * (TIME_SEGMENT_LENGTH + TIME_SEPARATOR.length);\n\n  return [start, start + TIME_SEGMENT_LENGTH];\n};\n\nexport const getTimeSegmentSelectionNodeRange = (\n  segment: TimeSegment,\n  precision: TimePrecision,\n): TimeSelectionRange => {\n  const segments = getTimeSegments(precision);\n\n  const index = segments.indexOf(segment);\n\n  if (index < 0) {\n    return [0, 1];\n  }\n\n  const start = index * 2;\n\n  return [start, start + 1];\n};\n\nexport const getTimeSegmentByCursorPosition = (position: number | null, precision: TimePrecision): TimeSegment => {\n  const segments = getTimeSegments(precision);\n\n  if (position === null || position <= TIME_SEGMENT_LENGTH) {\n    return 'hours';\n  }\n\n  if (precision === 'minute' || position <= TIME_SEGMENT_LENGTH * 2 + TIME_SEPARATOR.length) {\n    return 'minutes';\n  }\n\n  return segments.includes('seconds') ? 'seconds' : 'minutes';\n};\n\nexport const getNextTimeSegment = (segment: TimeSegment, precision: TimePrecision): TimeSegment | null => {\n  switch (segment) {\n    case 'hours':\n      return 'minutes';\n\n    case 'minutes':\n      return precision === 'second' ? 'seconds' : null;\n\n    case 'seconds':\n      return null;\n  }\n};\n\nexport const getPreviousTimeSegment = (segment: TimeSegment): TimeSegment | null => {\n  switch (segment) {\n    case 'hours':\n      return null;\n\n    case 'minutes':\n      return 'hours';\n\n    case 'seconds':\n      return 'minutes';\n  }\n};\n"]}

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

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+import type { Nullable } from '../../../typings/utility-types.js';
+export type TimePrecision = 'minute' | 'second';
+export type TimeSegment = 'hours' | 'minutes' | 'seconds';
+export interface TimeSlot {
+    disabled?: boolean;
+    time: string;
+    info?: ReactNode;
+}
+export interface TimeDigitInputResult {
+    isFinalPart: boolean;
+    isCompletedPart: boolean;
+    nextValue: string;
+    selectedSegment: TimeSegment;
+    shouldBlink: boolean;
+}
+export declare const getTimeSegments: (precision: TimePrecision) => TimeSegment[];
+export declare const getTimeSegmentMax: (segment: TimeSegment) => number;
+export declare const getDigits: (segment: string) => string;
+export declare const sanitizeSegment: (segment: string) => string;
+export declare const normalizeTimeSegment: (segmentValue: string, segment: TimeSegment) => string;
+export declare const normalizeEditableSegment: (segmentValue: string, segment: TimeSegment) => string;
+export declare const hasPendingSingleDigit: (segmentValue: string) => boolean;
+export declare const getDisplaySegments: (value: Nullable<string>, precision: TimePrecision) => string[];

package/components/TimePicker/helpers/TimePicker.shared.js

@@ -0,0 +1,50 @@
+import { DIGIT_REGEXP, EMPTY_SEGMENT, EMPTY_VALUE, HOURS_MAX_VALUE, MINUTES_AND_SECONDS_MAX_VALUE, NON_DIGIT_REGEXP, TIME_PLACEHOLDER_CHAR, TIME_SEGMENT_LENGTH, TIME_SEGMENTS_BY_PRECISION, TIME_SEPARATOR, TIME_VALUE_SPLIT_REGEXP, ZERO_PAD_CHAR, } from './TimePicker.constants.js';
+export var getTimeSegments = function (precision) { return TIME_SEGMENTS_BY_PRECISION[precision]; };
+export var getTimeSegmentMax = function (segment) {
+    return segment === 'hours' ? HOURS_MAX_VALUE : MINUTES_AND_SECONDS_MAX_VALUE;
+};
+export var getDigits = function (segment) {
+    return segment.replace(NON_DIGIT_REGEXP, EMPTY_VALUE).slice(0, TIME_SEGMENT_LENGTH);
+};
+export var sanitizeSegment = function (segment) {
+    return Array.from(segment)
+        .filter(function (char) { return DIGIT_REGEXP.test(char) || char === TIME_PLACEHOLDER_CHAR; })
+        .slice(0, TIME_SEGMENT_LENGTH)
+        .join('')
+        .padEnd(TIME_SEGMENT_LENGTH, TIME_PLACEHOLDER_CHAR);
+};
+export var normalizeTimeSegment = function (segmentValue, segment) {
+    var digits = getDigits(segmentValue);
+    if (!digits) {
+        return '00';
+    }
+    return String(Math.min(Number(digits), getTimeSegmentMax(segment))).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR);
+};
+export var normalizeEditableSegment = function (segmentValue, segment) {
+    var digits = getDigits(segmentValue);
+    if (!digits) {
+        return EMPTY_SEGMENT;
+    }
+    return String(Math.min(Number(digits), getTimeSegmentMax(segment))).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR);
+};
+export var hasPendingSingleDigit = function (segmentValue) {
+    return new RegExp("^\\d".concat(TIME_PLACEHOLDER_CHAR, "$")).test(segmentValue);
+};
+export var getDisplaySegments = function (value, precision) {
+    var segments = getTimeSegments(precision);
+    var fallback = segments.map(function () { return EMPTY_SEGMENT; });
+    if (!value) {
+        return fallback;
+    }
+    if (value.includes(TIME_SEPARATOR) || value.includes(TIME_PLACEHOLDER_CHAR)) {
+        var sourceParts_1 = value.split(TIME_VALUE_SPLIT_REGEXP);
+        return segments.map(function (_, index) { var _a; return sanitizeSegment((_a = sourceParts_1[index]) !== null && _a !== void 0 ? _a : ''); });
+    }
+    var digits = value.replace(NON_DIGIT_REGEXP, EMPTY_VALUE);
+    return segments.map(function (_, index) {
+        var segmentStart = index * TIME_SEGMENT_LENGTH;
+        var segmentEnd = segmentStart + TIME_SEGMENT_LENGTH;
+        return sanitizeSegment(digits.slice(segmentStart, segmentEnd));
+    });
+};
+//# sourceMappingURL=TimePicker.shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.shared.js","sourceRoot":"","sources":["../../../../components/TimePicker/helpers/TimePicker.shared.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { Nullable } from '../../../typings/utility-types.js';\nimport {\n  DIGIT_REGEXP,\n  EMPTY_SEGMENT,\n  EMPTY_VALUE,\n  HOURS_MAX_VALUE,\n  MINUTES_AND_SECONDS_MAX_VALUE,\n  NON_DIGIT_REGEXP,\n  TIME_PLACEHOLDER_CHAR,\n  TIME_SEGMENT_LENGTH,\n  TIME_SEGMENTS_BY_PRECISION,\n  TIME_SEPARATOR,\n  TIME_VALUE_SPLIT_REGEXP,\n  ZERO_PAD_CHAR,\n} from './TimePicker.constants.js';\n\nexport type TimePrecision = 'minute' | 'second';\nexport type TimeSegment = 'hours' | 'minutes' | 'seconds';\n\nexport interface TimeSlot {\n  disabled?: boolean;\n  time: string;\n  info?: ReactNode;\n}\n\nexport interface TimeDigitInputResult {\n  isFinalPart: boolean;\n  isCompletedPart: boolean;\n  nextValue: string;\n  selectedSegment: TimeSegment;\n  shouldBlink: boolean;\n}\n\nexport const getTimeSegments = (precision: TimePrecision): TimeSegment[] => TIME_SEGMENTS_BY_PRECISION[precision];\n\nexport const getTimeSegmentMax = (segment: TimeSegment): number =>\n  segment === 'hours' ? HOURS_MAX_VALUE : MINUTES_AND_SECONDS_MAX_VALUE;\n\nexport const getDigits = (segment: string): string =>\n  segment.replace(NON_DIGIT_REGEXP, EMPTY_VALUE).slice(0, TIME_SEGMENT_LENGTH);\n\nexport const sanitizeSegment = (segment: string): string =>\n  Array.from(segment)\n    .filter((char) => DIGIT_REGEXP.test(char) || char === TIME_PLACEHOLDER_CHAR)\n    .slice(0, TIME_SEGMENT_LENGTH)\n    .join('')\n    .padEnd(TIME_SEGMENT_LENGTH, TIME_PLACEHOLDER_CHAR);\n\nexport const normalizeTimeSegment = (segmentValue: string, segment: TimeSegment): string => {\n  const digits = getDigits(segmentValue);\n\n  if (!digits) {\n    return '00';\n  }\n\n  return String(Math.min(Number(digits), getTimeSegmentMax(segment))).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR);\n};\n\nexport const normalizeEditableSegment = (segmentValue: string, segment: TimeSegment): string => {\n  const digits = getDigits(segmentValue);\n\n  if (!digits) {\n    return EMPTY_SEGMENT;\n  }\n\n  return String(Math.min(Number(digits), getTimeSegmentMax(segment))).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR);\n};\n\nexport const hasPendingSingleDigit = (segmentValue: string): boolean =>\n  new RegExp(`^\\\\d${TIME_PLACEHOLDER_CHAR}$`).test(segmentValue);\n\nexport const getDisplaySegments = (value: Nullable<string>, precision: TimePrecision): string[] => {\n  const segments = getTimeSegments(precision);\n  const fallback = segments.map(() => EMPTY_SEGMENT);\n\n  if (!value) {\n    return fallback;\n  }\n\n  if (value.includes(TIME_SEPARATOR) || value.includes(TIME_PLACEHOLDER_CHAR)) {\n    const sourceParts = value.split(TIME_VALUE_SPLIT_REGEXP);\n    return segments.map((_, index) => sanitizeSegment(sourceParts[index] ?? ''));\n  }\n\n  const digits = value.replace(NON_DIGIT_REGEXP, EMPTY_VALUE);\n\n  return segments.map((_, index) => {\n    const segmentStart = index * TIME_SEGMENT_LENGTH;\n    const segmentEnd = segmentStart + TIME_SEGMENT_LENGTH;\n\n    return sanitizeSegment(digits.slice(segmentStart, segmentEnd));\n  });\n};\n"]}

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

@@ -0,0 +1,10 @@
+import type { Nullable } from '../../../typings/utility-types.js';
+import { type TimePrecision, type TimeSegment } from './TimePicker.shared.js';
+export declare const getEmptyDisplayValue: (precision: TimePrecision) => string;
+export declare const isTimeDisplayEmpty: (value: Nullable<string>) => boolean;
+export declare const formatToDisplayTimeValue: (value: string, precision: TimePrecision) => string;
+export declare const normalizeTimeValue: (value: Nullable<string>, precision: TimePrecision) => string;
+export declare const normalizeSlotValue: (value: string, precision: TimePrecision) => string;
+export declare const replaceTimeSegment: (value: string, segment: TimeSegment, nextSegmentValue: string, precision: TimePrecision) => string;
+export declare const parsePastedTimeValue: (value: string, precision: TimePrecision) => string;
+export declare const getTimeSegmentValue: (value: string, segment: TimeSegment, precision: TimePrecision) => string;

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

@@ -0,0 +1,47 @@
+import { DIGIT_REGEXP, EMPTY_SEGMENT, EMPTY_VALUE, MAX_DIGITS_BY_PRECISION, NON_DIGIT_REGEXP, TIME_SEGMENT_LENGTH, TIME_SEPARATOR, } from './TimePicker.constants.js';
+import { getDisplaySegments, getTimeSegments, normalizeTimeSegment, sanitizeSegment, } from './TimePicker.shared.js';
+export var getEmptyDisplayValue = function (precision) {
+    return getTimeSegments(precision)
+        .map(function () { return EMPTY_SEGMENT; })
+        .join(TIME_SEPARATOR);
+};
+export var isTimeDisplayEmpty = function (value) { return !DIGIT_REGEXP.test(value !== null && value !== void 0 ? value : EMPTY_VALUE); };
+export var formatToDisplayTimeValue = function (value, precision) {
+    return getDisplaySegments(value, precision).join(TIME_SEPARATOR);
+};
+export var normalizeTimeValue = function (value, precision) {
+    if (isTimeDisplayEmpty(value)) {
+        return '';
+    }
+    return getTimeSegments(precision)
+        .map(function (segment, index) { return normalizeTimeSegment(getDisplaySegments(value, precision)[index], segment); })
+        .join(TIME_SEPARATOR);
+};
+export var normalizeSlotValue = function (value, precision) {
+    return normalizeTimeValue(value, precision);
+};
+export var replaceTimeSegment = function (value, segment, nextSegmentValue, precision) {
+    var segments = getDisplaySegments(value, precision);
+    var index = getTimeSegments(precision).indexOf(segment);
+    segments[index] = sanitizeSegment(nextSegmentValue);
+    return segments.join(TIME_SEPARATOR);
+};
+export var parsePastedTimeValue = function (value, precision) {
+    var digits = value.replace(NON_DIGIT_REGEXP, EMPTY_VALUE).slice(0, MAX_DIGITS_BY_PRECISION[precision]);
+    if (!digits) {
+        return EMPTY_VALUE;
+    }
+    var segments = getTimeSegments(precision).map(function (_, index) {
+        var segmentStart = index * TIME_SEGMENT_LENGTH;
+        var segmentEnd = segmentStart + TIME_SEGMENT_LENGTH;
+        return sanitizeSegment(digits.slice(segmentStart, segmentEnd));
+    });
+    return normalizeTimeValue(segments.join(TIME_SEPARATOR), precision);
+};
+export var getTimeSegmentValue = function (value, segment, precision) {
+    var _a;
+    var segments = getDisplaySegments(value, precision);
+    var index = getTimeSegments(precision).indexOf(segment);
+    return (_a = segments[index]) !== null && _a !== void 0 ? _a : EMPTY_SEGMENT;
+};
+//# sourceMappingURL=TimePicker.value.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.value.js","sourceRoot":"","sources":["../../../../components/TimePicker/helpers/TimePicker.value.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Nullable } from '../../../typings/utility-types.js';\nimport {\n  DIGIT_REGEXP,\n  EMPTY_SEGMENT,\n  EMPTY_VALUE,\n  MAX_DIGITS_BY_PRECISION,\n  NON_DIGIT_REGEXP,\n  TIME_SEGMENT_LENGTH,\n  TIME_SEPARATOR,\n} from './TimePicker.constants.js';\nimport {\n  getDisplaySegments,\n  getTimeSegments,\n  normalizeTimeSegment,\n  sanitizeSegment,\n  type TimePrecision,\n  type TimeSegment,\n} from './TimePicker.shared.js';\n\nexport const getEmptyDisplayValue = (precision: TimePrecision): string =>\n  getTimeSegments(precision)\n    .map(() => EMPTY_SEGMENT)\n    .join(TIME_SEPARATOR);\n\nexport const isTimeDisplayEmpty = (value: Nullable<string>): boolean => !DIGIT_REGEXP.test(value ?? EMPTY_VALUE);\n\nexport const formatToDisplayTimeValue = (value: string, precision: TimePrecision): string =>\n  getDisplaySegments(value, precision).join(TIME_SEPARATOR);\n\nexport const normalizeTimeValue = (value: Nullable<string>, precision: TimePrecision): string => {\n  if (isTimeDisplayEmpty(value)) {\n    return '';\n  }\n\n  return getTimeSegments(precision)\n    .map((segment, index) => normalizeTimeSegment(getDisplaySegments(value, precision)[index], segment))\n    .join(TIME_SEPARATOR);\n};\n\nexport const normalizeSlotValue = (value: string, precision: TimePrecision): string =>\n  normalizeTimeValue(value, precision);\n\nexport const replaceTimeSegment = (\n  value: string,\n  segment: TimeSegment,\n  nextSegmentValue: string,\n  precision: TimePrecision,\n): string => {\n  const segments = getDisplaySegments(value, precision);\n  const index = getTimeSegments(precision).indexOf(segment);\n\n  segments[index] = sanitizeSegment(nextSegmentValue);\n\n  return segments.join(TIME_SEPARATOR);\n};\n\nexport const parsePastedTimeValue = (value: string, precision: TimePrecision): string => {\n  const digits = value.replace(NON_DIGIT_REGEXP, EMPTY_VALUE).slice(0, MAX_DIGITS_BY_PRECISION[precision]);\n\n  if (!digits) {\n    return EMPTY_VALUE;\n  }\n\n  const segments = getTimeSegments(precision).map((_, index) => {\n    const segmentStart = index * TIME_SEGMENT_LENGTH;\n    const segmentEnd = segmentStart + TIME_SEGMENT_LENGTH;\n\n    return sanitizeSegment(digits.slice(segmentStart, segmentEnd));\n  });\n\n  return normalizeTimeValue(segments.join(TIME_SEPARATOR), precision);\n};\n\nexport const getTimeSegmentValue = (value: string, segment: TimeSegment, precision: TimePrecision): string => {\n  const segments = getDisplaySegments(value, precision);\n  const index = getTimeSegments(precision).indexOf(segment);\n\n  return segments[index] ?? EMPTY_SEGMENT;\n};\n"]}

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

@@ -0,0 +1 @@
+export declare const scrollSelectedSlotIntoView: (element: HTMLElement) => void;

package/components/TimePicker/helpers/scrollSelectedSlotIntoView.js

@@ -0,0 +1,21 @@
+import { findNearestScrollableParent } from '../../../lib/dom/scrollYCenterIntoNearestScrollable.js';
+import { getOwnerGlobalObject, isBrowser } from '../../../lib/globalObject.js';
+export var scrollSelectedSlotIntoView = 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=scrollSelectedSlotIntoView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scrollSelectedSlotIntoView.js","sourceRoot":"","sources":["../../../../components/TimePicker/helpers/scrollSelectedSlotIntoView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,wDAAwD,CAAC;AACrG,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAE/E,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\nexport const scrollSelectedSlotIntoView = (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/hooks/useTimePickerDropdown.d.ts

@@ -0,0 +1,17 @@
+import type { TimeSlot } from '../helpers/TimePicker.shared.js';
+interface UseTimePickerDropdownOptions {
+    dropdown: boolean;
+    disabled?: boolean;
+    slots: TimeSlot[];
+    selectedSlotIndex: number | null;
+}
+interface UseTimePickerDropdownResult {
+    isDropdownOpened: boolean;
+    highlightedSlotIndex: number | null;
+    openDropdown(): void;
+    closeDropdown(): void;
+    resetHighlightedSlot(): void;
+    tryNavigateSlots(step: 1 | -1): boolean;
+}
+export declare const useTimePickerDropdown: (options: UseTimePickerDropdownOptions) => UseTimePickerDropdownResult;
+export {};

package/components/TimePicker/hooks/useTimePickerDropdown.js

@@ -0,0 +1,62 @@
+import { useCallback, useState } from 'react';
+export var useTimePickerDropdown = function (options) {
+    var dropdown = options.dropdown, disabled = options.disabled, slots = options.slots, selectedSlotIndex = options.selectedSlotIndex;
+    var _a = useState(false), isDropdownOpened = _a[0], setIsDropdownOpened = _a[1];
+    var _b = useState(null), highlightedSlotIndex = _b[0], setHighlightedSlotIndex = _b[1];
+    var openDropdown = useCallback(function () {
+        if (!dropdown || disabled) {
+            return;
+        }
+        setIsDropdownOpened(true);
+    }, [disabled, dropdown]);
+    var closeDropdown = useCallback(function () {
+        setIsDropdownOpened(false);
+        setHighlightedSlotIndex(null);
+    }, []);
+    var resetHighlightedSlot = useCallback(function () {
+        setHighlightedSlotIndex(null);
+    }, []);
+    var tryNavigateSlots = useCallback(function (step) {
+        if (!dropdown || !isDropdownOpened) {
+            return false;
+        }
+        var enabledIndexes = slots
+            .map(function (slot, index) { return ({ slot: slot, index: index }); })
+            .filter(function (_a) {
+            var slot = _a.slot;
+            return !slot.disabled;
+        })
+            .map(function (_a) {
+            var index = _a.index;
+            return index;
+        });
+        if (enabledIndexes.length === 0) {
+            return true;
+        }
+        if (highlightedSlotIndex === null) {
+            if (selectedSlotIndex !== null) {
+                var selectedEnabledIndex = enabledIndexes.indexOf(selectedSlotIndex);
+                if (selectedEnabledIndex >= 0) {
+                    var nextEnabledIndex_1 = enabledIndexes[selectedEnabledIndex + step];
+                    setHighlightedSlotIndex(nextEnabledIndex_1 !== null && nextEnabledIndex_1 !== void 0 ? nextEnabledIndex_1 : (step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]));
+                    return true;
+                }
+            }
+            setHighlightedSlotIndex(step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]);
+            return true;
+        }
+        var currentIndex = enabledIndexes.indexOf(highlightedSlotIndex);
+        var nextEnabledIndex = enabledIndexes[currentIndex + step];
+        setHighlightedSlotIndex(nextEnabledIndex !== null && nextEnabledIndex !== void 0 ? nextEnabledIndex : (step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]));
+        return true;
+    }, [dropdown, highlightedSlotIndex, isDropdownOpened, selectedSlotIndex, slots]);
+    return {
+        isDropdownOpened: isDropdownOpened,
+        highlightedSlotIndex: highlightedSlotIndex,
+        openDropdown: openDropdown,
+        closeDropdown: closeDropdown,
+        resetHighlightedSlot: resetHighlightedSlot,
+        tryNavigateSlots: tryNavigateSlots,
+    };
+};
+//# sourceMappingURL=useTimePickerDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTimePickerDropdown.js","sourceRoot":"","sources":["../../../../components/TimePicker/hooks/useTimePickerDropdown.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useState } from 'react';\n\nimport type { TimeSlot } from '../helpers/TimePicker.shared.js';\n\ninterface UseTimePickerDropdownOptions {\n  dropdown: boolean;\n  disabled?: boolean;\n  slots: TimeSlot[];\n  selectedSlotIndex: number | null;\n}\n\ninterface UseTimePickerDropdownResult {\n  isDropdownOpened: boolean;\n  highlightedSlotIndex: number | null;\n\n  openDropdown(): void;\n\n  closeDropdown(): void;\n\n  resetHighlightedSlot(): void;\n\n  tryNavigateSlots(step: 1 | -1): boolean;\n}\n\nexport const useTimePickerDropdown = (options: UseTimePickerDropdownOptions): UseTimePickerDropdownResult => {\n  const { dropdown, disabled, slots, selectedSlotIndex } = options;\n\n  const [isDropdownOpened, setIsDropdownOpened] = useState(false);\n  const [highlightedSlotIndex, setHighlightedSlotIndex] = useState<number | null>(null);\n\n  const openDropdown = useCallback(() => {\n    if (!dropdown || disabled) {\n      return;\n    }\n\n    setIsDropdownOpened(true);\n  }, [disabled, dropdown]);\n\n  const closeDropdown = useCallback(() => {\n    setIsDropdownOpened(false);\n    setHighlightedSlotIndex(null);\n  }, []);\n\n  const resetHighlightedSlot = useCallback(() => {\n    setHighlightedSlotIndex(null);\n  }, []);\n\n  const tryNavigateSlots = useCallback(\n    (step: 1 | -1) => {\n      if (!dropdown || !isDropdownOpened) {\n        return false;\n      }\n\n      const enabledIndexes = slots\n        .map((slot, index) => ({ slot, index }))\n        .filter(({ slot }) => !slot.disabled)\n        .map(({ index }) => index);\n\n      if (enabledIndexes.length === 0) {\n        return true;\n      }\n\n      if (highlightedSlotIndex === null) {\n        if (selectedSlotIndex !== null) {\n          const selectedEnabledIndex = enabledIndexes.indexOf(selectedSlotIndex);\n\n          if (selectedEnabledIndex >= 0) {\n            const nextEnabledIndex = enabledIndexes[selectedEnabledIndex + step];\n\n            setHighlightedSlotIndex(\n              nextEnabledIndex ?? (step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]),\n            );\n            return true;\n          }\n        }\n\n        setHighlightedSlotIndex(step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]);\n        return true;\n      }\n\n      const currentIndex = enabledIndexes.indexOf(highlightedSlotIndex);\n      const nextEnabledIndex = enabledIndexes[currentIndex + step];\n\n      setHighlightedSlotIndex(\n        nextEnabledIndex ?? (step > 0 ? enabledIndexes[0] : enabledIndexes[enabledIndexes.length - 1]),\n      );\n\n      return true;\n    },\n    [dropdown, highlightedSlotIndex, isDropdownOpened, selectedSlotIndex, slots],\n  );\n\n  return {\n    isDropdownOpened,\n    highlightedSlotIndex,\n    openDropdown,\n    closeDropdown,\n    resetHighlightedSlot,\n    tryNavigateSlots,\n  };\n};\n"]}

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

@@ -0,0 +1,15 @@
+import type { RefObject } from 'react';
+import type { TimePrecision, TimeSegment } from '../helpers/TimePicker.shared.js';
+import type { TimeInputRef } from '../TimeInput.js';
+interface UseTimePickerSelectionOptions {
+    isInputFocused: boolean;
+    precision: TimePrecision;
+    inputRef: RefObject<TimeInputRef | null>;
+    displayValue: string;
+}
+interface UseTimePickerSelectionResult {
+    selectedSegment: TimeSegment;
+    selectSegment: (segment: TimeSegment) => void;
+}
+export declare const useTimePickerSelection: (options: UseTimePickerSelectionOptions) => UseTimePickerSelectionResult;
+export {};