@sima-land/ui-nucleons 45.0.0-alpha.6 → 45.0.0-alpha.8

package/chips/chips-item.d.ts

@@ -0,0 +1,15 @@
+import { MouseEventHandler, ReactNode } from 'react';
+export interface ChipsItemProps {
+    href?: string;
+    children?: ReactNode;
+    withCross?: boolean;
+    target?: string;
+    onClick?: MouseEventHandler<HTMLAnchorElement>;
+    checked?: boolean;
+}
+/**
+ * Элемент списка "чипсов".
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function ChipsItem({ href, children, withCross, target, onClick, checked }: ChipsItemProps): JSX.Element;

package/chips/{item.js → chips-item.js}

@@ -5,15 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChipsItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const bind_1 = __importDefault(require("classnames/bind"));
 const Cross_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Cross"));
-const chips_module_scss_1 = __importDefault(require("./chips.module.scss"));
-const cx = bind_1.default.bind(chips_module_scss_1.default);
+const bind_1 = __importDefault(require("classnames/bind"));
+const chips_item_module_scss_1 = __importDefault(require("./chips-item.module.scss"));
+const cx = bind_1.default.bind(chips_item_module_scss_1.default);
 /**
  * Элемент списка "чипсов".
  * @param props Свойства.
  * @return Элемент.
  */
-const ChipsItem = ({ href, children, withCross, target, onClick, checked, }) => ((0, jsx_runtime_1.jsxs)("a", { href: href, role: href ? undefined : 'button', className: cx('item', { checked }), target: target, onClick: onClick, "data-testid": 'chips:item', children: [(0, jsx_runtime_1.jsx)("span", { className: chips_module_scss_1.default.text, children: children }), withCross && (0, jsx_runtime_1.jsx)(Cross_1.default, { className: cx('cross-svg') })] }));
+function ChipsItem({ href, children, withCross, target, onClick, checked }) {
+    return ((0, jsx_runtime_1.jsxs)("a", { href: href, role: href ? undefined : 'button', className: cx('root', { checked }), target: target, onClick: onClick, "data-testid": 'chips:item', children: [(0, jsx_runtime_1.jsx)("span", { className: chips_item_module_scss_1.default.text, children: children }), withCross && (0, jsx_runtime_1.jsx)(Cross_1.default, { className: cx('cross-svg') })] }));
+}
 exports.ChipsItem = ChipsItem;
-//# sourceMappingURL=item.js.map
+//# sourceMappingURL=chips-item.js.map

package/chips/chips-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chips-item.js","sourceRoot":"","sources":["../../src/chips/chips-item.tsx"],"names":[],"mappings":";;;;;;;AACA,2FAAsE;AACtE,2DAAyC;AACzC,sFAA8C;AAW9C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,gCAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAkB;IAC/F,OAAO,CACL,+BACE,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACjC,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAClC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,iBACJ,YAAY,aAExB,iCAAM,SAAS,EAAE,gCAAM,CAAC,IAAI,YAAG,QAAQ,GAAQ,EAC9C,SAAS,IAAI,uBAAC,eAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,GAAI,IACpD,CACL,CAAC;AACJ,CAAC;AAdD,8BAcC"}

package/chips/chips-item.module.scss

@@ -0,0 +1,67 @@
+@use '../colors';
+
+.root {
+  flex-grow: 0;
+  flex-shrink: 0;
+  max-width: 100%;
+  display: flex;
+  align-items: center;
+  height: 32px;
+
+  // ВАЖНО: по умолчанию 0 чтобы вне Chips отступов не было
+  margin-right: var(--chips-gutter, 0);
+  margin-bottom: var(--chips-gutter, 0);
+  overflow: hidden;
+  outline: 0;
+  border: 0;
+  padding: 0 12px;
+  background: colors.$basic-gray8;
+  color: colors.$basic-gray87;
+  border-radius: 4px;
+  box-sizing: border-box;
+  font: inherit;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 16px;
+  text-decoration: none;
+
+  // ВАЖНО: переопределяем стили монолита
+  &,
+  &:link,
+  &:visited {
+    background: colors.$basic-gray8;
+    color: colors.$basic-gray87;
+  }
+
+  // ВАЖНО: эффект при наведении определяем **после** переопределения стилей монолита
+  &:hover {
+    cursor: pointer;
+  }
+  &:hover,
+  &:active {
+    background: colors.$basic-gray12;
+    color: colors.$basic-gray87;
+  }
+  &.checked {
+    background: colors.$basic-gray76;
+    color: colors.$basic-white;
+    &:hover,
+    &:active {
+      background: colors.$basic-gray66;
+      color: colors.$basic-white;
+    }
+  }
+}
+
+.text {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.cross-svg {
+  display: block;
+  fill: currentColor;
+  margin-left: 8px;
+  flex-shrink: 0;
+}

package/chips/chips.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { ChipsItem } from './chips-item';
+export interface ChipsProps extends HTMLAttributes<HTMLDivElement> {
+    /** Элементы списка. */
+    children?: ReactNode;
+    /** Идентификатор для систем автоматизированного тестирования. */
+    'data-testid'?: string;
+}
+/**
+ * Список "чипсов".
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Chips({ children, className, 'data-testid': testId, ...restProps }: ChipsProps): JSX.Element;
+export declare namespace Chips {
+    var Item: typeof ChipsItem;
+}

package/chips/chips.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chips = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const chips_item_1 = require("./chips-item");
+const bind_1 = __importDefault(require("classnames/bind"));
+const chips_module_scss_1 = __importDefault(require("./chips.module.scss"));
+const cx = bind_1.default.bind(chips_module_scss_1.default);
+/**
+ * Список "чипсов".
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Chips({ children, className, 'data-testid': testId = 'chips', ...restProps }) {
+    return ((0, jsx_runtime_1.jsx)("div", { ...restProps, className: cx('root', className), "data-testid": testId, children: children }));
+}
+exports.Chips = Chips;
+/**
+ * @deprecated Следует использовать ChipsItem.
+ */
+Chips.Item = chips_item_1.ChipsItem;
+//# sourceMappingURL=chips.js.map

package/chips/chips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chips.js","sourceRoot":"","sources":["../../src/chips/chips.tsx"],"names":[],"mappings":";;;;;;;AACA,6CAAyC;AACzC,2DAAyC;AACzC,4EAAyC;AAUzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,OAAO,EAC/B,GAAG,SAAS,EACD;IACX,OAAO,CACL,mCAAS,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,iBAAe,MAAM,YACtE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAXD,sBAWC;AAED;;GAEG;AACH,KAAK,CAAC,IAAI,GAAG,sBAAS,CAAC"}

package/chips/chips.module.scss

@@ -1,75 +1,7 @@
-@use '../colors';
-
-.list {
+.root {
   display: flex;
   flex-wrap: wrap;
   --chips-gutter: 8px;
   margin-right: calc(-1 * var(--chips-gutter));
   margin-bottom: calc(-1 * var(--chips-gutter));
 }
-
-.item {
-  flex-grow: 0;
-  flex-shrink: 0;
-  max-width: 100%;
-  display: flex;
-  align-items: center;
-  height: 32px;
-
-  // по умолчанию 0 чтобы вне Chips отступов не было
-  margin-right: var(--chips-gutter, 0);
-  margin-bottom: var(--chips-gutter, 0);
-  overflow: hidden;
-  outline: 0;
-  border: 0;
-  padding: 0 12px;
-  background: colors.$basic-gray8;
-  color: colors.$basic-gray87;
-  border-radius: 4px;
-  box-sizing: border-box;
-  font: inherit;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 16px;
-  text-decoration: none;
-
-  // переопределяем стили монолита
-  &,
-  &:link,
-  &:visited {
-    background: colors.$basic-gray8;
-    color: colors.$basic-gray87;
-  }
-
-  // эффект при наведении определяем **после** переопределения стилей монолита
-  &:hover {
-    cursor: pointer;
-  }
-  &:hover,
-  &:active {
-    background: colors.$basic-gray12;
-    color: colors.$basic-gray87;
-  }
-  &.checked {
-    background: colors.$basic-gray76;
-    color: colors.$basic-white;
-    &:hover,
-    &:active {
-      background: colors.$basic-gray66;
-      color: colors.$basic-white;
-    }
-  }
-}
-
-.text {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.cross-svg {
-  display: block;
-  fill: currentColor;
-  margin-left: 8px;
-  flex-shrink: 0;
-}

package/chips/index.d.ts

@@ -1,16 +1,2 @@
-/// <reference types="react" />
-export interface ChipsProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Элементы списка. */
-    children: React.ReactNode;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Список "чипсов".
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Chips: {
-    ({ children, className, "data-testid": testId, ...restProps }: ChipsProps): JSX.Element;
-    Item: ({ href, children, withCross, target, onClick, checked, }: import("./item").ChipsItemProps) => JSX.Element;
-};
+export { Chips, ChipsProps } from './chips';
+export { ChipsItem, ChipsItemProps } from './chips-item';

package/chips/index.js

@@ -1,21 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chips = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const item_1 = require("./item");
-const bind_1 = __importDefault(require("classnames/bind"));
-const chips_module_scss_1 = __importDefault(require("./chips.module.scss"));
-const cx = bind_1.default.bind(chips_module_scss_1.default);
-/**
- * Список "чипсов".
- * @param props Свойства.
- * @return Элемент.
- */
-const Chips = ({ children, className, 'data-testid': testId = 'chips', ...restProps }) => ((0, jsx_runtime_1.jsx)("div", { ...restProps, className: cx('list', className), "data-testid": testId, children: react_1.Children.toArray(children).filter(c => (0, react_1.isValidElement)(c) && c.type === item_1.ChipsItem) }));
-exports.Chips = Chips;
-exports.Chips.Item = item_1.ChipsItem;
+exports.ChipsItem = exports.Chips = void 0;
+var chips_1 = require("./chips");
+Object.defineProperty(exports, "Chips", { enumerable: true, get: function () { return chips_1.Chips; } });
+var chips_item_1 = require("./chips-item");
+Object.defineProperty(exports, "ChipsItem", { enumerable: true, get: function () { return chips_item_1.ChipsItem; } });
 //# sourceMappingURL=index.js.map

package/chips/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chips/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAiD;AACjD,iCAAmC;AACnC,2DAAyC;AACzC,4EAAyC;AAUzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACI,MAAM,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,OAAO,EAC/B,GAAG,SAAS,EACD,EAAE,EAAE,CAAC,CAChB,mCAAS,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,iBAAe,MAAM,YACtE,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,IAAA,sBAAc,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,gBAAS,CAAC,GAC9E,CACP,CAAC;AATW,QAAA,KAAK,SAShB;AAEF,aAAK,CAAC,IAAI,GAAG,gBAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chips/index.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAAnC,8FAAA,KAAK,OAAA;AACd,2CAAyD;AAAhD,uGAAA,SAAS,OAAA"}

package/colors/index.d.ts

@@ -1,4 +1,5 @@
-declare const collection: {
+/** Цвета дизайн-системы. */
+export declare const COLOR: {
     readonly 'basic-blue': "#1f84db";
     readonly 'basic-gray87': "#212121";
     readonly 'basic-gray76': "#3a3a3b";
@@ -14,6 +15,7 @@ declare const collection: {
     readonly 'additional-deep-red': "#d50000";
     readonly 'additional-red': "#fb3a2f";
     readonly 'additional-light-red': "#feebea";
+    readonly 'additional-dark-teal': "#089176";
     readonly 'additional-teal': "#09ab8b";
     readonly 'additional-green': "#00c853";
     readonly 'additional-light-green': "#64dd17";
@@ -35,7 +37,7 @@ declare const collection: {
     readonly 'additional-blue-gray': "#607d8b";
     readonly 'additional-deep-blue': "#00599d";
     readonly 'additional-dark-blue': "#002b41";
+    readonly 'additional-unlit-blue': "#1b75c2";
 };
-export type Token = keyof typeof collection;
-export declare const COLORS: Map<"basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue", string>;
-export {};
+export type Token = keyof typeof COLOR;
+export declare const COLORS: Map<"basic-blue" | "basic-gray87" | "basic-gray76" | "basic-gray66" | "basic-gray54" | "basic-gray38" | "basic-gray24" | "basic-gray12" | "basic-gray8" | "basic-gray4" | "basic-gray2" | "basic-white" | "additional-deep-red" | "additional-red" | "additional-light-red" | "additional-dark-teal" | "additional-teal" | "additional-green" | "additional-light-green" | "additional-lime" | "additional-faded-green" | "additional-pink" | "additional-purple" | "additional-violet" | "additional-deep-purple" | "additional-electric-blue" | "additional-light-blue" | "additional-cyan" | "additional-sky" | "additional-deep-orange" | "additional-amber" | "additional-yellow" | "additional-gold" | "additional-brown" | "additional-blue-gray" | "additional-deep-blue" | "additional-dark-blue" | "additional-unlit-blue", string>;

package/colors/index.js

@@ -1,8 +1,9 @@
 "use strict";
 // GENERATED FILE - DO NOT CHANGE IT MANUALLY
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.COLORS = void 0;
-const collection = {
+exports.COLORS = exports.COLOR = void 0;
+/** Цвета дизайн-системы. */
+exports.COLOR = {
     // basic
     'basic-blue': '#1f84db',
     'basic-gray87': '#212121',
@@ -20,6 +21,7 @@ const collection = {
     'additional-deep-red': '#d50000',
     'additional-red': '#fb3a2f',
     'additional-light-red': '#feebea',
+    'additional-dark-teal': '#089176',
     'additional-teal': '#09ab8b',
     'additional-green': '#00c853',
     'additional-light-green': '#64dd17',
@@ -41,6 +43,7 @@ const collection = {
     'additional-blue-gray': '#607d8b',
     'additional-deep-blue': '#00599d',
     'additional-dark-blue': '#002b41',
+    'additional-unlit-blue': '#1b75c2',
 };
-exports.COLORS = new Map(Object.entries(collection));
+exports.COLORS = new Map(Object.entries(exports.COLOR));
 //# sourceMappingURL=index.js.map

package/colors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/colors/index.ts"],"names":[],"mappings":";AAAA,6CAA6C;;;AAE7C,MAAM,UAAU,GAAG;IACjB,QAAQ;IACR,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,MAAM;IAErB,aAAa;IACb,qBAAqB,EAAE,SAAS;IAChC,gBAAgB,EAAE,SAAS;IAC3B,sBAAsB,EAAE,SAAS;IACjC,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,wBAAwB,EAAE,SAAS;IACnC,0BAA0B,EAAE,SAAS;IACrC,uBAAuB,EAAE,SAAS;IAClC,iBAAiB,EAAE,SAAS;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,wBAAwB,EAAE,SAAS;IACnC,kBAAkB,EAAE,SAAS;IAC7B,mBAAmB,EAAE,SAAS;IAC9B,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;CACzB,CAAC;AAGE,QAAA,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/colors/index.ts"],"names":[],"mappings":";AAAA,6CAA6C;;;AAE7C,4BAA4B;AACf,QAAA,KAAK,GAAG;IACnB,QAAQ;IACR,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,MAAM;IAErB,aAAa;IACb,qBAAqB,EAAE,SAAS;IAChC,gBAAgB,EAAE,SAAS;IAC3B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,wBAAwB,EAAE,SAAS;IACnC,iBAAiB,EAAE,SAAS;IAC5B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,SAAS;IAC9B,wBAAwB,EAAE,SAAS;IACnC,0BAA0B,EAAE,SAAS;IACrC,uBAAuB,EAAE,SAAS;IAClC,iBAAiB,EAAE,SAAS;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,wBAAwB,EAAE,SAAS;IACnC,kBAAkB,EAAE,SAAS;IAC7B,mBAAmB,EAAE,SAAS;IAC9B,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,sBAAsB,EAAE,SAAS;IACjC,uBAAuB,EAAE,SAAS;CAC1B,CAAC;AAGE,QAAA,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,aAAK,CAAC,CAAuB,CAAC"}

package/colors.scss

@@ -18,6 +18,7 @@ $basic-white: #fff;
 $additional-deep-red: #d50000;
 $additional-red: #fb3a2f;
 $additional-light-red: #feebea;
+$additional-dark-teal: #089176;
 $additional-teal: #09ab8b;
 $additional-green: #00c853;
 $additional-light-green: #64dd17;
@@ -39,3 +40,4 @@ $additional-brown: #795548;
 $additional-blue-gray: #607d8b;
 $additional-deep-blue: #00599d;
 $additional-dark-blue: #002b41;
+$additional-unlit-blue: #1b75c2;

package/dropdown/utils.d.ts

@@ -10,7 +10,7 @@ export declare function dropdownFloatingConfig(): Partial<UseFloatingProps>;
  * @return Стили для элемента с учетом "слоя".
  */
 export declare function useDropdownFloatingStyle({ strategy, x, y, refs, }: Pick<UseFloatingReturn, 'strategy' | 'x' | 'y' | 'refs'>): {
-    position: import("@floating-ui/react").Strategy;
+    position: import("@floating-ui/utils").Strategy;
     top: number;
     left: number;
     minWidth: string | undefined;

package/expandable/expandable-group.module.scss

@@ -12,16 +12,12 @@
 .item {
   display: block;
   padding: 0;
-  max-width: 100%;
+  max-width: calc(100% - var(--expandable-gap, 0));
   height: var(--expandable-item-height);
   margin: 0 (var(--expandable-gap)) var(--expandable-gap) 0;
   &.hidden {
     display: none;
   }
-  &.invisible {
-    opacity: 0;
-    pointer-events: none;
-  }
   &.opener {
     width: var(--expandable-opener-width);
   }

package/expandable/index.d.ts

@@ -1,42 +1,12 @@
-import { ReactNode, MouseEventHandler, CSSProperties } from 'react';
-export interface ExpandableGroupProps {
-    /** Расстояние между элементами группы в пикселях. */
-    gap?: number;
-    /** Высота каждого элемента группы в пикселях. */
-    itemHeight?: number;
-    /** Развернут ли список по умолчанию. */
-    defaultExpanded?: boolean;
-    /** Количество строк в свернутом состоянии группы. */
-    lineLimit?: number;
-    /** Содержимое. */
-    children?: ReactNode;
-    /** Функция, возвращающая содержимое кнопки разворачивания списка. */
-    opener?: (data: {
-        hiddenCount: number;
-    }) => ReactNode;
-    /** Сработает при разворачивании списка. */
-    onExpand?: () => void;
-    /** CSS-класс корневого элемента. */
-    className?: string;
-    /** Стили корневого элемента. */
-    style?: CSSProperties;
-    /** Нужно ли выводить список развернутым. */
-    expanded?: boolean;
-    /** Ширина открывающего элемента. */
-    openerWidth?: number;
-}
-export interface GroupItemProps {
-    children?: ReactNode;
-    onClick?: MouseEventHandler;
-    'data-testid'?: string;
-}
+/// <reference types="react" />
+import { ExpandableGroupProps, ExpandableGroupItemProps } from './types';
 /**
  * Группа элементов с ограничением на число выводимых строк и возможностью показать все.
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function ExpandableGroup({ gap, itemHeight, lineLimit, defaultExpanded, children, onExpand, opener, className, style, expanded: expandedProp, openerWidth, }: ExpandableGroupProps): JSX.Element;
+export declare function ExpandableGroup(props: ExpandableGroupProps): JSX.Element;
 export declare const Expandable: {
     readonly Group: typeof ExpandableGroup;
-    readonly Item: import("react").ForwardRefExoticComponent<GroupItemProps & import("react").RefAttributes<HTMLLIElement>>;
+    readonly Item: import("react").ForwardRefExoticComponent<ExpandableGroupItemProps & import("react").RefAttributes<HTMLLIElement>>;
 };

package/expandable/index.js

@@ -6,56 +6,106 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Expandable = exports.ExpandableGroup = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const hooks_1 = require("../hooks");
 const utils_1 = require("./utils");
 const bind_1 = __importDefault(require("classnames/bind"));
 const expandable_group_module_scss_1 = __importDefault(require("./expandable-group.module.scss"));
 const cx = bind_1.default.bind(expandable_group_module_scss_1.default);
 const ItemContext = (0, react_1.createContext)({});
+const initialState = {
+    status: 'initial',
+    lastVisibleIndex: -1,
+};
+const expandedState = {
+    status: 'expanded',
+    lastVisibleIndex: -1,
+};
 /**
  * Группа элементов с ограничением на число выводимых строк и возможностью показать все.
  * @param props Свойства.
  * @return Элемент.
  */
-function ExpandableGroup({ gap = 8, itemHeight = 32, lineLimit = 2, defaultExpanded = false, children, onExpand, opener = data => (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u0415\u0449\u0451 ", data.hiddenCount] }), className, style, expanded: expandedProp, openerWidth = 72, }) {
-    const wrapperRef = (0, react_1.useRef)(null);
-    const containerRef = (0, react_1.useRef)(null);
+function ExpandableGroup(props) {
+    const time = (0, react_1.useRef)(1);
+    // @todo зациклить если каким-то невероятным образом уйдет за границу number
+    time.current = time.current + 1;
+    // ВАЖНО: рендер вызванный родительским компонентом должен приводить к пересчету, поэтому передаем уникальный time
+    return (0, jsx_runtime_1.jsx)(ExpandableGroupInner, { ...props, time: time.current });
+}
+exports.ExpandableGroup = ExpandableGroup;
+/**
+ * Внутренний компонент, необходимый для корректной обработки повторных render'ов.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ExpandableGroupInner({ gap = 8, itemHeight = 32, lineLimit = 2, defaultExpanded = false, children, opener: renderOpener = data => (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u0415\u0449\u0451 ", data.hiddenCount] }), className, style, expanded: expandedProp, onExpand, openerWidth = 72, time, }) {
+    const outerRef = (0, react_1.useRef)(null);
+    const innerRef = (0, react_1.useRef)(null);
     const openerRef = (0, react_1.useRef)(null);
     const [mounted, setMounted] = (0, react_1.useState)(false);
-    const [expanded, setExpanded] = (0, react_1.useState)(defaultExpanded);
-    const items = react_1.Children.toArray(children).reduce((result, child) => {
-        if ((0, react_1.isValidElement)(child) && child.type === ExpandableItem) {
-            result.push(child);
-        }
-        return result;
-    }, []);
+    const [state, setState] = (0, react_1.useState)(() => (defaultExpanded ? expandedState : initialState));
     (0, react_1.useEffect)(() => {
         setMounted(true);
     }, []);
+    // даем возможность управлять состоянием с помощью пропса "expanded"
     (0, react_1.useEffect)(() => {
-        expandedProp !== undefined && setExpanded(expandedProp);
+        if (typeof expandedProp === 'boolean') {
+            // ВАЖНО: передаем именно копию состояний чтобы гарантированно вызвать рендер
+            setState(expandedProp ? { ...expandedState } : { ...initialState });
+        }
     }, [expandedProp]);
-    const { hiddenCount } = (0, utils_1.useExpandable)({
-        expanded,
-        wrapperRef,
-        containerRef,
-        openerRef,
-        gap,
+    // если "time" обновился - это сигнал о том что надо пересчитать состояние
+    (0, react_1.useEffect)(() => {
+        // ВАЖНО: передаем именно копию состояний чтобы гарантированно вызвать рендер
+        setState(current => (current.status === 'expanded' ? current : { ...initialState }));
+    }, [time]);
+    // следим за изменением ширины чтобы запустить перерасчет
+    (0, utils_1.useObserveWidth)(outerRef, () => {
+        // ВАЖНО: передаем именно копию состояний чтобы гарантированно вызвать рендер
+        setState(current => (current.status === 'expanded' ? current : { ...initialState }));
     });
-    return ((0, jsx_runtime_1.jsx)("div", { ref: wrapperRef, className: cx('root', className), style: {
-            ...style,
-            maxHeight: expanded ? undefined : `${itemHeight * lineLimit + gap * (lineLimit - 1)}px`,
-            '--expandable-item-height': `${itemHeight}px`,
-            '--expandable-opener-width': `${openerWidth}px`,
-            '--expandable-gap': `${gap}px`,
-        }, children: (0, jsx_runtime_1.jsxs)("ul", { ref: containerRef, className: expandable_group_module_scss_1.default.inner, children: [items, mounted && !expanded && ((0, jsx_runtime_1.jsx)(ItemContext.Provider, { value: { invisible: hiddenCount === 0, opener: true }, children: (0, jsx_runtime_1.jsx)(ExpandableItem, { ref: openerRef, onClick: () => {
-                            setExpanded(true);
-                            onExpand === null || onExpand === void 0 ? void 0 : onExpand();
-                        }, "data-testid": 'expandable:opener', children: opener({ hiddenCount }) }) }))] }) }));
+    // выполняем расчет
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        if (state.status === 'initial') {
+            const outer = outerRef.current;
+            const inner = innerRef.current;
+            const opener = openerRef.current;
+            if (outer && inner && opener) {
+                const { lastVisibleIndex } = (0, utils_1.defineLastVisible)({ outer, inner, gap, opener, openerWidth });
+                setState({
+                    status: lastVisibleIndex !== -1 ? 'some-hidden' : 'all-visible',
+                    lastVisibleIndex,
+                });
+            }
+        }
+    }, [state, mounted]);
+    const rootStyle = {
+        ...style,
+        maxHeight: state.status === 'expanded'
+            ? undefined
+            : `${itemHeight * lineLimit + gap * (lineLimit - 1)}px`,
+        '--expandable-gap': `${gap}px`,
+        '--expandable-item-height': `${itemHeight}px`,
+        '--expandable-opener-width': `${openerWidth}px`,
+    };
+    const handleExpand = (0, react_1.useCallback)(() => {
+        setState(expandedState);
+        onExpand === null || onExpand === void 0 ? void 0 : onExpand();
+    }, [onExpand]);
+    const items = react_1.Children.toArray(children).reduce((result, child, index) => {
+        if ((0, react_1.isValidElement)(child) && child.type === ExpandableItem) {
+            result.push((0, jsx_runtime_1.jsx)(ItemContext.Provider, { value: {
+                    hidden: state.status === 'some-hidden' && index > state.lastVisibleIndex,
+                }, children: child }, child.key));
+        }
+        return result;
+    }, []);
+    // ВАЖНО: root нужен для того чтобы формировать ограничение по высоте
+    return ((0, jsx_runtime_1.jsx)("div", { ref: outerRef, className: cx('root', className), style: rootStyle, children: (0, jsx_runtime_1.jsxs)("ul", { ref: innerRef, className: cx('inner'), children: [items, mounted && state.status !== 'expanded' && ((0, jsx_runtime_1.jsx)(ItemContext.Provider, { value: { hidden: state.status !== 'some-hidden' }, children: (0, jsx_runtime_1.jsx)(ExpandableItem, { ref: openerRef, onClick: handleExpand, "data-testid": 'expandable:opener', children: renderOpener({ hiddenCount: items.length - state.lastVisibleIndex - 1 }) }) }))] }) }));
 }
-exports.ExpandableGroup = ExpandableGroup;
 const ExpandableItem = (0, react_1.forwardRef)(({ children, onClick, 'data-testid': testId = 'expandable:item' }, ref) => {
-    const context = (0, react_1.useContext)(ItemContext);
-    return ((0, jsx_runtime_1.jsx)("li", { ref: ref, className: cx('item', context), "data-testid": testId, onClick: onClick, children: children }));
+    const { hidden } = (0, react_1.useContext)(ItemContext);
+    return ((0, jsx_runtime_1.jsx)("li", { ref: ref, className: cx('item', { hidden }), "data-testid": testId, onClick: onClick, children: children }));
 });
 exports.Expandable = {
     Group: ExpandableGroup,

package/expandable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/expandable/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/expandable/index.tsx"],"names":[],"mappings":"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"}