@snack-uikit/notification 0.10.15 → 0.10.16

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.10.16 (2025-02-06)
+
+
+### Bug Fixes
+
+* **PDS-564:** rendering without wrapping the target ([5fdc13a](https://github.com/cloud-ru-tech/snack-uikit/commit/5fdc13a1f3c982f4ed50c58cba32ca0d0a4df7a0))
+
+
+
+
+
 ## 0.10.15 (2025-02-05)
 
 ### Only dependencies have been changed

package/README.md

@@ -130,7 +130,6 @@ const cards = [
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
-| children* | `ReactNode \| ChildrenFunction` | - | Триггер поповера (подробнее читайте ниже) |
 | content* | `ReactElement<NotificationPanelProps, typeof NotificationPanel>` | - |  |
 | contentClassName | `string` | - | CSS-класс для элемента содержащего контент |
 | className | `string` | - | CSS-класс |
@@ -140,6 +139,7 @@ const cards = [
 | hoverDelayOpen | `number` | - | Задержка открытия по ховеру |
 | hoverDelayClose | `number` | - | Задержка закрытия по ховеру |
 | offset | `number` | 0 | Отступ поповера от его триггер-элемента (в пикселях). |
+| children | `ReactNode \| ChildrenFunction` | - | Триггер поповера (подробнее читайте ниже) |
 | closeOnEscapeKey | `boolean` | true | Закрывать ли по нажатию на кнопку `Esc` |
 | triggerClickByKeys | `boolean` | true | Вызывается ли попоповер по нажатию клавиш Enter/Space (при trigger = `click`) |
 | triggerRef | `ForwardedRef<HTMLElement \| ReferenceType>` | - | Ref ссылка на триггер |

package/dist/cjs/components/NotificationPanelPopover/NotificationPanelPopover.d.ts

@@ -8,4 +8,4 @@ export type NotificationPanelPopoverProps = WithSupportProps<{
     contentClassName?: string;
 } & Pick<PopoverPrivateProps, 'className' | 'triggerClassName' | 'open' | 'onOpenChange' | 'hoverDelayOpen' | 'hoverDelayClose' | 'offset' | 'children' | 'closeOnEscapeKey' | 'triggerClickByKeys' | 'triggerRef'> & Partial<Pick<PopoverPrivateProps, 'trigger' | 'placement'>>>;
 /** Компонент-обёртка для NotificationPanel для использования как выпадающий элемент */
-export declare function NotificationPanelPopover({ content, trigger, placement, children, contentClassName, ...otherProps }: NotificationPanelPopoverProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function NotificationPanelPopover({ content, trigger, placement, children, triggerRef, contentClassName, ...otherProps }: NotificationPanelPopoverProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/cjs/components/NotificationPanelPopover/NotificationPanelPopover.js

@@ -28,10 +28,11 @@ function NotificationPanelPopover(_a) {
       trigger = 'click',
       placement = 'bottom-end',
       children,
+      triggerRef,
       contentClassName
     } = _a,
-    otherProps = __rest(_a, ["content", "trigger", "placement", "children", "contentClassName"]);
-  if (!children) {
+    otherProps = __rest(_a, ["content", "trigger", "placement", "children", "triggerRef", "contentClassName"]);
+  if (!children && !triggerRef) {
     return null;
   }
   return (0, jsx_runtime_1.jsx)(popover_private_1.PopoverPrivate, Object.assign({
@@ -45,6 +46,7 @@ function NotificationPanelPopover(_a) {
       })
     }),
     trigger: trigger,
+    triggerRef: triggerRef,
     hasArrow: false,
     heightStrategy: 'lte'
   }, otherProps, {

package/dist/esm/components/NotificationPanelPopover/NotificationPanelPopover.d.ts

@@ -8,4 +8,4 @@ export type NotificationPanelPopoverProps = WithSupportProps<{
     contentClassName?: string;
 } & Pick<PopoverPrivateProps, 'className' | 'triggerClassName' | 'open' | 'onOpenChange' | 'hoverDelayOpen' | 'hoverDelayClose' | 'offset' | 'children' | 'closeOnEscapeKey' | 'triggerClickByKeys' | 'triggerRef'> & Partial<Pick<PopoverPrivateProps, 'trigger' | 'placement'>>>;
 /** Компонент-обёртка для NotificationPanel для использования как выпадающий элемент */
-export declare function NotificationPanelPopover({ content, trigger, placement, children, contentClassName, ...otherProps }: NotificationPanelPopoverProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function NotificationPanelPopover({ content, trigger, placement, children, triggerRef, contentClassName, ...otherProps }: NotificationPanelPopoverProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/components/NotificationPanelPopover/NotificationPanelPopover.js

@@ -15,9 +15,9 @@ import { PopoverPrivate } from '@snack-uikit/popover-private';
 import styles from './styles.module.css';
 /** Компонент-обёртка для NotificationPanel для использования как выпадающий элемент */
 export function NotificationPanelPopover(_a) {
-    var { content, trigger = 'click', placement = 'bottom-end', children, contentClassName } = _a, otherProps = __rest(_a, ["content", "trigger", "placement", "children", "contentClassName"]);
-    if (!children) {
+    var { content, trigger = 'click', placement = 'bottom-end', children, triggerRef, contentClassName } = _a, otherProps = __rest(_a, ["content", "trigger", "placement", "children", "triggerRef", "contentClassName"]);
+    if (!children && !triggerRef) {
         return null;
     }
-    return (_jsx(PopoverPrivate, Object.assign({ fallbackPlacements: [], placement: placement, popoverContent: _jsx("div", { className: styles.notificationPanelPopoverWrap, children: _jsx("div", { className: cn(styles.notificationPanelPopover, contentClassName), children: content }) }), trigger: trigger, hasArrow: false, heightStrategy: 'lte' }, otherProps, { children: children })));
+    return (_jsx(PopoverPrivate, Object.assign({ fallbackPlacements: [], placement: placement, popoverContent: _jsx("div", { className: styles.notificationPanelPopoverWrap, children: _jsx("div", { className: cn(styles.notificationPanelPopover, contentClassName), children: content }) }), trigger: trigger, triggerRef: triggerRef, hasArrow: false, heightStrategy: 'lte' }, otherProps, { children: children })));
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Notification",
-  "version": "0.10.15",
+  "version": "0.10.16",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -37,19 +37,19 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/button": "0.19.7",
-    "@snack-uikit/chips": "0.25.0",
+    "@snack-uikit/chips": "0.25.1",
     "@snack-uikit/icons": "0.24.2",
-    "@snack-uikit/info-block": "0.6.11",
-    "@snack-uikit/link": "0.15.7",
-    "@snack-uikit/list": "0.24.2",
-    "@snack-uikit/popover-private": "0.14.3",
+    "@snack-uikit/info-block": "0.6.12",
+    "@snack-uikit/link": "0.15.8",
+    "@snack-uikit/list": "0.24.3",
+    "@snack-uikit/popover-private": "0.14.4",
     "@snack-uikit/scroll": "0.9.3",
     "@snack-uikit/skeleton": "0.6.2",
-    "@snack-uikit/tag": "0.12.2",
-    "@snack-uikit/truncate-string": "0.6.7",
+    "@snack-uikit/tag": "0.12.3",
+    "@snack-uikit/truncate-string": "0.6.8",
     "@snack-uikit/typography": "0.8.4",
     "@snack-uikit/utils": "3.7.0",
     "classnames": "2.5.1"
   },
-  "gitHead": "70bed6c518009afe4292cb9d12baf08a16700781"
+  "gitHead": "c29d4a3f518a9a287566b4ccb7648b5243e1977b"
 }

package/src/components/NotificationPanelPopover/NotificationPanelPopover.tsx

@@ -35,10 +35,11 @@ export function NotificationPanelPopover({
   trigger = 'click',
   placement = 'bottom-end',
   children,
+  triggerRef,
   contentClassName,
   ...otherProps
 }: NotificationPanelPopoverProps) {
-  if (!children) {
+  if (!children && !triggerRef) {
     return null;
   }
 
@@ -52,6 +53,7 @@ export function NotificationPanelPopover({
         </div>
       }
       trigger={trigger}
+      triggerRef={triggerRef}
       hasArrow={false}
       heightStrategy='lte'
       {...otherProps}