@alfalab/core-components 19.11.1 → 20.0.0

package/date-input/cssm/utils/format.d.ts

@@ -1,7 +0,0 @@
-declare const DATE_FORMAT = "dd.MM.yyyy";
-declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
-declare const DATE_MASK: (string | RegExp)[];
-declare const isCompleteDateInput: (input: string) => boolean;
-declare const formatDate: (date: number | Date, dateFormat?: string) => string;
-declare const parseDateString: (value: string, dateFormat?: string) => Date;
-export { DATE_FORMAT, NATIVE_DATE_FORMAT, DATE_MASK, isCompleteDateInput, formatDate, parseDateString };

package/date-input/cssm/utils/format.js

@@ -1,23 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dateFns = require('date-fns');
-
-var DATE_FORMAT = 'dd.MM.yyyy';
-var NATIVE_DATE_FORMAT = 'yyyy-MM-dd';
-var DATE_MASK = [/\d/, /\d/, '.', /\d/, /\d/, '.', /\d/, /\d/, /\d/, /\d/];
-var isCompleteDateInput = function (input) { return input.length === DATE_MASK.length; };
-var formatDate = function (date, dateFormat) {
-    if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
-    return dateFns.format(date, dateFormat);
-};
-var parseDateString = function (value, dateFormat) {
-    if (dateFormat === void 0) { dateFormat = DATE_FORMAT; }
-    return dateFns.parse(value, dateFormat, new Date());
-};
-
-exports.DATE_FORMAT = DATE_FORMAT;
-exports.DATE_MASK = DATE_MASK;
-exports.NATIVE_DATE_FORMAT = NATIVE_DATE_FORMAT;
-exports.formatDate = formatDate;
-exports.isCompleteDateInput = isCompleteDateInput;
-exports.parseDateString = parseDateString;

package/date-input/cssm/utils/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./format";
-export * from "./date-correction-pipe";
-export * from "./native-supports";

package/date-input/cssm/utils/index.js

@@ -1,20 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('date-fns');
-var utils_format = require('./format.js');
-var utils_dateCorrectionPipe = require('./date-correction-pipe.js');
-var utils_nativeSupports = require('./native-supports.js');
-
-
-
-exports.DATE_FORMAT = utils_format.DATE_FORMAT;
-exports.DATE_MASK = utils_format.DATE_MASK;
-exports.NATIVE_DATE_FORMAT = utils_format.NATIVE_DATE_FORMAT;
-exports.formatDate = utils_format.formatDate;
-exports.isCompleteDateInput = utils_format.isCompleteDateInput;
-exports.parseDateString = utils_format.parseDateString;
-exports.createAutoCorrectedDatePipe = utils_dateCorrectionPipe.createAutoCorrectedDatePipe;
-exports.mask = utils_dateCorrectionPipe.mask;
-exports.IS_BROWSER = utils_nativeSupports.IS_BROWSER;
-exports.SUPPORTS_INPUT_TYPE_DATE = utils_nativeSupports.SUPPORTS_INPUT_TYPE_DATE;
-exports.isInputDateSupported = utils_nativeSupports.isInputDateSupported;

package/date-input/cssm/utils/native-supports.d.ts

@@ -1,7 +0,0 @@
-declare const IS_BROWSER: boolean;
-declare const SUPPORTS_INPUT_TYPE_DATE: boolean;
-/**
- * Возвращает `true`, если поддерживается `input[type="date"]`
- */
-declare function isInputDateSupported(): boolean;
-export { IS_BROWSER, SUPPORTS_INPUT_TYPE_DATE, isInputDateSupported };

package/date-input/cssm/utils/native-supports.js

@@ -1,18 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var IS_BROWSER = typeof window !== 'undefined';
-var SUPPORTS_INPUT_TYPE_DATE = IS_BROWSER && isInputDateSupported();
-/**
- * Возвращает `true`, если поддерживается `input[type="date"]`
- */
-function isInputDateSupported() {
-    var input = document.createElement('input');
-    var value = 'a';
-    input.setAttribute('type', 'date');
-    input.setAttribute('value', value);
-    return input.value !== value;
-}
-
-exports.IS_BROWSER = IS_BROWSER;
-exports.SUPPORTS_INPUT_TYPE_DATE = SUPPORTS_INPUT_TYPE_DATE;
-exports.isInputDateSupported = isInputDateSupported;

package/divider/cssm/Component.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-type DividerProps = {
-    /**
-     * Кастомный класс
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-};
-declare const Divider: React.FC<DividerProps>;
-export { DividerProps, Divider };

package/divider/cssm/Component.js

@@ -1,18 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var cn = require('classnames');
-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 styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-
-var Divider = function (_a) {
-    var className = _a.className, dataTestId = _a.dataTestId;
-    return (React__default['default'].createElement("hr", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId }));
-};
-
-exports.Divider = Divider;

package/divider/cssm/index.d.ts

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

package/divider/cssm/index.js

@@ -1,10 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('react');
-require('classnames');
-require('./index.module.css');
-var Component = require('./Component.js');
-
-
-
-exports.Divider = Component.Divider;

package/divider/cssm/index.module.css

@@ -1,22 +0,0 @@
-:root {
-    --color-light-border-primary: #dbdee1;
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
-}
-:root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-}
-:root {
-    --divider-color: var(--color-light-border-primary);
-}
-.component {
-    border: none;
-    border-bottom: 1px solid var(--divider-color);
-    margin: 0;
-}

package/drawer/cssm/Component.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react-transition-group" />
-/// <reference types="react" />
-import React from 'react';
-import { TransitionProps } from 'react-transition-group/Transition';
-import { BaseModalProps, BaseModalContext } from "../../base-modal";
-declare const ANIMATION_DURATION = 600;
-type DrawerProps = Omit<BaseModalProps, 'container'> & {
-    /**
-     * Пропсы для анимации контента (CSSTransition)
-     */
-    contentTransitionProps?: Partial<TransitionProps>;
-};
-declare const DrawerContext: React.Context<BaseModalContext>;
-declare const Drawer: React.ForwardRefExoticComponent<Pick<BaseModalProps, "children" | "className" | "open" | "onClose" | "dataTestId" | "Backdrop" | "backdropProps" | "disableAutoFocus" | "disableFocusLock" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableBackdropClick" | "keepMounted" | "contentClassName" | "wrapperClassName" | "scrollHandler" | "transitionProps" | "onBackdropClick" | "onEscapeKeyDown" | "onMount" | "onUnmount" | "zIndex"> & {
-    /**
-     * Пропсы для анимации контента (CSSTransition)
-     */
-    contentTransitionProps?: Partial<TimeoutProps<undefined>> | Partial<EndListenerProps<undefined>> | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { ANIMATION_DURATION, DrawerProps, DrawerContext, Drawer };

package/drawer/cssm/Component.js

@@ -1,92 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var reactTransitionGroup = require('react-transition-group');
-var cn = require('classnames');
-var coreComponentsBaseModal = require('../../base-modal/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 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.
-***************************************************************************** */
-var __assign = function () {
-    __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 __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 ANIMATION_DURATION = 600;
-var DrawerContext = coreComponentsBaseModal.BaseModalContext;
-var Drawer = React.forwardRef(function (_a, ref) {
-    var open = _a.open, className = _a.className, children = _a.children, contentTransitionProps = _a.contentTransitionProps, restProps = __rest(_a, ["open", "className", "children", "contentTransitionProps"]);
-    var transitionProps = React.useMemo(function () { return (__assign({ classNames: {
-            enter: styles__default['default'].enter,
-            appear: styles__default['default'].enter,
-            enterActive: styles__default['default'].enterActive,
-            appearActive: styles__default['default'].enterActive,
-            exit: styles__default['default'].exit,
-            exitActive: styles__default['default'].exitActive,
-        }, timeout: ANIMATION_DURATION }, restProps.transitionProps)); }, [restProps.transitionProps]);
-    var backdropProps = React.useMemo(function () { return (__assign({ classNames: {
-            enter: styles__default['default'].backdropEnter,
-            appear: styles__default['default'].backdropEnter,
-            enterActive: styles__default['default'].backdropEnterActive,
-            appearActive: styles__default['default'].backdropEnterActive,
-            enterDone: styles__default['default'].backdropEnterDone,
-            appearDone: styles__default['default'].backdropEnterDone,
-            exit: styles__default['default'].backdropExit,
-            exitActive: styles__default['default'].backdropExitActive,
-            exitDone: styles__default['default'].backdropExitDone,
-        }, timeout: ANIMATION_DURATION }, restProps.backdropProps)); }, [restProps.backdropProps]);
-    var contentProps = React.useMemo(function () { return (__assign({ classNames: {
-            enter: styles__default['default'].contentEnter,
-            appear: styles__default['default'].contentEnter,
-            enterActive: styles__default['default'].contentEnterActive,
-            appearActive: styles__default['default'].contentEnterActive,
-            exit: styles__default['default'].contentExit,
-            exitActive: styles__default['default'].contentExitActive,
-        }, timeout: ANIMATION_DURATION }, contentTransitionProps)); }, [contentTransitionProps]);
-    return (React__default['default'].createElement(coreComponentsBaseModal.BaseModal, __assign({}, restProps, { scrollHandler: 'content', ref: ref, open: open, className: cn__default['default'](styles__default['default'].component, className), transitionProps: transitionProps, backdropProps: backdropProps }),
-        React__default['default'].createElement(reactTransitionGroup.CSSTransition, __assign({ appear: true }, contentProps, { in: open }),
-            React__default['default'].createElement("div", { className: styles__default['default'].content }, children))));
-});
-
-exports.ANIMATION_DURATION = ANIMATION_DURATION;
-exports.Drawer = Drawer;
-exports.DrawerContext = DrawerContext;

package/drawer/cssm/index.d.ts

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

package/drawer/cssm/index.js

@@ -1,14 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component = require('./Component.js');
-require('react');
-require('react-transition-group');
-require('classnames');
-require('../../base-modal/cssm');
-require('./index.module.css');
-
-
-
-exports.ANIMATION_DURATION = Component.ANIMATION_DURATION;
-exports.Drawer = Component.Drawer;
-exports.DrawerContext = Component.DrawerContext;

package/drawer/cssm/index.module.css

@@ -1,84 +0,0 @@
-:root {
-    --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
-
-    /* TODO: цвета добавлены руками. Обновить токены */
-    --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
-}
-:root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-}
-:root {
-    --backdrop-visible-background: var(--color-light-bg-overlay);
-    --backdrop-hidden-background: transparent;
-}
-:root {
-    --drawer-width: 500px;
-}
-.component {
-    position: fixed;
-    top: 0;
-    right: 0;
-    height: 100%;
-    width: var(--drawer-width);
-    flex: 1;
-    align-self: flex-end;
-    overflow: auto;
-    will-change: transform;
-}
-.content {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-}
-/* enter */
-.enter {
-    transform: translateX(100%);
-}
-.contentEnter {
-    opacity: 0;
-}
-.backdropEnter {
-    background-color: var(--backdrop-hidden-background);
-}
-.enterActive {
-    transition: transform 0.3s ease-in-out;
-    transform: translateX(0);
-}
-.backdropEnterActive,
-.backdropEnterDone {
-    transition: background 0.3s ease-in-out;
-    background-color: var(--backdrop-visible-background);
-}
-.contentEnterActive {
-    transition: opacity 0.2s ease-in-out 0.3s;
-    opacity: 1;
-}
-/* exit */
-.exit {
-    transform: translateX(0);
-}
-.backdropExit {
-    background-color: var(--backdrop-visible-background);
-}
-.contentExit {
-    opacity: 1;
-}
-.exitActive {
-    transition: transform 0.25s ease-in-out 0.1s;
-    transform: translateX(100%);
-}
-.backdropExitActive,
-.backdropExitDone {
-    transition: background 0.25s ease-in-out 0.1s;
-    background-color: var(--backdrop-hidden-background);
-}
-.contentExitActive {
-    opacity: 0;
-    transition: opacity 0.12s ease-in-out;
-}

package/dropzone/cssm/Component.d.ts

@@ -1,47 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { FC } from "react";
-type DropzoneProps = {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Подпись для заглушки
-     */
-    text?: string;
-    /**
-     * Состояние ошибки
-     */
-    error?: boolean;
-    /**
-     * Позволяет вручную управлять видимостью заглушки
-     */
-    overlayVisible?: boolean;
-    /**
-     * Растягивать ли компонент на всю ширину
-     */
-    block?: boolean;
-    /**
-     * Обработчик события 'drop'
-     */
-    onDrop?: (files: FileList) => void;
-    /**
-     * Обработчик события 'dragover'
-     */
-    onDragOver?: (event: React.DragEvent<HTMLElement>) => void;
-    /**
-     * Обработчик события 'dragleave'
-     */
-    onDragLeave?: (event: React.DragEvent<HTMLElement>) => void;
-    /**
-     * Обработчик события 'dragenter'
-     */
-    onDragEnter?: (event: React.DragEvent<HTMLElement>) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Dropzone: FC<DropzoneProps>;
-export { DropzoneProps, Dropzone };

package/dropzone/cssm/Component.js

@@ -1,70 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var cn = require('classnames');
-var iconsGlyph = require('@alfalab/icons-glyph');
-var utils = require('./utils.js');
-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 styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-
-var Dropzone = function (_a) {
-    var _b;
-    var className = _a.className, children = _a.children, _c = _a.text, text = _c === void 0 ? 'Перетащите файлы' : _c, _d = _a.error, error = _d === void 0 ? false : _d, _e = _a.overlayVisible, overlayVisible = _e === void 0 ? false : _e, onDragEnter = _a.onDragEnter, onDragLeave = _a.onDragLeave, onDragOver = _a.onDragOver, onDrop = _a.onDrop, _f = _a.block, block = _f === void 0 ? false : _f, dataTestId = _a.dataTestId;
-    var _g = React.useState(false), dragOver = _g[0], setDragOver = _g[1];
-    /**
-     * При ховере дочерних элементов срабатывает dragLeave, из-за чего пропадает оверлей
-     * https://stackoverflow.com/a/21002544
-     */
-    var dragCounter = React.useRef(0);
-    var handleDragOver = React.useCallback(function (event) {
-        utils.preventAndStopEvent(event);
-        if (onDragOver) {
-            onDragOver(event);
-        }
-    }, [onDragOver]);
-    var handleDragEnter = React.useCallback(function (event) {
-        utils.preventAndStopEvent(event);
-        dragCounter.current += 1;
-        setDragOver(true);
-        if (onDragEnter) {
-            onDragEnter(event);
-        }
-    }, [onDragEnter]);
-    var handleDragLeave = React.useCallback(function (event) {
-        utils.preventAndStopEvent(event);
-        dragCounter.current -= 1;
-        if (dragCounter.current > 0)
-            return;
-        setDragOver(false);
-        if (onDragLeave) {
-            onDragLeave(event);
-        }
-    }, [onDragLeave]);
-    var handleDrop = React.useCallback(function (event) {
-        utils.preventAndStopEvent(event);
-        setDragOver(false);
-        if (event.dataTransfer.files && event.dataTransfer.files.length > 0) {
-            if (onDrop) {
-                onDrop(event.dataTransfer.files);
-            }
-            event.dataTransfer.clearData();
-            dragCounter.current = 0;
-        }
-    }, [onDrop]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className, (_b = {},
-            _b[styles__default['default'].dragOver] = dragOver || overlayVisible,
-            _b[styles__default['default'].error] = error,
-            _b[styles__default['default'].block] = block,
-            _b)), onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, "data-test-id": dataTestId },
-        children,
-        React__default['default'].createElement("div", { className: styles__default['default'].overlay },
-            React__default['default'].createElement(iconsGlyph.ContainerMIcon, null),
-            React__default['default'].createElement("span", { className: styles__default['default'].text }, text))));
-};
-
-exports.Dropzone = Dropzone;