@koslibs/components 1.14.0 → 1.14.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @koslibs/components
 
+## 1.14.2
+
+### Patch Changes
+
+- [#17](https://github.com/koslibs/components/pull/17) [`b2d48a4`](https://github.com/koslibs/components/commit/b2d48a4827770b38f6320f3e760eb568b3cc6b1d) Thanks [@holypower777](https://github.com/holypower777)! - Исправлен Sidepanel Footer: primary и secondary принимают готовые JSX-элементы кнопок вместо типов компонентов. Пропсы, обработчики и ref кнопок задаются снаружи и сохраняются. primary остаётся обязательным, secondary — необязательным; gap, layout и sticky работают как прежде. Обновлены типы, Storybook и тесты.
+
+## 1.14.1
+
+### Patch Changes
+
+- [`ea1a3d1`](https://github.com/koslibs/components/commit/ea1a3d1be5c397c4b5d56d761bef4abf8c885149) Thanks [@holypower777](https://github.com/holypower777)! - Обновлены @koslibs/builder и @koslibs/configs до 3.0.0, @koslibs/icons до 1.2.2. Обновлены транзитивные зависимости для устранения уязвимостей Happy DOM, Storybook, Vite и fast-uri. CI и release используют workflows configs v3.0.0. Тесты Modal, Sidepanel, Spinner и Typography адаптированы к jsdom без изменения API и поведения компонентов.
+
 ## 1.14.0
 
 ### Minor Changes

package/dist/components/Sidepanel/components/footer/index.d.ts

@@ -1,16 +1,16 @@
-import { type ComponentType, type HTMLAttributes } from 'react';
+import { type HTMLAttributes, type ReactElement } from 'react';
 import type { ButtonProps } from '../../../Button/index.js';
 export type FooterProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'dangerouslySetInnerHTML'> & {
     /**
-     * Компонент основной кнопки. Обязателен; располагается после secondary (справа в строке).
-     * Внешний вид и обработчики задаются внутри переданного компонента.
+     * JSX-элемент основной кнопки. Обязателен; располагается после secondary (справа в строке).
+     * Внешний вид, обработчики и ref задаются непосредственно на кнопке.
      */
-    primary: ComponentType<ButtonProps>;
+    primary: ReactElement<ButtonProps>;
     /**
-     * Компонент вторичной кнопки. Располагается перед primary (слева в строке).
+     * JSX-элемент вторичной кнопки. Располагается перед primary (слева в строке).
      * Не выводится, если проп не передан.
      */
-    secondary?: ComponentType<ButtonProps>;
+    secondary?: ReactElement<ButtonProps>;
     /**
      * Минимальное расстояние между кнопками в пикселях из общей шкалы отступов.
      * @default 12
@@ -34,15 +34,15 @@ export type FooterProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'dan
 };
 export declare const Footer: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "dangerouslySetInnerHTML"> & {
     /**
-     * Компонент основной кнопки. Обязателен; располагается после secondary (справа в строке).
-     * Внешний вид и обработчики задаются внутри переданного компонента.
+     * JSX-элемент основной кнопки. Обязателен; располагается после secondary (справа в строке).
+     * Внешний вид, обработчики и ref задаются непосредственно на кнопке.
      */
-    primary: ComponentType<ButtonProps>;
+    primary: ReactElement<ButtonProps>;
     /**
-     * Компонент вторичной кнопки. Располагается перед primary (слева в строке).
+     * JSX-элемент вторичной кнопки. Располагается перед primary (слева в строке).
      * Не выводится, если проп не передан.
      */
-    secondary?: ComponentType<ButtonProps>;
+    secondary?: ReactElement<ButtonProps>;
     /**
      * Минимальное расстояние между кнопками в пикселях из общей шкалы отступов.
      * @default 12

package/dist/components/Sidepanel/components/footer/index.js

@@ -1,11 +1,11 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs } from "react/jsx-runtime";
 import classnames from "classnames";
 import { forwardRef, useContext } from "react";
 import { useDataTestId } from "../../../../hooks/use-data-test-id.js";
 import { SidepanelContext } from "../../context.js";
 import index_module from "../../index.module.js";
 import index_module_0 from "./index.module.js";
-const Footer = /*#__PURE__*/ forwardRef(({ primary: Primary, secondary: Secondary, gap = 12, sticky = true, layout = 'space-between', className, dataTestId, ...restProps }, ref)=>{
+const Footer = /*#__PURE__*/ forwardRef(({ primary, secondary, gap = 12, sticky = true, layout = 'space-between', className, dataTestId, ...restProps }, ref)=>{
     const { dataTestId: panelDataTestId } = useContext(SidepanelContext);
     const getDataTestId = useDataTestId(dataTestId ?? panelDataTestId);
     return /*#__PURE__*/ jsxs("div", {
@@ -16,8 +16,8 @@ const Footer = /*#__PURE__*/ forwardRef(({ primary: Primary, secondary: Secondar
         }, className),
         "data-test-id": getDataTestId('footer'),
         children: [
-            Secondary && /*#__PURE__*/ jsx(Secondary, {}),
-            /*#__PURE__*/ jsx(Primary, {})
+            secondary,
+            primary
         ]
     });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koslibs/components",
-    "version": "1.14.0",
+    "version": "1.14.2",
     "description": "Shared React components for koslibs projects",
     "type": "module",
     "main": "./dist/index.js",
@@ -68,8 +68,8 @@
         ]
     },
     "devDependencies": {
-        "@koslibs/builder": "^2.0.0",
-        "@koslibs/configs": "^2.0.0",
+        "@koslibs/builder": "^3.0.0",
+        "@koslibs/configs": "^3.0.0",
         "@types/node": "^24.19.0",
         "@types/react": "^18.3.18",
         "@types/react-dom": "^18.3.5",
@@ -81,7 +81,7 @@
         "react-dom": "^18.3.1 || ^19.0.0"
     },
     "dependencies": {
-        "@koslibs/icons": "1.2.1",
+        "@koslibs/icons": "1.2.2",
         "@popperjs/core": "2.11.8",
         "classnames": "2.5.1"
     }