@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.2

package/universal-date-input/esm/Component.responsive.js

@@ -1,6 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { BaseUniversalDateInput } from './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -21,7 +22,6 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../shared/esm';
 import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';
@@ -33,7 +33,7 @@ import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';
 
 var UniversalDateInput = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React.createElement(BaseUniversalDateInput, __assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
 });

package/universal-date-input/esm/index.js

@@ -2,6 +2,7 @@ export { UniversalDateInput } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -22,7 +23,6 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../shared/esm';
 import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';

package/universal-date-input/modern/Component.responsive.js

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { BaseUniversalDateInput } from './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -20,7 +21,6 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../shared/modern';
 import './components/date-input/Component.js';
 import '../../input/modern';
 import '../../popover/modern';
@@ -31,7 +31,7 @@ import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';
 
-const UniversalDateInput = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, view, ...restProps }, ref) => {
+const UniversalDateInput = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, view, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return (React.createElement(BaseUniversalDateInput, { ...restProps, ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' }));
 });

package/universal-date-input/modern/index.js

@@ -1,6 +1,7 @@
 export { UniversalDateInput } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -21,7 +22,6 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../shared/modern';
 import './components/date-input/Component.js';
 import '../../input/modern';
 import '../../popover/modern';

package/vars/cssm/colors-bluetint.js

@@ -1,6 +1,10 @@
-import styles from '!!css-loader!@alfalab/core-components/vars/colors-bluetint.css';
+var styles = require('!!css-loader!@alfalab/core-components/vars/colors-bluetint.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 // eslint-disable-next-line import/no-webpack-loader-syntax
-const colorsBluetint = styles.toString();
+var colorsBluetint = styles__default.default.toString();
 
-export { colorsBluetint as default };
+module.exports = colorsBluetint;

package/vars/cssm/colors-decorative.js

@@ -1,6 +1,10 @@
-import styles from '!!css-loader!@alfalab/core-components/vars/colors-decorative.css';
+var styles = require('!!css-loader!@alfalab/core-components/vars/colors-decorative.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 // eslint-disable-next-line import/no-webpack-loader-syntax
-const colorsDecorative = styles.toString();
+var colorsDecorative = styles__default.default.toString();
 
-export { colorsDecorative as default };
+module.exports = colorsDecorative;

package/vars/cssm/colors-indigo.js

@@ -1,6 +1,10 @@
-import styles from '!!css-loader!@alfalab/core-components/vars/colors-indigo.css';
+var styles = require('!!css-loader!@alfalab/core-components/vars/colors-indigo.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 // eslint-disable-next-line import/no-webpack-loader-syntax
-const colorsIndigo = styles.toString();
+var colorsIndigo = styles__default.default.toString();
 
-export { colorsIndigo as default };
+module.exports = colorsIndigo;

package/vars/cssm/colors-pfm.js

@@ -1,6 +1,10 @@
-import styles from '!!css-loader!@alfalab/core-components/vars/colors-pfm.css';
+var styles = require('!!css-loader!@alfalab/core-components/vars/colors-pfm.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 // eslint-disable-next-line import/no-webpack-loader-syntax
-const colorsPfm = styles.toString();
+var colorsPfm = styles__default.default.toString();
 
-export { colorsPfm as default };
+module.exports = colorsPfm;

package/vars/cssm/colors-qualitative.js

@@ -1,6 +1,10 @@
-import styles from '!!css-loader!@alfalab/core-components/vars/colors-qualitative.css';
+var styles = require('!!css-loader!@alfalab/core-components/vars/colors-qualitative.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 // eslint-disable-next-line import/no-webpack-loader-syntax
-const colorsQualitative = styles.toString();
+var colorsQualitative = styles__default.default.toString();
 
-export { colorsQualitative as default };
+module.exports = colorsQualitative;

package/vars/cssm/colors-sequential.js

@@ -1,6 +1,10 @@
-import styles from '!!css-loader!@alfalab/core-components/vars/colors-sequential.css';
+var styles = require('!!css-loader!@alfalab/core-components/vars/colors-sequential.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 // eslint-disable-next-line import/no-webpack-loader-syntax
-const colorsSequential = styles.toString();
+var colorsSequential = styles__default.default.toString();
 
-export { colorsSequential as default };
+module.exports = colorsSequential;

package/with-suffix/cssm/Component.js

@@ -1,45 +1,59 @@
-import React, { forwardRef, useState, useCallback, Fragment } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { Portal } from '../../portal/cssm';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const withSuffix = (Input) => forwardRef(({ value, defaultValue, onChange, onClear, suffix = '', placeholder, className, disabled, readOnly, suffixContainerClassName, ...restProps }, ref) => {
-    const uncontrolled = value === undefined;
-    const [inputNode, setInputNode] = useState(null);
-    const [stateValue, setStateValue] = useState(defaultValue || '');
-    const handleInputChange = useCallback((event, payload) => {
-        if (onChange) {
-            onChange(event, payload);
-        }
-        if (uncontrolled) {
-            setStateValue(payload.value);
-        }
-    }, [onChange, uncontrolled]);
-    const handleClear = useCallback((event) => {
-        if (uncontrolled) {
-            setStateValue('');
-        }
-        if (onClear) {
-            onClear(event);
-        }
-    }, [onClear, uncontrolled]);
-    const getPortalContainer = useCallback(
-    // TODO: Изменить сигнатуру getPortalContainer в Portal
-    () => (inputNode?.parentElement || null), [inputNode]);
-    const visibleValue = uncontrolled ? stateValue : value;
-    return (React.createElement(Fragment, null,
-        React.createElement(Input, { ref: mergeRefs([ref, setInputNode]), value: visibleValue, disabled: disabled, readOnly: readOnly, onChange: handleInputChange, onClear: handleClear, placeholder: placeholder, className: cn(className, {
-                [styles.suffixVisible]: Boolean(visibleValue),
-                [styles.hasSuffix]: suffix,
-            }), ...restProps }),
-        React.createElement(Portal, { getPortalContainer: getPortalContainer },
-            React.createElement("div", { translate: 'no', className: cn(styles.suffixContainer, suffixContainerClassName) },
-                React.createElement("span", { className: styles.spacer }, visibleValue),
-                suffix && (React.createElement("div", { className: cn(styles.suffix, {
-                        [styles.disabled]: disabled,
-                        [styles.readOnly]: readOnly,
-                    }) }, suffix))))));
-});
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsPortal = require('../../portal/cssm');
+var styles = require('./index.module.css');
 
-export { withSuffix };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var withSuffix = function (Input) {
+    return React.forwardRef(function (_a, ref) {
+        var _b, _c;
+        var value = _a.value, defaultValue = _a.defaultValue, onChange = _a.onChange, onClear = _a.onClear, _d = _a.suffix, suffix = _d === void 0 ? '' : _d, placeholder = _a.placeholder, className = _a.className, disabled = _a.disabled, readOnly = _a.readOnly, suffixContainerClassName = _a.suffixContainerClassName, restProps = tslib.__rest(_a, ["value", "defaultValue", "onChange", "onClear", "suffix", "placeholder", "className", "disabled", "readOnly", "suffixContainerClassName"]);
+        var uncontrolled = value === undefined;
+        var _e = React.useState(null), inputNode = _e[0], setInputNode = _e[1];
+        var _f = React.useState(defaultValue || ''), stateValue = _f[0], setStateValue = _f[1];
+        var handleInputChange = React.useCallback(function (event, payload) {
+            if (onChange) {
+                onChange(event, payload);
+            }
+            if (uncontrolled) {
+                setStateValue(payload.value);
+            }
+        }, [onChange, uncontrolled]);
+        var handleClear = React.useCallback(function (event) {
+            if (uncontrolled) {
+                setStateValue('');
+            }
+            if (onClear) {
+                onClear(event);
+            }
+        }, [onClear, uncontrolled]);
+        var getPortalContainer = React.useCallback(
+        // TODO: Изменить сигнатуру getPortalContainer в Portal
+        function () { return ((inputNode === null || inputNode === void 0 ? void 0 : inputNode.parentElement) || null); }, [inputNode]);
+        var visibleValue = uncontrolled ? stateValue : value;
+        return (React__default.default.createElement(React.Fragment, null,
+            React__default.default.createElement(Input, tslib.__assign({ ref: mergeRefs__default.default([ref, setInputNode]), value: visibleValue, disabled: disabled, readOnly: readOnly, onChange: handleInputChange, onClear: handleClear, placeholder: placeholder, className: cn__default.default(className, (_b = {},
+                    _b[styles__default.default.suffixVisible] = Boolean(visibleValue),
+                    _b[styles__default.default.hasSuffix] = suffix,
+                    _b)) }, restProps)),
+            React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: getPortalContainer },
+                React__default.default.createElement("div", { translate: 'no', className: cn__default.default(styles__default.default.suffixContainer, suffixContainerClassName) },
+                    React__default.default.createElement("span", { className: styles__default.default.spacer }, visibleValue),
+                    suffix && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.suffix, (_c = {},
+                            _c[styles__default.default.disabled] = disabled,
+                            _c[styles__default.default.readOnly] = readOnly,
+                            _c)) }, suffix))))));
+    });
+};
+
+exports.withSuffix = withSuffix;

package/with-suffix/cssm/index.js

@@ -1,6 +1,7 @@
-export { withSuffix } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import '../../portal/cssm';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.withSuffix = Component.withSuffix;

package/list/cssm/Component-8a80b477.js

@@ -1,48 +0,0 @@
-import React, { useContext, Children } from 'react';
-import cn from 'classnames';
-import { Typography } from '../../typography/cssm';
-import { isItem } from './utils.js';
-import styles$1 from './index.module.css';
-import styles from './components/item/index.module.css';
-
-const Item = ({ caption, children }) => {
-    const { orderedList, markerType, colorMarker, reversed, index = 0, start = 0, } = useContext(ListContext);
-    const markerLowerAlpha = markerType === 'lower-alpha';
-    const itemClassNames = cn(styles.item, {
-        [styles.unorderedItem]: markerLowerAlpha,
-        [styles.reversed]: reversed,
-    });
-    const isDisc = markerType === '•';
-    const count = start === 0 ? index + 1 : start + index;
-    const marker = orderedList || markerType === 'decimal' ? `${count}.` : markerType;
-    return (React.createElement("li", { className: cn(itemClassNames) },
-        !markerLowerAlpha && (React.createElement(Typography.Text, { tag: 'div', color: colorMarker, monospaceNumbers: true, view: 'primary-medium', className: cn(styles.slot, {
-                [styles.disc]: isDisc && !orderedList,
-                [styles.defaultColor]: !colorMarker,
-            }) }, marker)),
-        React.createElement("div", null,
-            React.createElement(Typography.Text, { tag: 'div', view: 'primary-medium' }, children),
-            caption && (React.createElement(Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles.caption }, caption)))));
-};
-Item.displayName = 'ListItem';
-
-const ListContext = React.createContext({});
-const ListComponent = ({ tag = 'ul', marker, className, dataTestId, colorMarker, children, reversed, start, ...restProps }) => {
-    const markerType = marker || (tag === 'ul' ? '—' : 'decimal');
-    const alphaMarker = markerType === 'lower-alpha';
-    const decimalMarker = markerType === 'decimal';
-    const Component = tag === 'ul' || alphaMarker ? 'ul' : 'ol';
-    const orderedList = Component === 'ol';
-    const listClassNames = cn(styles$1.list, {
-        [styles$1.lowerAlpha]: alphaMarker,
-        [styles$1.decimal]: decimalMarker,
-        [styles$1.reversed]: reversed,
-    }, className);
-    /* eslint-disable react/jsx-no-constructed-context-values */
-    return (React.createElement(Component, { className: listClassNames, "data-test-id": dataTestId, ...restProps }, Children.map(children, (child, index) => (React.createElement(ListContext.Provider, { value: { orderedList, markerType, colorMarker, reversed, index, start } }, isItem(child) ? child : React.createElement(Item, null, child))))));
-};
-const List = Object.assign(ListComponent, {
-    Item,
-});
-
-export { Item as I, ListContext as L, List as a };

package/picker-button/Component-a5b021bd.d.ts

@@ -1,168 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
-type NativeProps = InputHTMLAttributes<HTMLInputElement>;
-type Align = 'start' | 'center';
-type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
-    /**
-     * Управление состоянием вкл/выкл чекбокса (native prop)
-     */
-    checked?: boolean;
-    /**
-     * Обработчик переключения чекбокса
-     */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
-        checked: boolean;
-        name?: string;
-    }) => void;
-    /**
-     * Текст подписи к чекбоксу
-     */
-    label?: ReactNode;
-    /**
-     * Текст подсказки снизу
-     */
-    hint?: ReactNode;
-    /**
-     * Размер компонента
-     * @description s и m deprecated, используйте вместо них 20 и 24 соответственно
-     */
-    size?: 's' | 'm' | 20 | 24;
-    /**
-     * Доп. класс чекбокса
-     */
-    boxClassName?: string;
-    /**
-     * Доп. класс контента
-     */
-    contentClassName?: string;
-    /**
-     * Выравнивание
-     */
-    align?: Align;
-    /**
-     * Дополнительный слот
-     */
-    addons?: React.ReactNode;
-    /**
-     * Растягивать ли компонент на всю ширину
-     */
-    block?: boolean;
-    /**
-     * Управление состоянием включен / выключен
-     */
-    disabled?: boolean;
-    /**
-     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
-     * Используйте props disabled
-     * Управление состоянием активен / неактивен
-     */
-    inactive?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Управление неопределенным состоянием чекбокса
-     */
-    indeterminate?: boolean;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Флаг для скрытия нативного инпута.
-     * @default false
-     */
-    hiddenInput?: boolean;
-    /**
-     * Реф на инпут
-     */
-    inputRef?: RefObject<HTMLInputElement>;
-    /**
-     * Пропсы для label
-     */
-    labelProps?: DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
-};
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size" | "onChange" | "enterKeyHint"> & {
-    /**
-     * Управление состоянием вкл/выкл чекбокса (native prop)
-     */
-    checked?: boolean | undefined;
-    /**
-     * Обработчик переключения чекбокса
-     */
-    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
-        checked: boolean;
-        name?: string;
-    }) => void) | undefined;
-    /**
-     * Текст подписи к чекбоксу
-     */
-    label?: ReactNode;
-    /**
-     * Текст подсказки снизу
-     */
-    hint?: ReactNode;
-    /**
-     * Размер компонента
-     * @description s и m deprecated, используйте вместо них 20 и 24 соответственно
-     */
-    size?: "s" | "m" | 24 | 20 | undefined;
-    /**
-     * Доп. класс чекбокса
-     */
-    boxClassName?: string | undefined;
-    /**
-     * Доп. класс контента
-     */
-    contentClassName?: string | undefined;
-    /**
-     * Выравнивание
-     */
-    align?: Align | undefined;
-    /**
-     * Дополнительный слот
-     */
-    addons?: React.ReactNode;
-    /**
-     * Растягивать ли компонент на всю ширину
-     */
-    block?: boolean | undefined;
-    /**
-     * Управление состоянием включен / выключен
-     */
-    disabled?: boolean | undefined;
-    /**
-     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
-     * Используйте props disabled
-     * Управление состоянием активен / неактивен
-     */
-    inactive?: boolean | undefined;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string | undefined;
-    /**
-     * Управление неопределенным состоянием чекбокса
-     */
-    indeterminate?: boolean | undefined;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Флаг для скрытия нативного инпута.
-     * @default false
-     */
-    hiddenInput?: boolean | undefined;
-    /**
-     * Реф на инпут
-     */
-    inputRef?: React.RefObject<HTMLInputElement> | undefined;
-    /**
-     * Пропсы для label
-     */
-    labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined;
-} & React.RefAttributes<HTMLLabelElement>>;
-export { CheckboxProps, Checkbox };

package/picker-button/Context-c2e6f1b2.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { BaseModalContext } from "./index-bdb4c6b9";
-declare const ModalContext: import("react").Context<BaseModalContext>;
-export { ModalContext };