@trilogy-ds/react 4.14.4 → 4.15.0-beta-1

package/lib/components/timepicker/default/TimepickerDefault.js

@@ -0,0 +1,256 @@
+import { __assign, __read, __rest } from "tslib";
+import { GapSize } from '../../../components/columns';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { FlexBox } from '../../../components/flex-box';
+import { Input } from '../../../components/input';
+import { Text } from '../../../components/text';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { useClickOutside } from '../../../helpers/clickOutside';
+import { Align, Justify, TypographyAlign } from '../../../objects';
+import clsx from 'clsx';
+import React, { useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { TimepickerSelector } from './selector';
+var APPROXIMATIVE_HEIGHT_TIMEPICKER = 300;
+var generateItems = function (count) {
+    return Array.from({ length: count }, function (_, i) { return ({
+        value: i,
+        label: i.toString().padStart(2, '0'),
+    }); });
+};
+var parseTime = function (timeStr) {
+    var _a = __read(timeStr.split(':'), 2), h = _a[0], m = _a[1];
+    return {
+        hours: parseInt(h || '0', 10) || 0,
+        minutes: parseInt(m || '0', 10) || 0,
+    };
+};
+var TimepickerDefault = React.forwardRef(function (_a, ref) {
+    var disabled = _a.disabled, id = _a.id, _b = _a.value, value = _b === void 0 ? '00:00' : _b, onChange = _a.onChange, _c = _a.step, step = _c === void 0 ? 1 : _c, label = _a.label, sample = _a.sample, help = _a.help, required = _a.required, testId = _a.testId, others = __rest(_a, ["disabled", "id", "value", "onChange", "step", "label", "sample", "help", "required", "testId"]);
+    var _d = __read(useState(false), 2), display = _d[0], setDisplay = _d[1];
+    var styled = useTrilogyContext().styled;
+    var _e = parseTime(value), hours = _e.hours, minutes = _e.minutes;
+    useImperativeHandle(ref, function () { return timepickerRef.current; });
+    var _f = __read(useState(hours), 2), selectedHours = _f[0], setSelectedHours = _f[1];
+    var _g = __read(useState(minutes), 2), selectedMinutes = _g[0], setSelectedMinutes = _g[1];
+    var _h = __read(useState(value !== '00:00' ? value : ''), 2), inputValue = _h[0], setInputValue = _h[1];
+    var timepickerRef = useRef(null);
+    var refInput = useRef(null);
+    var _j = __read(useState({ top: 0, left: 0, width: 0, openUpward: false }), 2), portalPosition = _j[0], setPortalPosition = _j[1];
+    var menuClasses = hashClass(styled, clsx('timepicker-menu'));
+    var dividerClasses = hashClass(styled, clsx('timepicker-menu-divider'));
+    useClickOutside(timepickerRef, function () {
+        setTimeout(function () {
+            setDisplay(false);
+        }, 0);
+    });
+    var calculatePortalPosition = useCallback(function () {
+        if (!refInput.current)
+            return;
+        var rect = refInput.current.getBoundingClientRect();
+        var top = rect.top, bottom = rect.bottom, left = rect.left, width = rect.width;
+        var windowHeight = window.innerHeight;
+        var spaceBelow = windowHeight - bottom;
+        var padding = 10;
+        var maxHeightBelow = spaceBelow - padding;
+        var maxHeightAbove = top - padding;
+        var shouldOpenUpward = maxHeightBelow < APPROXIMATIVE_HEIGHT_TIMEPICKER && maxHeightAbove > maxHeightBelow;
+        var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+        var scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
+        setPortalPosition({
+            top: shouldOpenUpward
+                ? top + scrollTop - APPROXIMATIVE_HEIGHT_TIMEPICKER - padding
+                : bottom + scrollTop + padding,
+            left: left + scrollLeft,
+            width: width,
+            openUpward: shouldOpenUpward,
+        });
+    }, []);
+    var hourItems = useMemo(function () { return generateItems(24); }, []);
+    var minuteItems = useMemo(function () {
+        var items = [];
+        for (var i = 0; i < 60; i += step) {
+            items.push({ value: i, label: i.toString().padStart(2, '0') });
+        }
+        return items;
+    }, [step]);
+    var handleOpenCloseModal = useCallback(function () {
+        if (!disabled) {
+            if (!display) {
+                calculatePortalPosition();
+            }
+            setDisplay(function (prev) { return !prev; });
+        }
+    }, [disabled, display, calculatePortalPosition]);
+    var handleHourChange = useCallback(function (newHour) {
+        setSelectedHours(newHour);
+        var formatted = "".concat(newHour.toString().padStart(2, '0'), ":").concat(selectedMinutes.toString().padStart(2, '0'));
+        setInputValue(formatted);
+        onChange === null || onChange === void 0 ? void 0 : onChange(formatted);
+    }, [selectedMinutes, onChange]);
+    var handleMinuteChange = useCallback(function (newMinute) {
+        setSelectedMinutes(newMinute);
+        var formatted = "".concat(selectedHours.toString().padStart(2, '0'), ":").concat(newMinute.toString().padStart(2, '0'));
+        setInputValue(formatted);
+        onChange === null || onChange === void 0 ? void 0 : onChange(formatted);
+    }, [selectedHours, onChange]);
+    var handleKeyDown = useCallback(function (event) {
+        var inputKeyCode = event.inputKeyCode, preventDefault = event.preventDefault;
+        if (inputKeyCode === 38 || inputKeyCode === 40) {
+            preventDefault();
+            var input_1 = refInput.current;
+            if (!input_1)
+                return;
+            var cursorPosition = input_1.selectionStart || 0;
+            var isHourSection = cursorPosition <= 2;
+            var increment = inputKeyCode === 38 ? 1 : -1;
+            if (isHourSection) {
+                var newHours = Math.max(0, Math.min(23, selectedHours + increment));
+                handleHourChange(newHours);
+                setTimeout(function () {
+                    if (input_1) {
+                        input_1.setSelectionRange(0, 2);
+                    }
+                }, 0);
+            }
+            else {
+                var newMinutes = Math.max(0, Math.min(59, selectedMinutes + increment));
+                var roundedMinutes = Math.round(newMinutes / step) * step;
+                var finalMinutes = Math.max(0, Math.min(59, roundedMinutes));
+                handleMinuteChange(finalMinutes);
+                setTimeout(function () {
+                    if (input_1) {
+                        input_1.setSelectionRange(3, 5);
+                    }
+                }, 0);
+            }
+        }
+        if (inputKeyCode === 37 || inputKeyCode === 39) {
+            var input_2 = refInput.current;
+            if (!input_2)
+                return;
+            var cursorPosition = input_2.selectionStart || 0;
+            var inputValue_1 = input_2.value || '';
+            if (inputKeyCode === 37 && cursorPosition === 3 && inputValue_1.length >= 3) {
+                preventDefault();
+                setTimeout(function () {
+                    if (input_2) {
+                        input_2.setSelectionRange(2, 2);
+                    }
+                }, 0);
+            }
+            else if (inputKeyCode === 39 && cursorPosition === 2 && inputValue_1.length >= 3) {
+                preventDefault();
+                setTimeout(function () {
+                    if (input_2) {
+                        input_2.setSelectionRange(3, 3);
+                    }
+                }, 0);
+            }
+        }
+    }, [selectedHours, selectedMinutes, step, handleHourChange, handleMinuteChange]);
+    var handleInputChange = useCallback(function (event) {
+        var _a;
+        var inputValue = event.inputValue;
+        var previousValue = ((_a = refInput.current) === null || _a === void 0 ? void 0 : _a.value) || '';
+        var cleanValue = inputValue.replace(/[^\d:]/g, '');
+        var formattedValue = '';
+        var digits = cleanValue.replace(/:/g, '');
+        var shouldMoveCursor = false;
+        if (digits.length === 0) {
+            formattedValue = '';
+        }
+        else if (digits.length === 1) {
+            formattedValue = digits;
+        }
+        else if (digits.length === 2) {
+            formattedValue = "".concat(digits, ":");
+            if (previousValue.length === 2 && !previousValue.includes(':')) {
+                shouldMoveCursor = true;
+            }
+        }
+        else if (digits.length === 3) {
+            formattedValue = "".concat(digits.slice(0, 2), ":").concat(digits.slice(2));
+        }
+        else if (digits.length === 4) {
+            formattedValue = "".concat(digits.slice(0, 2), ":").concat(digits.slice(2, 4));
+        }
+        else {
+            formattedValue = "".concat(digits.slice(0, 2), ":").concat(digits.slice(2, 4));
+        }
+        if (formattedValue.length > 5) {
+            formattedValue = formattedValue.slice(0, 5);
+        }
+        setInputValue(formattedValue);
+        if (shouldMoveCursor) {
+            setTimeout(function () {
+                if (refInput.current) {
+                    refInput.current.setSelectionRange(3, 3);
+                }
+            }, 0);
+        }
+        if (formattedValue.includes(':') && formattedValue.length === 5) {
+            var _b = parseTime(formattedValue), hours_1 = _b.hours, minutes_1 = _b.minutes;
+            if (hours_1 >= 0 && hours_1 <= 23 && minutes_1 >= 0 && minutes_1 <= 59) {
+                var roundedMinutes = Math.round(minutes_1 / step) * step;
+                var finalMinutes = Math.max(0, Math.min(59, roundedMinutes));
+                var finalFormattedValue = "".concat(hours_1.toString().padStart(2, '0'), ":").concat(finalMinutes
+                    .toString()
+                    .padStart(2, '0'));
+                setSelectedHours(hours_1);
+                setSelectedMinutes(finalMinutes);
+                if (finalMinutes !== minutes_1) {
+                    setInputValue(finalFormattedValue);
+                }
+                onChange === null || onChange === void 0 ? void 0 : onChange(finalFormattedValue);
+            }
+        }
+        else if (formattedValue === '') {
+            setSelectedHours(0);
+            setSelectedMinutes(0);
+            onChange === null || onChange === void 0 ? void 0 : onChange('00:00');
+        }
+    }, [onChange]);
+    React.useEffect(function () {
+        var _a = parseTime(value), h = _a.hours, m = _a.minutes;
+        setSelectedHours(h);
+        setSelectedMinutes(m);
+        setInputValue(value !== '00:00' ? value : '');
+    }, [value]);
+    React.useEffect(function () {
+        if (!display)
+            return;
+        var handleUpdate = function () { return calculatePortalPosition(); };
+        window.addEventListener('scroll', handleUpdate, true);
+        window.addEventListener('resize', handleUpdate);
+        return function () {
+            window.removeEventListener('scroll', handleUpdate, true);
+            window.removeEventListener('resize', handleUpdate);
+        };
+    }, [display, calculatePortalPosition]);
+    return (React.createElement("div", { ref: timepickerRef, style: { position: 'relative' } },
+        React.createElement(Input, __assign({ ref: refInput, label: label, sample: sample, help: help, required: required, onIconClick: handleOpenCloseModal, disabled: disabled, iconNameRight: 'tri-clock', placeholder: '--:--', value: inputValue, id: id, onChange: handleInputChange, onFocus: function () {
+                calculatePortalPosition();
+                setDisplay(true);
+            }, onClick: function () {
+                if (refInput.current) {
+                    refInput.current.select();
+                }
+            } }, __assign(__assign({}, others), { onKeyDown: handleKeyDown }))),
+        display && (React.createElement("div", { className: menuClasses, style: {
+                top: portalPosition.openUpward ? 'auto' : '100%',
+                bottom: portalPosition.openUpward ? '100%' : 'auto',
+                marginTop: portalPosition.openUpward ? '0' : '4px',
+                marginBottom: portalPosition.openUpward ? '4px' : '0',
+            } },
+            React.createElement("div", { className: dividerClasses }),
+            React.createElement(FlexBox, { align: Align.CENTER, justify: Justify.SPACE_BETWEEN, gap: GapSize.ONE, className: 'timepicker-menu-header' },
+                React.createElement(Text, { typo: [TypographyAlign.TEXT_CENTERED], className: 'timepicker-menu-title' }, "Heure"),
+                React.createElement(Text, { typo: [TypographyAlign.TEXT_CENTERED], className: 'timepicker-menu-title' }, "Minute")),
+            React.createElement(FlexBox, { align: Align.CENTER, justify: Justify.SPACE_BETWEEN, className: 'timepicker-menu-selectors', gap: GapSize.FOUR },
+                React.createElement(TimepickerSelector, { items: hourItems, value: selectedHours, onValueChange: function (v) { return handleHourChange(Number(v)); } }),
+                React.createElement(TimepickerSelector, { items: minuteItems, value: selectedMinutes, onValueChange: function (v) { return handleMinuteChange(Number(v)); } }))))));
+});
+TimepickerDefault.displayName = ComponentName.Timepicker;
+export default TimepickerDefault;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlckRlZmF1bHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVwaWNrZXIvZGVmYXVsdC9UaW1lcGlja2VyRGVmYXVsdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHVCQUF1QixDQUFBO0FBQy9DLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMzRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRy9DLElBQU0sK0JBQStCLEdBQUcsR0FBRyxDQUFBO0FBRTNDLElBQU0sYUFBYSxHQUFHLFVBQUMsS0FBYTtJQUNsQyxPQUFBLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsVUFBQyxDQUFDLEVBQUUsQ0FBQyxJQUFLLE9BQUEsQ0FBQztRQUN2QyxLQUFL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

package/lib/components/timepicker/default/TimepickerDefault.native.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { View } from 'react-native';
+import { TimepickerDefaultProps } from './TimepickerDefaultProps';
+declare const TimepickerDefault: React.ForwardRefExoticComponent<Omit<TimepickerDefaultProps, "circular"> & React.RefAttributes<View>>;
+export default TimepickerDefault;

package/lib/components/timepicker/default/TimepickerDefault.native.js

@@ -0,0 +1,83 @@
+import { __assign, __read, __rest } from "tslib";
+import { Button, ButtonVariant } from '../../../components/button';
+import { GapSize } from '../../../components/columns';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { FlexBox } from '../../../components/flex-box';
+import Input from '../../../components/input/Input.native';
+import ModalFooter from '../../../components/modal/footer/ModalFooter.native';
+import Modal from '../../../components/modal/Modal.native';
+import { Spacer, SpacerSize } from '../../../components/spacer';
+import { Text, TextLevels } from '../../../components/text';
+import { Align, Justify, TypographyAlign, TypographyBold } from '../../../objects';
+import React, { useCallback, useMemo, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import { TimepickerSelector } from './selector/TimepickerSelector.native';
+var generateItems = function (count) {
+    return Array.from({ length: count }, function (_, i) { return ({
+        value: i,
+        label: i.toString().padStart(2, '0'),
+    }); });
+};
+var TimepickerDefault = React.forwardRef(function (_a, ref) {
+    var disabled = _a.disabled, id = _a.id, _b = _a.value, value = _b === void 0 ? '00:00' : _b, onChange = _a.onChange, _c = _a.step, step = _c === void 0 ? 1 : _c, label = _a.label, sample = _a.sample, help = _a.help, required = _a.required, testId = _a.testId, others = __rest(_a, ["disabled", "id", "value", "onChange", "step", "label", "sample", "help", "required", "testId"]);
+    var _d = __read(useState(false), 2), display = _d[0], setDisplay = _d[1];
+    var parseTime = function (timeStr) {
+        var _a = __read(timeStr.split(':'), 2), h = _a[0], m = _a[1];
+        return {
+            hours: parseInt(h || '0', 10) || 0,
+            minutes: parseInt(m || '0', 10) || 0,
+        };
+    };
+    var _e = parseTime(value), hours = _e.hours, minutes = _e.minutes;
+    var _f = __read(useState(hours), 2), selectedHours = _f[0], setSelectedHours = _f[1];
+    var _g = __read(useState(minutes), 2), selectedMinutes = _g[0], setSelectedMinutes = _g[1];
+    var _h = __read(useState(value !== '00:00' ? value : undefined), 2), inputValue = _h[0], setInputValue = _h[1];
+    var hourItems = useMemo(function () { return generateItems(24); }, []);
+    var minuteItems = useMemo(function () {
+        var items = [];
+        for (var i = 0; i < 60; i += step) {
+            items.push({ value: i, label: i.toString().padStart(2, '0') });
+        }
+        return items;
+    }, [step]);
+    var handleOpenCloseModal = useCallback(function () {
+        if (!disabled) {
+            setDisplay(function (prev) { return !prev; });
+        }
+    }, [disabled]);
+    var handleValidate = useCallback(function () {
+        var formatted = "".concat(selectedHours.toString().padStart(2, '0'), ":").concat(selectedMinutes.toString().padStart(2, '0'));
+        setInputValue(formatted);
+        onChange === null || onChange === void 0 ? void 0 : onChange(formatted);
+        setDisplay(false);
+    }, [selectedHours, selectedMinutes, onChange]);
+    var handleCancel = useCallback(function () {
+        setSelectedHours(hours);
+        setSelectedMinutes(minutes);
+        setDisplay(false);
+    }, [hours, minutes]);
+    React.useEffect(function () {
+        var _a = parseTime(value), h = _a.hours, m = _a.minutes;
+        setSelectedHours(h);
+        setSelectedMinutes(m);
+        setInputValue(value !== '00:00' ? value : undefined);
+    }, [value]);
+    return (React.createElement(Modal, { hideCloseButton: true, active: display, onClose: handleOpenCloseModal, trigger: React.createElement(Pressable, { onPress: handleOpenCloseModal },
+            React.createElement(Input, __assign({ testId: testId, label: label, sample: sample, help: help, required: required, onIconClick: handleOpenCloseModal, disabled: disabled, iconNameRight: 'tri-clock', placeholder: '--:--', value: inputValue, ref: ref }, { editable: false, pointerEvents: 'none', id: id }, others))) },
+        React.createElement(View, { style: { paddingBottom: 20 } },
+            React.createElement(FlexBox, { justify: Justify.SPACE_BETWEEN, align: Align.CENTER },
+                React.createElement(Text, { level: TextLevels.TWO, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyAlign.TEXT_CENTERED, TypographyAlign.TEXT_CENTERED], style: { flex: 1 } }, "Heures"),
+                React.createElement(Text, { level: TextLevels.TWO, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyAlign.TEXT_CENTERED], style: { flex: 1 } }, "Minutes")),
+            React.createElement(FlexBox, { align: Align.CENTER, gap: GapSize.FOUR },
+                React.createElement(View, { style: { flex: 1 } },
+                    React.createElement(TimepickerSelector, { items: hourItems, value: selectedHours, onValueChange: function (v) { return setSelectedHours(Number(v)); } })),
+                React.createElement(View, { style: { flex: 1 } },
+                    React.createElement(TimepickerSelector, { items: minuteItems, value: selectedMinutes, onValueChange: function (v) { return setSelectedMinutes(Number(v)); } })))),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { onClick: handleValidate }, "Valider"),
+            React.createElement(Spacer, { size: SpacerSize.FOUR }),
+            React.createElement(Button, { variant: ButtonVariant.SECONDARY, onClick: handleCancel }, "Annuler"))));
+});
+TimepickerDefault.displayName = ComponentName.Timepicker;
+export default TimepickerDefault;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlckRlZmF1bHQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lcGlja2VyL2RlZmF1bHQvVGltZXBpY2tlckRlZmF1bHQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQTtBQUMvQyxPQUFPLEtBQUssTUFBTSxpQ0FBaUMsQ0FBQTtBQUNuRCxPQUFPLFdBQVcsTUFBTSw4Q0FBOEMsQ0FBQTtBQUN0RSxPQUFPLEtBQUssTUFBTSxpQ0FBaUMsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMzRSxPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzdELE9BQU8sRUFBRSxTQUFTLEVBQWEsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3pELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFBO0FBR3pFLElBQU0sYUFBYSxHQUFHLFVBQUMsS0FBYTtJQUNsQyxPQUFBLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsVUFBQyxDQUFD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

package/lib/components/timepicker/default/TimepickerDefaultProps.d.ts

@@ -0,0 +1,6 @@
+import { Dev } from '../../../objects/facets/Dev';
+import { TimepickerProps } from '../TimepickerProps';
+export interface TimepickerDefaultProps extends Omit<Extract<TimepickerProps, {
+    circular?: false;
+}>, 'circular'>, Dev {
+}

package/lib/components/timepicker/default/TimepickerDefaultProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlckRlZmF1bHRQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZXBpY2tlci9kZWZhdWx0L1RpbWVwaWNrZXJEZWZhdWx0UHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/timepicker/default/TimepickerDefaultPropsDefaults.js

@@ -0,0 +1,9 @@
+export default {
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/timepicker/default/index.d.ts

@@ -0,0 +1,2 @@
+import TimepickerDefault from './TimepickerDefault';
+export { TimepickerDefault };

package/lib/components/timepicker/default/index.js

@@ -0,0 +1,3 @@
+import TimepickerDefault from './TimepickerDefault';
+export { TimepickerDefault };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVwaWNrZXIvZGVmYXVsdC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGlCQUFpQixNQUFNLHFCQUFxQixDQUFBO0FBRW5ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxDQUFBIn0=

package/lib/components/timepicker/default/selector/TimepickerSelector.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface SelectItem {
+    label: string;
+    value: string | number;
+}
+interface SelectProps {
+    items: SelectItem[];
+    value: string | number;
+    onValueChange: (value: string | number) => void;
+    visibleItems?: number;
+}
+export declare const TimepickerSelector: ({ items, value, onValueChange, visibleItems }: SelectProps) => React.JSX.Element;
+export {};

package/lib/components/timepicker/default/selector/TimepickerSelector.js

@@ -0,0 +1,22 @@
+import { useTrilogyContext } from '../../../../context';
+import { hashClass } from '../../../../helpers';
+import clsx from 'clsx';
+import React, { useEffect, useRef } from 'react';
+import TimepickerSelectorItem from './item/TimepickerSelectorItem';
+export var TimepickerSelector = function (_a) {
+    var items = _a.items, value = _a.value, onValueChange = _a.onValueChange, _b = _a.visibleItems, visibleItems = _b === void 0 ? 5 : _b;
+    var containerRef = useRef(null);
+    var styled = useTrilogyContext().styled;
+    useEffect(function () {
+        var selectedIndex = items.findIndex(function (item) { return item.value === value; });
+        if (selectedIndex !== -1 && containerRef.current) {
+            var itemHeight = 36;
+            var scrollTop = selectedIndex * itemHeight - ((visibleItems - 1) * itemHeight) / 2;
+            containerRef.current.scrollTop = Math.max(0, scrollTop);
+        }
+    }, [value, items, visibleItems]);
+    return (React.createElement("div", { ref: containerRef, className: hashClass(styled, clsx('timepicker-selector')), style: {
+            height: "".concat(visibleItems * 48, "px"),
+        } }, items.map(function (item, index) { return (React.createElement(TimepickerSelectorItem, { key: "".concat(item.value, "-").concat(index), item: item, isSelected: item.value === value, onClick: function () { return onValueChange(item.value); } })); })));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlclNlbGVjdG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lcGlja2VyL2RlZmF1bHQvc2VsZWN0b3IvVGltZXBpY2tlclNlbGVjdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2hELE9BQU8sc0JBQXNCLE1BQU0sK0JBQStCLENBQUE7QUFjbEUsTUFBTSxDQUFDLElBQU0sa0JBQWtCLEdBQUcsVUFBQyxFQUE4RDtRQUE1RCxLQUFLLFdBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsb0JBQWdCLEVBQWhCLFlBQVksbUJBQUcsQ0FBQyxLQUFBO0lBQ2hGLElBQU0sWUFBWSxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUE7SUFDekMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsU0FBUyxDQUFDO1FBQ1IsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLElBQUksQ0FBQyxLQUFLLEtBQUssS0FBSyxFQUFwQixDQUFvQixDQUFDLENBQUE7UUFDckUsSUFBSSxhQUFhLEtBQUssQ0FBQyxDQUFDLElBQUksWUFBWSxDQUFDLE9BQU8sRUFBRTtZQUNoRCxJQUFNLFVBQVUsR0FBRyxFQUFFLENBQUE7WUFDckIsSUFBTSxTQUFTLEdBQUcsYUFBYSxHQUFHLFVBQVUsR0FBRyxDQUFDLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxHQUFHLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQTtZQUNwRixZQUFZLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQTtTQUN4RDtJQUNILENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsWUFBWSxDQUFDLENBQUMsQ0FBQTtJQUVoQyxPQUFPLENBQ0wsNkJBQ0UsR0FBRyxFQUFFLFlBQVksRUFDakIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUMsRUFDekQsS0FBSyxFQUFFO1lBQ0wsTUFBTSxFQUFFLFVBQUcsWUFBWSxHQUFHLEVBQUUsT0FBSTtTQUNqQyxJQUVBLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDMUIsb0JBQUMsc0JBQXNCLElBQ3JCLEdBQUcsRUFBRSxVQUFHLElBQUksQ0FBQyxLQUFLLGNBQUksS0FBSyxDQUFFLEVBQzdCLElBQUksRUFBRSxJQUFJLEVBQ1YsVUFBVSxFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssS0FBSyxFQUNoQyxPQUFPLEVBQUUsY0FBTSxPQUFBLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQXpCLENBQXlCLEdBQ3hDLENBQ0gsRUFQMkIsQ0FPM0IsQ0FBQyxDQUNFLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQSJ9

package/lib/components/timepicker/default/selector/TimepickerSelector.native.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface SelectItem {
+    label: string;
+    value: string | number;
+}
+interface SelectProps {
+    items: SelectItem[];
+    value: string | number;
+    onValueChange: (value: string | number) => void;
+    visibleItems?: number;
+}
+export declare const TimepickerSelector: ({ items, value, onValueChange, visibleItems }: SelectProps) => React.JSX.Element;
+export {};

package/lib/components/timepicker/default/selector/TimepickerSelector.native.js

@@ -0,0 +1,69 @@
+import { __read } from "tslib";
+import { ModalContext } from '../../../../components/modal/context/ModalContext';
+import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { ScrollView, StyleSheet, View } from 'react-native';
+import TimepickerSelectorItem from './item/TimepickerSelectorItem.native';
+var itemHeight = 36;
+export var TimepickerSelector = function (_a) {
+    var items = _a.items, value = _a.value, onValueChange = _a.onValueChange, _b = _a.visibleItems, visibleItems = _b === void 0 ? 5 : _b;
+    var _c = __read(useState(0), 2), scrollOffset = _c[0], setScrollOffset = _c[1];
+    var containerHeight = itemHeight * visibleItems;
+    var localScrollRef = useRef(null);
+    var _d = useContext(ModalContext), scrollViewRef = _d.scrollViewRef, modalOnScroll = _d.handleOnScroll;
+    var selectedIndex = useMemo(function () { return items.findIndex(function (item) { return item.value === value; }); }, [items, value]);
+    var verticalPadding = (containerHeight - itemHeight) / 2;
+    useEffect(function () {
+        if (localScrollRef.current && scrollViewRef) {
+            scrollViewRef.current = localScrollRef.current;
+        }
+    }, [scrollViewRef]);
+    useEffect(function () {
+        if (localScrollRef.current && selectedIndex >= 0) {
+            var targetOffset_1 = selectedIndex * itemHeight;
+            setScrollOffset(targetOffset_1);
+            setTimeout(function () {
+                var _a;
+                (_a = localScrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ y: targetOffset_1, animated: false });
+            }, 50);
+        }
+    }, [selectedIndex, itemHeight]);
+    var onScroll = useCallback(function (event) {
+        setScrollOffset(event.nativeEvent.contentOffset.y);
+        modalOnScroll === null || modalOnScroll === void 0 ? void 0 : modalOnScroll(event);
+    }, [modalOnScroll]);
+    var onScrollEnd = useCallback(function (event) {
+        var offsetY = event.nativeEvent.contentOffset.y;
+        var index = Math.round(offsetY / itemHeight);
+        setScrollOffset(offsetY);
+        if (items[index] && items[index].value !== value) {
+            onValueChange(items[index].value);
+        }
+    }, [items, itemHeight, onValueChange, value]);
+    return (React.createElement(View, { style: [styles.container, { height: containerHeight }] },
+        React.createElement(View, { style: [
+                styles.indicator,
+                {
+                    height: itemHeight,
+                    top: verticalPadding,
+                    backgroundColor: getColorStyle(TrilogyColor.MAIN),
+                },
+            ] }),
+        React.createElement(ScrollView, { ref: localScrollRef, showsVerticalScrollIndicator: false, snapToInterval: itemHeight, decelerationRate: 'fast', onScroll: onScroll, onMomentumScrollEnd: onScrollEnd, contentContainerStyle: {
+                paddingVertical: verticalPadding,
+            }, scrollEventThrottle: 16, nestedScrollEnabled: true }, items.map(function (item, index) { return (React.createElement(TimepickerSelectorItem, { key: String(item.value), item: item, index: index, scrollOffset: scrollOffset })); }))));
+};
+var styles = StyleSheet.create({
+    container: {
+        width: '100%',
+        overflow: 'hidden',
+    },
+    indicator: {
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        zIndex: -1,
+        borderRadius: 8,
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlclNlbGVjdG9yLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZXBpY2tlci9kZWZhdWx0L3NlbGVjdG9yL1RpbWVwaWNrZXJTZWxlY3Rvci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUE7QUFDdEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzVGLE9BQU8sRUFBMkMsVUFBVSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDcEcsT0FBTyxzQkFBc0IsTUFBTSxzQ0FBc0MsQ0FBQTtBQWN6RSxJQUFNLFVBQVUsR0FBRyxFQUFFLENBQUE7QUFFckIsTUFBTSxDQUFDLElBQU0sa0JBQWtCLEdBQUcsVUFBQyxFQUE4RDtRQUE1RCxLQUFLLFdBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsb0JBQWdCLEVBQWhCLFlBQVksbUJBQUcsQ0FBQyxLQUFBO0lBQzFFLElBQUEsS0FBQSxPQUFrQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBNUMsWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUFlLENBQUE7SUFDbkQsSUFBTSxlQUFlLEdBQUcsVUFBVSxHQUFHLFlBQVksQ0FBQTtJQUNqRCxJQUFNLGNBQWMsR0FBRyxNQUFNLENBQWEsSUFBSSxDQUFDLENBQUE7SUFDekMsSUFBQSxLQUFtRCxVQUFVLENBQUMsWUFBWSxDQUFDLEVBQXpFLGFBQWEsbUJBQUEsRUFBa0IsYUFBYSxvQkFBNkIsQ0FBQTtJQUNqRixJQUFN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

package/lib/components/timepicker/default/selector/index.d.ts

@@ -0,0 +1,2 @@
+import { TimepickerSelector } from './TimepickerSelector';
+export { TimepickerSelector };

package/lib/components/timepicker/default/selector/index.js

@@ -0,0 +1,3 @@
+import { TimepickerSelector } from './TimepickerSelector';
+export { TimepickerSelector };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVwaWNrZXIvZGVmYXVsdC9zZWxlY3Rvci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUV6RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQSJ9

package/lib/components/timepicker/default/selector/item/TimepickerSelectorItem.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface SelectItem {
+    label: string;
+    value: string | number;
+}
+interface WheelItemProps {
+    item: SelectItem;
+    isSelected: boolean;
+    onClick: () => void;
+}
+declare const TimepickerSelectorItem: ({ item, isSelected, onClick }: WheelItemProps) => React.JSX.Element;
+export default TimepickerSelectorItem;

package/lib/components/timepicker/default/selector/item/TimepickerSelectorItem.js

@@ -0,0 +1,14 @@
+import { Text } from '../../../../../components/text';
+import { useTrilogyContext } from '../../../../../context';
+import { hashClass } from '../../../../../helpers';
+import { is } from '../../../../../services';
+import clsx from 'clsx';
+import React from 'react';
+var TimepickerSelectorItem = function (_a) {
+    var item = _a.item, isSelected = _a.isSelected, onClick = _a.onClick;
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", { onClick: onClick, className: hashClass(styled, clsx('timepicker-selector-item', isSelected && is('active'))) },
+        React.createElement(Text, null, item.label)));
+};
+export default TimepickerSelectorItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlclNlbGVjdG9ySXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZXBpY2tlci9kZWZhdWx0L3NlbGVjdG9yL2l0ZW0vVGltZXBpY2tlclNlbGVjdG9ySXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQWF6QixJQUFNLHNCQUFzQixHQUFHLFVBQUMsRUFBNkM7UUFBM0MsSUFBSSxVQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLE9BQU8sYUFBQTtJQUNqRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsNkJBQUssT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsMEJBQTBCLEVBQUUsVUFBVSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO1FBQy9HLG9CQUFDLElBQUksUUFBRSxJQUFJLENBQUMsS0FBSyxDQUFRLENBQ3JCLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsc0JBQXNCLENBQUEifQ==

package/lib/components/timepicker/default/selector/item/TimepickerSelectorItem.native.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface SelectItem {
+    label: string;
+    value: string | number;
+}
+interface WheelItemProps {
+    item: SelectItem;
+    index: number;
+    scrollOffset: number;
+}
+declare const TimepickerSelectorItem: ({ item, index, scrollOffset }: WheelItemProps) => React.JSX.Element;
+export default TimepickerSelectorItem;