@sberbusiness/triplex-next-mcp-server 1.45.0-beta → 1.48.0-beta

package/bundle/components/LightBox.md

@@ -101,6 +101,13 @@ LightBox.SideOverlay_Background
 css-переменную `--lightBox-scroll-width`, которую вычитают из ширины оверлеев. Ширины размеров
 (`664/864/1064/1264`) заданы LESS-константами `@lightBox-content-max-width-*`.
 
+Боковые отступы контента лайтбокса (`@lightBoxContentPaddingX`, 80px — место под кнопки
+вперёд/назад, на экранах до 1024px включительно 0) публикуются css-переменной
+`--lightBox-content-padding-x` на `.lightBoxContent`. По ней потомки выравниваются с колонкой
+страницы — так это делает обёртка `TopOverlay`. Переменная объявлена именно на `.lightBoxContent`,
+поэтому вне его поддерева (например в `LightBox.SideOverlay` — он сиблинг `LightBox.Content`,
+а не его потомок) она не видна, и читающие её стили получают фолбэк 0.
+
 ---
 
 ## Инварианты
@@ -202,6 +209,7 @@ css-переменную `--lightBox-scroll-width`, которую вычита
 
 | Дата | Изменение |
 |---|---|
+| 2026-09-21 | Боковые отступы `.lightBoxContent` вынесены в css-переменную `--lightBox-content-padding-x` (константа `@lightBoxContentPaddingX`). Нужна, чтобы `TopOverlay` выравнивался по колонке контента |
 | 2026-07-22 | Создан документ (Phase 1 AI-Ready). В том же изменении — AI-рефакторинг: JSDoc на props, общий `LightBoxArrow` для Prev/Next, хук `useLightBoxSidebarVisibility` для сайдбаров, устранение eslint-подавлений; публичный API не менялся |
 | 2026-07-22 | Добавлен `export` к props-интерфейсам `ILightBoxControlsProps`, `ILightBoxCloseProps`, `ILightBoxPrevProps`, `ILightBoxNextProps`, `ILightBoxSideOverlayLoaderProps` (аддитивно, для консистентности с остальными интерфейсами компонента) |
 | 2026-07-22 | Багфиксы по ревью PR #474: клавиатурные триггеры контролов целятся в видимую кнопку (стрелки не работали на desktop, Esc — на mobile); таймер-хак блокировки скролла заменён счётчиком смонтированных лайтбоксов; `LightBoxViewManager` снимает классы mount-ноды при размонтировании последнего менеджера |

package/bundle/components/ListMaster.md

@@ -628,13 +628,13 @@ export const Default = () => {
                                     controlButtons={
                                         <>
                                             <ListItemControlsButton
-                                                icon={<AttachmentStrokeSrvIcon20 paletteIndex={5} />}
+                                                icon={<AttachmentStrokeSrvIcon20 paletteIndex={0} />}
                                             >
                                                 Скачать
                                             </ListItemControlsButton>
 
                                             <ListItemControlsButtonDropdown
-                                                icon={<DotshorizontalStrokeSrvIcon20 paletteIndex={5} />}
+                                                icon={<DotshorizontalStrokeSrvIcon20 paletteIndex={0} />}
                                                 options={itemActions}
                                             >
                                                 Действия

package/bundle/components/ListTableItem.md

@@ -156,11 +156,11 @@ export const Default = () => {
                     onClickItem={() => {}}
                     controlButtons={
                         <>
-                            <ListItemControlsButton icon={<AttachmentStrokeSrvIcon20 paletteIndex={5} />}>
+                            <ListItemControlsButton icon={<AttachmentStrokeSrvIcon20 paletteIndex={0} />}>
                                 Скачать
                             </ListItemControlsButton>
                             <ListItemControlsButtonDropdown
-                                icon={<DotshorizontalStrokeSrvIcon20 paletteIndex={5} />}
+                                icon={<DotshorizontalStrokeSrvIcon20 paletteIndex={0} />}
                                 options={options}
                             >
                                 Действия
@@ -245,11 +245,11 @@ export const Selectable = () => {
                     onClickItem={() => console.log("Клик по карточке.")}
                     controlButtons={
                         <>
-                            <ListItemControlsButton icon={<AttachmentStrokeSrvIcon20 paletteIndex={5} />}>
+                            <ListItemControlsButton icon={<AttachmentStrokeSrvIcon20 paletteIndex={0} />}>
                                 Скачать
                             </ListItemControlsButton>
                             <ListItemControlsButtonDropdown
-                                icon={<DotshorizontalStrokeSrvIcon20 paletteIndex={5} />}
+                                icon={<DotshorizontalStrokeSrvIcon20 paletteIndex={0} />}
                                 options={options}
                             >
                                 Действия
@@ -354,11 +354,11 @@ export const WithSwipeEmulation = () => {
                     onClickItem={() => console.log("Клик по карточке.")}
                     controlButtons={
                         <>
-                            <ListItemControlsButton icon={<AttachmentStrokeSrvIcon20 paletteIndex={5} />}>
+                            <ListItemControlsButton icon={<AttachmentStrokeSrvIcon20 paletteIndex={0} />}>
                                 Скачать
                             </ListItemControlsButton>
                             <ListItemControlsButtonDropdown
-                                icon={<DotshorizontalStrokeSrvIcon20 paletteIndex={5} />}
+                                icon={<DotshorizontalStrokeSrvIcon20 paletteIndex={0} />}
                                 options={options}
                             >
                                 Действия

package/bundle/components/MaskedField.md

@@ -49,7 +49,7 @@ version: "1.0"
 - **Значение всегда контролируемое.** `maskedInputProps.value` пропускается через `conformToMask`, поэтому в `onChange` приходит уже отформатированное значение (`"12.12."` после ввода четырёх цифр даты). Хранить в state можно как форматированное, так и «сырое» значение — маска применяется к обоим.
 - **`onChange` вызывается только при реальном изменении** отформатированного значения: повторное событие с тем же значением игнорируется.
 - **Подсказка маски** (`placeholderMask` или заполнение символом `placeholderChar`) рисуется отдельным `aria-hidden` слоем поверх поля и показывается, только когда поле в фокусе или заполнено. Если задан обычный `placeholder`, у пустого поля показывается он, а не маска.
-- **Пресеты масок для телефона и SWIFT обрабатываются особо:** телефон нормализует вставку номера с `7`/`8`/`+7` в начале, SWIFT-код приводится к верхнему регистру.
+- **Пресеты масок для телефона и SWIFT обрабатываются особо:** телефон нормализует номер с `7`/`8`/`+7` в начале — и переданный в `value`, и введённый или вставленный в поле; SWIFT-код приводится к верхнему регистру.
 - Ограничение длины задаёт сама маска — `maxLength` не нужен; `counter`, если он нужен, считает потребитель.
 - Кнопка очистки не встроена — передаётся потребителем как `postfix={<FormFieldClear onClick={...} />}`.
 
@@ -118,6 +118,7 @@ version: "1.0"
 | 2026-08-07 | Создан документ (TRI-56). AI-рефакторинг MaskedField, unit-тесты, миграция stories на modern pattern |
 | 2026-08-11 | Тип `maskedInputProps.ref` исправлен на `React.RefObject<HTMLDivElement>` — соответствует фактическому ref-таргету (правки по ревью PR #515) |
 | 2026-08-12 | Исправления в `FormFieldMaskedInput` по ревью PR #515: убрана мутация prop `value` в `getValue()`, `defaultValue` больше не уходит в `<input>` (предупреждение React о controlled/uncontrolled) и исключён из `IFormFieldMaskedInputProps` |
+| 2026-09-09 | Исправлено: значение с кодом страны раскладывалось по маске телефона со сдвигом и теряло последнюю цифру. Нормализация номера вынесена в `normalizePhoneText` и применяется и к внешнему `value`, и к слою с маской |
 
 ---
 

package/bundle/components/MonthYearField.md

@@ -1,7 +1,7 @@
 ---
 component: MonthYearField
 category: Date components
-related: [DatePickerExtended, MonthYearRange, TextField, Calendar]
+related: [DatePickerExtended, MonthYearRange, ChipMonthYearPicker, TextField, Calendar]
 tokens: []
 stories: stories/MonthYearField/MonthYearField.stories.tsx
 version: "1.0"
@@ -61,7 +61,6 @@ version: "1.0"
 - `forwardRef` на компоненте — не убирать. Ref пробрасывается в `DatePickerExtended` (корневой DOM-элемент — элемент `DatePickerExtended`).
 - Публичный API (`IMonthYearFieldProps`: `value`, `onChange`, `onClear`, `targetProps`, `placeholder` + унаследованные `size`/`status`/`label` и props `DatePickerExtended`) — изменение имён/типов/значений — breaking change.
 - Поле read-only по контракту — не делать его редактируемым без обсуждения (компонент не имеет логики валидации клавиатурного ввода).
-- Отображаемый формат `"MMM YYYY"` зафиксирован в `inputMonthYearFormat`; менять его — визуальный breaking change для потребителей.
 - Sync-эффект в `MonthYearField.tsx` (`useEffect` по `[value, format, limitRange]` с `eslint-disable react-hooks/exhaustive-deps`) — намеренная синхронизация derived-стейта `pickerValues` с внешним `value`. Не переписывать без анализа поведения: сравнение идёт по `inputString`, чтобы не сбрасывать стейт при эквивалентных значениях.
 - Внутренние символы `MonthYearPickerUtils` (`utils.ts`), `MonthYearFieldContext`, `MonthYearFieldTarget` не экспортируются через barrel — это приватные детали реализации.
 
@@ -80,6 +79,7 @@ version: "1.0"
 
 - `DatePickerExtended` — родительский компонент выпадающего календаря; `MonthYearField` конфигурирует его в режим `MONTH_YEAR` через render-props.
 - `MonthYearRange` — выбор диапазона месяцев; использует `MonthYearField` как поля «от» и «до».
+- `ChipMonthYearPicker` — тот же выбор месяца в виде чипса-фильтра: наследует `IMonthYearFieldProps` и утилиты `MonthYearPickerUtils`, но вместо поля формы рендерит `Chip`.
 - `TextField` — внутреннее поле-триггер.
 - `MonthYearFieldTarget` (внутренний, не в barrel) — рендерит `TextField` с иконкой календаря и кнопкой очистки, обрабатывает клик/клавиатуру для открытия дропдауна. Описан здесь, отдельного AI.md не имеет.
 - `MonthYearFieldContext` (внутренний, не в barrel) — прокидывает `onChange` в target; тривиальный контекст без своей логики.
@@ -110,6 +110,7 @@ version: "1.0"
 |---|---|
 | 2026-06-16 | Создан документ. AI-рефакторинг (JSDoc-фиксы), unit-тесты для `utils.ts`, story `VisualTests` и включение скриншот-тестов |
 | 2026-06-16 | Добавлена story `VisualTestsOpen` — скриншот раскрытого dropdown с календарём (через `play`) |
+| 2026-09-07 | В «Связанные компоненты» добавлен `ChipMonthYearPicker` — чипс-вариант того же выбора месяца |
 
 ---
 
@@ -128,7 +129,7 @@ export const DefaultExample = () => {
 
     return (
         <div style={{ maxWidth: 300 }}>
-            <MonthYearField value={value} placeholder="мм.гггг" label="Label" onChange={setValue} />
+            <MonthYearField value={value} placeholder="Select to proceed" label="Label" onChange={setValue} />
         </div>
     );
 };
@@ -152,7 +153,13 @@ const SizeItem = ({ size }: ISizeItemProps) => {
     return (
         <div style={{ maxWidth: 300 }}>
             <div style={{ marginBottom: 8, fontSize: 16, fontWeight: 700 }}>{size.toUpperCase()}</div>
-            <MonthYearField size={size} value={value} label="Label" placeholder="мм.гггг" onChange={setValue} />
+            <MonthYearField
+                size={size}
+                value={value}
+                label="Label"
+                placeholder="Select to proceed"
+                onChange={setValue}
+            />
         </div>
     );
 };
@@ -186,7 +193,13 @@ const StatusItem = ({ status }: IStatusItemProps) => {
     return (
         <div style={{ maxWidth: 300 }}>
             <div style={{ marginBottom: 8, fontSize: 16, fontWeight: 700 }}>{status.toUpperCase()}</div>
-            <MonthYearField status={status} value={value} label="Label" placeholder="мм.гггг" onChange={setValue} />
+            <MonthYearField
+                status={status}
+                value={value}
+                label="Label"
+                placeholder="Select to proceed"
+                onChange={setValue}
+            />
         </div>
     );
 };