@alfalab/core-components 19.11.1 → 20.0.0

package/tooltip/cssm/Component-1d6b7d3e.js

@@ -1,172 +0,0 @@
-var React = require('react');
-var cn = require('classnames');
-var mergeRefs = require('react-merge-refs');
-var coreComponentsPopover = require('../../popover/cssm');
-var styles = require('./index.module.css');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-exports.__assign = function () {
-    exports.__assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return exports.__assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-var Tooltip = function (_a) {
-    var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.onCloseDelay, onCloseDelay = _c === void 0 ? 300 : _c, _d = _a.onOpenDelay, onOpenDelay = _d === void 0 ? 300 : _d, dataTestId = _a.dataTestId, forcedOpen = _a.open, _e = _a.offset, offset = _e === void 0 ? [0, 16] : _e, position = _a.position, contentClassName = _a.contentClassName, arrowClassName = _a.arrowClassName, popoverClassName = _a.popoverClassName, updatePopover = _a.updatePopover, targetClassName = _a.targetClassName, zIndex = _a.zIndex, onClose = _a.onClose, onOpen = _a.onOpen, getPortalContainer = _a.getPortalContainer, _f = _a.view, view = _f === void 0 ? 'tooltip' : _f, _g = _a.targetRef, targetRef = _g === void 0 ? null : _g, fallbackPlacements = _a.fallbackPlacements;
-    var _h = React.useState(!!forcedOpen), visible = _h[0], setVisible = _h[1];
-    var _j = React.useState(null), target = _j[0], setTarget = _j[1];
-    var contentRef = React.useRef(null);
-    var timer = React.useRef(0);
-    var show = forcedOpen === undefined ? visible : forcedOpen;
-    var open = function () {
-        if (!show) {
-            setVisible(true);
-            if (onOpen) {
-                onOpen();
-            }
-        }
-    };
-    var close = React.useCallback(function () {
-        if (show) {
-            setVisible(false);
-            if (onClose) {
-                onClose();
-            }
-        }
-    }, [onClose, show]);
-    var toggle = function () {
-        if (show) {
-            close();
-        }
-        else {
-            open();
-        }
-    };
-    var clickedOutside = React.useCallback(function (node) {
-        if (target && target.contains(node)) {
-            return false;
-        }
-        if (contentRef.current && contentRef.current.contains(node)) {
-            return false;
-        }
-        return true;
-    }, [target]);
-    React.useEffect(function () {
-        var handleBodyClick = function (event) {
-            var eventTarget = event.target;
-            if (clickedOutside(eventTarget)) {
-                close();
-            }
-        };
-        document.body.addEventListener('click', handleBodyClick);
-        return function () {
-            document.body.removeEventListener('click', handleBodyClick);
-            clearTimeout(timer.current);
-        };
-    }, [clickedOutside, close]);
-    var handleTargetClick = function () {
-        toggle();
-    };
-    var handleMouseOver = function () {
-        clearTimeout(timer.current);
-        timer.current = window.setTimeout(function () {
-            open();
-        }, onOpenDelay);
-    };
-    var handleMouseOut = function () {
-        clearTimeout(timer.current);
-        timer.current = window.setTimeout(function () {
-            close();
-        }, onCloseDelay);
-    };
-    var handleTouchStart = function (event) {
-        var eventTarget = event.target;
-        clearTimeout(timer.current);
-        if (clickedOutside(eventTarget)) {
-            timer.current = window.setTimeout(function () {
-                close();
-            }, onCloseDelay);
-        }
-        else {
-            open();
-        }
-    };
-    var onClickProps = { onClick: handleTargetClick };
-    var onHoverProps = {
-        onMouseOver: handleMouseOver,
-        onMouseOut: handleMouseOut,
-        onTouchStart: handleTouchStart,
-    };
-    var getTargetProps = function () {
-        var props = {
-            className: cn__default['default'](styles__default['default'].target, targetClassName),
-        };
-        switch (trigger) {
-            case 'click':
-                return exports.__assign(exports.__assign({}, props), onClickProps);
-            case 'hover':
-                return exports.__assign(exports.__assign({}, props), onHoverProps);
-            default:
-                return {};
-        }
-    };
-    var getContentProps = function () {
-        var props = {
-            ref: contentRef,
-            'data-test-id': dataTestId,
-            className: cn__default['default'](styles__default['default'].component, contentClassName),
-        };
-        switch (trigger) {
-            case 'hover':
-                return exports.__assign(exports.__assign({}, props), onHoverProps);
-            default:
-                return props;
-        }
-    };
-    return (React__default['default'].createElement(React.Fragment, null,
-        React__default['default'].createElement("div", exports.__assign({ ref: mergeRefs__default['default']([targetRef, setTarget]) }, getTargetProps()), children),
-        React__default['default'].createElement(coreComponentsPopover.Popover, { anchorElement: target, open: show, getPortalContainer: getPortalContainer, arrowClassName: cn__default['default'](arrowClassName, styles__default['default'].arrow), popperClassName: cn__default['default'](styles__default['default'].popper, styles__default['default'][view]), className: popoverClassName, offset: offset, withArrow: true, position: position, update: updatePopover, zIndex: zIndex, fallbackPlacements: fallbackPlacements },
-            React__default['default'].createElement("div", exports.__assign({}, getContentProps()), content))));
-};
-
-exports.Tooltip = Tooltip;
-exports.__rest = __rest;

package/tooltip/cssm/Component.js

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component = require('./Component-1d6b7d3e.js');
-require('react');
-require('classnames');
-require('react-merge-refs');
-require('../../popover/cssm');
-require('./index.module.css');
-
-
-
-exports.Tooltip = Component.Tooltip;

package/tooltip/cssm/component.responsive.d.ts

@@ -1,28 +0,0 @@
-import { FC } from 'react';
-import { BottomSheetProps } from "../../bottom-sheet";
-import { TooltipProps } from "./index";
-type View = 'desktop' | 'mobile';
-type TooltipResponsiveProps = Omit<TooltipProps, 'open' | 'onClose' | 'onOpen'> & {
-    /**
-     * Режим отображения по умолчанию
-     */
-    defaultMatch?: View;
-    /**
-     * Управление видимостью
-     */
-    open: boolean;
-    /**
-     * Обработчик открытия
-     */
-    onOpen: () => void;
-    /**
-     * Обработчик закрытия
-     */
-    onClose: () => void;
-    /**
-     * Кнопка в мобильной версии (обычно, это кнопка закрытия)
-     */
-    mobileActionButton?: BottomSheetProps['actionButton'];
-};
-declare const TooltipResponsive: FC<TooltipResponsiveProps>;
-export { TooltipResponsive };

package/tooltip/cssm/component.responsive.js

@@ -1,31 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component = require('./Component-1d6b7d3e.js');
-var React = require('react');
-require('classnames');
-require('react-merge-refs');
-require('../../popover/cssm');
-require('./index.module.css');
-var hooks = require('@alfalab/hooks');
-var coreComponentsBottomSheet = require('../../bottom-sheet/cssm');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var TooltipResponsive = function (_a) {
-    var _b = _a.defaultMatch, defaultMatch = _b === void 0 ? 'mobile' : _b, content = _a.content, children = _a.children, mobileActionButton = _a.mobileActionButton, onOpen = _a.onOpen, restProps = Component.__rest(_a, ["defaultMatch", "content", "children", "mobileActionButton", "onOpen"]);
-    var view = hooks.useMedia([
-        ['mobile', '(max-width: 767px)'],
-        ['desktop', '(min-width: 768px)'],
-    ], defaultMatch)[0];
-    var handleOpen = function () {
-        onOpen();
-    };
-    var isMobile = view === 'mobile';
-    return isMobile ? (React__default['default'].createElement(React.Fragment, null,
-        React__default['default'].createElement(coreComponentsBottomSheet.BottomSheet, Component.__assign({}, restProps, { actionButton: mobileActionButton }), content),
-        React__default['default'].createElement("div", { onClick: handleOpen }, children))) : (React__default['default'].createElement(Component.Tooltip, Component.__assign({}, restProps, { content: content, onOpen: onOpen }), children));
-};
-
-exports.TooltipResponsive = TooltipResponsive;

package/tooltip/cssm/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component-1d6b7d3e";

package/tooltip/cssm/index.js

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component = require('./Component-1d6b7d3e.js');
-require('react');
-require('classnames');
-require('react-merge-refs');
-require('../../popover/cssm');
-require('./index.module.css');
-
-
-
-exports.Tooltip = Component.Tooltip;

package/tooltip/cssm/index.module.css

@@ -1,54 +0,0 @@
-:root {
-    --color-light-text-primary-inverted: #fff;
-    --color-static-bg-primary-dark: #000;
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
-}
-:root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-}
-:root {
-    --gap-xs: 8px;
-    --gap-m: 16px;
-}
-:root {
-    --border-radius-s: 4px;
-    --border-radius-m: 8px;
-}
-:root {
-    --tooltip-hint-bg-color: var(--color-static-bg-primary-dark);
-}
-.component {
-    font-size: 14px;
-    line-height: 20px;
-    font-weight: 400;
-    padding: var(--gap-m);
-}
-.popper {
-    border-radius: var(--border-radius-m);
-}
-.hint {
-    border-radius: var(--border-radius-s);
-    background-color: var(--tooltip-hint-bg-color);
-    box-shadow: none;
-}
-.hint .component {
-    font-size: 13px;
-    line-height: 16px;
-    font-weight: 400;
-    padding: var(--gap-xs);
-    color: var(--color-light-text-primary-inverted);
-}
-.hint .arrow:after {
-    background-color: var(--tooltip-hint-bg-color);
-    border-color: var(--tooltip-hint-bg-color);
-}
-.target {
-    cursor: pointer;
-}

package/tooltip/cssm/responsive.d.ts

@@ -1 +0,0 @@
-export * from "./component.responsive";

package/tooltip/cssm/responsive.js

@@ -1,15 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./Component-1d6b7d3e.js');
-require('react');
-require('classnames');
-require('react-merge-refs');
-require('../../popover/cssm');
-require('./index.module.css');
-require('@alfalab/hooks');
-require('../../bottom-sheet/cssm');
-var component_responsive = require('./component.responsive.js');
-
-
-
-exports.TooltipResponsive = component_responsive.TooltipResponsive;

package/tooltip/esm/Component-24cdba1a.d.ts

@@ -1,125 +0,0 @@
-import { FC, ReactElement, ReactNode, MutableRefObject } from 'react';
-import { Position, PopoverProps } from "../../popover";
-declare function __extends(d: any, b: any): void;
-declare function __rest(s: any, e: any): {};
-declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
-declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
-declare function __metadata(metadataKey: any, metadataValue: any): any;
-declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
-declare function __generator(thisArg: any, body: any): {
-    next: (v: any) => any;
-    throw: (v: any) => any;
-    return: (v: any) => any;
-};
-declare function __exportStar(m: any, o: any): void;
-declare function __values(o: any): any;
-declare function __read(o: any, n: any): any;
-declare function __spread(...args: any[]): any[];
-declare function __spreadArrays(...args: any[]): any[];
-declare function __await(v: any): any;
-declare class __await {
-    constructor(v: any);
-    v: any;
-}
-declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
-declare function __asyncDelegator(o: any): {};
-declare function __asyncValues(o: any): any;
-declare function __makeTemplateObject(cooked: any, raw: any): any;
-declare function __importStar(mod: any): any;
-declare function __importDefault(mod: any): any;
-declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
-declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
-declare function __assign(...args: any[]): any;
-declare function __createBinding(o: any, m: any, k: any, k2: any): void;
-type Trigger = 'click' | 'hover';
-type TooltipProps = {
-    /**
-     * Контент тултипа
-     */
-    content: ReactNode;
-    /**
-     * Позиционирование тултипа
-     */
-    position?: Position;
-    /**
-     * Задержка перед открытием тултипа
-     */
-    onOpenDelay?: number;
-    /**
-     * Задержка перед закрытием тултипа
-     */
-    onCloseDelay?: number;
-    /**
-     * Обработчик открытия тултипа
-     */
-    onOpen?: () => void;
-    /**
-     * Обработчик закрытия тултипа
-     */
-    onClose?: () => void;
-    /**
-     * Событие, по которому происходит открытие тултипа
-     */
-    trigger?: Trigger;
-    /**
-     * Если `true`, то тултип будет открыт
-     */
-    open?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Дочерние элементы тултипа.
-     * При срабатывании событий на них, тултип будет открываться
-     */
-    children: ReactElement;
-    /**
-     * Смещение тултипа
-     */
-    offset?: [number, number];
-    /**
-     * Функция, возвращающая контейнер, в который будет рендериться тултип
-     */
-    getPortalContainer?: () => HTMLElement;
-    /**
-     * Дополнительный класс для стрелочки
-     */
-    arrowClassName?: string;
-    /**
-     * Дополнительный класс для контента
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительный класс для поповера
-     */
-    popoverClassName?: string;
-    /**
-     * Дополнительный класс для обертки над дочерними элементами
-     */
-    targetClassName?: string;
-    /**
-     * Вид тултипа
-     */
-    view?: 'tooltip' | 'hint';
-    /**
-     * Хранит функцию, с помощью которой можно обновить положение компонента
-     */
-    updatePopover?: PopoverProps['update'];
-    /**
-     * z-index компонента
-     */
-    zIndex?: number;
-    /**
-     * Реф для обертки над дочерними элементами
-     */
-    targetRef?: MutableRefObject<HTMLElement | null>;
-    /**
-     * Если тултип не помещается в переданной позиции (position), он попробует открыться в другой позиции,
-     * по очереди для каждой позиции из этого списка.
-     * Если не передавать, то тултип открывается в противоположном направлении от переданного position.
-     */
-    fallbackPlacements?: PopoverProps['fallbackPlacements'];
-};
-declare const Tooltip: FC<TooltipProps>;
-export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding, TooltipProps, Tooltip };