@alfalab/core-components 41.11.0-beta.0 → 41.11.0-beta.1

package/day-of-month-picker/components/day-of-month-picker-mobile/index.css

@@ -1,47 +0,0 @@
-/* hash: 1nwi4 */
-:root {
-} /* deprecated */ :root {
-    --color-light-bg-primary: #fff;
-    --color-light-border-primary: #dcdcdd; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-} :root {
-} :root {
-} :root {
-
-    /* День */
-
-    /* highlighted */
-
-    /* selected */
-
-    /* marker */
-} :root {
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
-} .day-of-month-picker__wrapper_hvseu {
-    background: var(--color-light-bg-primary);
-} .day-of-month-picker__withZIndex_hvseu {
-    z-index: 2;
-} .day-of-month-picker__calendar_hvseu th {
-    border-bottom: 1px solid var(--color-light-border-primary);
-}

package/day-of-month-picker/cssm/components/day-of-month-picker-mobile/index.module.css

@@ -1,46 +0,0 @@
-:root {
-} /* deprecated */ :root {
-    --color-light-bg-primary: #fff;
-    --color-light-border-primary: #dcdcdd; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-} :root {
-} :root {
-} :root {
-
-    /* День */
-
-    /* highlighted */
-
-    /* selected */
-
-    /* marker */
-} :root {
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
-} .wrapper {
-    background: var(--color-light-bg-primary);
-} .withZIndex {
-    z-index: 2;
-} .calendar th {
-    border-bottom: 1px solid var(--color-light-border-primary);
-}

package/day-of-month-picker/cssm/useCalendar.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import { MouseEvent, Ref } from 'react';
-type UseCalendarProps = {
-    /**
-     * Выбранный день
-     */
-    selected?: number;
-    /**
-     * Обработчик выбора дня
-     */
-    onChange: (day: number) => void;
-};
-declare function useCalendar({ selected, onChange }: UseCalendarProps): {
-    getDayProps: (day: number) => {
-        'data-date': number;
-        'aria-selected': boolean;
-        tabIndex: number;
-        onClick: (event: number) => void;
-        selected: boolean;
-        onMouseEnter: (event: MouseEvent<HTMLTableCellElement>) => void;
-        onMouseLeave: () => void;
-        ref: (node: HTMLTableCellElement) => void;
-    };
-    getRootProps: ({ ref }: {
-        ref?: Ref<HTMLDivElement> | undefined;
-    }) => {
-        ref: (instance: HTMLDivElement | null) => void;
-        tabIndex: number;
-    };
-    highlighted: number | undefined;
-};
-export { UseCalendarProps, useCalendar };

package/day-of-month-picker/cssm/useCalendar.js

@@ -1,64 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var mergeRefs = require('react-merge-refs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
-
-function useCalendar(_a) {
-    var selected = _a.selected, onChange = _a.onChange;
-    var _b = React.useState(), highlighted = _b[0], setHighlighted = _b[1];
-    var dateRefs = React.useRef([]);
-    var rootRef = React.useRef(null);
-    var handleDayClick = function (event) {
-        onChange(event);
-    };
-    var handleDayMouseEnter = React.useCallback(function (event) {
-        var date = event.currentTarget.dataset.date;
-        setHighlighted(date ? +date : undefined);
-    }, []);
-    var handleDayMouseLeave = React.useCallback(function () {
-        setHighlighted(undefined);
-    }, []);
-    var handleDateRef = React.useCallback(function (node, index) {
-        dateRefs.current[index] = node;
-    }, []);
-    var focusableDayIsSet = false;
-    var getDayProps = function (day) {
-        var daySelected = selected === day;
-        var canFocus = daySelected;
-        // Если день не выбран — фокус должен начинаться с первого доступного дня месяца
-        if (!selected && !focusableDayIsSet) {
-            focusableDayIsSet = true;
-            canFocus = true;
-        }
-        return {
-            'data-date': day,
-            'aria-selected': daySelected,
-            tabIndex: canFocus ? 0 : -1,
-            onClick: handleDayClick,
-            selected: daySelected,
-            onMouseEnter: handleDayMouseEnter,
-            onMouseLeave: handleDayMouseLeave,
-            ref: function (node) {
-                handleDateRef(node, day - 1);
-            },
-        };
-    };
-    var getRootProps = function (_a) {
-        var _b = _a.ref, ref = _b === void 0 ? null : _b;
-        return ({
-            ref: mergeRefs__default.default([ref, rootRef]),
-            tabIndex: -1,
-        });
-    };
-    return {
-        getDayProps: getDayProps,
-        getRootProps: getRootProps,
-        highlighted: highlighted,
-    };
-}
-
-exports.useCalendar = useCalendar;

package/day-of-month-picker/esm/components/day-of-month-picker-mobile/index.css

@@ -1,47 +0,0 @@
-/* hash: 1nwi4 */
-:root {
-} /* deprecated */ :root {
-    --color-light-bg-primary: #fff;
-    --color-light-border-primary: #dcdcdd; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-} :root {
-} :root {
-} :root {
-
-    /* День */
-
-    /* highlighted */
-
-    /* selected */
-
-    /* marker */
-} :root {
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
-} .day-of-month-picker__wrapper_hvseu {
-    background: var(--color-light-bg-primary);
-} .day-of-month-picker__withZIndex_hvseu {
-    z-index: 2;
-} .day-of-month-picker__calendar_hvseu th {
-    border-bottom: 1px solid var(--color-light-border-primary);
-}

package/day-of-month-picker/esm/useCalendar.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import { MouseEvent, Ref } from 'react';
-type UseCalendarProps = {
-    /**
-     * Выбранный день
-     */
-    selected?: number;
-    /**
-     * Обработчик выбора дня
-     */
-    onChange: (day: number) => void;
-};
-declare function useCalendar({ selected, onChange }: UseCalendarProps): {
-    getDayProps: (day: number) => {
-        'data-date': number;
-        'aria-selected': boolean;
-        tabIndex: number;
-        onClick: (event: number) => void;
-        selected: boolean;
-        onMouseEnter: (event: MouseEvent<HTMLTableCellElement>) => void;
-        onMouseLeave: () => void;
-        ref: (node: HTMLTableCellElement) => void;
-    };
-    getRootProps: ({ ref }: {
-        ref?: Ref<HTMLDivElement> | undefined;
-    }) => {
-        ref: (instance: HTMLDivElement | null) => void;
-        tabIndex: number;
-    };
-    highlighted: number | undefined;
-};
-export { UseCalendarProps, useCalendar };

package/day-of-month-picker/esm/useCalendar.js

@@ -1,58 +0,0 @@
-import { useState, useRef, useCallback } from 'react';
-import mergeRefs from 'react-merge-refs';
-
-function useCalendar(_a) {
-    var selected = _a.selected, onChange = _a.onChange;
-    var _b = useState(), highlighted = _b[0], setHighlighted = _b[1];
-    var dateRefs = useRef([]);
-    var rootRef = useRef(null);
-    var handleDayClick = function (event) {
-        onChange(event);
-    };
-    var handleDayMouseEnter = useCallback(function (event) {
-        var date = event.currentTarget.dataset.date;
-        setHighlighted(date ? +date : undefined);
-    }, []);
-    var handleDayMouseLeave = useCallback(function () {
-        setHighlighted(undefined);
-    }, []);
-    var handleDateRef = useCallback(function (node, index) {
-        dateRefs.current[index] = node;
-    }, []);
-    var focusableDayIsSet = false;
-    var getDayProps = function (day) {
-        var daySelected = selected === day;
-        var canFocus = daySelected;
-        // Если день не выбран — фокус должен начинаться с первого доступного дня месяца
-        if (!selected && !focusableDayIsSet) {
-            focusableDayIsSet = true;
-            canFocus = true;
-        }
-        return {
-            'data-date': day,
-            'aria-selected': daySelected,
-            tabIndex: canFocus ? 0 : -1,
-            onClick: handleDayClick,
-            selected: daySelected,
-            onMouseEnter: handleDayMouseEnter,
-            onMouseLeave: handleDayMouseLeave,
-            ref: function (node) {
-                handleDateRef(node, day - 1);
-            },
-        };
-    };
-    var getRootProps = function (_a) {
-        var _b = _a.ref, ref = _b === void 0 ? null : _b;
-        return ({
-            ref: mergeRefs([ref, rootRef]),
-            tabIndex: -1,
-        });
-    };
-    return {
-        getDayProps: getDayProps,
-        getRootProps: getRootProps,
-        highlighted: highlighted,
-    };
-}
-
-export { useCalendar };

package/day-of-month-picker/modern/components/day-of-month-picker-mobile/index.css

@@ -1,47 +0,0 @@
-/* hash: 1nwi4 */
-:root {
-} /* deprecated */ :root {
-    --color-light-bg-primary: #fff;
-    --color-light-border-primary: #dcdcdd; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-} :root {
-} :root {
-} :root {
-
-    /* День */
-
-    /* highlighted */
-
-    /* selected */
-
-    /* marker */
-} :root {
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
-} .day-of-month-picker__wrapper_hvseu {
-    background: var(--color-light-bg-primary);
-} .day-of-month-picker__withZIndex_hvseu {
-    z-index: 2;
-} .day-of-month-picker__calendar_hvseu th {
-    border-bottom: 1px solid var(--color-light-border-primary);
-}

package/day-of-month-picker/modern/useCalendar.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import { MouseEvent, Ref } from 'react';
-type UseCalendarProps = {
-    /**
-     * Выбранный день
-     */
-    selected?: number;
-    /**
-     * Обработчик выбора дня
-     */
-    onChange: (day: number) => void;
-};
-declare function useCalendar({ selected, onChange }: UseCalendarProps): {
-    getDayProps: (day: number) => {
-        'data-date': number;
-        'aria-selected': boolean;
-        tabIndex: number;
-        onClick: (event: number) => void;
-        selected: boolean;
-        onMouseEnter: (event: MouseEvent<HTMLTableCellElement>) => void;
-        onMouseLeave: () => void;
-        ref: (node: HTMLTableCellElement) => void;
-    };
-    getRootProps: ({ ref }: {
-        ref?: Ref<HTMLDivElement> | undefined;
-    }) => {
-        ref: (instance: HTMLDivElement | null) => void;
-        tabIndex: number;
-    };
-    highlighted: number | undefined;
-};
-export { UseCalendarProps, useCalendar };

package/day-of-month-picker/modern/useCalendar.js

@@ -1,54 +0,0 @@
-import { useState, useRef, useCallback } from 'react';
-import mergeRefs from 'react-merge-refs';
-
-function useCalendar({ selected, onChange }) {
-    const [highlighted, setHighlighted] = useState();
-    const dateRefs = useRef([]);
-    const rootRef = useRef(null);
-    const handleDayClick = (event) => {
-        onChange(event);
-    };
-    const handleDayMouseEnter = useCallback((event) => {
-        const { date } = event.currentTarget.dataset;
-        setHighlighted(date ? +date : undefined);
-    }, []);
-    const handleDayMouseLeave = useCallback(() => {
-        setHighlighted(undefined);
-    }, []);
-    const handleDateRef = useCallback((node, index) => {
-        dateRefs.current[index] = node;
-    }, []);
-    let focusableDayIsSet = false;
-    const getDayProps = (day) => {
-        const daySelected = selected === day;
-        let canFocus = daySelected;
-        // Если день не выбран — фокус должен начинаться с первого доступного дня месяца
-        if (!selected && !focusableDayIsSet) {
-            focusableDayIsSet = true;
-            canFocus = true;
-        }
-        return {
-            'data-date': day,
-            'aria-selected': daySelected,
-            tabIndex: canFocus ? 0 : -1,
-            onClick: handleDayClick,
-            selected: daySelected,
-            onMouseEnter: handleDayMouseEnter,
-            onMouseLeave: handleDayMouseLeave,
-            ref: (node) => {
-                handleDateRef(node, day - 1);
-            },
-        };
-    };
-    const getRootProps = ({ ref = null }) => ({
-        ref: mergeRefs([ref, rootRef]),
-        tabIndex: -1,
-    });
-    return {
-        getDayProps,
-        getRootProps,
-        highlighted,
-    };
-}
-
-export { useCalendar };

package/day-of-month-picker/useCalendar.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import { MouseEvent, Ref } from 'react';
-type UseCalendarProps = {
-    /**
-     * Выбранный день
-     */
-    selected?: number;
-    /**
-     * Обработчик выбора дня
-     */
-    onChange: (day: number) => void;
-};
-declare function useCalendar({ selected, onChange }: UseCalendarProps): {
-    getDayProps: (day: number) => {
-        'data-date': number;
-        'aria-selected': boolean;
-        tabIndex: number;
-        onClick: (event: number) => void;
-        selected: boolean;
-        onMouseEnter: (event: MouseEvent<HTMLTableCellElement>) => void;
-        onMouseLeave: () => void;
-        ref: (node: HTMLTableCellElement) => void;
-    };
-    getRootProps: ({ ref }: {
-        ref?: Ref<HTMLDivElement> | undefined;
-    }) => {
-        ref: (instance: HTMLDivElement | null) => void;
-        tabIndex: number;
-    };
-    highlighted: number | undefined;
-};
-export { UseCalendarProps, useCalendar };

package/day-of-month-picker/useCalendar.js

@@ -1,64 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var mergeRefs = require('react-merge-refs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
-
-function useCalendar(_a) {
-    var selected = _a.selected, onChange = _a.onChange;
-    var _b = React.useState(), highlighted = _b[0], setHighlighted = _b[1];
-    var dateRefs = React.useRef([]);
-    var rootRef = React.useRef(null);
-    var handleDayClick = function (event) {
-        onChange(event);
-    };
-    var handleDayMouseEnter = React.useCallback(function (event) {
-        var date = event.currentTarget.dataset.date;
-        setHighlighted(date ? +date : undefined);
-    }, []);
-    var handleDayMouseLeave = React.useCallback(function () {
-        setHighlighted(undefined);
-    }, []);
-    var handleDateRef = React.useCallback(function (node, index) {
-        dateRefs.current[index] = node;
-    }, []);
-    var focusableDayIsSet = false;
-    var getDayProps = function (day) {
-        var daySelected = selected === day;
-        var canFocus = daySelected;
-        // Если день не выбран — фокус должен начинаться с первого доступного дня месяца
-        if (!selected && !focusableDayIsSet) {
-            focusableDayIsSet = true;
-            canFocus = true;
-        }
-        return {
-            'data-date': day,
-            'aria-selected': daySelected,
-            tabIndex: canFocus ? 0 : -1,
-            onClick: handleDayClick,
-            selected: daySelected,
-            onMouseEnter: handleDayMouseEnter,
-            onMouseLeave: handleDayMouseLeave,
-            ref: function (node) {
-                handleDateRef(node, day - 1);
-            },
-        };
-    };
-    var getRootProps = function (_a) {
-        var _b = _a.ref, ref = _b === void 0 ? null : _b;
-        return ({
-            ref: mergeRefs__default.default([ref, rootRef]),
-            tabIndex: -1,
-        });
-    };
-    return {
-        getDayProps: getDayProps,
-        getRootProps: getRootProps,
-        highlighted: highlighted,
-    };
-}
-
-exports.useCalendar = useCalendar;