@gravity-ui/date-components 1.1.0 → 1.1.1

package/dist/cjs/components/DatePicker/DesktopCalendar.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { type CalendarProps } from '../Calendar';
-import type { DatePickerProps } from './DatePicker';
-import type { DatePickerState } from './hooks/useDatePickerState';
-interface DesktopCalendarProps {
-    anchorRef: React.RefObject<HTMLElement>;
-    props: DatePickerProps;
-    state: DatePickerState;
-    renderCalendar?: (props: CalendarProps) => React.ReactNode;
-}
-export declare function DesktopCalendar({ anchorRef, props, state, renderCalendar }: DesktopCalendarProps): import("react/jsx-runtime").JSX.Element | null;
-interface DesktopCalendarButtonProps {
-    props: DatePickerProps;
-    state: DatePickerState;
-}
-export declare function DesktopCalendarButton({ props, state }: DesktopCalendarButtonProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/cjs/components/DatePicker/DesktopCalendar.js

@@ -1,65 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DesktopCalendarButton = exports.DesktopCalendar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const icons_1 = require("@gravity-ui/icons");
-const uikit_1 = require("@gravity-ui/uikit");
-const Calendar_1 = require("../Calendar");
-const DateField_1 = require("../DateField");
-const getButtonSizeForInput_1 = require("../utils/getButtonSizeForInput");
-const i18n_1 = require("./i18n");
-const utils_1 = require("./utils");
-function DesktopCalendar({ anchorRef, props, state, renderCalendar }) {
-    var _a;
-    const { focusWithinProps } = (0, uikit_1.useFocusWithin)({
-        isDisabled: !state.isOpen,
-        onBlurWithin: () => {
-            state.setOpen(false);
-        },
-    });
-    if (!state.hasDate) {
-        return null;
-    }
-    const calendarProps = {
-        autoFocus: true,
-        size: props.size === 's' ? 'm' : props.size,
-        disabled: props.disabled,
-        readOnly: props.readOnly,
-        onUpdate: (d) => {
-            state.setDateValue(d);
-        },
-        defaultFocusedValue: (_a = state.dateValue) !== null && _a !== void 0 ? _a : undefined,
-        value: state.dateValue,
-        minValue: props.minValue,
-        maxValue: props.maxValue,
-        isDateUnavailable: props.isDateUnavailable,
-        timeZone: props.timeZone,
-    };
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Popup, { open: state.isOpen, anchorRef: anchorRef, onClose: () => {
-            state.setOpen(false);
-        }, restoreFocus: true, children: (0, jsx_runtime_1.jsxs)("div", Object.assign({}, focusWithinProps, { className: (0, utils_1.b)('popup-content'), tabIndex: -1, children: [typeof renderCalendar === 'function' ? (renderCalendar(calendarProps)) : ((0, jsx_runtime_1.jsx)(Calendar_1.Calendar, Object.assign({}, calendarProps))), state.hasTime && ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.b)('time-field-wrapper'), children: (0, jsx_runtime_1.jsx)(DateField_1.DateField, { className: (0, utils_1.b)('time-field'), size: props.size, readOnly: props.readOnly, value: state.timeValue, onUpdate: state.setTimeValue, placeholderValue: props.placeholderValue, minValue: props.minValue, maxValue: props.maxValue, timeZone: props.timeZone, format: state.timeFormat }) }))] })) }));
-}
-exports.DesktopCalendar = DesktopCalendar;
-function DesktopCalendarButton({ props, state }) {
-    const wasOpenBeforeClickRef = react_1.default.useRef(false);
-    if (!state.hasDate) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", size: (0, getButtonSizeForInput_1.getButtonSizeForInput)(props.size), disabled: props.disabled, extraProps: {
-            'aria-label': (0, i18n_1.i18n)('Calendar'),
-            'aria-haspopup': 'dialog',
-            'aria-expanded': state.isOpen,
-        }, onFocus: () => {
-            wasOpenBeforeClickRef.current = state.isOpen;
-        }, onClick: () => {
-            if (!wasOpenBeforeClickRef.current) {
-                state.setOpen(true);
-            }
-            wasOpenBeforeClickRef.current = false;
-        }, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Calendar }) }));
-}
-exports.DesktopCalendarButton = DesktopCalendarButton;

package/dist/esm/components/DatePicker/DesktopCalendar.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { type CalendarProps } from '../Calendar';
-import type { DatePickerProps } from './DatePicker';
-import type { DatePickerState } from './hooks/useDatePickerState';
-interface DesktopCalendarProps {
-    anchorRef: React.RefObject<HTMLElement>;
-    props: DatePickerProps;
-    state: DatePickerState;
-    renderCalendar?: (props: CalendarProps) => React.ReactNode;
-}
-export declare function DesktopCalendar({ anchorRef, props, state, renderCalendar }: DesktopCalendarProps): import("react/jsx-runtime").JSX.Element | null;
-interface DesktopCalendarButtonProps {
-    props: DatePickerProps;
-    state: DatePickerState;
-}
-export declare function DesktopCalendarButton({ props, state }: DesktopCalendarButtonProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/esm/components/DatePicker/DesktopCalendar.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Calendar as CalendarIcon } from '@gravity-ui/icons';
-import { Button, Icon, Popup, useFocusWithin } from '@gravity-ui/uikit';
-import { Calendar } from '../Calendar';
-import { DateField } from '../DateField';
-import { getButtonSizeForInput } from '../utils/getButtonSizeForInput';
-import { i18n } from './i18n';
-import { b } from './utils';
-export function DesktopCalendar({ anchorRef, props, state, renderCalendar }) {
-    var _a;
-    const { focusWithinProps } = useFocusWithin({
-        isDisabled: !state.isOpen,
-        onBlurWithin: () => {
-            state.setOpen(false);
-        },
-    });
-    if (!state.hasDate) {
-        return null;
-    }
-    const calendarProps = {
-        autoFocus: true,
-        size: props.size === 's' ? 'm' : props.size,
-        disabled: props.disabled,
-        readOnly: props.readOnly,
-        onUpdate: (d) => {
-            state.setDateValue(d);
-        },
-        defaultFocusedValue: (_a = state.dateValue) !== null && _a !== void 0 ? _a : undefined,
-        value: state.dateValue,
-        minValue: props.minValue,
-        maxValue: props.maxValue,
-        isDateUnavailable: props.isDateUnavailable,
-        timeZone: props.timeZone,
-    };
-    return (_jsx(Popup, { open: state.isOpen, anchorRef: anchorRef, onClose: () => {
-            state.setOpen(false);
-        }, restoreFocus: true, children: _jsxs("div", Object.assign({}, focusWithinProps, { className: b('popup-content'), tabIndex: -1, children: [typeof renderCalendar === 'function' ? (renderCalendar(calendarProps)) : (_jsx(Calendar, Object.assign({}, calendarProps))), state.hasTime && (_jsx("div", { className: b('time-field-wrapper'), children: _jsx(DateField, { className: b('time-field'), size: props.size, readOnly: props.readOnly, value: state.timeValue, onUpdate: state.setTimeValue, placeholderValue: props.placeholderValue, minValue: props.minValue, maxValue: props.maxValue, timeZone: props.timeZone, format: state.timeFormat }) }))] })) }));
-}
-export function DesktopCalendarButton({ props, state }) {
-    const wasOpenBeforeClickRef = React.useRef(false);
-    if (!state.hasDate) {
-        return null;
-    }
-    return (_jsx(Button, { view: "flat", size: getButtonSizeForInput(props.size), disabled: props.disabled, extraProps: {
-            'aria-label': i18n('Calendar'),
-            'aria-haspopup': 'dialog',
-            'aria-expanded': state.isOpen,
-        }, onFocus: () => {
-            wasOpenBeforeClickRef.current = state.isOpen;
-        }, onClick: () => {
-            if (!wasOpenBeforeClickRef.current) {
-                state.setOpen(true);
-            }
-            wasOpenBeforeClickRef.current = false;
-        }, children: _jsx(Icon, { data: CalendarIcon }) }));
-}