@sima-land/ui-nucleons 45.0.0-alpha.2 → 45.0.0-alpha.20

package/_internal/dropdown-loading/index.d.ts

@@ -1,9 +0,0 @@
-import { HTMLAttributes } from 'react';
-type DropdownLoadingProps = Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'children'>;
-/**
- * Плашка состояния загрузки для Dropdown.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function DropdownLoading(props: DropdownLoadingProps): JSX.Element;
-export {};

package/_internal/dropdown-loading/index.js

@@ -1,19 +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.DropdownLoading = void 0;
-const react_1 = __importDefault(require("react"));
-const spinner_1 = require("../../spinner");
-const index_module_scss_1 = __importDefault(require("./index.module.scss"));
-/**
- * Плашка состояния загрузки для Dropdown.
- * @param props Свойства.
- * @return Элемент.
- */
-function DropdownLoading(props) {
-    return (react_1.default.createElement("div", Object.assign({}, props, { className: index_module_scss_1.default.root }),
-        react_1.default.createElement(spinner_1.SpinnerSVG, { size: 's' })));
-}
-exports.DropdownLoading = DropdownLoading;

package/_internal/utils/dropdown.d.ts

@@ -1,12 +0,0 @@
-import { HEIGHTS } from '../../text-field';
-/**
- * Получив размер TextField, возвращает свойства для Dropdown для позиционирования строго под полем.
- * @deprecated Эта функция больше не нужна так как позиционирование выполняется другим способом.
- * @param size Размер TextField.
- * @return Свойства для Dropdown.
- */
-export declare const placeDropdown: (size?: keyof typeof HEIGHTS) => {
-    style: {
-        top: string;
-    };
-};

package/_internal/utils/dropdown.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.placeDropdown = void 0;
-const text_field_1 = require("../../text-field");
-/**
- * Получив размер TextField, возвращает свойства для Dropdown для позиционирования строго под полем.
- * @deprecated Эта функция больше не нужна так как позиционирование выполняется другим способом.
- * @param size Размер TextField.
- * @return Свойства для Dropdown.
- */
-const placeDropdown = (size = text_field_1.DEFAULTS.size) => ({
-    style: {
-        top: `${text_field_1.HEIGHTS[size]}px`,
-    },
-});
-exports.placeDropdown = placeDropdown;

package/autocomplete-deprecated/autocomplete.module.scss

@@ -1,20 +0,0 @@
-@use '../colors';
-
-.root {
-  position: relative;
-  width: var(--width, 320px);
-}
-
-.arrow {
-  fill: colors.$basic-gray38;
-}
-
-.field {
-  width: 100%;
-}
-
-.menu {
-  position: absolute;
-  width: 100%;
-  z-index: 2;
-}

package/autocomplete-deprecated/index.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { DropdownItemProps } from '../dropdown-item';
-import { TextFieldProps } from '../text-field';
-export interface AutocompleteProps extends Omit<TextFieldProps, 'ref' | 'value' | 'defaultValue'> {
-    /** Значение по умолчанию. */
-    defaultValue?: string;
-    /** Элементы меню. */
-    items?: any[];
-    /** Размер элемента меню. */
-    itemSize?: DropdownItemProps['size'];
-    /** Нужно ли выводить состояние загрузки списка. */
-    loading?: boolean;
-    /** Сработает при выборе. */
-    onSelect?: (item: any) => void;
-    /** Пресет (со стрелкой или без). */
-    preset?: 'default' | 'filled-only-list';
-    /** Выведет содержимое элемента. */
-    renderItem?: (item: any) => React.ReactNode;
-    /** Значение. */
-    value?: string;
-}
-/**
- * Поле ввода с подсказками.
- * @deprecated Нужно использовать новую реализацию "@sima-land/ui-nucleons/autocomplete".
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Autocomplete: ({ items, itemSize, onSelect, onChange, onKeyDown, style, className, value, defaultValue, loading, renderItem, preset, "data-testid": dataTestId, ...restProps }: AutocompleteProps) => JSX.Element;

package/autocomplete-deprecated/index.js

@@ -1,130 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Autocomplete = void 0;
-const react_1 = __importStar(require("react"));
-const dropdown_1 = require("../dropdown");
-const dropdown_item_1 = require("../dropdown-item");
-const text_field_1 = require("../text-field");
-const dropdown_2 = require("../_internal/utils/dropdown");
-const down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/down"));
-const up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/up"));
-const dropdown_loading_1 = require("../_internal/dropdown-loading");
-const bind_1 = __importDefault(require("classnames/bind"));
-const autocomplete_module_scss_1 = __importDefault(require("./autocomplete.module.scss"));
-const cx = bind_1.default.bind(autocomplete_module_scss_1.default);
-/**
- * Поле ввода с подсказками.
- * @deprecated Нужно использовать новую реализацию "@sima-land/ui-nucleons/autocomplete".
- * @param props Свойства.
- * @return Элемент.
- */
-const Autocomplete = (_a) => {
-    var { items, itemSize, onSelect, onChange, onKeyDown, style, className, value, defaultValue, loading, renderItem = String, preset = 'default', 'data-testid': dataTestId } = _a, restProps = __rest(_a, ["items", "itemSize", "onSelect", "onChange", "onKeyDown", "style", "className", "value", "defaultValue", "loading", "renderItem", "preset", 'data-testid']);
-    const osComponentRef = (0, react_1.useRef)(null);
-    const fieldRef = (0, react_1.useRef)(null);
-    const menuRef = (0, react_1.useRef)(null);
-    const [withMenu, toggleMenu] = (0, react_1.useState)(false);
-    const [realValue, setRealValue] = (0, react_1.useState)(value || defaultValue);
-    const [activeIndex, setActiveIndex] = (0, react_1.useState)(null);
-    const needMenu = preset === 'filled-only-list' ? withMenu && realValue && realValue.length > 0 : withMenu;
-    const arrowIcon = needMenu ? (react_1.default.createElement(up_1.default, { className: cx('arrow'), "data-testid": 'autocomplete:arrow-up' })) : (react_1.default.createElement(down_1.default, { className: cx('arrow'), "data-testid": 'autocomplete:arrow-down' }));
-    const endAdornment = preset === 'default' ? arrowIcon : undefined;
-    (0, react_1.useEffect)(() => {
-        setRealValue(value);
-    }, [value]);
-    (0, react_1.useEffect)(() => {
-        setActiveIndex(null);
-    }, [items]);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        const menu = menuRef.current;
-        const osInstance = (_a = osComponentRef.current) === null || _a === void 0 ? void 0 : _a.osInstance();
-        if (menu && osInstance && activeIndex !== null) {
-            const child = menu.querySelectorAll('[role="menuitem"]')[activeIndex];
-            child instanceof HTMLElement &&
-                osInstance.scroll({
-                    el: child,
-                    scroll: { y: 'ifneeded' },
-                });
-        }
-    }, [activeIndex]);
-    return (react_1.default.createElement("div", { style: style, className: cx('root', className), "data-testid": dataTestId },
-        react_1.default.createElement(text_field_1.TextField, Object.assign({}, restProps, { ref: fieldRef, focused: withMenu, endAdornment: endAdornment, "data-testid": 'autocomplete:field', variant: 'desktop', value: realValue, multiline: false, className: cx('field'), onFocus: () => {
-                toggleMenu(true);
-                setActiveIndex(null);
-            }, onBlur: () => {
-                toggleMenu(false);
-            }, onChange: (event) => {
-                setRealValue(event.target.value);
-                setActiveIndex(0);
-                onChange === null || onChange === void 0 ? void 0 : onChange(event);
-            }, onKeyDown: (event) => {
-                const size = (items === null || items === void 0 ? void 0 : items.length) || 0;
-                let nextIndex;
-                switch (event.key) {
-                    case 'ArrowDown':
-                        nextIndex = (activeIndex !== null ? size + activeIndex + 1 : 0) % size;
-                        break;
-                    case 'ArrowUp':
-                        nextIndex = (size + Number(activeIndex) - 1) % size;
-                        break;
-                    case 'Enter':
-                        if (items && activeIndex !== null && items.length > activeIndex) {
-                            onSelect && onSelect(items[activeIndex]);
-                            toggleMenu(false);
-                        }
-                        break;
-                }
-                if (typeof nextIndex === 'number') {
-                    event.preventDefault(); // не даём каретке в поле перемещаться
-                    setActiveIndex(nextIndex);
-                }
-                onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-            } })),
-        needMenu && (react_1.default.createElement(dropdown_1.Dropdown, Object.assign({}, (0, dropdown_2.placeDropdown)(restProps.size), { ref: menuRef, "data-testid": 'autocomplete:menu', className: cx('menu'), role: 'menu', customScrollbarProps: { osComponentRef } }), loading ? (react_1.default.createElement(dropdown_loading_1.DropdownLoading, { "data-testid": 'autocomplete:loading-area' })) : (react_1.default.createElement(react_1.default.Fragment, null, items && items.length > 0 ? (items.map((item, index) => (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: itemSize, key: index, role: 'menuitem', checked: index === activeIndex, onMouseDown: event => {
-                // чтобы при нажатии на опцию предотвратить blur на поле
-                event.preventDefault();
-            }, onClick: () => {
-                onSelect === null || onSelect === void 0 ? void 0 : onSelect(item);
-                setActiveIndex(null);
-                toggleMenu(false);
-            } }, renderItem(item))))) : (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: 'm', noHover: true }, "\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E"))))))));
-};
-exports.Autocomplete = Autocomplete;

package/avatar/avatar.module.scss

@@ -1,72 +0,0 @@
-$sizes: 40, 48, 56, 64, 72, 80, 104;
-
-$textSizes: (
-  40: 12,
-  48: 16,
-  56: 16,
-  64: 16,
-  72: 16,
-  80: 16,
-  104: 24,
-);
-
-@mixin layer {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.root {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  flex-grow: 0;
-  flex-shrink: 0;
-  border-radius: 50%;
-  overflow: hidden;
-  &::before {
-    @include layer;
-    content: '';
-    display: block;
-    background: var(--avatar-color, none);
-    opacity: var(--avatar-color-opacity, 1);
-  }
-}
-
-@each $size in $sizes {
-  .size-#{$size} {
-    width: #{$size}px;
-    height: #{$size}px;
-    .monogram {
-      font-size: #{map-get($textSizes, $size)}px;
-    }
-  }
-}
-
-.monogram {
-  position: relative;
-  padding: 0 8px;
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.icon {
-  position: relative;
-  fill: currentColor;
-}
-
-.layer {
-  @include layer;
-  &.image {
-    object-fit: cover;
-  }
-  &.image-overlay {
-    background: #000;
-    opacity: 0.04;
-  }
-}

package/avatar/user.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { AvatarProps } from '.';
-export type UserAvatarProps = Omit<AvatarProps, 'bgColor' | 'bgOpacity' | 'textColor'>;
-export declare const colorKey: unique symbol;
-/**
- * Компонент аватара пользователя (не сотрудника).
- * @param props Свойства. Поддерживаются свойства Avatar.
- * @return Элемент.
- */
-export declare const UserAvatar: (props: UserAvatarProps) => JSX.Element;

package/avatar/user.js

@@ -1,61 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserAvatar = exports.colorKey = void 0;
-const react_1 = __importStar(require("react"));
-const lodash_1 = require("lodash");
-const _1 = require(".");
-const COLORS = [
-    'additional-deep-red',
-    'additional-red',
-    'additional-teal',
-    'additional-green',
-    'additional-light-green',
-    'additional-amber',
-    'additional-purple',
-    'additional-violet',
-    'additional-deep-purple',
-    'additional-electric-blue',
-    'additional-light-blue',
-    'additional-cyan',
-    'additional-blue-gray',
-    'additional-deep-orange',
-];
-exports.colorKey = Symbol.for('user-avatar:color-key');
-/**
- * Компонент аватара пользователя (не сотрудника).
- * @param props Свойства. Поддерживаются свойства Avatar.
- * @return Элемент.
- */
-const UserAvatar = (props) => {
-    const [color, setColor] = (0, react_1.useState)();
-    (0, react_1.useEffect)(() => {
-        // запоминаем цвет (пока только один для всех аватаров на странице)
-        window[exports.colorKey] = window[exports.colorKey] || (0, lodash_1.sample)(COLORS);
-        setColor(window[exports.colorKey]);
-    }, []);
-    return react_1.default.createElement(_1.Avatar, Object.assign({}, props, { bgColor: color, bgOpacity: color ? 0.48 : 0, textColor: 'basic-white' }));
-};
-exports.UserAvatar = UserAvatar;

package/base-input-deprecated/base-input.module.scss

@@ -1,66 +0,0 @@
-@use '../utils';
-
-.reset {
-  border: 0;
-  box-sizing: border-box;
-  font: inherit;
-  margin: 0;
-  outline: 0;
-  padding: 0;
-}
-
-.root {
-  position: relative;
-  background-color: transparent;
-  width: 0;
-  flex-grow: 1;
-  display: flex;
-  overflow: hidden;
-}
-
-.field {
-  width: 0;
-  flex-grow: 1;
-  display: block;
-  color: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  z-index: 1;
-  text-overflow: inherit;
-  background: inherit;
-  &::placeholder {
-    opacity: 1;
-    color: var(--placeholder-color);
-  }
-  &::-ms-clear {
-    // отключаем системный крестик в IE
-    display: none;
-    height: 0;
-    width: 0;
-  }
-  &.multiline {
-    resize: none;
-    @include utils.hidden-scrollbars;
-  }
-}
-
-.fake-text {
-  pointer-events: none;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  padding: inherit;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  overflow: hidden;
-  z-index: 0;
-  .invisible-value {
-    color: transparent;
-  }
-  .placeholder {
-    color: var(--placeholder-color);
-  }
-}

package/base-input-deprecated/index.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-interface RestPlaceholder {
-    value: string;
-    shiftValue?: string;
-}
-interface BaseInputStyle extends React.CSSProperties {
-    '--placeholder-color'?: string;
-}
-export interface CustomProps {
-    multiline?: boolean;
-    /** Остаточный placeholder (выводится после введенного значения). */
-    restPlaceholder?: string | RestPlaceholder;
-    /** Стили. */
-    style?: BaseInputStyle;
-}
-export type BaseInputProps = CustomProps & React.TextareaHTMLAttributes<HTMLTextAreaElement> & React.InputHTMLAttributes<HTMLInputElement>;
-/**
- * Компонент поля ввода.
- * @deprecated Нужно использовать новую реализацию "@sima-land/ui-nucleons/base-input".
- * @param props Свойства. Поддерживаются свойства элемента input.
- * @return Элемент.
- */
-export declare const BaseInput: React.ForwardRefExoticComponent<CustomProps & React.TextareaHTMLAttributes<HTMLTextAreaElement> & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement | undefined>>;
-export {};

package/base-input-deprecated/index.js

@@ -1,80 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseInput = void 0;
-const react_1 = __importStar(require("react"));
-const fit_element_height_1 = require("../helpers/fit-element-height");
-const bind_1 = __importDefault(require("classnames/bind"));
-const base_input_module_scss_1 = __importDefault(require("./base-input.module.scss"));
-const cx = bind_1.default.bind(base_input_module_scss_1.default);
-/**
- * Компонент поля ввода.
- * @deprecated Нужно использовать новую реализацию "@sima-land/ui-nucleons/base-input".
- * @param props Свойства. Поддерживаются свойства элемента input.
- * @return Элемент.
- */
-exports.BaseInput = (0, react_1.forwardRef)(function BaseInput(_a, ref) {
-    var { className, disabled, multiline, onInput, restPlaceholder: restPlaceholderProp, rows = 1, style, value } = _a, props = __rest(_a, ["className", "disabled", "multiline", "onInput", "restPlaceholder", "rows", "style", "value"]);
-    const Element = multiline
-        ? 'textarea'
-        : 'input';
-    const inputRef = (0, react_1.useRef)();
-    (0, react_1.useImperativeHandle)(ref, () => inputRef.current);
-    // при каждом рендере подгоняем высоту поля под содержимое
-    (0, react_1.useEffect)(() => {
-        multiline &&
-            inputRef.current &&
-            (0, fit_element_height_1.fitElementHeight)({
-                target: inputRef.current,
-            });
-    });
-    const restPlaceholder = typeof restPlaceholderProp === 'string'
-        ? { shiftValue: value, value: restPlaceholderProp }
-        : Object.assign({ shiftValue: value }, restPlaceholderProp);
-    return (react_1.default.createElement("div", { "data-testid": 'base-input:root', style: style, className: cx('reset', 'root', disabled && 'disabled', className) },
-        !multiline && Boolean(restPlaceholder.value) && (react_1.default.createElement("span", { "aria-hidden": true, className: cx('fake-text') },
-            react_1.default.createElement("span", { className: cx('invisible-value') }, restPlaceholder.shiftValue),
-            react_1.default.createElement("span", { className: cx('placeholder') }, restPlaceholder.value))),
-        react_1.default.createElement(Element, Object.assign({ "data-testid": 'base-input:field' }, props, { rows: multiline ? rows : undefined, ref: inputRef, disabled: disabled, 
-            // ВАЖНО: не даем возможности задать стили/классы именно для этого элемента
-            className: cx('field', 'reset', multiline && 'multiline'), value: value, onInput: (event) => {
-                multiline && (0, fit_element_height_1.fitElementHeight)(event);
-                onInput === null || onInput === void 0 ? void 0 : onInput(event);
-            } }))));
-});

package/bordered-layout/bordered-layout.module.scss

@@ -1,7 +0,0 @@
-@use '../breakpoints';
-
-.inner {
-  @include breakpoints.down('mm') {
-    padding: 0 var(--l-gutter);
-  }
-}

package/bordered-layout/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export interface BorderedLayoutProps {
-    /** Флаг добавления рамки сверху. */
-    top?: boolean;
-    /** Флаг добавления рамки снизу. */
-    bottom?: boolean;
-    /** Содержимое. */
-    children?: React.ReactNode;
-}
-/**
- * Выводит содержимое по мобильному layout'у с вертикальными полосками.
- * @deprecated Можно использовать комбинацию Layout, пример есть в Storybook.
- * @param props Свойства компонента.
- * @return Элемент.
- */
-export declare const BorderedLayout: ({ top, bottom, children }: BorderedLayoutProps) => JSX.Element;

package/bordered-layout/index.js

@@ -1,33 +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.BorderedLayout = void 0;
-const react_1 = __importDefault(require("react"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const layout_1 = require("../layout");
-const borders_1 = require("../styling/borders");
-const bordered_layout_module_scss_1 = __importDefault(require("./bordered-layout.module.scss"));
-const cx = bind_1.default.bind(bordered_layout_module_scss_1.default);
-/**
- * Выводит содержимое по мобильному layout'у с вертикальными полосками.
- * @deprecated Можно использовать комбинацию Layout, пример есть в Storybook.
- * @param props Свойства компонента.
- * @return Элемент.
- */
-const BorderedLayout = ({ top, bottom, children }) => {
-    let borderClass;
-    if (top && bottom) {
-        borderClass = borders_1.InnerBorder.y;
-    }
-    else if (top) {
-        borderClass = borders_1.InnerBorder.top;
-    }
-    else if (bottom) {
-        borderClass = borders_1.InnerBorder.bottom;
-    }
-    return (react_1.default.createElement(layout_1.MobileLayout, { disabledOn: ['mxs', 'ms'] },
-        react_1.default.createElement("div", { className: cx('inner', borderClass) }, children)));
-};
-exports.BorderedLayout = BorderedLayout;

package/card/card.module.scss

@@ -1,8 +0,0 @@
-.root {
-  display: flex;
-  flex-direction: column;
-}
-
-.content {
-  flex-grow: 1;
-}

package/card/index.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { PlateProps } from '../plate';
-import { CardContent, CardFooter, CardHeader } from './slots';
-export type CardProps = PlateProps;
-export interface CardComponent {
-    (props: CardProps): JSX.Element;
-    Header: typeof CardHeader;
-    Content: typeof CardContent;
-    Footer: typeof CardFooter;
-}
-/**
- * Компонент карточки - это расширенный Plate с возможностью определять слоты: шапку, тело и футер.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Card: CardComponent;
-export { CardContent };