@sima-land/ui-nucleons 45.0.0-alpha.7 → 45.0.0-alpha.71

package/expandable/utils.d.ts

@@ -1,30 +0,0 @@
-import { RefObject } from 'react';
-/**
- * Определяет последний дочерний элемент который должен быть виден чтобы влезла "открывашка".
- * @param payload Данные.
- * @return Результат.
- *
- * ВАЖНО: lastVisibleIndex: -1 означает что все элементы видны и "открывашка" не нужна.
- */
-export declare function defineLastVisible({ outer, inner, gap, opener, openerWidth, }: {
-    outer: Element;
-    inner: Element;
-    gap: number;
-    opener: Element;
-    openerWidth: number;
-}): {
-    lastVisibleIndex: number;
-};
-/**
- * Регистрирует обработчик изменения ширины элемента.
- * @param element Элемент.
- * @param callback Callback.
- * @return Функция отписки.
- */
-export declare function observeWidth(element: Element, callback: VoidFunction): () => void;
-/**
- * Хук для регистрации обработчика изменения ширины элемента.
- * @param ref Ref элемента.
- * @param callback Callback.
- */
-export declare function useObserveWidth(ref: RefObject<Element>, callback: VoidFunction): void;

package/expandable/utils.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useObserveWidth = exports.observeWidth = exports.defineLastVisible = void 0;
-const react_1 = require("react");
-/**
- * Определяет последний дочерний элемент который должен быть виден чтобы влезла "открывашка".
- * @param payload Данные.
- * @return Результат.
- *
- * ВАЖНО: lastVisibleIndex: -1 означает что все элементы видны и "открывашка" не нужна.
- */
-function defineLastVisible({ outer, inner, gap, opener, openerWidth, }) {
-    const items = [...inner.children].filter(el => el !== opener);
-    // если список пуст или состоит из одного элемента - видны все, открывашка не нужна
-    if (items.length <= 1) {
-        return { lastVisibleIndex: -1 };
-    }
-    const bounds = outer.getBoundingClientRect();
-    // индекс последнего элемента который должен быть виден
-    let lastVisibleIndex = items.length - 1;
-    while (items[lastVisibleIndex] &&
-        items[lastVisibleIndex].getBoundingClientRect().bottom > bounds.bottom) {
-        lastVisibleIndex--;
-    }
-    const last = items[items.length - 1];
-    // если последний видимый является последним в списке - видны все, открывашка не нужна
-    if (last === items[lastVisibleIndex]) {
-        return { lastVisibleIndex: -1 };
-    }
-    while (lastVisibleIndex >= 1 &&
-        items[lastVisibleIndex] &&
-        bounds.right - items[lastVisibleIndex].getBoundingClientRect().right < openerWidth + gap) {
-        lastVisibleIndex--;
-    }
-    // @todo он не должен быть первым на строке
-    return { lastVisibleIndex };
-}
-exports.defineLastVisible = defineLastVisible;
-/**
- * Регистрирует обработчик изменения ширины элемента.
- * @param element Элемент.
- * @param callback Callback.
- * @return Функция отписки.
- */
-function observeWidth(element, callback) {
-    // eslint-disable-next-line require-jsdoc
-    const getWidth = () => element.getBoundingClientRect().width;
-    let lastWidth = getWidth();
-    const observer = new ResizeObserver(() => {
-        requestAnimationFrame(() => {
-            const actualWidth = getWidth();
-            if (lastWidth !== actualWidth) {
-                lastWidth = actualWidth;
-                callback();
-            }
-        });
-    });
-    observer.observe(element);
-    return () => observer.disconnect();
-}
-exports.observeWidth = observeWidth;
-/**
- * Хук для регистрации обработчика изменения ширины элемента.
- * @param ref Ref элемента.
- * @param callback Callback.
- */
-function useObserveWidth(ref, callback) {
-    const callbackRef = (0, react_1.useRef)(callback);
-    callbackRef.current = callback;
-    (0, react_1.useEffect)(() => {
-        if (ref.current) {
-            return observeWidth(ref.current, () => callbackRef.current());
-        }
-    }, [ref]);
-}
-exports.useObserveWidth = useObserveWidth;
-//# sourceMappingURL=utils.js.map

package/expandable/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/expandable/utils.ts"],"names":[],"mappings":";;;AAAA,iCAAqD;AAErD;;;;;;GAMG;AACH,SAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,GAAG,EACH,MAAM,EACN,WAAW,GAOZ;IACC,MAAM,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;IAE9D,mFAAmF;IACnF,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE;QACrB,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC;KACjC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;IAE7C,uDAAuD;IACvD,IAAI,gBAAgB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAExC,OACE,KAAK,CAAC,gBAAgB,CAAC;QACvB,KAAK,CAAC,gBAAgB,CAAC,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EACtE;QACA,gBAAgB,EAAE,CAAC;KACpB;IAED,MAAM,IAAI,GAAwB,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE1D,sFAAsF;IACtF,IAAI,IAAI,KAAK,KAAK,CAAC,gBAAgB,CAAC,EAAE;QACpC,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC;KACjC;IAED,OACE,gBAAgB,IAAI,CAAC;QACrB,KAAK,CAAC,gBAAgB,CAAC;QACvB,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,WAAW,GAAG,GAAG,EACxF;QACA,gBAAgB,EAAE,CAAC;KACpB;IAED,2CAA2C;IAC3C,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC9B,CAAC;AAjDD,8CAiDC;AAED;;;;;GAKG;AACH,SAAgB,YAAY,CAAC,OAAgB,EAAE,QAAsB;IACnE,yCAAyC;IACzC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;IAE7D,IAAI,SAAS,GAAG,QAAQ,EAAE,CAAC;IAE3B,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;QACvC,qBAAqB,CAAC,GAAG,EAAE;YACzB,MAAM,WAAW,GAAG,QAAQ,EAAE,CAAC;YAE/B,IAAI,SAAS,KAAK,WAAW,EAAE;gBAC7B,SAAS,GAAG,WAAW,CAAC;gBACxB,QAAQ,EAAE,CAAC;aACZ;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE1B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;AACrC,CAAC;AApBD,oCAoBC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAAC,GAAuB,EAAE,QAAsB;IAC7E,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,OAAO,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC;SAC/D;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACZ,CAAC;AATD,0CASC"}

package/field-block/field-block.module.scss

@@ -1,155 +0,0 @@
-@use '../colors';
-
-.root {
-  font-size: 16px;
-  line-height: 24px;
-  width: var(--field-width, 240px);
-  color: var(--field-primary-text-color);
-  --field-primary-text-color: #{colors.$basic-gray87};
-  --field-label-text-color: #{colors.$basic-gray38};
-  --field-background: #fff;
-  --field-border-color: #{colors.$basic-gray12};
-  --field-caption-color: #{colors.$basic-gray38};
-  &.size-s {
-    font-size: 14px;
-    line-height: 20px;
-    --field-height: 32px;
-    --field-gutter-horizontal: 12px;
-    --field-gutter-adornment: 8px;
-    --field-gutter-vertical: 6px;
-  }
-  &.size-m {
-    --field-height: 40px;
-    --field-gutter-horizontal: 12px;
-    --field-gutter-adornment: 8px;
-    --field-gutter-vertical: 8px;
-  }
-  &.size-l {
-    --field-height: 56px;
-    --field-gutter-horizontal: 16px;
-    --field-gutter-adornment: 12px;
-    --field-gutter-vertical: 8px;
-    &.no-label {
-      .main-col {
-        padding: 8px 0;
-      }
-    }
-  }
-  &.focused {
-    --field-border-color: #{colors.$basic-blue};
-  }
-  &.disabled {
-    --field-primary-text-color: #{colors.$basic-gray24};
-    --field-main-text-color: #{colors.$basic-gray24};
-    --field-label-text-color: #{colors.$basic-gray24};
-    --field-background: #{colors.$basic-gray2};
-    --field-border-color: #{colors.$basic-gray12};
-  }
-  &.failed {
-    --field-caption-color: #{colors.$additional-deep-red};
-    --field-main-text-color: #{colors.$additional-deep-red};
-    &.label-as-placeholder {
-      --field-label-text-color: #{colors.$additional-deep-red};
-    }
-  }
-  &.label-as-placeholder {
-    &.size-s {
-      .label {
-        // @todo из-за overflow:hidden + height:0 скрывается - поменять логику
-        // height: 0;
-
-        // размер шрифта 12px увеличиваем до 14px
-        transform: scale(calc(7 / 6)) translateY(1px);
-        max-width: calc(100% * (6 / 7));
-      }
-    }
-    &.size-m {
-      .label {
-        // @todo из-за overflow:hidden + height:0 скрывается - поменять логику
-        // height: 0;
-
-        // размер шрифта 12px увеличиваем до 16px
-        transform: scale(calc(4 / 3)) translateY(1px);
-        max-width: calc(100% * (3 / 4));
-      }
-    }
-    &.size-l {
-      .label {
-        // размер шрифта 12px увеличиваем до 16px
-        transform: scale(calc(4 / 3)) translateY(7px);
-        max-width: calc(100% * (3 / 4));
-      }
-    }
-    .main {
-      opacity: 0;
-    }
-  }
-}
-
-.block {
-  border-radius: 4px;
-  outline: 0;
-  display: flex;
-  align-items: flex-start;
-  padding: var(--field-gutter-vertical) var(--field-gutter-horizontal);
-  width: 100%;
-  background: var(--field-background);
-  box-shadow: inset 0 0 0 1px var(--field-border-color);
-  &.fixed-height {
-    height: var(--field-height);
-  }
-  &:not(.fixed-height) {
-    min-height: var(--field-height);
-  }
-}
-
-.label {
-  max-width: 100%;
-  transform-origin: 0 0;
-  transition: transform 0.2s ease-in-out, max-width 0.2s ease-in-out;
-  height: 16px;
-  font-size: 12px;
-  line-height: 16px;
-  color: var(--field-label-text-color, var(--field-primary-text-color));
-  user-select: none;
-  pointer-events: none;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.col {
-  min-height: calc(var(--field-height) - (2 * var(--field-gutter-vertical)));
-}
-
-.main-col {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  min-width: 0; // чтобы не выбивал "соседей" за пределы блока
-}
-
-.adornment-col {
-  flex-grow: 0;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  &.start {
-    margin-right: var(--field-gutter-adornment);
-  }
-  &.end {
-    margin-left: var(--field-gutter-adornment);
-  }
-}
-
-.main {
-  max-width: 100%;
-  white-space: nowrap;
-  color: var(--field-main-text-color, var(--field-primary-text-color));
-}
-
-.caption {
-  margin-top: 8px;
-  font-size: 12px;
-  line-height: 16px;
-  color: var(--field-caption-color);
-}

package/field-block/index.d.ts

@@ -1,63 +0,0 @@
-import { ReactNode, HTMLAttributes, LabelHTMLAttributes, Ref, CSSProperties } from 'react';
-export type FieldBlockSize = 's' | 'm' | 'l';
-type NoChildren<T extends {
-    children?: any;
-}> = Omit<T, 'children'>;
-export interface FieldBlockStyle extends CSSProperties {
-    '--field-width'?: string;
-    '--field-main-text-color'?: string;
-}
-type WithStyle<T extends {
-    style?: CSSProperties;
-}> = Omit<T, 'style'> & {
-    style?: FieldBlockStyle;
-};
-export interface FieldBlockProps {
-    /** Отключенное состояние. */
-    disabled?: boolean;
-    /** Состояние с ошибкой. */
-    failed?: boolean;
-    /** Состояние фокуса. */
-    focused?: boolean;
-    /** Подпись под полем. */
-    caption?: string;
-    /** Ярлык в поле. */
-    label?: string;
-    /** Выводить ярлык вместо placeholder или введенного значения. */
-    labelAsPlaceholder?: boolean;
-    /** Опции элемента ярлыка. */
-    labelProps?: NoChildren<LabelHTMLAttributes<HTMLLabelElement>>;
-    /** Размер. */
-    size?: FieldBlockSize;
-    /** Фиксировать высоту. */
-    fixedHeight?: boolean;
-    /** Опции корневого элемента. */
-    rootProps?: NoChildren<WithStyle<HTMLAttributes<HTMLDivElement>>>;
-    /** Ref корневого элемента. */
-    rootRef?: Ref<HTMLDivElement>;
-    /** Опции элемента блока поля. */
-    blockProps?: NoChildren<WithStyle<HTMLAttributes<HTMLDivElement>>>;
-    /** Ref элемента блока поля. */
-    blockRef?: Ref<HTMLDivElement>;
-    /** Украшение перед основным содержимым. */
-    adornmentStart?: ReactNode;
-    /** Украшение после основного содержимого. */
-    adornmentEnd?: ReactNode;
-    /** Основное содержимое. */
-    main?: ReactNode;
-    /** Опции основного содержимого. */
-    mainProps?: NoChildren<WithStyle<HTMLAttributes<HTMLDivElement>>>;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-export declare const FIELD_BLOCK_HEIGHT: Record<FieldBlockSize, number>;
-export declare const FIELD_BLOCK_DEFAULTS: {
-    readonly size: "l";
-};
-/**
- * Блок поля по дизайн-гайдам.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function FieldBlock({ size, main, mainProps, disabled, failed, focused, label, labelProps, labelAsPlaceholder, fixedHeight, caption, rootRef, rootProps, blockRef, blockProps, adornmentStart, adornmentEnd, 'data-testid': testId, }: FieldBlockProps): JSX.Element;
-export {};

package/field-block/index.js

@@ -1,37 +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.FieldBlock = exports.FIELD_BLOCK_DEFAULTS = exports.FIELD_BLOCK_HEIGHT = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const bind_1 = __importDefault(require("classnames/bind"));
-const field_block_module_scss_1 = __importDefault(require("./field-block.module.scss"));
-const cx = bind_1.default.bind(field_block_module_scss_1.default);
-exports.FIELD_BLOCK_HEIGHT = {
-    s: 32,
-    m: 40,
-    l: 56,
-};
-exports.FIELD_BLOCK_DEFAULTS = {
-    size: 'l',
-};
-/**
- * Блок поля по дизайн-гайдам.
- * @param props Свойства.
- * @return Элемент.
- */
-function FieldBlock({ size = exports.FIELD_BLOCK_DEFAULTS.size, main, mainProps, disabled, failed, focused, label, labelProps, labelAsPlaceholder, fixedHeight = true, caption, rootRef, rootProps, blockRef, blockProps, adornmentStart, adornmentEnd, 'data-testid': testId = 'field-block', }) {
-    const needLabel = Boolean(label) && (size === 'l' || labelAsPlaceholder);
-    const rootClassName = cx('root', `size-${size}`, {
-        disabled,
-        focused,
-        failed,
-        'label-as-placeholder': needLabel && labelAsPlaceholder,
-        'no-label': !needLabel,
-    }, rootProps === null || rootProps === void 0 ? void 0 : rootProps.className);
-    const blockClassName = cx('block', fixedHeight && 'fixed-height', blockProps === null || blockProps === void 0 ? void 0 : blockProps.className);
-    return ((0, jsx_runtime_1.jsxs)("div", { ...rootProps, ref: rootRef, className: rootClassName, "data-testid": testId, children: [(0, jsx_runtime_1.jsxs)("div", { ...blockProps, ref: blockRef, className: blockClassName, "data-testid": 'field-block:block', children: [adornmentStart && ((0, jsx_runtime_1.jsx)("div", { className: cx('col', 'adornment-col', 'start'), "data-testid": 'field-block:adornment-start', children: adornmentStart })), (0, jsx_runtime_1.jsxs)("div", { className: cx('col', 'main-col'), children: [needLabel && ((0, jsx_runtime_1.jsx)("label", { ...labelProps, className: cx('label', labelProps === null || labelProps === void 0 ? void 0 : labelProps.className), "data-testid": 'field-block:label', children: label })), (0, jsx_runtime_1.jsx)("div", { ...mainProps, className: cx('main', mainProps === null || mainProps === void 0 ? void 0 : mainProps.className), "data-testid": 'field-block:main', children: main })] }), adornmentEnd && ((0, jsx_runtime_1.jsx)("div", { className: cx('col', 'adornment-col', 'end'), "data-testid": 'field-block:adornment-end', children: adornmentEnd }))] }), caption && ((0, jsx_runtime_1.jsx)("div", { className: cx('caption'), "data-testid": 'field-block:caption', children: caption }))] }));
-}
-exports.FieldBlock = FieldBlock;
-//# sourceMappingURL=index.js.map

package/field-block/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/field-block/index.tsx"],"names":[],"mappings":";;;;;;;AACA,2DAAyC;AACzC,wFAA+C;AAuE/C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,iCAAM,CAAC,CAAC;AAEtB,QAAA,kBAAkB,GAAmC;IAChE,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;CACG,CAAC;AAEE,QAAA,oBAAoB,GAAG;IAClC,IAAI,EAAE,GAAG;CACD,CAAC;AAEX;;;;GAIG;AACH,SAAgB,UAAU,CAAC,EACzB,IAAI,GAAG,4BAAoB,CAAC,IAAI,EAChC,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,UAAU,EACV,kBAAkB,EAClB,WAAW,GAAG,IAAI,EAClB,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,EACR,UAAU,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EAAE,MAAM,GAAG,aAAa,GACrB;IAChB,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,kBAAkB,CAAC,CAAC;IAEzE,MAAM,aAAa,GAAG,EAAE,CACtB,MAAM,EACN,QAAQ,IAAI,EAAE,EACd;QACE,QAAQ;QACR,OAAO;QACP,MAAM;QACN,sBAAsB,EAAE,SAAS,IAAI,kBAAkB;QACvD,UAAU,EAAE,CAAC,SAAS;KACvB,EACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CACrB,CAAC;IAEF,MAAM,cAAc,GAAG,EAAE,CAAC,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAC,CAAC;IAEzF,OAAO,CACL,oCAAS,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,iBAAe,MAAM,aAE7E,oCACM,UAAU,EACd,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,cAAc,iBACb,mBAAmB,aAE9B,cAAc,IAAI,CACjB,gCACE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,OAAO,CAAC,iBAClC,6BAA6B,YAExC,cAAc,GACX,CACP,EAED,iCAAK,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,aAClC,SAAS,IAAI,CACZ,qCACM,UAAU,EACd,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAC,iBACjC,mBAAmB,YAE9B,KAAK,GACA,CACT,EAGD,mCACM,SAAS,EACb,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,iBAC/B,kBAAkB,YAE7B,IAAI,GACD,IACF,EAEL,YAAY,IAAI,CACf,gCACE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,CAAC,iBAChC,2BAA2B,YAEtC,YAAY,GACT,CACP,IACG,EAEL,OAAO,IAAI,CACV,gCAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,iBAAc,qBAAqB,YAC7D,OAAO,GACJ,CACP,IACG,CACP,CAAC;AACJ,CAAC;AA7FD,gCA6FC"}

package/field-grid/field-grid.module.scss

@@ -1,30 +0,0 @@
-.container {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 1px 0 0 1px;
-}
-
-.cell {
-  display: flex;
-  justify-content: stretch;
-  flex-grow: 1;
-  margin: -1px 0 0 -1px;
-}
-
-.size-third {
-  width: calc(100% / 3);
-}
-
-.size-half {
-  width: 50%;
-}
-
-.size-full {
-  width: 100%;
-}
-
-.focused-field {
-  // чтобы выделенные границы не скрывались под другими элементами сетки, поднимаем при фокусировке
-  position: relative;
-  z-index: 1;
-}

package/field-grid/index.d.ts

@@ -1,65 +0,0 @@
-/// <reference types="react" />
-import { TextFieldProps } from '../text-field';
-type ItOrArray<T> = T[] | T;
-type CellSize = 'full' | 'half' | 'third';
-interface CommonCellProps {
-    size?: CellSize;
-    rounds?: TextFieldProps['rounds'];
-}
-type OnlyOneRequired<T, K extends keyof T = keyof T> = {
-    [key in K]?: Required<Pick<T, key>> & Partial<Record<Exclude<K, key>, undefined>>;
-}[K];
-/** @deprecated */
-export type CellProps = CommonCellProps & OnlyOneRequired<{
-    field: React.ReactElement<Pick<TextFieldProps, 'rounds' | 'caption' | 'classes' | 'className'>>;
-    renderField: (props: Pick<TextFieldProps, 'rounds' | 'caption'>) => React.ReactNode;
-}>;
-/** @deprecated */
-export interface RowProps {
-    isFirst?: boolean;
-    isLast?: boolean;
-    children: ItOrArray<React.ReactElement<CellProps, typeof Cell>>;
-}
-/** @deprecated */
-export interface FieldGridProps {
-    /** Содержимое. */
-    children: ItOrArray<React.ReactElement<RowProps, typeof Row>>;
-    /** Свойства корневого элемента. */
-    rootProps?: React.HTMLAttributes<HTMLDivElement>;
-}
-/** @deprecated */
-export interface FieldGridComponent extends React.FC<FieldGridProps> {
-    Row: typeof Row;
-    Cell: typeof Cell;
-}
-/**
- * Компонент сетки полей.
- * @deprecated В макетах больше не используются "склеивания" полей.
- * @param props Свойства.
- * @param props.children Содержимое, дочерними элементами могут быть только FieldGrid.Row.
- * @param props.rootProps Свойства корневого элемента.
- * @return Элемент.
- */
-export declare const FieldGrid: FieldGridComponent;
-/**
- * Компонент ряда для сетки полей. Может быть использован только как дочерний для FieldGrid.
- * @param props Свойства.
- * @param props.children Содержимое, дочерними элементами могут быть только FieldGrid.Cell.
- * @param props.isFirst Является ли ряд первым (будет задан автоматически).
- * @param props.isLast Является ли ряд последним (будет задан автоматически).
- * @return Элемент.
- * @deprecated
- */
-declare const Row: React.FC<RowProps>;
-/**
- * Компонент элемента для сетки полей. Может быть использован только как дочерний для FieldGrid.Row.
- * @param props Свойства.
- * @param props.size Размер ячейки по горизонтали (будет задан автоматически).
- * @param props.rounds Скругления для поля (будет задан автоматически).
- * @param props.field Поле.
- * @param props.renderField Должна вернуть поле получив свойства для него.
- * @return Элемент.
- * @deprecated
- */
-declare const Cell: React.FC<CellProps>;
-export {};

package/field-grid/index.js

@@ -1,122 +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.FieldGrid = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const bind_1 = __importDefault(require("classnames/bind"));
-const field_grid_module_scss_1 = __importDefault(require("./field-grid.module.scss"));
-const cx = bind_1.default.bind(field_grid_module_scss_1.default);
-const cellSizeByCount = {
-    1: 'full',
-    2: 'half',
-    3: 'third',
-};
-const TypeCheck = {
-    isRow: (child) => child && child.type === Row,
-    isCell: (child) => child && child.type === Cell,
-};
-/**
- * Компонент сетки полей.
- * @deprecated В макетах больше не используются "склеивания" полей.
- * @param props Свойства.
- * @param props.children Содержимое, дочерними элементами могут быть только FieldGrid.Row.
- * @param props.rootProps Свойства корневого элемента.
- * @return Элемент.
- */
-const FieldGrid = ({ children, rootProps }) => {
-    const rows = react_1.Children.toArray(children).filter(TypeCheck.isRow);
-    return ((0, jsx_runtime_1.jsx)("div", { ...rootProps, className: cx('container', rootProps === null || rootProps === void 0 ? void 0 : rootProps.className), children: rows.map((row, index) => (0, react_1.cloneElement)(row, {
-            isFirst: index === 0,
-            isLast: index === rows.length - 1,
-        })) }));
-};
-exports.FieldGrid = FieldGrid;
-/**
- * Компонент ряда для сетки полей. Может быть использован только как дочерний для FieldGrid.
- * @param props Свойства.
- * @param props.children Содержимое, дочерними элементами могут быть только FieldGrid.Cell.
- * @param props.isFirst Является ли ряд первым (будет задан автоматически).
- * @param props.isLast Является ли ряд последним (будет задан автоматически).
- * @return Элемент.
- * @deprecated
- */
-const Row = ({ isFirst: isFirstRow, isLast: isLastRow, children }) => {
-    const cells = react_1.Children.toArray(children)
-        .filter(TypeCheck.isCell)
-        .slice(0, 3);
-    const cellSize = cellSizeByCount[cells.length];
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: cells.map((cell, index) => {
-            const isFirstCell = index === 0;
-            const isLastCell = index === cells.length - 1;
-            let rounds = 'none';
-            if (isFirstRow && isLastRow) {
-                if (isFirstCell && isLastCell) {
-                    rounds = 'all';
-                }
-                else if (isFirstCell) {
-                    rounds = 'left';
-                }
-                else if (isLastCell) {
-                    rounds = 'right';
-                }
-            }
-            else if (isFirstRow) {
-                if (isFirstCell && isLastCell) {
-                    rounds = 'top';
-                }
-                else if (isFirstCell) {
-                    rounds = 'topLeft';
-                }
-                else if (isLastCell) {
-                    rounds = 'topRight';
-                }
-            }
-            else if (isLastRow) {
-                if (isFirstCell && isLastCell) {
-                    rounds = 'bottom';
-                }
-                else if (isFirstCell) {
-                    rounds = 'bottomLeft';
-                }
-                else if (isLastCell) {
-                    rounds = 'bottomRight';
-                }
-            }
-            return (0, react_1.cloneElement)(cell, { size: cellSize, rounds });
-        }) }));
-};
-/**
- * Компонент элемента для сетки полей. Может быть использован только как дочерний для FieldGrid.Row.
- * @param props Свойства.
- * @param props.size Размер ячейки по горизонтали (будет задан автоматически).
- * @param props.rounds Скругления для поля (будет задан автоматически).
- * @param props.field Поле.
- * @param props.renderField Должна вернуть поле получив свойства для него.
- * @return Элемент.
- * @deprecated
- */
-const Cell = ({ size, rounds, field, renderField }) => {
-    var _a;
-    let content;
-    if (renderField) {
-        content = renderField({ rounds, caption: undefined });
-    }
-    else if (field) {
-        content = (0, react_1.cloneElement)(field, {
-            rounds,
-            caption: undefined,
-            classes: {
-                ...field.props.classes,
-                blockFocused: cx((_a = field.props.classes) === null || _a === void 0 ? void 0 : _a.blockFocused, 'focused-field'),
-            },
-            className: cx(field.props.className, 'size-full'),
-        });
-    }
-    return (0, jsx_runtime_1.jsx)("div", { className: cx('cell', `size-${size}`), children: content });
-};
-exports.FieldGrid.Row = Row;
-exports.FieldGrid.Cell = Cell;
-//# sourceMappingURL=index.js.map

package/field-grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/field-grid/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA+C;AAC/C,2DAAyC;AACzC,sFAA+C;AA6C/C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,gCAAO,CAAC,CAAC;AAEpC,MAAM,eAAe,GAAuC;IAC1D,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,OAAO;CACX,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,GAAG;IAClD,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI;CACrD,CAAC;AAEF;;;;;;;GAOG;AACI,MAAM,SAAS,GAAuB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IACvE,MAAM,IAAI,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAmC,CAAC;IAElG,OAAO,CACL,mCAAS,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,YACjE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CACvB,IAAA,oBAAY,EAAC,GAAG,EAAE;YAChB,OAAO,EAAE,KAAK,KAAK,CAAC;YACpB,MAAM,EAAE,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC;SAClC,CAAC,CACH,GACG,CACP,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,SAAS,aAapB;AAEF;;;;;;;;GAQG;AACH,MAAM,GAAG,GAAuB,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvF,MAAM,KAAK,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SACrC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC;SACxB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAoC,CAAC;IAElD,MAAM,QAAQ,GAAG,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAE/C,OAAO,CACL,2DACG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,WAAW,GAAG,KAAK,KAAK,CAAC,CAAC;YAChC,MAAM,UAAU,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAE9C,IAAI,MAAM,GAAG,MAAM,CAAC;YAEpB,IAAI,UAAU,IAAI,SAAS,EAAE;gBAC3B,IAAI,WAAW,IAAI,UAAU,EAAE;oBAC7B,MAAM,GAAG,KAAK,CAAC;iBAChB;qBAAM,IAAI,WAAW,EAAE;oBACtB,MAAM,GAAG,MAAM,CAAC;iBACjB;qBAAM,IAAI,UAAU,EAAE;oBACrB,MAAM,GAAG,OAAO,CAAC;iBAClB;aACF;iBAAM,IAAI,UAAU,EAAE;gBACrB,IAAI,WAAW,IAAI,UAAU,EAAE;oBAC7B,MAAM,GAAG,KAAK,CAAC;iBAChB;qBAAM,IAAI,WAAW,EAAE;oBACtB,MAAM,GAAG,SAAS,CAAC;iBACpB;qBAAM,IAAI,UAAU,EAAE;oBACrB,MAAM,GAAG,UAAU,CAAC;iBACrB;aACF;iBAAM,IAAI,SAAS,EAAE;gBACpB,IAAI,WAAW,IAAI,UAAU,EAAE;oBAC7B,MAAM,GAAG,QAAQ,CAAC;iBACnB;qBAAM,IAAI,WAAW,EAAE;oBACtB,MAAM,GAAG,YAAY,CAAC;iBACvB;qBAAM,IAAI,UAAU,EAAE;oBACrB,MAAM,GAAG,aAAa,CAAC;iBACxB;aACF;YAED,OAAO,IAAA,oBAAY,EAAC,IAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;QAC/D,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,IAAI,GAAwB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;;IACzE,IAAI,OAAwB,CAAC;IAE7B,IAAI,WAAW,EAAE;QACf,OAAO,GAAG,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC;KACvD;SAAM,IAAI,KAAK,EAAE;QAChB,OAAO,GAAG,IAAA,oBAAY,EAAC,KAAK,EAAE;YAC5B,MAAM;YACN,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE;gBACP,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO;gBACtB,YAAY,EAAE,EAAE,CAAC,MAAA,KAAK,CAAC,KAAK,CAAC,OAAO,0CAAE,YAAY,EAAE,eAAe,CAAC;aACrE;YACD,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC;SAClD,CAAC,CAAC;KACJ;IAED,OAAO,gCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,QAAQ,IAAI,EAAE,CAAC,YAAG,OAAO,GAAO,CAAC;AACrE,CAAC,CAAC;AAEF,iBAAS,CAAC,GAAG,GAAG,GAAG,CAAC;AACpB,iBAAS,CAAC,IAAI,GAAG,IAAI,CAAC"}

package/file-icon/index.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export interface FileIconProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'type'> {
-    /** Тип файла. */
-    type?: string;
-}
-/**
- * Компонент иконки файла.
- * @param props Свойства. Поддерживаются свойства <svg />.
- * @return Элемент.
- */
-export declare const FileIcon: ({ type, ...svgProps }: FileIconProps) => JSX.Element;

package/file-icon/index.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const colors_1 = require("../colors");
-const VARIANTS = {
-    doc: { fill: colors_1.COLORS.get('additional-electric-blue') },
-    xls: { fill: colors_1.COLORS.get('additional-light-green') },
-    pdf: { fill: colors_1.COLORS.get('additional-deep-red') },
-    jpg: { fill: colors_1.COLORS.get('additional-deep-orange') },
-    xml: { fill: colors_1.COLORS.get('additional-deep-purple') },
-    zip: { fill: colors_1.COLORS.get('additional-teal') },
-    png: { fill: colors_1.COLORS.get('additional-purple') },
-    mov: { fill: colors_1.COLORS.get('additional-blue-gray') },
-    mp4: { fill: colors_1.COLORS.get('additional-blue-gray') },
-};
-/**
- * Компонент иконки файла.
- * @param props Свойства. Поддерживаются свойства <svg />.
- * @return Элемент.
- */
-const FileIcon = ({ type, ...svgProps }) => {
-    const typeProps = VARIANTS[type];
-    return type && typeProps ? ((0, jsx_runtime_1.jsxs)("svg", { width: '32', height: '32', viewBox: '0 0 32 32', ...svgProps, children: [(0, jsx_runtime_1.jsx)("path", { opacity: '0.88', d: 'M6 5C6 3.89543 6.89543 3 8 3H20L26 9V27C26 28.1046 25.1046 29 24 29H8C6.89543 29 6 28.1046 6 27V5Z', fill: typeProps.fill }), (0, jsx_runtime_1.jsx)("path", { opacity: '0.32', d: 'M21 9L26 9L20 3L20 8C20 8.55229 20.4477 9 21 9Z', fill: 'white' }), (0, jsx_runtime_1.jsx)("path", { opacity: '0.24', d: 'M25.1667 9L21 9L26 15L26 9C25.5833 9 25.6269 9 25.1667 9Z', fill: 'black' }), (0, jsx_runtime_1.jsx)("text", { x: '16', y: '23', textAnchor: 'middle', fontSize: '6.5', fontWeight: '700', fill: '#fff', children: type.toUpperCase() })] })) : ((0, jsx_runtime_1.jsxs)("svg", { width: '32', height: '32', viewBox: '0 0 32 32', fill: 'none', ...svgProps, children: [(0, jsx_runtime_1.jsx)("path", { opacity: '0.88', d: 'M6 5C6 3.89543 6.89543 3 8 3H20L26 9V27C26 28.1046 25.1046 29 24 29H8C6.89543 29 6 28.1046 6 27V5Z', fill: '#C2C2C2' }), (0, jsx_runtime_1.jsx)("path", { opacity: '0.32', d: 'M21 9L26 9L20 3L20 8C20 8.55229 20.4477 9 21 9Z', fill: 'white' }), (0, jsx_runtime_1.jsx)("path", { opacity: '0.24', d: 'M25.1667 9L21 9L26 15L26 9C25.5833 9 25.6269 9 25.1667 9Z', fill: 'black' }), (0, jsx_runtime_1.jsxs)("g", { opacity: '0.8', children: [(0, jsx_runtime_1.jsx)("path", { d: 'M9 22H23V24H9V22Z', fill: 'white' }), (0, jsx_runtime_1.jsx)("path", { d: 'M9 18H19V20H9V18Z', fill: 'white' })] })] }));
-};
-exports.FileIcon = FileIcon;
-//# sourceMappingURL=index.js.map

package/file-icon/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/file-icon/index.tsx"],"names":[],"mappings":";;;;AAAA,sCAAmC;AAEnC,MAAM,QAAQ,GAAG;IACf,GAAG,EAAE,EAAE,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,0BAA0B,CAAC,EAAE;IACrD,GAAG,EAAE,EAAE,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,wBAAwB,CAAC,EAAE;IACnD,GAAG,EAAE,EAAE,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,qBAAqB,CAAC,EAAE;IAChD,GAAG,EAAE,EAAE,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,wBAAwB,CAAC,EAAE;IACnD,GAAG,EAAE,EAAE,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,wBAAwB,CAAC,EAAE;IACnD,GAAG,EAAE,EAAE,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE;IAC5C,GAAG,EAAE,EAAE,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,EAAE;IAC9C,GAAG,EAAE,EAAE,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,sBAAsB,CAAC,EAAE;IACjD,GAAG,EAAE,EAAE,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,sBAAsB,CAAC,EAAE;CACzC,CAAC;AAOX;;;;GAIG;AACI,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAiB,EAAE,EAAE;IAC/D,MAAM,SAAS,GAAI,QAAgB,CAAC,IAAW,CAAC,CAAC;IAEjD,OAAO,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CACzB,iCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,KAAK,QAAQ,aAC1D,iCACE,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,oGAAoG,EACtG,IAAI,EAAE,SAAS,CAAC,IAAI,GACpB,EACF,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,iDAAiD,EAAC,IAAI,EAAC,OAAO,GAAG,EACxF,iCACE,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,2DAA2D,EAC7D,IAAI,EAAC,OAAO,GACZ,EACF,iCAAM,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,YAChF,IAAI,CAAC,WAAW,EAAE,GACd,IACH,CACP,CAAC,CAAC,CAAC,CACF,iCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,KAAK,QAAQ,aACtE,iCACE,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,oGAAoG,EACtG,IAAI,EAAC,SAAS,GACd,EACF,iCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,iDAAiD,EAAC,IAAI,EAAC,OAAO,GAAG,EACxF,iCACE,OAAO,EAAC,MAAM,EACd,CAAC,EAAC,2DAA2D,EAC7D,IAAI,EAAC,OAAO,GACZ,EACF,+BAAG,OAAO,EAAC,KAAK,aACd,iCAAM,CAAC,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3C,iCAAM,CAAC,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,GAAG,IACzC,IACA,CACP,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,QAAQ,YAuCnB"}