@trilogy-ds/react 4.15.0-timepicker-circular-native → 4.15.0

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

@@ -0,0 +1,206 @@
+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, 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;
+    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 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(refInput, 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 _a;
+        var key = event.key;
+        if (key === 'Escape') {
+            setDisplay(false);
+            (_a = refInput.current) === null || _a === void 0 ? void 0 : _a.blur();
+        }
+    }, []);
+    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: ref, style: { position: 'relative' } },
+        React.createElement(Input, __assign({ testId: testId, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlckRlZmF1bHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVwaWNrZXIvZGVmYXVsdC9UaW1lcGlja2VyRGVmYXVsdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHVCQUF1QixDQUFBO0FBQy9DLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMzRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDckUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRy9DLElBQU0sK0JBQStCLEdBQUcsR0FBRyxDQUFBO0FBRTNDLElBQU0sYUFBYSxHQUFHLFVBQUMsS0FBYTtJQUNsQyxPQUFBLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsVUFBQyxDQUFDLEVBQUUsQ0FBQyxJQUFLLE9BQUEsQ0FBQztRQUN2QyxLQUFLLEVBQUUsQ0FBQztR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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;

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

@@ -0,0 +1,38 @@
+import { Text } from '../../../../../components/text';
+import { TypographyAlign } from '../../../../../objects/Typography/TypographyAlign';
+import { TypographyColor } from '../../../../../objects/Typography/TypographyColor';
+import React, { useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+var itemHeight = 36;
+var clamp = function (val, min, max) { return Math.min(Math.max(val, min), max); };
+var TimepickerSelectorItem = function (_a) {
+    var item = _a.item, index = _a.index, scrollOffset = _a.scrollOffset;
+    var position = index * itemHeight;
+    var distance = Math.abs(scrollOffset - position);
+    var computedStyle = useMemo(function () {
+        var opacity = clamp(1 - distance / (itemHeight * 2.5), 0.15, 1);
+        var scale = clamp(1.1 - (distance / (itemHeight * 2)) * 0.25, 0.85, 1.1);
+        var isActive = distance < itemHeight / 2;
+        return { opacity: opacity, scale: scale, isActive: isActive };
+    }, [distance, itemHeight]);
+    return (React.createElement(View, { style: [
+            styles.itemContainer,
+            {
+                height: itemHeight,
+                opacity: computedStyle.opacity,
+                transform: [{ scale: computedStyle.scale }],
+            },
+        ] },
+        React.createElement(Text, { typo: computedStyle.isActive
+                ? [TypographyAlign.TEXT_CENTERED, TypographyColor.TEXT_WHITE]
+                : [TypographyAlign.TEXT_CENTERED], style: { lineHeight: 0 } }, item.label)));
+};
+export default TimepickerSelectorItem;
+var styles = StyleSheet.create({
+    itemContainer: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: '100%',
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZXBpY2tlclNlbGVjdG9ySXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RpbWVwaWNrZXIvZGVmYXVsdC9zZWxlY3Rvci9pdGVtL1RpbWVwaWNrZXJTZWxlY3Rvckl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFBO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQTtBQUN0RSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN0QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQWEvQyxJQUFNLFVBQVUsR0FBRyxFQUFFLENBQUE7QUFFckIsSUFBTSxLQUFLLEdBQUcsVUFBQyxHQUFXLEVBQUUsR0FBVyxFQUFFLEdBQVcsSUFBSyxPQUFBLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLEVBQUUsR0FBRyxDQUFDLEVBQWpDLENBQWlDLENBQUE7QUFFMUYsSUFBTSxzQkFBc0IsR0FBRyxVQUFDLEVBQTZDO1FBQTNDLElBQUksVUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFlBQVksa0JBQUE7SUFDekQsSUFBTSxRQUFRLEdBQUcsS0FBSyxHQUFHLFVBQVUsQ0FBQTtJQUNuQyxJQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksR0FBRyxRQUFRLENBQUMsQ0FBQTtJQUVsRCxJQUFNLGFBQWEsR0FBRyxPQUFPLENBQUM7UUFDNUIsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLENBQUMsR0FBRyxRQUFRLEdBQUcsQ0FBQyxVQUFVLEdBQUcsR0FBRyxDQUFDLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFBO1FBQ2pFLElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxHQUFHLEdBQUcsQ0FBQyxRQUFRLEdBQUcsQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLEVBQUUsSUFBSSxFQUFFLEdBQUcsQ0FBQyxDQUFBO1FBQzFFLElBQU0sUUFBUSxHQUFHLFFBQVEsR0FBRyxVQUFVLEdBQUcsQ0FBQyxDQUFBO1FBRTFDLE9BQU8sRUFBRSxPQUFPLFNBQUEsRUFBRSxLQUFLLE9BQUEsRUFBRSxRQUFRLFVBQUEsRUFBRSxDQUFBO0lBQ3JDLENBQUMsRUFBRSxDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFBO0lBRTFCLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFO1lBQ0wsTUFBTSxDQUFDLGFBQWE7WUFDcEI7Z0JBQ0UsTUFBTSxFQUFFLFVBQVU7Z0JBQ2xCLE9BQU8sRUFBRSxhQUFhLENBQUMsT0FBTztnQkFDOUIsU0FBUyxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO2FBQzVDO1NBQ0Y7UUFFRCxvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUNGLGFBQWEsQ0FBQyxRQUFRO2dCQUNwQixDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsYUFBYSxFQUFFLGVBQWUsQ0FBQyxVQUFVLENBQUM7Z0JBQzdELENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUMsRUFFckMsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxJQUV2QixJQUFJLENBQUMsS0FBSyxDQUNOLENBQ0YsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxzQkFBc0IsQ0FBQTtBQUVyQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO0lBQy9CLGFBQWEsRUFBRTtRQUNiLGNBQWMsRUFBRSxRQUFRO1FBQ3hCLFVBQVUsRUFBRSxRQUFRO1FBQ3BCLEtBQUssRUFBRSxNQUFNO0tBQ2Q7Q0FDRixDQUFDLENBQUEifQ==

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

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

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

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

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

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

package/lib/components/timepicker/index.js

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