@skbkontur/react-ui 6.2.0-beta.0 → 6.2.1

package/components/TimePicker/TimePicker.styles.js

@@ -1,36 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
-export var getStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    return ({
-        root: function () {
-            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    "], ["\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    "])));
-        },
-        popup: function (t) {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      background: ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n      font-variant-numeric: tabular-nums;\n      overflow: hidden;\n    "], ["\n      background: ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n      font-variant-numeric: tabular-nums;\n      overflow: hidden;\n    "])), t.timePickerPopupBg, t.timePickerPopupBorderRadius, t.timePickerPopupShadow);
-        },
-        item: function () {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      display: flex;\n      align-items: center;\n      width: 100%;\n      font-variant-numeric: tabular-nums;\n    "], ["\n      display: flex;\n      align-items: center;\n      width: 100%;\n      font-variant-numeric: tabular-nums;\n    "])));
-        },
-        itemSmall: function (t) {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      gap: ", ";\n    "], ["\n      gap: ", ";\n    "])), t.timePickerItemGapSmall);
-        },
-        itemMedium: function (t) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      gap: ", ";\n    "], ["\n      gap: ", ";\n    "])), t.timePickerItemGapMedium);
-        },
-        itemLarge: function (t) {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      gap: ", ";\n    "], ["\n      gap: ", ";\n    "])), t.timePickerItemGapLarge);
-        },
-        itemValue: function () {
-            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      font-variant-numeric: tabular-nums;\n      white-space: nowrap;\n    "], ["\n      font-variant-numeric: tabular-nums;\n      white-space: nowrap;\n    "])));
-        },
-        itemLabel: function (t) {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      color: ", ";\n      font-variant-numeric: tabular-nums;\n      white-space: nowrap;\n    "], ["\n      color: ", ";\n      font-variant-numeric: tabular-nums;\n      white-space: nowrap;\n    "])), t.menuItemCommentColor);
-        },
-    });
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
-//# sourceMappingURL=TimePicker.styles.js.map

package/components/TimePicker/TimePicker.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimePicker.styles.js","sourceRoot":"","sources":["TimePicker.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,gKAAA,6FAIT,KAAC;QACJ,CAAC;QAED,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,6NAAA,sBACM,EAAmB,0BAChB,EAA6B,uBAChC,EAAuB,6EAGtC,KALe,CAAC,CAAC,iBAAiB,EAChB,CAAC,CAAC,2BAA2B,EAChC,CAAC,CAAC,qBAAqB,EAGrC;QACJ,CAAC;QAED,IAAI;YACF,OAAO,GAAG,4LAAA,yHAKT,KAAC;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,6FAAA,eACD,EAAwB,SAChC,KADQ,CAAC,CAAC,sBAAsB,EAC/B;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,6FAAA,eACD,EAAyB,SACjC,KADQ,CAAC,CAAC,uBAAuB,EAChC;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,6FAAA,eACD,EAAwB,SAChC,KADQ,CAAC,CAAC,sBAAsB,EAC/B;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,kJAAA,+EAGT,KAAC;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,sKAAA,iBACC,EAAsB,gFAGhC,KAHU,CAAC,CAAC,oBAAoB,EAG/B;QACJ,CAAC;KACF,CAAC;AA5D8D,CA4D9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    `;\n  },\n\n  popup(t: Theme) {\n    return css`\n      background: ${t.timePickerPopupBg};\n      border-radius: ${t.timePickerPopupBorderRadius};\n      box-shadow: ${t.timePickerPopupShadow};\n      font-variant-numeric: tabular-nums;\n      overflow: hidden;\n    `;\n  },\n\n  item() {\n    return css`\n      display: flex;\n      align-items: center;\n      width: 100%;\n      font-variant-numeric: tabular-nums;\n    `;\n  },\n\n  itemSmall(t: Theme) {\n    return css`\n      gap: ${t.timePickerItemGapSmall};\n    `;\n  },\n\n  itemMedium(t: Theme) {\n    return css`\n      gap: ${t.timePickerItemGapMedium};\n    `;\n  },\n\n  itemLarge(t: Theme) {\n    return css`\n      gap: ${t.timePickerItemGapLarge};\n    `;\n  },\n\n  itemValue() {\n    return css`\n      font-variant-numeric: tabular-nums;\n      white-space: nowrap;\n    `;\n  },\n\n  itemLabel(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColor};\n      font-variant-numeric: tabular-nums;\n      white-space: nowrap;\n    `;\n  },\n}));\n"]}

package/components/TimePicker/TimePickerItems.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import type { SizeProp } from '../../lib/types/props.js';
-import type { TimeFormat, TimeItem } from './helpers/TimePicker.shared.js';
-interface TimePickerItemsProps {
-    itemIdPrefix?: string;
-    format: TimeFormat;
-    size: SizeProp;
-    resolvedItems: TimeItem[];
-    highlightedItemIndex: number | null;
-    normalizedValue: string;
-    itemRefs?: React.RefObject<Map<number, HTMLSpanElement>>;
-    maxHeight?: React.CSSProperties['maxHeight'];
-    disableScrollContainer?: boolean;
-    onSelectItem(item: TimeItem): void;
-}
-export declare const TimePickerItems: (props: TimePickerItemsProps) => React.JSX.Element;
-export {};

package/components/TimePicker/TimePickerItems.js

@@ -1,80 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { cx } from '@emotion/css';
-import React, { useContext } from 'react';
-import { Menu } from '../../internal/Menu/index.js';
-import { useStyles } from '../../lib/renderEnvironment/index.js';
-import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { MenuItem } from '../MenuItem/index.js';
-import { TimePickerDataTids } from './helpers/TimePicker.constants.js';
-import { normalizeTimeValue } from './helpers/TimePicker.value.js';
-import { getStyles } from './TimePicker.styles.js';
-var getItemSizeClassName = function (styles, theme, size) {
-    switch (size) {
-        case 'large':
-            return styles.itemLarge(theme);
-        case 'medium':
-            return styles.itemMedium(theme);
-        case 'small':
-        default:
-            return styles.itemSmall(theme);
-    }
-};
-var ItemRoot = React.forwardRef(function (_a, ref) {
-    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _state = _a.state, props = __rest(_a, ["disabled", "state"]);
-    if (disabled) {
-        return React.createElement("div", __assign({}, props, { ref: ref }));
-    }
-    return React.createElement("button", __assign({}, props, { ref: ref, type: 'button', disabled: disabled }));
-});
-export var TimePickerItems = function (props) {
-    var itemIdPrefix = props.itemIdPrefix, format = props.format, size = props.size, resolvedItems = props.resolvedItems, highlightedItemIndex = props.highlightedItemIndex, normalizedValue = props.normalizedValue, itemRefs = props.itemRefs, maxHeight = props.maxHeight, disableScrollContainer = props.disableScrollContainer, onSelectItem = props.onSelectItem;
-    var theme = useContext(ThemeContext);
-    var styles = useStyles(getStyles);
-    var itemSizeClassName = getItemSizeClassName(styles, theme, size);
-    return (React.createElement(Menu, { hasMargin: false, width: '100%', maxHeight: maxHeight, disableScrollContainer: disableScrollContainer }, resolvedItems.map(function (item, index) {
-        var normalizedItem = normalizeTimeValue(item.value, format);
-        var state;
-        if (highlightedItemIndex === index) {
-            state = 'hover';
-        }
-        else if (normalizedItem === normalizedValue) {
-            state = 'selected';
-        }
-        return (React.createElement(MenuItem, { key: "".concat(item.value, "-").concat(index), component: ItemRoot, disabled: item.disabled, isNotSelectable: item.disabled, size: size, state: state, onClick: item.disabled ? undefined : function () { return onSelectItem(item); } },
-            React.createElement("span", { id: itemIdPrefix ? "".concat(itemIdPrefix, "-item-").concat(index) : undefined, "data-tid": TimePickerDataTids.item, className: cx(styles.item(), itemSizeClassName), ref: function (node) {
-                    if (!itemRefs) {
-                        return;
-                    }
-                    if (node) {
-                        itemRefs.current.set(index, node);
-                    }
-                    else {
-                        itemRefs.current.delete(index);
-                    }
-                } },
-                React.createElement("span", { className: styles.itemValue() }, normalizedItem),
-                item.label && React.createElement("span", { className: styles.itemLabel(theme) }, item.label))));
-    })));
-};
-//# sourceMappingURL=TimePickerItems.js.map

package/components/TimePicker/TimePickerItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimePickerItems.js","sourceRoot":"","sources":["TimePickerItems.tsx"],"names":[],"mappings":"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","sourcesContent":["import { cx } from '@emotion/css';\nimport React, { useContext } from 'react';\n\nimport { Menu } from '../../internal/Menu/index.js';\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { MenuItem } from '../MenuItem/index.js';\nimport { TimePickerDataTids } from './helpers/TimePicker.constants.js';\nimport type { TimeFormat, TimeItem } from './helpers/TimePicker.shared.js';\nimport { normalizeTimeValue } from './helpers/TimePicker.value.js';\nimport { getStyles } from './TimePicker.styles.js';\n\nconst getItemSizeClassName = (styles: ReturnType<typeof getStyles>, theme: Theme, size: SizeProp): string => {\n  switch (size) {\n    case 'large':\n      return styles.itemLarge(theme);\n    case 'medium':\n      return styles.itemMedium(theme);\n    case 'small':\n    default:\n      return styles.itemSmall(theme);\n  }\n};\n\nconst ItemRoot = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement> & { disabled?: boolean; state?: unknown }\n>(({ disabled = false, state: _state, ...props }, ref) => {\n  if (disabled) {\n    return <div {...props} ref={ref as React.Ref<HTMLDivElement>} />;\n  }\n\n  return <button {...props} ref={ref as React.Ref<HTMLButtonElement>} type={'button'} disabled={disabled} />;\n});\n\ninterface TimePickerItemsProps {\n  itemIdPrefix?: string;\n  format: TimeFormat;\n  size: SizeProp;\n  resolvedItems: TimeItem[];\n  highlightedItemIndex: number | null;\n  normalizedValue: string;\n  itemRefs?: React.RefObject<Map<number, HTMLSpanElement>>;\n  maxHeight?: React.CSSProperties['maxHeight'];\n  disableScrollContainer?: boolean;\n  onSelectItem(item: TimeItem): void;\n}\n\nexport const TimePickerItems = (props: TimePickerItemsProps) => {\n  const {\n    itemIdPrefix,\n    format,\n    size,\n    resolvedItems,\n    highlightedItemIndex,\n    normalizedValue,\n    itemRefs,\n    maxHeight,\n    disableScrollContainer,\n    onSelectItem,\n  } = props;\n\n  const theme = useContext(ThemeContext);\n  const styles = useStyles(getStyles);\n  const itemSizeClassName = getItemSizeClassName(styles, theme, size);\n\n  return (\n    <Menu hasMargin={false} width={'100%'} maxHeight={maxHeight} disableScrollContainer={disableScrollContainer}>\n      {resolvedItems.map((item, index) => {\n        const normalizedItem = normalizeTimeValue(item.value, format);\n\n        let state: 'hover' | 'selected' | undefined;\n\n        if (highlightedItemIndex === index) {\n          state = 'hover';\n        } else if (normalizedItem === normalizedValue) {\n          state = 'selected';\n        }\n\n        return (\n          <MenuItem\n            key={`${item.value}-${index}`}\n            component={ItemRoot}\n            disabled={item.disabled}\n            isNotSelectable={item.disabled}\n            size={size}\n            state={state}\n            onClick={item.disabled ? undefined : () => onSelectItem(item)}\n          >\n            <span\n              id={itemIdPrefix ? `${itemIdPrefix}-item-${index}` : undefined}\n              data-tid={TimePickerDataTids.item}\n              className={cx(styles.item(), itemSizeClassName)}\n              ref={(node) => {\n                if (!itemRefs) {\n                  return;\n                }\n\n                if (node) {\n                  itemRefs.current.set(index, node);\n                } else {\n                  itemRefs.current.delete(index);\n                }\n              }}\n            >\n              <span className={styles.itemValue()}>{normalizedItem}</span>\n              {item.label && <span className={styles.itemLabel(theme)}>{item.label}</span>}\n            </span>\n          </MenuItem>\n        );\n      })}\n    </Menu>\n  );\n};\n"]}

package/components/TimePicker/TimePickerMobilePopup.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import type { ReactNode } from 'react';
-import type { TimeInputRef } from '../../internal/TimeInput/index.js';
-import type { SizeProp } from '../../lib/types/props.js';
-import type { InputIconType } from '../Input/index.js';
-import type { TimeSegment, TimeFormat, TimeItem } from './helpers/TimePicker.shared.js';
-interface TimePickerMobilePopupProps {
-    id?: string;
-    opened: boolean;
-    value: string;
-    inputRef: React.RefObject<TimeInputRef | null>;
-    disabled?: boolean;
-    format: TimeFormat;
-    size: SizeProp;
-    rightIcon?: InputIconType;
-    suffix?: ReactNode;
-    resolvedItems: TimeItem[];
-    highlightedItemIndex: number | null;
-    normalizedValue: string;
-    itemRefs: React.RefObject<Map<number, HTMLSpanElement>>;
-    error?: boolean;
-    warning?: boolean;
-    'aria-describedby'?: string;
-    'aria-label'?: string;
-    'aria-placeholder'?: string;
-    onFocus(event: React.FocusEvent<HTMLInputElement>): void;
-    onBlur(event: React.FocusEvent<HTMLInputElement>): void;
-    onClick(event: React.MouseEvent<HTMLInputElement>): void;
-    onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
-    onMouseDownCapture(event: React.MouseEvent<HTMLInputElement>): void;
-    onMouseUp(event: React.MouseEvent<HTMLInputElement>): void;
-    onPaste(event: React.ClipboardEvent<HTMLInputElement>): void;
-    onSelectSegment(segment: TimeSegment, event: React.MouseEvent<HTMLSpanElement>): void;
-    onSelectItem(item: TimeItem): void;
-    onCloseRequest(): void;
-}
-export declare const TimePickerMobilePopup: (props: TimePickerMobilePopupProps) => React.JSX.Element;
-export {};

package/components/TimePicker/TimePickerMobilePopup.js

@@ -1,21 +0,0 @@
-import React, { useLayoutEffect } from 'react';
-import { MobilePopup } from '../../internal/MobilePopup/index.js';
-import { TimeInput } from '../../internal/TimeInput/index.js';
-import { TimePickerDataTids } from './helpers/TimePicker.constants.js';
-import { TimePickerItems } from './TimePickerItems.js';
-export var TimePickerMobilePopup = function (props) {
-    var id = props.id, opened = props.opened, value = props.value, inputRef = props.inputRef, disabled = props.disabled, format = props.format, size = props.size, rightIcon = props.rightIcon, suffix = props.suffix, resolvedItems = props.resolvedItems, highlightedItemIndex = props.highlightedItemIndex, normalizedValue = props.normalizedValue, itemRefs = props.itemRefs, error = props.error, warning = props.warning, ariaDescribedby = props["aria-describedby"], ariaLabel = props["aria-label"], ariaPlaceholder = props["aria-placeholder"], onFocus = props.onFocus, onBlur = props.onBlur, onClick = props.onClick, onKeyDown = props.onKeyDown, onMouseDownCapture = props.onMouseDownCapture, onMouseUp = props.onMouseUp, onPaste = props.onPaste, onSelectSegment = props.onSelectSegment, onSelectItem = props.onSelectItem, onCloseRequest = props.onCloseRequest;
-    useLayoutEffect(function () {
-        var timer = setTimeout(function () {
-            var _a;
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        });
-        return function () {
-            clearTimeout(timer);
-        };
-    }, [inputRef]);
-    return (React.createElement(MobilePopup, { id: id, opened: opened, verticalAlign: 'center', size: size, headerChildComponent: React.createElement(TimeInput, { ref: inputRef, "data-tid": TimePickerDataTids.mobileInput, width: '100%', disabled: disabled, format: format, size: size, rightIcon: rightIcon, suffix: suffix, value: value, error: error, warning: warning, "aria-describedby": ariaDescribedby, "aria-label": ariaLabel, "aria-placeholder": ariaPlaceholder, onFocus: onFocus, onBlur: onBlur, onClick: onClick, onKeyDown: onKeyDown, onMouseDownCapture: onMouseDownCapture, onMouseUp: onMouseUp, onPaste: onPaste, onSelectSegment: onSelectSegment }), onCloseRequest: onCloseRequest },
-        React.createElement("div", { "data-tid": TimePickerDataTids.mobilePopup },
-            React.createElement(TimePickerItems, { itemIdPrefix: id, format: format, size: size, resolvedItems: resolvedItems, highlightedItemIndex: highlightedItemIndex, normalizedValue: normalizedValue, itemRefs: itemRefs, maxHeight: 'auto', disableScrollContainer: true, onSelectItem: onSelectItem }))));
-};
-//# sourceMappingURL=TimePickerMobilePopup.js.map

package/components/TimePicker/TimePickerMobilePopup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimePickerMobilePopup.js","sourceRoot":"","sources":["TimePickerMobilePopup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useLayoutEffect } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { MobilePopup } from '../../internal/MobilePopup/index.js';\nimport type { TimeInputRef } from '../../internal/TimeInput/index.js';\nimport { TimeInput } from '../../internal/TimeInput/index.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { InputIconType } from '../Input/index.js';\nimport { TimePickerDataTids } from './helpers/TimePicker.constants.js';\nimport type { TimeSegment, TimeFormat, TimeItem } from './helpers/TimePicker.shared.js';\nimport { TimePickerItems } from './TimePickerItems.js';\n\ninterface TimePickerMobilePopupProps {\n  id?: string;\n  opened: boolean;\n  value: string;\n  inputRef: React.RefObject<TimeInputRef | null>;\n  disabled?: boolean;\n  format: TimeFormat;\n  size: SizeProp;\n  rightIcon?: InputIconType;\n  suffix?: ReactNode;\n  resolvedItems: TimeItem[];\n  highlightedItemIndex: number | null;\n  normalizedValue: string;\n  itemRefs: React.RefObject<Map<number, HTMLSpanElement>>;\n  error?: boolean;\n  warning?: boolean;\n  'aria-describedby'?: string;\n  'aria-label'?: string;\n  'aria-placeholder'?: string;\n  onFocus(event: React.FocusEvent<HTMLInputElement>): void;\n  onBlur(event: React.FocusEvent<HTMLInputElement>): void;\n  onClick(event: React.MouseEvent<HTMLInputElement>): void;\n  onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;\n  onMouseDownCapture(event: React.MouseEvent<HTMLInputElement>): void;\n  onMouseUp(event: React.MouseEvent<HTMLInputElement>): void;\n  onPaste(event: React.ClipboardEvent<HTMLInputElement>): void;\n  onSelectSegment(segment: TimeSegment, event: React.MouseEvent<HTMLSpanElement>): void;\n  onSelectItem(item: TimeItem): void;\n  onCloseRequest(): void;\n}\n\nexport const TimePickerMobilePopup = (props: TimePickerMobilePopupProps) => {\n  const {\n    id,\n    opened,\n    value,\n    inputRef,\n    disabled,\n    format,\n    size,\n    rightIcon,\n    suffix,\n    resolvedItems,\n    highlightedItemIndex,\n    normalizedValue,\n    itemRefs,\n    error,\n    warning,\n    'aria-describedby': ariaDescribedby,\n    'aria-label': ariaLabel,\n    'aria-placeholder': ariaPlaceholder,\n    onFocus,\n    onBlur,\n    onClick,\n    onKeyDown,\n    onMouseDownCapture,\n    onMouseUp,\n    onPaste,\n    onSelectSegment,\n    onSelectItem,\n    onCloseRequest,\n  } = props;\n\n  useLayoutEffect(() => {\n    const timer = setTimeout(() => {\n      inputRef.current?.focus();\n    });\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [inputRef]);\n\n  return (\n    <MobilePopup\n      id={id}\n      opened={opened}\n      verticalAlign={'center'}\n      size={size}\n      headerChildComponent={\n        <TimeInput\n          ref={inputRef}\n          data-tid={TimePickerDataTids.mobileInput}\n          width={'100%'}\n          disabled={disabled}\n          format={format}\n          size={size}\n          rightIcon={rightIcon}\n          suffix={suffix}\n          value={value}\n          error={error}\n          warning={warning}\n          aria-describedby={ariaDescribedby}\n          aria-label={ariaLabel}\n          aria-placeholder={ariaPlaceholder}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onClick={onClick}\n          onKeyDown={onKeyDown}\n          onMouseDownCapture={onMouseDownCapture}\n          onMouseUp={onMouseUp}\n          onPaste={onPaste}\n          onSelectSegment={onSelectSegment}\n        />\n      }\n      onCloseRequest={onCloseRequest}\n    >\n      <div data-tid={TimePickerDataTids.mobilePopup}>\n        <TimePickerItems\n          itemIdPrefix={id}\n          format={format}\n          size={size}\n          resolvedItems={resolvedItems}\n          highlightedItemIndex={highlightedItemIndex}\n          normalizedValue={normalizedValue}\n          itemRefs={itemRefs}\n          maxHeight={'auto'}\n          disableScrollContainer\n          onSelectItem={onSelectItem}\n        />\n      </div>\n    </MobilePopup>\n  );\n};\n"]}

package/components/TimePicker/TimePickerPopup.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import type { SizeProp } from '../../lib/types/props.js';
-import type { TimeFormat, TimeItem } from './helpers/TimePicker.shared.js';
-interface TimePickerPopupProps {
-    id?: string;
-    anchorElement: HTMLElement;
-    menuPos?: 'top' | 'bottom';
-    menuAlign?: 'left' | 'right';
-    menuWidth?: React.CSSProperties['width'];
-    popupMaxHeight: string;
-    format: TimeFormat;
-    size: SizeProp;
-    resolvedItems: TimeItem[];
-    highlightedItemIndex: number | null;
-    normalizedValue: string;
-    itemRefs: React.RefObject<Map<number, HTMLSpanElement>>;
-    onSelectItem(item: TimeItem): void;
-}
-export declare const TimePickerPopup: (props: TimePickerPopupProps) => React.JSX.Element;
-export {};

package/components/TimePicker/TimePickerPopup.js

@@ -1,18 +0,0 @@
-import React, { useContext } from 'react';
-import { Popup } from '../../internal/Popup/index.js';
-import { ZIndex } from '../../internal/ZIndex/index.js';
-import { getMenuPositions } from '../../lib/getMenuPositions.js';
-import { useStyles } from '../../lib/renderEnvironment/index.js';
-import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { TimePickerDataTids } from './helpers/TimePicker.constants.js';
-import { getStyles } from './TimePicker.styles.js';
-import { TimePickerItems } from './TimePickerItems.js';
-export var TimePickerPopup = function (props) {
-    var id = props.id, anchorElement = props.anchorElement, menuPos = props.menuPos, menuAlign = props.menuAlign, menuWidth = props.menuWidth, popupMaxHeight = props.popupMaxHeight, format = props.format, size = props.size, resolvedItems = props.resolvedItems, highlightedItemIndex = props.highlightedItemIndex, normalizedValue = props.normalizedValue, itemRefs = props.itemRefs, onSelectItem = props.onSelectItem;
-    var theme = useContext(ThemeContext);
-    var styles = useStyles(getStyles);
-    return (React.createElement(Popup, { id: id, opened: true, hasShadow: true, anchorElement: anchorElement, "data-tid": TimePickerDataTids.popup, priority: ZIndex.priorities.PopupMenu, margin: parseInt(theme.timePickerMenuOffsetY), width: menuWidth, minWidth: menuWidth === undefined ? '100%' : undefined, positions: getMenuPositions(menuPos, menuAlign) },
-        React.createElement("div", { className: styles.popup(theme), onMouseDown: function (event) { return event.preventDefault(); } },
-            React.createElement(TimePickerItems, { itemIdPrefix: id, format: format, size: size, resolvedItems: resolvedItems, highlightedItemIndex: highlightedItemIndex, normalizedValue: normalizedValue, itemRefs: itemRefs, maxHeight: popupMaxHeight, onSelectItem: onSelectItem }))));
-};
-//# sourceMappingURL=TimePickerPopup.js.map

package/components/TimePicker/TimePickerPopup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimePickerPopup.js","sourceRoot":"","sources":["TimePickerPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAkBvD,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,KAA2B;IAEvD,IAAA,EAAE,GAaA,KAAK,GAbL,EACF,aAAa,GAYX,KAAK,cAZM,EACb,OAAO,GAWL,KAAK,QAXA,EACP,SAAS,GAUP,KAAK,UAVE,EACT,SAAS,GASP,KAAK,UATE,EACT,cAAc,GAQZ,KAAK,eARO,EACd,MAAM,GAOJ,KAAK,OAPD,EACN,IAAI,GAMF,KAAK,KANH,EACJ,aAAa,GAKX,KAAK,cALM,EACb,oBAAoB,GAIlB,KAAK,qBAJa,EACpB,eAAe,GAGb,KAAK,gBAHQ,EACf,QAAQ,GAEN,KAAK,SAFC,EACR,YAAY,GACV,KAAK,aADK,CACJ;IAEV,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,oBAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,MAAM,QACN,SAAS,QACT,aAAa,EAAE,aAAa,cAClB,kBAAkB,CAAC,KAAK,EAClC,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,SAAS,EACrC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,qBAAqB,CAAC,EAC7C,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtD,SAAS,EAAE,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC;QAE/C,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,EAAE,EAAtB,CAAsB;YACjF,oBAAC,eAAe,IACd,YAAY,EAAE,EAAE,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,EACzB,YAAY,EAAE,YAAY,GAC1B,CACE,CACA,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Popup } from '../../internal/Popup/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { getMenuPositions } from '../../lib/getMenuPositions.js';\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { TimePickerDataTids } from './helpers/TimePicker.constants.js';\nimport type { TimeFormat, TimeItem } from './helpers/TimePicker.shared.js';\nimport { getStyles } from './TimePicker.styles.js';\nimport { TimePickerItems } from './TimePickerItems.js';\n\ninterface TimePickerPopupProps {\n  id?: string;\n  anchorElement: HTMLElement;\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  menuWidth?: React.CSSProperties['width'];\n  popupMaxHeight: string;\n  format: TimeFormat;\n  size: SizeProp;\n  resolvedItems: TimeItem[];\n  highlightedItemIndex: number | null;\n  normalizedValue: string;\n  itemRefs: React.RefObject<Map<number, HTMLSpanElement>>;\n  onSelectItem(item: TimeItem): void;\n}\n\nexport const TimePickerPopup = (props: TimePickerPopupProps) => {\n  const {\n    id,\n    anchorElement,\n    menuPos,\n    menuAlign,\n    menuWidth,\n    popupMaxHeight,\n    format,\n    size,\n    resolvedItems,\n    highlightedItemIndex,\n    normalizedValue,\n    itemRefs,\n    onSelectItem,\n  } = props;\n\n  const theme = useContext(ThemeContext);\n  const styles = useStyles(getStyles);\n\n  return (\n    <Popup\n      id={id}\n      opened\n      hasShadow\n      anchorElement={anchorElement}\n      data-tid={TimePickerDataTids.popup}\n      priority={ZIndex.priorities.PopupMenu}\n      margin={parseInt(theme.timePickerMenuOffsetY)}\n      width={menuWidth}\n      minWidth={menuWidth === undefined ? '100%' : undefined}\n      positions={getMenuPositions(menuPos, menuAlign)}\n    >\n      <div className={styles.popup(theme)} onMouseDown={(event) => event.preventDefault()}>\n        <TimePickerItems\n          itemIdPrefix={id}\n          format={format}\n          size={size}\n          resolvedItems={resolvedItems}\n          highlightedItemIndex={highlightedItemIndex}\n          normalizedValue={normalizedValue}\n          itemRefs={itemRefs}\n          maxHeight={popupMaxHeight}\n          onSelectItem={onSelectItem}\n        />\n      </div>\n    </Popup>\n  );\n};\n"]}

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

@@ -1,22 +0,0 @@
-import type { TimeFormat, TimeSegment } from './TimePicker.shared.js';
-export declare const TimePickerDataTids: {
-    readonly root: "TimePicker__root";
-    readonly input: "TimePicker__input";
-    readonly mobileInput: "TimePicker__mobileInput";
-    readonly nativeInput: "TimePicker__nativeInput";
-    readonly popup: "TimePicker__popup";
-    readonly mobilePopup: "TimePicker__mobilePopup";
-    readonly item: "TimePicker__item";
-};
-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 EMPTY_SEGMENT: string;
-export declare const TIME_SEGMENTS_BY_FORMAT: Record<TimeFormat, TimeSegment[]>;
-export declare const FIRST_DIGIT_MAX_BY_SEGMENT: Record<TimeSegment, number>;

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

@@ -1,31 +0,0 @@
-export var TimePickerDataTids = {
-    root: 'TimePicker__root',
-    input: 'TimePicker__input',
-    mobileInput: 'TimePicker__mobileInput',
-    nativeInput: 'TimePicker__nativeInput',
-    popup: 'TimePicker__popup',
-    mobilePopup: 'TimePicker__mobilePopup',
-    item: 'TimePicker__item',
-};
-var HOURS_FIRST_DIGIT_MAX = 2;
-var MINUTES_AND_SECONDS_FIRST_DIGIT_MAX = 5;
-export var TIME_PLACEHOLDER_CHAR = '\u2212';
-export var TIME_SEPARATOR = ':';
-export var TIME_SEGMENT_LENGTH = 2;
-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 EMPTY_SEGMENT = TIME_PLACEHOLDER_CHAR.repeat(TIME_SEGMENT_LENGTH);
-export var TIME_SEGMENTS_BY_FORMAT = {
-    'HH:mm': ['hours', 'minutes'],
-    'HH:mm:ss': ['hours', 'minutes', 'seconds'],
-};
-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,
-};
-//# sourceMappingURL=TimePicker.constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TimePicker.constants.js","sourceRoot":"","sources":["TimePicker.constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,yBAAyB;IACtC,WAAW,EAAE,yBAAyB;IACtC,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,yBAAyB;IACtC,IAAI,EAAE,kBAAkB;CAChB,CAAC;AAEX,IAAM,qBAAqB,GAAG,CAAC,CAAC;AAChC,IAAM,mCAAmC,GAAG,CAAC,CAAC;AAC9C,MAAM,CAAC,IAAM,qBAAqB,GAAG,QAAQ,CAAC;AAC9C,MAAM,CAAC,IAAM,cAAc,GAAG,GAAG,CAAC;AAClC,MAAM,CAAC,IAAM,mBAAmB,GAAG,CAAC,CAAC;AACrC,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,aAAa,GAAG,qBAAqB,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;AAE/E,MAAM,CAAC,IAAM,uBAAuB,GAAsC;IACxE,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;IAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;CAC5C,CAAC;AAEF,MAAM,CAAC,IAAM,0BAA0B,GAAgC;IACrE,KAAK,EAAE,qBAAqB;IAC5B,OAAO,EAAE,mCAAmC;IAC5C,OAAO,EAAE,mCAAmC;CAC7C,CAAC","sourcesContent":["import type { TimeFormat, TimeSegment } from './TimePicker.shared.js';\n\nexport const TimePickerDataTids = {\n  root: 'TimePicker__root',\n  input: 'TimePicker__input',\n  mobileInput: 'TimePicker__mobileInput',\n  nativeInput: 'TimePicker__nativeInput',\n  popup: 'TimePicker__popup',\n  mobilePopup: 'TimePicker__mobilePopup',\n  item: 'TimePicker__item',\n} as const;\n\nconst HOURS_FIRST_DIGIT_MAX = 2;\nconst MINUTES_AND_SECONDS_FIRST_DIGIT_MAX = 5;\nexport const TIME_PLACEHOLDER_CHAR = '\\u2212';\nexport const TIME_SEPARATOR = ':';\nexport const TIME_SEGMENT_LENGTH = 2;\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 EMPTY_SEGMENT = TIME_PLACEHOLDER_CHAR.repeat(TIME_SEGMENT_LENGTH);\n\nexport const TIME_SEGMENTS_BY_FORMAT: Record<TimeFormat, TimeSegment[]> = {\n  'HH:mm': ['hours', 'minutes'],\n  'HH:mm:ss': ['hours', 'minutes', 'seconds'],\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"]}

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

@@ -1,23 +0,0 @@
-import { type TimeDigitInputResult, type TimeFormat, type TimeSegment } from './TimePicker.shared.js';
-/**
- * Удаляет одну цифру из активного сегмента справа налево.
- * Сначала превращает заполненный сегмент в значение с одной ожидающей цифрой,
- * затем — в полностью пустой сегмент.
- */
-export declare const deleteTimeSegmentDigit: (value: string, segment: TimeSegment, format: TimeFormat) => string;
-/**
- * Коммитит активный сегмент при уходе с него или потере фокуса.
- * Частично введенное значение дополняется и нормализуется, а полностью пустой сегмент остается пустым.
- */
-export declare const commitTimeSegmentOnLeave: (value: string, segment: TimeSegment, format: TimeFormat) => string;
-/**
- * Сдвигает значение активного сегмента на шаг вверх или вниз с циклическим переходом по границам.
- * Пустой сегмент трактуется как `00`.
- */
-export declare const shiftTimeSegmentValue: (value: string, segment: TimeSegment, step: 1 | -1, format: TimeFormat) => string;
-/**
- * Обрабатывает ввод одной цифры в активный сегмент.
- * Возвращает следующее display-значение и метаданные для UI:
- * нужно ли завершить сегмент, перейти к следующему сегменту или показать анимацию ошибки.
- */
-export declare const formatDigitToTimeSegment: (value: string, segment: TimeSegment, digit: string, format: TimeFormat) => TimeDigitInputResult;

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

@@ -1,101 +0,0 @@
-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 deleteTimeSegmentDigit = function (value, segment, format) {
-    var currentSegmentValue = getTimeSegmentValue(value, segment, format);
-    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), format);
-    }
-    if (DIGIT_REGEXP.test(first !== null && first !== void 0 ? first : EMPTY_VALUE)) {
-        return replaceTimeSegment(value, segment, EMPTY_SEGMENT, format);
-    }
-    return value;
-};
-/**
- * Коммитит активный сегмент при уходе с него или потере фокуса.
- * Частично введенное значение дополняется и нормализуется, а полностью пустой сегмент остается пустым.
- */
-export var commitTimeSegmentOnLeave = function (value, segment, format) {
-    var nextValue = normalizeEditableSegment(getTimeSegmentValue(value, segment, format), segment);
-    if (nextValue === EMPTY_SEGMENT) {
-        return replaceTimeSegment(value, segment, EMPTY_SEGMENT, format);
-    }
-    return replaceTimeSegment(value, segment, nextValue, format);
-};
-/**
- * Сдвигает значение активного сегмента на шаг вверх или вниз с циклическим переходом по границам.
- * Пустой сегмент трактуется как `00`.
- */
-export var shiftTimeSegmentValue = function (value, segment, step, format) {
-    var currentSegmentValue = getTimeSegmentValue(value, segment, format);
-    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), format);
-};
-/**
- * Обрабатывает ввод одной цифры в активный сегмент.
- * Возвращает следующее display-значение и метаданные для UI:
- * нужно ли завершить сегмент, перейти к следующему сегменту или показать анимацию ошибки.
- */
-export var formatDigitToTimeSegment = function (value, segment, digit, format) {
-    var currentSegmentValue = getTimeSegmentValue(value, segment, format);
-    var nextSegment = getNextTimeSegment(segment, format);
-    var shouldAppend = hasPendingSingleDigit(currentSegmentValue);
-    var currentDigits = shouldAppend ? getDigits(currentSegmentValue) : '';
-    var firstDigitThreshold = FIRST_DIGIT_MAX_BY_SEGMENT[segment];
-    if (currentDigits.length === 0) {
-        if (segment === 'hours' && Number(digit) > firstDigitThreshold) {
-            var nextValue_1 = replaceTimeSegment(value, segment, "0".concat(digit), format);
-            return {
-                isFinalPart: nextSegment === null,
-                isCompletedPart: true,
-                shouldBlink: false,
-                selectedSegment: nextSegment !== null && nextSegment !== void 0 ? nextSegment : segment,
-                nextValue: nextValue_1,
-            };
-        }
-        return {
-            isFinalPart: false,
-            isCompletedPart: false,
-            shouldBlink: false,
-            selectedSegment: segment,
-            nextValue: replaceTimeSegment(value, segment, "".concat(digit).concat(TIME_PLACEHOLDER_CHAR), format),
-        };
-    }
-    if (segment === 'hours' && currentDigits === '2' && Number(digit) > 3) {
-        return {
-            isFinalPart: false,
-            isCompletedPart: false,
-            shouldBlink: true,
-            selectedSegment: segment,
-            nextValue: value,
-        };
-    }
-    if (segment !== 'hours' && Number("".concat(currentDigits).concat(digit)) > getTimeSegmentMax(segment)) {
-        return {
-            isFinalPart: false,
-            isCompletedPart: false,
-            shouldBlink: true,
-            selectedSegment: segment,
-            nextValue: value,
-        };
-    }
-    var nextValue = replaceTimeSegment(value, segment, String(Number("".concat(currentDigits).concat(digit))).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR), format);
-    return {
-        isFinalPart: nextSegment === null,
-        isCompletedPart: true,
-        shouldBlink: false,
-        selectedSegment: nextSegment !== null && nextSegment !== void 0 ? nextSegment : segment,
-        nextValue: nextValue,
-    };
-};
-//# sourceMappingURL=TimePicker.editing.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TimePicker.editing.js","sourceRoot":"","sources":["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 TimeFormat,\n  type TimeSegment,\n} from './TimePicker.shared.js';\nimport { getTimeSegmentValue, replaceTimeSegment } from './TimePicker.value.js';\n\n/**\n * Удаляет одну цифру из активного сегмента справа налево.\n * Сначала превращает заполненный сегмент в значение с одной ожидающей цифрой,\n * затем — в полностью пустой сегмент.\n */\nexport const deleteTimeSegmentDigit = (value: string, segment: TimeSegment, format: TimeFormat): string => {\n  const currentSegmentValue = getTimeSegmentValue(value, segment, format);\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}`, format);\n  }\n\n  if (DIGIT_REGEXP.test(first ?? EMPTY_VALUE)) {\n    return replaceTimeSegment(value, segment, EMPTY_SEGMENT, format);\n  }\n\n  return value;\n};\n\n/**\n * Коммитит активный сегмент при уходе с него или потере фокуса.\n * Частично введенное значение дополняется и нормализуется, а полностью пустой сегмент остается пустым.\n */\nexport const commitTimeSegmentOnLeave = (value: string, segment: TimeSegment, format: TimeFormat): string => {\n  const nextValue = normalizeEditableSegment(getTimeSegmentValue(value, segment, format), segment);\n\n  if (nextValue === EMPTY_SEGMENT) {\n    return replaceTimeSegment(value, segment, EMPTY_SEGMENT, format);\n  }\n\n  return replaceTimeSegment(value, segment, nextValue, format);\n};\n\n/**\n * Сдвигает значение активного сегмента на шаг вверх или вниз с циклическим переходом по границам.\n * Пустой сегмент трактуется как `00`.\n */\nexport const shiftTimeSegmentValue = (\n  value: string,\n  segment: TimeSegment,\n  step: 1 | -1,\n  format: TimeFormat,\n): string => {\n  const currentSegmentValue = getTimeSegmentValue(value, segment, format);\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), format);\n};\n\n/**\n * Обрабатывает ввод одной цифры в активный сегмент.\n * Возвращает следующее display-значение и метаданные для UI:\n * нужно ли завершить сегмент, перейти к следующему сегменту или показать анимацию ошибки.\n */\nexport const formatDigitToTimeSegment = (\n  value: string,\n  segment: TimeSegment,\n  digit: string,\n  format: TimeFormat,\n): TimeDigitInputResult => {\n  const currentSegmentValue = getTimeSegmentValue(value, segment, format);\n\n  const nextSegment = getNextTimeSegment(segment, format);\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 (segment === 'hours' && Number(digit) > firstDigitThreshold) {\n      const nextValue = replaceTimeSegment(value, segment, `0${digit}`, format);\n\n      return {\n        isFinalPart: nextSegment === null,\n        isCompletedPart: true,\n        shouldBlink: false,\n        selectedSegment: nextSegment ?? segment,\n        nextValue,\n      };\n    }\n\n    return {\n      isFinalPart: false,\n      isCompletedPart: false,\n      shouldBlink: false,\n      selectedSegment: segment,\n      nextValue: replaceTimeSegment(value, segment, `${digit}${TIME_PLACEHOLDER_CHAR}`, format),\n    };\n  }\n\n  if (segment === 'hours' && currentDigits === '2' && Number(digit) > 3) {\n    return {\n      isFinalPart: false,\n      isCompletedPart: false,\n      shouldBlink: true,\n      selectedSegment: segment,\n      nextValue: value,\n    };\n  }\n\n  if (segment !== 'hours' && Number(`${currentDigits}${digit}`) > getTimeSegmentMax(segment)) {\n    return {\n      isFinalPart: false,\n      isCompletedPart: false,\n      shouldBlink: true,\n      selectedSegment: segment,\n      nextValue: value,\n    };\n  }\n\n  const nextValue = replaceTimeSegment(\n    value,\n    segment,\n    String(Number(`${currentDigits}${digit}`)).padStart(TIME_SEGMENT_LENGTH, ZERO_PAD_CHAR),\n    format,\n  );\n\n  return {\n    isFinalPart: nextSegment === null,\n    isCompletedPart: true,\n    shouldBlink: false,\n    selectedSegment: nextSegment ?? segment,\n    nextValue,\n  };\n};\n"]}

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

@@ -1,6 +0,0 @@
-import type { Theme } from '../../../lib/theming/Theme.js';
-import type { SizeProp } from '../../../lib/types/props.js';
-import type { TimeFormat } from './TimePicker.shared.js';
-export declare const getTimePickerPopupMaxHeight: (size: SizeProp, theme: Theme) => string;
-export declare const getTimePickerSuffixMargin: (size: SizeProp, theme: Theme) => string;
-export declare const getTimePickerInputMinWidth: (size: SizeProp, format: TimeFormat, hasIcon: boolean, theme: Theme) => string;

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

@@ -1,49 +0,0 @@
-export var getTimePickerPopupMaxHeight = function (size, theme) {
-    switch (size) {
-        case 'large':
-            return theme.timePickerMenuMaxHeightLarge;
-        case 'medium':
-            return theme.timePickerMenuMaxHeightMedium;
-        case 'small':
-        default:
-            return theme.timePickerMenuMaxHeightSmall;
-    }
-};
-export var getTimePickerSuffixMargin = function (size, theme) {
-    switch (size) {
-        case 'large':
-            return theme.timePickerSuffixGapLarge;
-        case 'medium':
-            return theme.timePickerSuffixGapMedium;
-        case 'small':
-        default:
-            return theme.timePickerSuffixGapSmall;
-    }
-};
-export var getTimePickerInputMinWidth = function (size, format, hasIcon, theme) {
-    switch (size) {
-        case 'large':
-            if (format === 'HH:mm:ss') {
-                return hasIcon
-                    ? theme.timePickerInputMinWidthWithIconAndSecondsLarge
-                    : theme.timePickerInputMinWidthWithSecondsLarge;
-            }
-            return hasIcon ? theme.timePickerInputMinWidthWithIconLarge : theme.timePickerInputMinWidthLarge;
-        case 'medium':
-            if (format === 'HH:mm:ss') {
-                return hasIcon
-                    ? theme.timePickerInputMinWidthWithIconAndSecondsMedium
-                    : theme.timePickerInputMinWidthWithSecondsMedium;
-            }
-            return hasIcon ? theme.timePickerInputMinWidthWithIconMedium : theme.timePickerInputMinWidthMedium;
-        case 'small':
-        default:
-            if (format === 'HH:mm:ss') {
-                return hasIcon
-                    ? theme.timePickerInputMinWidthWithIconAndSecondsSmall
-                    : theme.timePickerInputMinWidthWithSecondsSmall;
-            }
-            return hasIcon ? theme.timePickerInputMinWidthWithIconSmall : theme.timePickerInputMinWidthSmall;
-    }
-};
-//# sourceMappingURL=TimePicker.layout.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TimePicker.layout.js","sourceRoot":"","sources":["TimePicker.layout.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,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,CAAC;AAEF,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,IAAc,EAAE,KAAY;IACpE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,wBAAwB,CAAC;QAExC,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,yBAAyB,CAAC;QAEzC,KAAK,OAAO,CAAC;QAEb;YACE,OAAO,KAAK,CAAC,wBAAwB,CAAC;IAC1C,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,0BAA0B,GAAG,UACxC,IAAc,EACd,MAAkB,EAClB,OAAgB,EAChB,KAAY;IAEZ,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,IAAI,MAAM,KAAK,UAAU,EAAE,CAAC;gBAC1B,OAAO,OAAO;oBACZ,CAAC,CAAC,KAAK,CAAC,8CAA8C;oBACtD,CAAC,CAAC,KAAK,CAAC,uCAAuC,CAAC;YACpD,CAAC;YAED,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,oCAAoC,CAAC,CAAC,CAAC,KAAK,CAAC,4BAA4B,CAAC;QAEnG,KAAK,QAAQ;YACX,IAAI,MAAM,KAAK,UAAU,EAAE,CAAC;gBAC1B,OAAO,OAAO;oBACZ,CAAC,CAAC,KAAK,CAAC,+CAA+C;oBACvD,CAAC,CAAC,KAAK,CAAC,wCAAwC,CAAC;YACrD,CAAC;YAED,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,qCAAqC,CAAC,CAAC,CAAC,KAAK,CAAC,6BAA6B,CAAC;QAErG,KAAK,OAAO,CAAC;QAEb;YACE,IAAI,MAAM,KAAK,UAAU,EAAE,CAAC;gBAC1B,OAAO,OAAO;oBACZ,CAAC,CAAC,KAAK,CAAC,8CAA8C;oBACtD,CAAC,CAAC,KAAK,CAAC,uCAAuC,CAAC;YACpD,CAAC;YAED,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,oCAAoC,CAAC,CAAC,CAAC,KAAK,CAAC,4BAA4B,CAAC;IACrG,CAAC;AACH,CAAC,CAAC","sourcesContent":["import type { Theme } from '../../../lib/theming/Theme.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport type { TimeFormat } from './TimePicker.shared.js';\n\nexport const 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 getTimePickerSuffixMargin = (size: SizeProp, theme: Theme): string => {\n  switch (size) {\n    case 'large':\n      return theme.timePickerSuffixGapLarge;\n\n    case 'medium':\n      return theme.timePickerSuffixGapMedium;\n\n    case 'small':\n\n    default:\n      return theme.timePickerSuffixGapSmall;\n  }\n};\n\nexport const getTimePickerInputMinWidth = (\n  size: SizeProp,\n  format: TimeFormat,\n  hasIcon: boolean,\n  theme: Theme,\n): string => {\n  switch (size) {\n    case 'large':\n      if (format === 'HH:mm:ss') {\n        return hasIcon\n          ? theme.timePickerInputMinWidthWithIconAndSecondsLarge\n          : theme.timePickerInputMinWidthWithSecondsLarge;\n      }\n\n      return hasIcon ? theme.timePickerInputMinWidthWithIconLarge : theme.timePickerInputMinWidthLarge;\n\n    case 'medium':\n      if (format === 'HH:mm:ss') {\n        return hasIcon\n          ? theme.timePickerInputMinWidthWithIconAndSecondsMedium\n          : theme.timePickerInputMinWidthWithSecondsMedium;\n      }\n\n      return hasIcon ? theme.timePickerInputMinWidthWithIconMedium : theme.timePickerInputMinWidthMedium;\n\n    case 'small':\n\n    default:\n      if (format === 'HH:mm:ss') {\n        return hasIcon\n          ? theme.timePickerInputMinWidthWithIconAndSecondsSmall\n          : theme.timePickerInputMinWidthWithSecondsSmall;\n      }\n\n      return hasIcon ? theme.timePickerInputMinWidthWithIconSmall : theme.timePickerInputMinWidthSmall;\n  }\n};\n"]}

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

@@ -1,5 +0,0 @@
-import type { TimeFormat, TimeSegment } from './TimePicker.shared.js';
-/** Возвращает следующий сегмент для навигации по вводу или `null`, если текущий сегмент последний. */
-export declare const getNextTimeSegment: (segment: TimeSegment, format: TimeFormat) => TimeSegment | null;
-/** Возвращает предыдущий сегмент для навигации по вводу или `null`, если текущий сегмент первый. */
-export declare const getPreviousTimeSegment: (segment: TimeSegment) => TimeSegment | null;

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

@@ -1,23 +0,0 @@
-/** Возвращает следующий сегмент для навигации по вводу или `null`, если текущий сегмент последний. */
-export var getNextTimeSegment = function (segment, format) {
-    switch (segment) {
-        case 'hours':
-            return 'minutes';
-        case 'minutes':
-            return format === 'HH:mm:ss' ? 'seconds' : null;
-        case 'seconds':
-            return null;
-    }
-};
-/** Возвращает предыдущий сегмент для навигации по вводу или `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

@@ -1 +0,0 @@
-{"version":3,"file":"TimePicker.selection.js","sourceRoot":"","sources":["TimePicker.selection.ts"],"names":[],"mappings":"AAEA,sGAAsG;AACtG,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,OAAoB,EAAE,MAAkB;IACzE,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,SAAS,CAAC;QAEnB,KAAK,SAAS;YACZ,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;QAElD,KAAK,SAAS;YACZ,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC,CAAC;AAEF,oGAAoG;AACpG,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 type { TimeFormat, TimeSegment } from './TimePicker.shared.js';\n\n/** Возвращает следующий сегмент для навигации по вводу или `null`, если текущий сегмент последний. */\nexport const getNextTimeSegment = (segment: TimeSegment, format: TimeFormat): TimeSegment | null => {\n  switch (segment) {\n    case 'hours':\n      return 'minutes';\n\n    case 'minutes':\n      return format === 'HH:mm:ss' ? 'seconds' : null;\n\n    case 'seconds':\n      return null;\n  }\n};\n\n/** Возвращает предыдущий сегмент для навигации по вводу или `null`, если текущий сегмент первый. */\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"]}