@rolster/react-components 19.13.0 → 19.15.0

package/dist/esm/components/organisms/PickerClock/PickerClock.js

@@ -1,237 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PickerListenerEvent } from '@rolster/components';
-import { Time } from '@rolster/dates';
-import { i18nSubscribe } from '@rolster/i18n';
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useEventCallback } from '../../../controllers/EventCallbackController';
-import { renderClassStatus } from '../../../helpers/css';
-import { reactI18n } from '../../../i18n';
-import { RlsButton } from '../../atoms/Button/Button';
-import { RlsButtonAction } from '../../atoms/ButtonAction/ButtonAction';
-function formatTime(value) {
-    return String(value).padStart(2, '0');
-}
-function pointerIsInsideTick({ clientX, clientY }, tick) {
-    const { left, top, width, height } = tick.getBoundingClientRect();
-    const distanceX = clientX - (left + width / 2);
-    const distanceY = clientY - (top + height / 2);
-    const radius = Math.min(width, height) / 2;
-    return distanceX ** 2 + distanceY ** 2 <= radius ** 2;
-}
-const CLOCK_VALUES = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
-const CLOCK_HOURS = 12;
-const CLOCK_MINUTES = 60;
-const RADIUS = 48;
-const DIAL_RADIUS = 60;
-const TICK_RADIUS = 7;
-function RlsPickerClockTick({ selectionIsHours, value }) {
-    const styleTick = useMemo(() => {
-        const radian = (value / 6) * Math.PI;
-        const x = Math.sin(radian) * RADIUS;
-        const y = Math.cos(radian) * RADIUS;
-        return {
-            left: `${DIAL_RADIUS + x - TICK_RADIUS - 1}rem`,
-            top: `${DIAL_RADIUS - y - TICK_RADIUS - 1}rem`
-        };
-    }, []);
-    const tickValue = useMemo(() => {
-        if (selectionIsHours) {
-            return value;
-        }
-        return value === CLOCK_HOURS ? 0 : value * 5;
-    }, [selectionIsHours]);
-    return (_jsx("div", { className: "rls-picker-clock__tick", style: styleTick, "data-value": tickValue, children: formatTime(tickValue) }));
-}
-function RlsPickerClockComponent({ formControl, rlsSize, onListener, rlsTheme, time }) {
-    const timeInitial = useMemo(() => {
-        return formControl?.value ?? time ?? Time.now();
-    }, [formControl?.value, time]);
-    const plateElement = useRef(null);
-    const lineElement = useRef(null);
-    const centerElement = useRef(null);
-    const indicatorElement = useRef(null);
-    const pointElement = useRef(null);
-    const [labels, setLabels] = useState({
-        timeActionCancel: reactI18n('dateActionCancel'),
-        timeActionSelect: reactI18n('dateActionSelect')
-    });
-    const [zoneIsPM, setZoneIsPM] = useState(timeInitial.hour >= 12);
-    const [hour, setHour] = useState(zoneIsPM ? timeInitial.hour - 12 : timeInitial.hour);
-    const [minute, setMinute] = useState(timeInitial.minute);
-    const [selectionIsHours, setSelectionIsHours] = useState(true);
-    const changeIsInternal = useRef(true);
-    const selectionIsActive = useRef(false);
-    const radianUnit = useMemo(() => {
-        return Math.PI / (selectionIsHours ? 6 : 30);
-    }, [selectionIsHours]);
-    const hourFormat = useMemo(() => {
-        return formatTime(hour === 0 ? 12 : hour);
-    }, [hour]);
-    const minuteFormat = useMemo(() => {
-        return formatTime(minute);
-    }, [minute]);
-    const classNameHour = renderClassStatus('rls-picker-clock__title__value', {
-        active: selectionIsHours
-    });
-    const classNameMinute = renderClassStatus('rls-picker-clock__title__value', {
-        active: !selectionIsHours
-    });
-    const classNameAM = renderClassStatus('rls-picker-clock__zone__value', {
-        active: !zoneIsPM
-    });
-    const classNamePM = renderClassStatus('rls-picker-clock__zone__value', {
-        active: zoneIsPM
-    });
-    const refreshClockHour = useEventCallback(() => {
-        refreshClock(hour > 12 ? hour - 12 : hour);
-    });
-    const refreshClockMinute = useEventCallback(() => {
-        refreshClock(minute);
-    });
-    useEffect(() => {
-        return i18nSubscribe(() => {
-            setLabels({
-                timeActionCancel: reactI18n('dateActionCancel'),
-                timeActionSelect: reactI18n('dateActionSelect')
-            });
-        });
-    }, []);
-    useEffect(() => {
-        if (selectionIsHours) {
-            refreshClockHour();
-        }
-        else {
-            refreshClockMinute();
-        }
-    }, [selectionIsHours]);
-    useEffect(() => {
-        if (!changeIsInternal.current && formControl?.value) {
-            const zoneIsPM = formControl.value.hour >= 12;
-            setZoneIsPM(zoneIsPM);
-            setHour(zoneIsPM ? formControl.value.hour - 12 : formControl.value.hour);
-            setMinute(formControl.value.minute);
-        }
-        changeIsInternal.current = false;
-    }, [formControl?.value]);
-    const refreshClock = useCallback((value) => {
-        const angle = value * radianUnit;
-        const x2 = Math.sin(angle) * (RADIUS - TICK_RADIUS);
-        const y2 = -Math.cos(angle) * (RADIUS - TICK_RADIUS);
-        const cx = Math.sin(angle) * RADIUS;
-        const cy = -Math.cos(angle) * RADIUS;
-        lineElement.current.setAttribute('x2', `${x2 - 1}rem`);
-        lineElement.current.setAttribute('y2', `${y2 - 1}rem`);
-        indicatorElement.current.setAttribute('cx', `${cx - 1}rem`);
-        indicatorElement.current.setAttribute('cy', `${cy - 1}rem`);
-        pointElement.current.setAttribute('cx', `${cx - 1}rem`);
-        pointElement.current.setAttribute('cy', `${cy - 1}rem`);
-        pointElement.current.style.visibility =
-            selectionIsHours || value % 5 === 0 ? 'hidden' : 'visible';
-    }, [selectionIsHours, radianUnit]);
-    const selectValue = useCallback((value) => {
-        refreshClock(value);
-        if (selectionIsHours) {
-            setHour(value === 0 ? CLOCK_HOURS : value);
-        }
-        else {
-            setMinute(value);
-        }
-    }, [selectionIsHours, refreshClock]);
-    const selectFromPosition = useCallback((clientX, clientY) => {
-        const rectangle = plateElement.current.getBoundingClientRect();
-        const centerX = rectangle.left + rectangle.width / 2;
-        const centerY = rectangle.top + rectangle.height / 2;
-        const positionX = clientX - centerX;
-        const positionY = clientY - centerY;
-        // Angle in [0, 2π) measured clockwise from 12 o'clock
-        const angle = Math.atan2(-positionX, positionY) + Math.PI;
-        const steps = selectionIsHours ? CLOCK_HOURS : CLOCK_MINUTES;
-        // Modulo keeps the last half step before 12 o'clock as 0, not as 60/12
-        selectValue(Math.round(angle / radianUnit) % steps);
-    }, [selectionIsHours, radianUnit, selectValue]);
-    const onClickHour = useCallback(() => {
-        setSelectionIsHours(true);
-    }, []);
-    const onClickMinute = useCallback(() => {
-        setSelectionIsHours(false);
-    }, []);
-    const onClickAM = useCallback(() => {
-        setZoneIsPM(false);
-    }, []);
-    const onClickPM = useCallback(() => {
-        setZoneIsPM(true);
-    }, []);
-    const onPointerDown = useCallback((event) => {
-        event.preventDefault();
-        event.currentTarget.setPointerCapture(event.pointerId);
-        selectionIsActive.current = true;
-        const tick = event.target.closest('.rls-picker-clock__tick');
-        // Pressing inside a label circle snaps to its exact value,
-        // anywhere else (and while dragging) the angle decides
-        if (tick?.dataset.value && pointerIsInsideTick(event, tick)) {
-            selectValue(Number(tick.dataset.value));
-        }
-        else {
-            selectFromPosition(event.clientX, event.clientY);
-        }
-    }, [selectValue, selectFromPosition]);
-    const onPointerMove = useCallback((event) => {
-        if (selectionIsActive.current) {
-            selectFromPosition(event.clientX, event.clientY);
-        }
-    }, [selectFromPosition]);
-    const onPointerUp = useCallback(() => {
-        if (!selectionIsActive.current) {
-            return;
-        }
-        selectionIsActive.current = false;
-        // Once the hour is chosen, continue with the minutes
-        if (selectionIsHours) {
-            setSelectionIsHours(false);
-        }
-    }, [selectionIsHours]);
-    const onPointerCancel = useCallback(() => {
-        selectionIsActive.current = false;
-    }, []);
-    const onCancel = useCallback(() => {
-        onListener?.({ event: PickerListenerEvent.Cancel });
-    }, [onListener]);
-    const onCurrentTime = useCallback(() => {
-        const currentTime = Time.now();
-        const zoneIsPM = currentTime.hour >= 12;
-        const hour = zoneIsPM ? currentTime.hour - 12 : currentTime.hour;
-        changeIsInternal.current = true;
-        formControl?.setValue(currentTime);
-        setZoneIsPM(zoneIsPM);
-        setHour(hour);
-        setMinute(currentTime.minute);
-        refreshClock(selectionIsHours ? hour : currentTime.minute);
-        onListener?.({
-            event: PickerListenerEvent.Select,
-            value: currentTime
-        });
-    }, [formControl, onListener, selectionIsHours, refreshClock]);
-    const onSelect = useCallback(() => {
-        const hourValue = zoneIsPM
-            ? hour !== 12
-                ? hour + 12
-                : 12
-            : hour === 12
-                ? 0
-                : hour;
-        const timeValue = new Time(hourValue, minute);
-        changeIsInternal.current = true;
-        formControl?.setValue(timeValue);
-        onListener?.({
-            event: PickerListenerEvent.Select,
-            value: timeValue
-        });
-    }, [formControl, hour, minute, zoneIsPM, onListener]);
-    return (_jsxs("div", { className: "rls-picker-clock", "rls-size": rlsSize, "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-clock__header", children: [_jsxs("div", { className: "rls-picker-clock__title", children: [_jsx("span", { className: classNameHour, onClick: onClickHour, children: hourFormat }), _jsx("span", { className: "rls-picker-clock__title__separator", children: ":" }), _jsx("span", { className: classNameMinute, onClick: onClickMinute, children: minuteFormat })] }), _jsxs("div", { className: "rls-picker-clock__zone", children: [_jsx("span", { className: classNameAM, onClick: onClickAM, children: "AM" }), _jsx("span", { className: classNamePM, onClick: onClickPM, children: "PM" })] })] }), _jsx("div", { className: "rls-picker-clock__body", children: _jsxs("div", { className: "rls-picker-clock__plate", ref: plateElement, onPointerDown: onPointerDown, onPointerMove: onPointerMove, onPointerUp: onPointerUp, onPointerCancel: onPointerCancel, children: [_jsx("div", { className: "rls-picker-clock__canvas", children: _jsx("svg", { width: "120rem", height: "120rem", children: _jsxs("g", { style: {
-                                        transform: `translate(${DIAL_RADIUS}rem, ${DIAL_RADIUS}rem)`
-                                    }, children: [_jsx("line", { ref: lineElement, className: "rls-picker-clock__canvas__line", x1: "-1", y1: "-1" }), _jsx("circle", { ref: centerElement, className: "rls-picker-clock__canvas__center", r: "4", cx: "-1", cy: "-1" }), _jsx("circle", { ref: indicatorElement, className: "rls-picker-clock__canvas__indicator", r: `${TICK_RADIUS}rem` }), _jsx("circle", { ref: pointElement, className: "rls-picker-clock__canvas__point", r: "3.5" })] }) }) }), _jsx("div", { className: "rls-picker-clock__hours", children: CLOCK_VALUES.map((value) => {
-                                return (_jsx(RlsPickerClockTick, { value: value, selectionIsHours: selectionIsHours }, value));
-                            }) })] }) }), _jsxs("div", { className: "rls-picker-clock__footer", children: [_jsx("div", { className: "rls-picker-clock__footer--cancel", children: _jsx(RlsButton, { type: "flat", onClick: onCancel, children: labels.timeActionCancel }) }), _jsx("div", { className: "rls-picker-clock__footer--today", children: _jsx(RlsButtonAction, { icon: "timer", onClick: onCurrentTime }) }), _jsx("div", { className: "rls-picker-clock__footer--ok", children: _jsx(RlsButton, { type: "raised", onClick: onSelect, children: labels.timeActionSelect }) })] })] }));
-}
-export const RlsPickerClock = memo(RlsPickerClockComponent);
-//# sourceMappingURL=PickerClock.js.map

package/dist/esm/components/organisms/PickerClock/PickerClock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerClock.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerClock/PickerClock.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/organisms/PickerColor/PickerColor.js

@@ -1,220 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PickerListenerEvent } from '@rolster/components';
-import { i18nSubscribe } from '@rolster/i18n';
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useEventCallback } from '../../../controllers/EventCallbackController';
-import { DEFAULT_COLOR, hexToHsv, hsvToHex, hsvToRgb, normalizeHex } from '../../../helpers/color';
-import { reactI18n } from '../../../i18n';
-import { RlsButton } from '../../atoms/Button/Button';
-function RlsPickerColorComponent({ color, formControl, rlsSize, onListener, rlsTheme }) {
-    const initialColor = useMemo(() => formControl?.value ?? color ?? DEFAULT_COLOR, []);
-    const initialHsv = useMemo(() => hexToHsv(initialColor) ?? { h: 258, s: 100, v: 100 }, []);
-    const canvasRef = useRef(null);
-    const hueRef = useRef(null);
-    const alphaRef = useRef(null);
-    const selectionIsActive = useRef(false);
-    const activeSlider = useRef(null);
-    const hexEditing = useRef(false);
-    const [hsv, setHsv] = useState(initialHsv);
-    const [alpha, setAlpha] = useState(1);
-    const [hexInput, setHexInput] = useState(initialColor);
-    const [labels, setLabels] = useState({
-        colorActionCancel: reactI18n('dateActionCancel'),
-        colorActionSelect: reactI18n('dateActionSelect')
-    });
-    const hexColor = useMemo(() => hsvToHex(hsv), [hsv]);
-    const hexValue = useMemo(() => {
-        return hexInput.replace('#', '');
-    }, [hexInput]);
-    const canvasStyle = useMemo(() => {
-        const { r, g, b } = hsvToRgb({ h: hsv.h, s: 100, v: 100 });
-        return {
-            background: `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), rgb(${r}, ${g}, ${b})`
-        };
-    }, [hsv.h]);
-    const indicatorPosition = useMemo(() => {
-        return {
-            left: `${(hsv.s / 100) * 100}%`,
-            top: `${100 - (hsv.v / 100) * 100}%`
-        };
-    }, [hsv.s, hsv.v]);
-    const hueSliderStyle = useMemo(() => {
-        return {
-            background: 'linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)'
-        };
-    }, []);
-    const hueIndicatorStyle = useMemo(() => {
-        return { left: `${(hsv.h / 360) * 100}%`, backgroundColor: hexColor };
-    }, [hsv.h, hexColor]);
-    const alphaSliderStyle = useMemo(() => {
-        return {
-            background: `linear-gradient(to right, transparent, ${hexColor})`
-        };
-    }, [hexColor]);
-    const alphaIndicatorStyle = useMemo(() => {
-        return { left: `${alpha * 100}%`, backgroundColor: hexColor };
-    }, [alpha, hexColor]);
-    useEffect(() => {
-        if (!hexEditing.current) {
-            setHexInput(hexColor);
-        }
-    }, [hexColor]);
-    useEffect(() => {
-        return i18nSubscribe(() => {
-            setLabels({
-                colorActionCancel: reactI18n('dateActionCancel'),
-                colorActionSelect: reactI18n('dateActionSelect')
-            });
-        });
-    }, []);
-    const getPositionInElement = useCallback((element, clientX, clientY) => {
-        const rect = element.getBoundingClientRect();
-        return {
-            x: (clientX - rect.left) / rect.width,
-            y: (clientY - rect.top) / rect.height
-        };
-    }, []);
-    const updateColorOnCanvas = useEventCallback((clientX, clientY) => {
-        if (!canvasRef.current)
-            return;
-        const pos = getPositionInElement(canvasRef.current, clientX, clientY);
-        setHsv((prev) => ({
-            ...prev,
-            s: Math.round(Math.min(1, Math.max(0, pos.x)) * 100),
-            v: Math.round(Math.min(1, Math.max(0, 1 - pos.y)) * 100)
-        }));
-    });
-    const updateHueOnSlider = useEventCallback((clientX, clientY) => {
-        if (!hueRef.current)
-            return;
-        const pos = getPositionInElement(hueRef.current, clientX, clientY);
-        setHsv((prev) => ({
-            ...prev,
-            h: Math.round(Math.min(1, Math.max(0, pos.x)) * 360)
-        }));
-    });
-    const updateAlphaOnSlider = useEventCallback((clientX, clientY) => {
-        if (!alphaRef.current)
-            return;
-        const pos = getPositionInElement(alphaRef.current, clientX, clientY);
-        setAlpha(Math.min(1, Math.max(0, pos.x)));
-    });
-    const onMouseDown = useCallback((event) => {
-        const slider = event.currentTarget.dataset.slider;
-        if (!slider)
-            return;
-        event.preventDefault();
-        selectionIsActive.current = true;
-        activeSlider.current = slider;
-        switch (slider) {
-            case 'canvas':
-                updateColorOnCanvas(event.clientX, event.clientY);
-                break;
-            case 'hue':
-                updateHueOnSlider(event.clientX, event.clientY);
-                break;
-            case 'alpha':
-                updateAlphaOnSlider(event.clientX, event.clientY);
-                break;
-        }
-    }, [updateColorOnCanvas, updateHueOnSlider, updateAlphaOnSlider]);
-    const onMouseMove = useCallback((event) => {
-        if (!selectionIsActive.current || !activeSlider.current)
-            return;
-        event.preventDefault();
-        switch (activeSlider.current) {
-            case 'canvas':
-                updateColorOnCanvas(event.clientX, event.clientY);
-                break;
-            case 'hue':
-                updateHueOnSlider(event.clientX, event.clientY);
-                break;
-            case 'alpha':
-                updateAlphaOnSlider(event.clientX, event.clientY);
-                break;
-        }
-    }, [updateColorOnCanvas, updateHueOnSlider, updateAlphaOnSlider]);
-    const onTouchStart = useCallback((event) => {
-        const slider = event.currentTarget.dataset.slider;
-        if (!slider)
-            return;
-        const touch = event.touches.item(0);
-        if (!touch)
-            return;
-        selectionIsActive.current = true;
-        activeSlider.current = slider;
-        switch (slider) {
-            case 'canvas':
-                updateColorOnCanvas(touch.clientX, touch.clientY);
-                break;
-            case 'hue':
-                updateHueOnSlider(touch.clientX, touch.clientY);
-                break;
-            case 'alpha':
-                updateAlphaOnSlider(touch.clientX, touch.clientY);
-                break;
-        }
-    }, [updateColorOnCanvas, updateHueOnSlider, updateAlphaOnSlider]);
-    const onTouchMove = useCallback((event) => {
-        const touch = event.touches.item(0);
-        if (!selectionIsActive.current || !activeSlider.current || !touch)
-            return;
-        switch (activeSlider.current) {
-            case 'canvas':
-                updateColorOnCanvas(touch.clientX, touch.clientY);
-                break;
-            case 'hue':
-                updateHueOnSlider(touch.clientX, touch.clientY);
-                break;
-            case 'alpha':
-                updateAlphaOnSlider(touch.clientX, touch.clientY);
-                break;
-        }
-    }, [updateColorOnCanvas, updateHueOnSlider, updateAlphaOnSlider]);
-    const onInactiveSelection = useCallback(() => {
-        selectionIsActive.current = false;
-        activeSlider.current = null;
-    }, []);
-    const onHexChange = useCallback((value) => {
-        setHexInput(value);
-        const normalized = normalizeHex(value);
-        if (normalized) {
-            const hsv = hexToHsv(normalized);
-            if (hsv) {
-                setHsv(hsv);
-            }
-        }
-    }, []);
-    const onHexFocus = useCallback(() => {
-        hexEditing.current = true;
-    }, []);
-    const onHexBlur = useEventCallback(() => {
-        hexEditing.current = false;
-        const normalized = normalizeHex(hexInput);
-        if (normalized) {
-            setHexInput(normalized);
-        }
-        else {
-            setHexInput(hexColor);
-        }
-    });
-    const onHexKeyDown = useCallback((event) => {
-        if (event.key === 'Enter') {
-            onHexBlur();
-        }
-    }, [onHexBlur]);
-    const onHexInputChange = useCallback((event) => onHexChange(event.target.value ? `#${event.target.value}` : ''), [onHexChange]);
-    const onCancel = useCallback(() => {
-        onListener?.({ event: PickerListenerEvent.Cancel });
-    }, [onListener]);
-    const onSelect = useCallback(() => {
-        formControl?.setValue(hexColor);
-        onListener?.({ event: PickerListenerEvent.Select, value: hexColor });
-    }, [formControl, hexColor, onListener]);
-    return (_jsxs("div", { className: "rls-picker-color", "rls-size": rlsSize, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-picker-color__preview", children: _jsx("div", { ref: canvasRef, className: "rls-picker-color__canvas", style: canvasStyle, "data-slider": "canvas", onMouseDown: onMouseDown, onMouseMove: onMouseMove, onMouseUp: onInactiveSelection, onMouseLeave: onInactiveSelection, onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onInactiveSelection, children: _jsx("div", { className: "rls-picker-color__indicator", style: {
-                            left: indicatorPosition.left,
-                            top: indicatorPosition.top
-                        }, children: _jsx("div", { className: "rls-picker-color__indicator__circle", style: { backgroundColor: hexColor } }) }) }) }), _jsxs("div", { className: "rls-picker-color__controls", children: [_jsx("div", { className: "rls-picker-color__slider", children: _jsx("div", { ref: hueRef, className: "rls-picker-color__slider__track", style: hueSliderStyle, "data-slider": "hue", onMouseDown: onMouseDown, onMouseMove: onMouseMove, onMouseUp: onInactiveSelection, onMouseLeave: onInactiveSelection, onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onInactiveSelection, children: _jsx("div", { className: "rls-picker-color__slider__thumb", style: hueIndicatorStyle }) }) }), _jsx("div", { className: "rls-picker-color__slider", children: _jsx("div", { ref: alphaRef, className: "rls-picker-color__slider__track rls-picker-color__slider__track--alpha", style: alphaSliderStyle, "data-slider": "alpha", onMouseDown: onMouseDown, onMouseMove: onMouseMove, onMouseUp: onInactiveSelection, onMouseLeave: onInactiveSelection, onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onInactiveSelection, children: _jsx("div", { className: "rls-picker-color__slider__thumb", style: alphaIndicatorStyle }) }) })] }), _jsx("div", { className: "rls-picker-color__footer", children: _jsxs("div", { className: "rls-picker-color__hex", children: [_jsx("div", { className: "rls-picker-color__hex__swatch", style: { backgroundColor: hexColor } }), _jsx("span", { className: "rls-picker-color__hex__prefix", children: "#" }), _jsx("input", { className: "rls-picker-color__hex__input", type: "text", maxLength: 6, value: hexValue, onChange: onHexInputChange, onFocus: onHexFocus, onBlur: onHexBlur, onKeyDown: onHexKeyDown })] }) }), _jsxs("div", { className: "rls-picker-color__actions", children: [_jsx("div", { className: "rls-picker-color__actions--cancel", children: _jsx(RlsButton, { type: "flat", onClick: onCancel, children: labels.colorActionCancel }) }), _jsx("div", { className: "rls-picker-color__actions--ok", children: _jsx(RlsButton, { type: "raised", onClick: onSelect, children: labels.colorActionSelect }) })] })] }));
-}
-export const RlsPickerColor = memo(RlsPickerColorComponent);
-//# sourceMappingURL=PickerColor.js.map

package/dist/esm/components/organisms/PickerColor/PickerColor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerColor.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerColor/PickerColor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAGL,IAAI,EAGJ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EACL,aAAa,EACb,QAAQ,EAER,QAAQ,EACR,QAAQ,EACR,YAAY,EACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAiBtD,SAAS,uBAAuB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,QAAQ,EACS;IACjB,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,aAAa,EAClD,EAAE,CACH,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAC1D,EAAE,CACH,CAAC;IAEF,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,MAAM,CAAoC,IAAI,CAAC,CAAC;IACrE,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEjC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAM,UAAU,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEvD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC;QACnC,iBAAiB,EAAE,SAAS,CAAC,kBAAkB,CAAC;QAChD,iBAAiB,EAAE,SAAS,CAAC,kBAAkB,CAAC;KACjD,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAErD,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QAE3D,OAAO;YACL,UAAU,EAAE,iGAAiG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG;SAC9H,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAEZ,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO;YACL,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG;YAC/B,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG;SACrC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO;YACL,UAAU,EACR,iGAAiG;SACpG,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC;IACxE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO;YACL,UAAU,EAAE,0CAA0C,QAAQ,GAAG;SAClE,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,GAAG,GAAG,GAAG,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC;IAChE,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YACxB,WAAW,CAAC,QAAQ,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,aAAa,CAAC,GAAG,EAAE;YACxB,SAAS,CAAC;gBACR,iBAAiB,EAAE,SAAS,CAAC,kBAAkB,CAAC;gBAChD,iBAAiB,EAAE,SAAS,CAAC,kBAAkB,CAAC;aACjD,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,OAAoB,EAAE,OAAe,EAAE,OAAe,EAAE,EAAE;QACzD,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAE7C,OAAO;YACL,CAAC,EAAE,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK;YACrC,CAAC,EAAE,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM;SACtC,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,CAAC,OAAe,EAAE,OAAe,EAAE,EAAE;QACnC,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAO;QAE/B,MAAM,GAAG,GAAG,oBAAoB,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QAEtE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAChB,GAAG,IAAI;YACP,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;YACpD,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;SACzD,CAAC,CAAC,CAAC;IACN,CAAC,CACF,CAAC;IAEF,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,CAAC,OAAe,EAAE,OAAe,EAAE,EAAE;QACnC,IAAI,CAAC,MAAM,CAAC,OAAO;YAAE,OAAO;QAE5B,MAAM,GAAG,GAAG,oBAAoB,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QAEnE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAChB,GAAG,IAAI;YACP,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;SACrD,CAAC,CAAC,CAAC;IACN,CAAC,CACF,CAAC;IAEF,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,CAAC,OAAe,EAAE,OAAe,EAAE,EAAE;QACnC,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAE9B,MAAM,GAAG,GAAG,oBAAoB,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QAErE,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,CAAC,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAiC,EAAE,EAAE;QACpC,MAAM,MAAM,GAAI,KAAK,CAAC,aAA6B,CAAC,OAAO,CAAC,MAGjD,CAAC;QAEZ,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;QACjC,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC;QAE9B,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,QAAQ;gBACX,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAClD,MAAM;YACR,KAAK,KAAK;gBACR,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAChD,MAAM;YACR,KAAK,OAAO;gBACV,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAClD,MAAM;QACV,CAAC;IACH,CAAC,EACD,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,CAC9D,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAiC,EAAE,EAAE;QACpC,IAAI,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAEhE,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,QAAQ,YAAY,CAAC,OAAO,EAAE,CAAC;YAC7B,KAAK,QAAQ;gBACX,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAClD,MAAM;YACR,KAAK,KAAK;gBACR,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAChD,MAAM;YACR,KAAK,OAAO;gBACV,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAClD,MAAM;QACV,CAAC;IACH,CAAC,EACD,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,CAC9D,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAiC,EAAE,EAAE;QACpC,MAAM,MAAM,GAAI,KAAK,CAAC,aAA6B,CAAC,OAAO,CAAC,MAGjD,CAAC;QAEZ,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACpC,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;QACjC,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC;QAE9B,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,QAAQ;gBACX,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAClD,MAAM;YACR,KAAK,KAAK;gBACR,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAChD,MAAM;YACR,KAAK,OAAO;gBACV,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAClD,MAAM;QACV,CAAC;IACH,CAAC,EACD,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,CAC9D,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAiC,EAAE,EAAE;QACpC,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAEpC,IAAI,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,KAAK;YAAE,OAAO;QAE1E,QAAQ,YAAY,CAAC,OAAO,EAAE,CAAC;YAC7B,KAAK,QAAQ;gBACX,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAClD,MAAM;YACR,KAAK,KAAK;gBACR,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAChD,MAAM;YACR,KAAK,OAAO;gBACV,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAClD,MAAM;QACV,CAAC;IACH,CAAC,EACD,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,CAC9D,CAAC;IAEF,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAC;QAClC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QAChD,WAAW,CAAC,KAAK,CAAC,CAAC;QAEnB,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;QAEvC,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,GAAG,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;YAEjC,IAAI,GAAG,EAAE,CAAC;gBACR,MAAM,CAAC,GAAG,CAAC,CAAC;YACd,CAAC;QACH,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACtC,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;QAE3B,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;QAE1C,IAAI,UAAU,EAAE,CAAC;YACf,WAAW,CAAC,UAAU,CAAC,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,QAAQ,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAsC,EAAE,EAAE;QACzC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YAC1B,SAAS,EAAE,CAAC;QACd,CAAC;IACH,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,KAAoC,EAAE,EAAE,CACvC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACjE,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,MAAM,EAAE,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAChC,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAExC,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,cAAW,OAAO,eAAa,QAAQ,aACtE,cAAK,SAAS,EAAC,2BAA2B,YACxC,cACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,WAAW,iBACN,QAAQ,EACpB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,mBAAmB,EAC9B,YAAY,EAAE,mBAAmB,EACjC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,mBAAmB,YAE/B,cACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE;4BACL,IAAI,EAAE,iBAAiB,CAAC,IAAI;4BAC5B,GAAG,EAAE,iBAAiB,CAAC,GAAG;yBAC3B,YAED,cACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,GACpC,GACE,GACF,GACF,EAEN,eAAK,SAAS,EAAC,4BAA4B,aACzC,cAAK,SAAS,EAAC,0BAA0B,YACvC,cACE,GAAG,EAAE,MAAM,EACX,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,cAAc,iBACT,KAAK,EACjB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,mBAAmB,EAC9B,YAAY,EAAE,mBAAmB,EACjC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,mBAAmB,YAE/B,cACE,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,iBAAiB,GACxB,GACE,GACF,EAEN,cAAK,SAAS,EAAC,0BAA0B,YACvC,cACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,wEAAwE,EAClF,KAAK,EAAE,gBAAgB,iBACX,OAAO,EACnB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,mBAAmB,EAC9B,YAAY,EAAE,mBAAmB,EACjC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,mBAAmB,YAE/B,cACE,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,mBAAmB,GAC1B,GACE,GACF,IACF,EAEN,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,uBAAuB,aACpC,cACE,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,GACpC,EACF,eAAM,SAAS,EAAC,+BAA+B,kBAAS,EACxD,gBACE,SAAS,EAAC,8BAA8B,EACxC,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,YAAY,GACvB,IACE,GACF,EAEN,eAAK,SAAS,EAAC,2BAA2B,aACxC,cAAK,SAAS,EAAC,mCAAmC,YAChD,KAAC,SAAS,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,QAAQ,YACrC,MAAM,CAAC,iBAAiB,GACf,GACR,EAEN,cAAK,SAAS,EAAC,+BAA+B,YAC5C,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,YACvC,MAAM,CAAC,iBAAiB,GACf,GACR,IACF,IACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/esm/components/organisms/PickerDate/PickerDate.js

@@ -1,94 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { dateOutRange, PickerListenerEvent, verifyDateRange } from '@rolster/components';
-import { dateFormatTemplate } from '@rolster/dates';
-import { i18nSubscribe } from '@rolster/i18n';
-import { useReactControl } from '@rolster/react-forms';
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { DATE_FORMAT_TITLE } from '../../../constants/picker.constant';
-import { renderClassStatus } from '../../../helpers/css';
-import { reactI18n } from '../../../i18n';
-import { RlsButton } from '../../atoms/Button/Button';
-import { RlsButtonAction } from '../../atoms/ButtonAction/ButtonAction';
-import { RlsPickerDay } from '../../molecules/PickerDay/PickerDay';
-import { RlsPickerMonth } from '../../molecules/PickerMonth/PickerMonth';
-import { RlsPickerSelectorTitle } from '../../molecules/PickerSelectorTitle/PickerSelectorTitle';
-import { RlsPickerYear } from '../../molecules/PickerYear/PickerYear';
-function RlsPickerDateComponent({ automatic, date, disabled, formControl, maxDate, minDate, rlsSize, onListener, rlsTheme }) {
-    const today = useRef(new Date()); // Initial current date in component
-    const _date = useMemo(() => {
-        return formControl?.value ?? date ?? today.current;
-    }, [formControl?.value, date]);
-    const yearControl = useReactControl(_date.getFullYear());
-    const dayControl = useReactControl(_date.getDate());
-    const monthControl = useReactControl(_date.getMonth());
-    const [visibility, setVisibility] = useState('DAY');
-    const [labels, setLabels] = useState({
-        dateActionCancel: reactI18n('dateActionCancel'),
-        dateActionSelect: reactI18n('dateActionSelect'),
-        dateActionToday: reactI18n('dateActionToday')
-    });
-    const value = useMemo(() => {
-        return new Date(yearControl.value, monthControl.value, dayControl.value);
-    }, [yearControl.value, monthControl.value, dayControl.value]);
-    const classNameComponent = renderClassStatus('rls-picker-date__component', {
-        day: visibility === 'DAY',
-        month: visibility === 'MONTH',
-        year: visibility === 'YEAR'
-    });
-    const title = useMemo(() => {
-        return dateFormatTemplate(value, DATE_FORMAT_TITLE);
-    }, [value]);
-    const itIsDisabledToday = useMemo(() => dateOutRange({
-        date: today.current,
-        maxDate,
-        minDate
-    }), [maxDate, minDate]);
-    useEffect(() => {
-        const date = verifyDateRange({ date: _date, minDate, maxDate });
-        yearControl.setValue(date.getFullYear());
-        monthControl.setValue(date.getMonth());
-        dayControl.setValue(date.getDate());
-        formControl?.setValue(date);
-        return i18nSubscribe(() => {
-            setLabels({
-                dateActionCancel: reactI18n('dateActionCancel'),
-                dateActionSelect: reactI18n('dateActionSelect'),
-                dateActionToday: reactI18n('dateActionToday')
-            });
-        });
-    }, []);
-    const onVisibilityDay = useCallback(() => {
-        setVisibility('DAY');
-    }, []);
-    const onVisibilityTitle = useCallback((type) => {
-        if (type === 'month') {
-            setVisibility('MONTH');
-        }
-        else {
-            setVisibility('YEAR');
-        }
-    }, []);
-    const onCancel = useCallback(() => {
-        onListener?.({ event: PickerListenerEvent.Cancel });
-    }, [onListener]);
-    const onToday = useCallback(() => {
-        yearControl.setValue(today.current.getFullYear());
-        dayControl.setValue(today.current.getDate());
-        monthControl.setValue(today.current.getMonth());
-        formControl?.setValue(today.current);
-        onListener?.({
-            event: PickerListenerEvent.Now,
-            value: today.current
-        });
-    }, [formControl, onListener]);
-    const onSelect = useCallback(() => {
-        formControl?.setValue(value);
-        onListener?.({
-            event: PickerListenerEvent.Select,
-            value: value
-        });
-    }, [formControl, value, onListener]);
-    return (_jsxs("div", { className: "rls-picker-date", "rls-size": rlsSize, "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-date__header", children: [_jsx(RlsPickerSelectorTitle, { monthControl: monthControl, yearControl: yearControl, date: value, maxDate: maxDate, minDate: minDate, disabled: visibility === 'YEAR', type: 'month', onClick: onVisibilityTitle }), _jsx("div", { className: "rls-picker-date__title", children: _jsx("span", { onClick: onVisibilityDay, children: title }) })] }), _jsxs("div", { className: classNameComponent, children: [_jsx(RlsPickerDay, { formControl: dayControl, date: value, month: monthControl.value, year: yearControl.value, maxDate: maxDate, minDate: minDate, disabled: disabled }), _jsx(RlsPickerMonth, { formControl: monthControl, date: value, year: yearControl.value, maxDate: maxDate, minDate: minDate, disabled: disabled, onValue: onVisibilityDay }), _jsx(RlsPickerYear, { formControl: yearControl, date: value, maxDate: maxDate, minDate: minDate, disabled: disabled, onValue: onVisibilityDay })] }), !automatic && (_jsx("div", { className: "rls-picker-date__footer", children: _jsxs("div", { className: "rls-picker-date__actions", children: [_jsx("div", { className: "rls-picker-date__actions--cancel", children: _jsx(RlsButton, { type: "flat", onClick: onCancel, children: labels.dateActionCancel }) }), _jsx("div", { className: "rls-picker-date__actions--today", children: _jsx(RlsButtonAction, { icon: "calendar", onClick: onToday, disabled: itIsDisabledToday }) }), _jsx("div", { className: "rls-picker-date__actions--ok", children: _jsx(RlsButton, { type: "raised", onClick: onSelect, children: labels.dateActionSelect }) })] }) }))] }));
-}
-export const RlsPickerDate = memo(RlsPickerDateComponent);
-//# sourceMappingURL=PickerDate.js.map

package/dist/esm/components/organisms/PickerDate/PickerDate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PickerDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDate/PickerDate.tsx"],"names":[],"mappings":"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"}