@skbkontur/react-ui 6.0.6 → 6.0.7-eab55.0

package/components/TimePicker/TimePickerMobilePopup.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { SizeProp } from '../../lib/types/props.js';
+import type { TimeSegment, TimePrecision, TimeSlot } from './helpers/TimePicker.shared.js';
+import type { TimeInputRef } from './TimeInput.js';
+interface TimePickerMobilePopupProps {
+    opened: boolean;
+    value: string;
+    inputRef: React.RefObject<TimeInputRef | null>;
+    disabled?: boolean;
+    precision: TimePrecision;
+    size: SizeProp;
+    resolvedSlots: TimeSlot[];
+    highlightedSlotIndex: number | null;
+    normalizedValue: string;
+    slotRefs: React.RefObject<Map<number, HTMLSpanElement>>;
+    error?: boolean;
+    warning?: boolean;
+    'aria-describedby'?: string;
+    'aria-label'?: 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;
+    onPaste(event: React.ClipboardEvent<HTMLInputElement>): void;
+    onSelectSegment(segment: TimeSegment, event: React.MouseEvent<HTMLSpanElement>): void;
+    onSelectSlot(slot: TimeSlot): void;
+    onCloseRequest(): void;
+}
+export declare const TimePickerMobilePopup: (props: TimePickerMobilePopupProps) => React.JSX.Element;
+export {};

package/components/TimePicker/TimePickerMobilePopup.js

@@ -0,0 +1,21 @@
+import React, { useLayoutEffect } from 'react';
+import { MobilePopup } from '../../internal/MobilePopup/index.js';
+import { TimeInput } from './TimeInput.js';
+import { TimePickerDataTids } from './TimePicker.js';
+import { TimePickerSlots } from './TimePickerSlots.js';
+export var TimePickerMobilePopup = function (props) {
+    var opened = props.opened, value = props.value, inputRef = props.inputRef, disabled = props.disabled, precision = props.precision, size = props.size, resolvedSlots = props.resolvedSlots, highlightedSlotIndex = props.highlightedSlotIndex, normalizedValue = props.normalizedValue, slotRefs = props.slotRefs, error = props.error, warning = props.warning, ariaDescribedby = props["aria-describedby"], ariaLabel = props["aria-label"], onFocus = props.onFocus, onBlur = props.onBlur, onClick = props.onClick, onKeyDown = props.onKeyDown, onMouseDownCapture = props.onMouseDownCapture, onPaste = props.onPaste, onSelectSegment = props.onSelectSegment, onSelectSlot = props.onSelectSlot, 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, { opened: opened, verticalAlign: 'center', size: size, headerChildComponent: React.createElement(TimeInput, { ref: inputRef, "data-tid": TimePickerDataTids.mobileInput, width: "100%", disabled: disabled, precision: precision, size: size, value: value, error: error, warning: warning, "aria-describedby": ariaDescribedby, "aria-label": ariaLabel, onFocus: onFocus, onBlur: onBlur, onClick: onClick, onKeyDown: onKeyDown, onMouseDownCapture: onMouseDownCapture, onPaste: onPaste, onSelectSegment: onSelectSegment }), onCloseRequest: onCloseRequest },
+        React.createElement("div", { "data-tid": TimePickerDataTids.mobilePopup },
+            React.createElement(TimePickerSlots, { precision: precision, size: size, resolvedSlots: resolvedSlots, highlightedSlotIndex: highlightedSlotIndex, normalizedValue: normalizedValue, slotRefs: slotRefs, maxHeight: 'auto', disableScrollContainer: true, onSelectSlot: onSelectSlot }))));
+};
+//# sourceMappingURL=TimePickerMobilePopup.js.map

package/components/TimePicker/TimePickerMobilePopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerMobilePopup.js","sourceRoot":"","sources":["../../../components/TimePicker/TimePickerMobilePopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAIlE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AA4BvD,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,KAAiC;IAEnE,IAAA,MAAM,GAuBJ,KAAK,OAvBD,EACN,KAAK,GAsBH,KAAK,MAtBF,EACL,QAAQ,GAqBN,KAAK,SArBC,EACR,QAAQ,GAoBN,KAAK,SApBC,EACR,SAAS,GAmBP,KAAK,UAnBE,EACT,IAAI,GAkBF,KAAK,KAlBH,EACJ,aAAa,GAiBX,KAAK,cAjBM,EACb,oBAAoB,GAgBlB,KAAK,qBAhBa,EACpB,eAAe,GAeb,KAAK,gBAfQ,EACf,QAAQ,GAcN,KAAK,SAdC,EACR,KAAK,GAaH,KAAK,MAbF,EACL,OAAO,GAYL,KAAK,QAZA,EACa,eAAe,GAWjC,KAAK,oBAX4B,EACrB,SAAS,GAUrB,KAAK,cAVgB,EACvB,OAAO,GASL,KAAK,QATA,EACP,MAAM,GAQJ,KAAK,OARD,EACN,OAAO,GAOL,KAAK,QAPA,EACP,SAAS,GAMP,KAAK,UANE,EACT,kBAAkB,GAKhB,KAAK,mBALW,EAClB,OAAO,GAIL,KAAK,QAJA,EACP,eAAe,GAGb,KAAK,gBAHQ,EACf,YAAY,GAEV,KAAK,aAFK,EACZ,cAAc,GACZ,KAAK,eADO,CACN;IAEV,eAAe,CAAC;QACd,IAAM,KAAK,GAAG,UAAU,CAAC;;YACvB,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC5B,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,WAAW,IACV,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,QAAQ,EACvB,IAAI,EAAE,IAAI,EACV,oBAAoB,EAClB,oBAAC,SAAS,IACR,GAAG,EAAE,QAAQ,cACH,kBAAkB,CAAC,WAAW,EACxC,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,sBACE,eAAe,gBACrB,SAAS,EACrB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,GAChC,EAEJ,cAAc,EAAE,cAAc;QAE9B,yCAAe,kBAAkB,CAAC,WAAW;YAC3C,oBAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,EACjB,sBAAsB,QACtB,YAAY,EAAE,YAAY,GAC1B,CACE,CACM,CACf,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useLayoutEffect } from 'react';\n\nimport { MobilePopup } from '../../internal/MobilePopup/index.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { TimeSegment, TimePrecision, TimeSlot } from './helpers/TimePicker.shared.js';\nimport type { TimeInputRef } from './TimeInput.js';\nimport { TimeInput } from './TimeInput.js';\nimport { TimePickerDataTids } from './TimePicker.js';\nimport { TimePickerSlots } from './TimePickerSlots.js';\n\ninterface TimePickerMobilePopupProps {\n  opened: boolean;\n  value: string;\n  inputRef: React.RefObject<TimeInputRef | null>;\n  disabled?: boolean;\n  precision: TimePrecision;\n  size: SizeProp;\n  resolvedSlots: TimeSlot[];\n  highlightedSlotIndex: number | null;\n  normalizedValue: string;\n  slotRefs: React.RefObject<Map<number, HTMLSpanElement>>;\n  error?: boolean;\n  warning?: boolean;\n  'aria-describedby'?: string;\n  'aria-label'?: 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  onPaste(event: React.ClipboardEvent<HTMLInputElement>): void;\n  onSelectSegment(segment: TimeSegment, event: React.MouseEvent<HTMLSpanElement>): void;\n  onSelectSlot(slot: TimeSlot): void;\n  onCloseRequest(): void;\n}\n\nexport const TimePickerMobilePopup = (props: TimePickerMobilePopupProps) => {\n  const {\n    opened,\n    value,\n    inputRef,\n    disabled,\n    precision,\n    size,\n    resolvedSlots,\n    highlightedSlotIndex,\n    normalizedValue,\n    slotRefs,\n    error,\n    warning,\n    'aria-describedby': ariaDescribedby,\n    'aria-label': ariaLabel,\n    onFocus,\n    onBlur,\n    onClick,\n    onKeyDown,\n    onMouseDownCapture,\n    onPaste,\n    onSelectSegment,\n    onSelectSlot,\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      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          precision={precision}\n          size={size}\n          value={value}\n          error={error}\n          warning={warning}\n          aria-describedby={ariaDescribedby}\n          aria-label={ariaLabel}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onClick={onClick}\n          onKeyDown={onKeyDown}\n          onMouseDownCapture={onMouseDownCapture}\n          onPaste={onPaste}\n          onSelectSegment={onSelectSegment}\n        />\n      }\n      onCloseRequest={onCloseRequest}\n    >\n      <div data-tid={TimePickerDataTids.mobilePopup}>\n        <TimePickerSlots\n          precision={precision}\n          size={size}\n          resolvedSlots={resolvedSlots}\n          highlightedSlotIndex={highlightedSlotIndex}\n          normalizedValue={normalizedValue}\n          slotRefs={slotRefs}\n          maxHeight={'auto'}\n          disableScrollContainer\n          onSelectSlot={onSelectSlot}\n        />\n      </div>\n    </MobilePopup>\n  );\n};\n"]}

package/components/TimePicker/TimePickerPopup.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { SizeProp } from '../../lib/types/props.js';
+import type { TimePrecision, TimeSlot } from './helpers/TimePicker.shared.js';
+interface TimePickerPopupProps {
+    anchorElement: HTMLElement;
+    menuPos?: 'top' | 'bottom';
+    menuAlign?: 'left' | 'right';
+    menuWidth?: React.CSSProperties['width'];
+    popupMaxHeight: string;
+    precision: TimePrecision;
+    size: SizeProp;
+    resolvedSlots: TimeSlot[];
+    highlightedSlotIndex: number | null;
+    normalizedValue: string;
+    slotRefs: React.RefObject<Map<number, HTMLSpanElement>>;
+    onSelectSlot(slot: TimeSlot): void;
+}
+export declare const TimePickerPopup: (props: TimePickerPopupProps) => React.JSX.Element;
+export {};

package/components/TimePicker/TimePickerPopup.js

@@ -0,0 +1,18 @@
+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 './TimePicker.js';
+import { getStyles } from './TimePicker.styles.js';
+import { TimePickerSlots } from './TimePickerSlots.js';
+export var TimePickerPopup = function (props) {
+    var anchorElement = props.anchorElement, menuPos = props.menuPos, menuAlign = props.menuAlign, menuWidth = props.menuWidth, popupMaxHeight = props.popupMaxHeight, precision = props.precision, size = props.size, resolvedSlots = props.resolvedSlots, highlightedSlotIndex = props.highlightedSlotIndex, normalizedValue = props.normalizedValue, slotRefs = props.slotRefs, onSelectSlot = props.onSelectSlot;
+    var theme = useContext(ThemeContext);
+    var styles = useStyles(getStyles);
+    return (React.createElement(Popup, { opened: true, hasShadow: true, anchorElement: anchorElement, "data-tid": TimePickerDataTids.popup, priority: ZIndex.priorities.PopupMenu, margin: parseInt(theme.menuOffsetY) - 1, 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(TimePickerSlots, { precision: precision, size: size, resolvedSlots: resolvedSlots, highlightedSlotIndex: highlightedSlotIndex, normalizedValue: normalizedValue, slotRefs: slotRefs, maxHeight: popupMaxHeight, onSelectSlot: onSelectSlot }))));
+};
+//# sourceMappingURL=TimePickerPopup.js.map

package/components/TimePicker/TimePickerPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerPopup.js","sourceRoot":"","sources":["../../../components/TimePicker/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;AAGjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAiBvD,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,KAA2B;IAEvD,IAAA,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,SAAS,GAOP,KAAK,UAPE,EACT,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,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,WAAW,CAAC,GAAG,CAAC,EACvC,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,SAAS,EAAE,SAAS,EACpB,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 type { TimePrecision, TimeSlot } from './helpers/TimePicker.shared.js';\nimport { TimePickerDataTids } from './TimePicker.js';\nimport { getStyles } from './TimePicker.styles.js';\nimport { TimePickerSlots } from './TimePickerSlots.js';\n\ninterface TimePickerPopupProps {\n  anchorElement: HTMLElement;\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  menuWidth?: React.CSSProperties['width'];\n  popupMaxHeight: string;\n  precision: TimePrecision;\n  size: SizeProp;\n  resolvedSlots: TimeSlot[];\n  highlightedSlotIndex: number | null;\n  normalizedValue: string;\n  slotRefs: React.RefObject<Map<number, HTMLSpanElement>>;\n  onSelectSlot(slot: TimeSlot): void;\n}\n\nexport const TimePickerPopup = (props: TimePickerPopupProps) => {\n  const {\n    anchorElement,\n    menuPos,\n    menuAlign,\n    menuWidth,\n    popupMaxHeight,\n    precision,\n    size,\n    resolvedSlots,\n    highlightedSlotIndex,\n    normalizedValue,\n    slotRefs,\n    onSelectSlot,\n  } = props;\n\n  const theme = useContext(ThemeContext);\n  const styles = useStyles(getStyles);\n\n  return (\n    <Popup\n      opened\n      hasShadow\n      anchorElement={anchorElement}\n      data-tid={TimePickerDataTids.popup}\n      priority={ZIndex.priorities.PopupMenu}\n      margin={parseInt(theme.menuOffsetY) - 1}\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        <TimePickerSlots\n          precision={precision}\n          size={size}\n          resolvedSlots={resolvedSlots}\n          highlightedSlotIndex={highlightedSlotIndex}\n          normalizedValue={normalizedValue}\n          slotRefs={slotRefs}\n          maxHeight={popupMaxHeight}\n          onSelectSlot={onSelectSlot}\n        />\n      </div>\n    </Popup>\n  );\n};\n"]}

package/components/TimePicker/TimePickerSlots.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { SizeProp } from '../../lib/types/props.js';
+import type { TimePrecision, TimeSlot } from './helpers/TimePicker.shared.js';
+interface TimePickerSlotsProps {
+    precision: TimePrecision;
+    size: SizeProp;
+    resolvedSlots: TimeSlot[];
+    highlightedSlotIndex: number | null;
+    normalizedValue: string;
+    slotRefs?: React.RefObject<Map<number, HTMLSpanElement>>;
+    maxHeight?: React.CSSProperties['maxHeight'];
+    disableScrollContainer?: boolean;
+    onSelectSlot(slot: TimeSlot): void;
+}
+export declare const TimePickerSlots: (props: TimePickerSlotsProps) => React.JSX.Element;
+export {};

package/components/TimePicker/TimePickerSlots.js

@@ -0,0 +1,67 @@
+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 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 { normalizeTimeValue } from './helpers/TimePicker.value.js';
+import { TimePickerDataTids } from './TimePicker.js';
+import { getStyles } from './TimePicker.styles.js';
+var SlotRoot = 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 TimePickerSlots = function (props) {
+    var precision = props.precision, size = props.size, resolvedSlots = props.resolvedSlots, highlightedSlotIndex = props.highlightedSlotIndex, normalizedValue = props.normalizedValue, slotRefs = props.slotRefs, maxHeight = props.maxHeight, disableScrollContainer = props.disableScrollContainer, onSelectSlot = props.onSelectSlot;
+    var theme = useContext(ThemeContext);
+    var styles = useStyles(getStyles);
+    return (React.createElement(Menu, { hasMargin: false, width: '100%', maxHeight: maxHeight, disableScrollContainer: disableScrollContainer }, resolvedSlots.map(function (slot, index) {
+        var normalizedSlot = normalizeTimeValue(slot.time, precision);
+        var state;
+        if (highlightedSlotIndex === index) {
+            state = 'hover';
+        }
+        else if (normalizedSlot === normalizedValue) {
+            state = 'selected';
+        }
+        return (React.createElement(MenuItem, { key: "".concat(slot.time, "-").concat(index), component: SlotRoot, disabled: slot.disabled, isNotSelectable: slot.disabled, size: size, state: state, onClick: slot.disabled ? undefined : function () { return onSelectSlot(slot); } },
+            React.createElement("span", { "data-tid": TimePickerDataTids.slot, className: styles.slot(), ref: function (node) {
+                    if (!slotRefs) {
+                        return;
+                    }
+                    if (node) {
+                        slotRefs.current.set(index, node);
+                    }
+                    else {
+                        slotRefs.current.delete(index);
+                    }
+                } },
+                React.createElement("span", { className: styles.slotTime() }, normalizedSlot),
+                slot.info && React.createElement("span", { className: styles.slotInfo(theme) }, slot.info))));
+    })));
+};
+//# sourceMappingURL=TimePickerSlots.js.map

package/components/TimePicker/TimePickerSlots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerSlots.js","sourceRoot":"","sources":["../../../components/TimePicker/TimePickerSlots.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Menu } from '../../internal/Menu/index.js';\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { MenuItem } from '../MenuItem/index.js';\nimport type { TimePrecision, TimeSlot } from './helpers/TimePicker.shared.js';\nimport { normalizeTimeValue } from './helpers/TimePicker.value.js';\nimport { TimePickerDataTids } from './TimePicker.js';\nimport { getStyles } from './TimePicker.styles.js';\n\nconst SlotRoot = 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 TimePickerSlotsProps {\n  precision: TimePrecision;\n  size: SizeProp;\n  resolvedSlots: TimeSlot[];\n  highlightedSlotIndex: number | null;\n  normalizedValue: string;\n  slotRefs?: React.RefObject<Map<number, HTMLSpanElement>>;\n  maxHeight?: React.CSSProperties['maxHeight'];\n  disableScrollContainer?: boolean;\n  onSelectSlot(slot: TimeSlot): void;\n}\n\nexport const TimePickerSlots = (props: TimePickerSlotsProps) => {\n  const {\n    precision,\n    size,\n    resolvedSlots,\n    highlightedSlotIndex,\n    normalizedValue,\n    slotRefs,\n    maxHeight,\n    disableScrollContainer,\n    onSelectSlot,\n  } = props;\n\n  const theme = useContext(ThemeContext);\n  const styles = useStyles(getStyles);\n\n  return (\n    <Menu hasMargin={false} width={'100%'} maxHeight={maxHeight} disableScrollContainer={disableScrollContainer}>\n      {resolvedSlots.map((slot, index) => {\n        const normalizedSlot = normalizeTimeValue(slot.time, precision);\n\n        let state: 'hover' | 'selected' | undefined;\n\n        if (highlightedSlotIndex === index) {\n          state = 'hover';\n        } else if (normalizedSlot === normalizedValue) {\n          state = 'selected';\n        }\n\n        return (\n          <MenuItem\n            key={`${slot.time}-${index}`}\n            component={SlotRoot}\n            disabled={slot.disabled}\n            isNotSelectable={slot.disabled}\n            size={size}\n            state={state}\n            onClick={slot.disabled ? undefined : () => onSelectSlot(slot)}\n          >\n            <span\n              data-tid={TimePickerDataTids.slot}\n              className={styles.slot()}\n              ref={(node) => {\n                if (!slotRefs) {\n                  return;\n                }\n\n                if (node) {\n                  slotRefs.current.set(index, node);\n                } else {\n                  slotRefs.current.delete(index);\n                }\n              }}\n            >\n              <span className={styles.slotTime()}>{normalizedSlot}</span>\n              {slot.info && <span className={styles.slotInfo(theme)}>{slot.info}</span>}\n            </span>\n          </MenuItem>\n        );\n      })}\n    </Menu>\n  );\n};\n"]}

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

@@ -0,0 +1,18 @@
+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 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,41 @@
+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 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,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 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,86 @@
+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 (segment === 'hours' && 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,
+        };
+    }
+    if (segment !== 'hours' && Number("".concat(currentDigits).concat(digit)) > getTimeSegmentMax(segment)) {
+        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 (segment === 'hours' && 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  if (segment !== 'hours' && Number(`${currentDigits}${digit}`) > getTimeSegmentMax(segment)) {\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,23 @@
+import type { ReactNode } from 'react';
+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: 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, 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 === EMPTY_VALUE) {
+        return fallback;
+    }
+    if (value.includes(TIME_SEPARATOR) || value.includes(TIME_PLACEHOLDER_CHAR)) {
+        var sourceParts_1 = value.split(TIME_SEPARATOR);
+        return segments.map(function (_, index) { var _a; return sanitizeSegment((_a = sourceParts_1[index]) !== null && _a !== void 0 ? _a : EMPTY_VALUE); });
+    }
+    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":"AAEA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,eAAe,EACf,6BAA6B,EAC7B,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,0BAA0B,EAC1B,cAAc,EACd,aAAa,GACd,MAAM,2BAA2B,CAAC;AAmBnC,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,SAAwB,IAAoB,OAAA,0BAA0B,CAAC,SAAS,CAAC,EAArC,CAAqC,CAAC;AAElH,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,OAAoB;IACpD,OAAA,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,6BAA6B;AAArE,CAAqE,CAAC;AAExE,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,OAAe;IACvC,OAAA,OAAO,CAAC,OAAO,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,mBAAmB,CAAC;AAA5E,CAA4E,CAAC;AAE/E,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,OAAe;IAC7C,OAAA,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;SAChB,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,qBAAqB,EAAzD,CAAyD,CAAC;SAC3E,KAAK,CAAC,CAAC,EAAE,mBAAmB,CAAC;SAC7B,IAAI,CAAC,EAAE,CAAC;SACR,MAAM,CAAC,mBAAmB,EAAE,qBAAqB,CAAC;AAJrD,CAIqD,CAAC;AAExD,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,YAAoB,EAAE,OAAoB;IAC7E,IAAM,MAAM,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IAEvC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,mBAAmB,EAAE,aAAa,CAAC,CAAC;AACnH,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAC,YAAoB,EAAE,OAAoB;IACjF,IAAM,MAAM,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IAEvC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,mBAAmB,EAAE,aAAa,CAAC,CAAC;AACnH,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,YAAoB;IACxD,OAAA,IAAI,MAAM,CAAC,cAAO,qBAAqB,MAAG,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;AAA9D,CAA8D,CAAC;AAEjE,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,KAAa,EAAE,SAAwB;IACxE,IAAM,QAAQ,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IAC5C,IAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,cAAM,OAAA,aAAa,EAAb,CAAa,CAAC,CAAC;IAEnD,IAAI,KAAK,KAAK,WAAW,EAAE,CAAC;QAC1B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,CAAC;QAC5E,IAAM,aAAW,GAAG,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAChD,OAAO,QAAQ,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK,YAAK,OAAA,eAAe,CAAC,MAAA,aAAW,CAAC,KAAK,CAAC,mCAAI,WAAW,CAAC,CAAA,EAAA,CAAC,CAAC;IACxF,CAAC;IAED,IAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;IAE5D,OAAO,QAAQ,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK;QAC3B,IAAM,YAAY,GAAG,KAAK,GAAG,mBAAmB,CAAC;QACjD,IAAM,UAAU,GAAG,YAAY,GAAG,mBAAmB,CAAC;QAEtD,OAAO,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import type { ReactNode } from 'react';\n\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  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: string, precision: TimePrecision): string[] => {\n  const segments = getTimeSegments(precision);\n  const fallback = segments.map(() => EMPTY_SEGMENT);\n\n  if (value === EMPTY_VALUE) {\n    return fallback;\n  }\n\n  if (value.includes(TIME_SEPARATOR) || value.includes(TIME_PLACEHOLDER_CHAR)) {\n    const sourceParts = value.split(TIME_SEPARATOR);\n    return segments.map((_, index) => sanitizeSegment(sourceParts[index] ?? EMPTY_VALUE));\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,8 @@
+import { type TimePrecision, type TimeSegment } from './TimePicker.shared.js';
+export declare const getEmptyDisplayValue: (precision: TimePrecision) => string;
+export declare const isTimeDisplayEmpty: (value: string) => boolean;
+export declare const normalizeTimeValue: (value: string, precision: TimePrecision) => string;
+export declare const isTimeValueInRange: (value: string, precision: TimePrecision, minValue?: string, maxValue?: string) => boolean;
+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;