@snack-uikit/notification 0.14.7-preview-02d918ac.0 → 0.14.7

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.14.7 (2026-07-03)
+
+### Only dependencies have been changed
+* [@snack-uikit/chips@0.30.2]($PUBLIC_PROJECT_URL/blob/master/packages/chips/CHANGELOG.md)
+* [@snack-uikit/info-block@0.6.43]($PUBLIC_PROJECT_URL/blob/master/packages/info-block/CHANGELOG.md)
+* [@snack-uikit/link@0.18.3]($PUBLIC_PROJECT_URL/blob/master/packages/link/CHANGELOG.md)
+* [@snack-uikit/list@0.33.3]($PUBLIC_PROJECT_URL/blob/master/packages/list/CHANGELOG.md)
+* [@snack-uikit/popover-private@0.15.8]($PUBLIC_PROJECT_URL/blob/master/packages/popover-private/CHANGELOG.md)
+* [@snack-uikit/segmented-control@0.6.23]($PUBLIC_PROJECT_URL/blob/master/packages/segmented-control/CHANGELOG.md)
+* [@snack-uikit/status@0.10.15]($PUBLIC_PROJECT_URL/blob/master/packages/status/CHANGELOG.md)
+* [@snack-uikit/tag@0.15.22]($PUBLIC_PROJECT_URL/blob/master/packages/tag/CHANGELOG.md)
+* [@snack-uikit/tooltip@0.18.15]($PUBLIC_PROJECT_URL/blob/master/packages/tooltip/CHANGELOG.md)
+* [@snack-uikit/truncate-string@0.7.14]($PUBLIC_PROJECT_URL/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
 ## 0.14.6 (2026-06-24)
 
 ### Only dependencies have been changed

package/dist/cjs/components/NotificationCard/NotificationCard.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -33,32 +35,35 @@ const helpers_1 = require("./helpers");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 /** Компонент карточки уведомления */
 function NotificationCard(_a) {
-  var {
-      id,
-      appearance = constants_1.APPEARANCE.Neutral,
-      label,
-      unread,
-      title,
-      content,
-      link,
-      date,
-      onClick,
-      primaryButton,
-      secondaryButton,
-      actions,
-      onVisible,
-      className
-    } = _a,
+  var id = _a.id,
+    _a$appearance = _a.appearance,
+    appearance = _a$appearance === void 0 ? constants_1.APPEARANCE.Neutral : _a$appearance,
+    label = _a.label,
+    unread = _a.unread,
+    title = _a.title,
+    content = _a.content,
+    link = _a.link,
+    date = _a.date,
+    onClick = _a.onClick,
+    primaryButton = _a.primaryButton,
+    secondaryButton = _a.secondaryButton,
+    actions = _a.actions,
+    onVisible = _a.onVisible,
+    className = _a.className,
     rest = __rest(_a, ["id", "appearance", "label", "unread", "title", "content", "link", "date", "onClick", "primaryButton", "secondaryButton", "actions", "onVisible", "className"]);
   const icon = (0, react_1.useMemo)(() => (0, helpers_1.getIcon)(appearance), [appearance]);
-  const [isDroplistOpen, setDroplistOpen] = (0, react_1.useState)(false);
+  const _ref = (0, react_1.useState)(false),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    isDroplistOpen = _ref2[0],
+    setDroplistOpen = _ref2[1];
   const cardRef = (0, react_1.useRef)(null);
   (0, react_1.useEffect)(() => {
     if (!unread || !onVisible) {
       return;
     }
     const handleIntersection = entries => {
-      const [entry] = entries;
+      const _entries = (0, _slicedToArray2.default)(entries, 1),
+        entry = _entries[0];
       if (entry.isIntersecting) {
         onVisible(id);
       }

package/dist/cjs/components/NotificationPanel/NotificationPanel.js

@@ -36,20 +36,19 @@ const helperComponents_1 = require("./helperComponents");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 /** Компонент панели для уведомлений */
 function NotificationPanel(_a) {
-  var {
-      title,
-      settings,
-      segments,
-      readAllButton,
-      footerButton,
-      content,
-      loading,
-      skeletonsAmount = 2,
-      scrollEndRef,
-      scrollContainerRef,
-      className,
-      chipToggle
-    } = _a,
+  var title = _a.title,
+    settings = _a.settings,
+    segments = _a.segments,
+    readAllButton = _a.readAllButton,
+    footerButton = _a.footerButton,
+    content = _a.content,
+    loading = _a.loading,
+    _a$skeletonsAmount = _a.skeletonsAmount,
+    skeletonsAmount = _a$skeletonsAmount === void 0 ? 2 : _a$skeletonsAmount,
+    scrollEndRef = _a.scrollEndRef,
+    scrollContainerRef = _a.scrollContainerRef,
+    className = _a.className,
+    chipToggle = _a.chipToggle,
     rest = __rest(_a, ["title", "settings", "segments", "readAllButton", "footerButton", "content", "loading", "skeletonsAmount", "scrollEndRef", "scrollContainerRef", "className", "chipToggle"]);
   const skeletons = (0, react_1.useMemo)(() => Array.from({
     length: skeletonsAmount

package/dist/cjs/components/NotificationPanel/components/NotificationCardStack/NotificationCardStack.js

@@ -1,5 +1,9 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
   return mod && mod.__esModule ? mod : {
     "default": mod
@@ -21,25 +25,28 @@ const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 const utils_1 = require("./utils");
 const ANIMATION_DURATION = 0.3;
 function NotificationCardStack(_ref) {
-  let {
-    children,
-    defaultOpen,
-    onOpenChanged,
-    title,
-    actions,
-    unread
-  } = _ref;
-  const [actionsOpen, setActionsOpen] = (0, react_1.useState)(false);
-  const {
-    open,
-    toggleOpen,
-    isVisible
-  } = (0, hooks_1.useAnimatedOpening)({
-    defaultOpen,
-    onOpenChanged,
-    duration: ANIMATION_DURATION * 1000
-  });
-  const [first, ...stack] = (0, react_1.useMemo)(() => react_1.Children.toArray(children), [children]);
+  let children = _ref.children,
+    defaultOpen = _ref.defaultOpen,
+    onOpenChanged = _ref.onOpenChanged,
+    title = _ref.title,
+    actions = _ref.actions,
+    unread = _ref.unread;
+  const _ref2 = (0, react_1.useState)(false),
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    actionsOpen = _ref3[0],
+    setActionsOpen = _ref3[1];
+  const _ref4 = (0, hooks_1.useAnimatedOpening)({
+      defaultOpen,
+      onOpenChanged,
+      duration: ANIMATION_DURATION * 1000
+    }),
+    open = _ref4.open,
+    toggleOpen = _ref4.toggleOpen,
+    isVisible = _ref4.isVisible;
+  const _ref5 = (0, react_1.useMemo)(() => react_1.Children.toArray(children), [children]),
+    _ref6 = (0, _toArray2.default)(_ref5),
+    first = _ref6[0],
+    stack = _arrayLikeToArray(_ref6).slice(1);
   if (!first) {
     return null;
   }
@@ -55,7 +62,7 @@ function NotificationCardStack(_ref) {
   return (0, jsx_runtime_1.jsxs)("div", {
     className: styles_module_scss_1.default.container,
     style: {
-      '--snack-notification-stack-animation-duration': `${ANIMATION_DURATION}s`
+      '--snack-notification-stack-animation-duration': "".concat(ANIMATION_DURATION, "s")
     },
     "data-test-id": constants_1.TEST_IDS.cardStack.wrapper,
     children: [(0, jsx_runtime_1.jsxs)("div", {

package/dist/cjs/components/NotificationPanel/components/NotificationCardStack/hooks.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,13 +9,18 @@ exports.useAnimatedOpening = useAnimatedOpening;
 const react_1 = require("react");
 const uncontrollable_1 = require("uncontrollable");
 function useAnimatedOpening(_ref) {
-  let {
-    defaultOpen = false,
-    onOpenChanged,
-    duration
-  } = _ref;
-  const [open, setOpen] = (0, uncontrollable_1.useUncontrolledProp)(undefined, defaultOpen, onOpenChanged);
-  const [isVisible, setIsVisible] = (0, react_1.useState)(open);
+  let _ref$defaultOpen = _ref.defaultOpen,
+    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
+    onOpenChanged = _ref.onOpenChanged,
+    duration = _ref.duration;
+  const _ref2 = (0, uncontrollable_1.useUncontrolledProp)(undefined, defaultOpen, onOpenChanged),
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    open = _ref3[0],
+    setOpen = _ref3[1];
+  const _ref4 = (0, react_1.useState)(open),
+    _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
+    isVisible = _ref5[0],
+    setIsVisible = _ref5[1];
   const timeout = (0, react_1.useRef)();
   const toggleOpen = (0, react_1.useCallback)(() => {
     setOpen(!open);

package/dist/cjs/components/NotificationPanel/components/NotificationPanelBlank/NotificationPanelBlank.js

@@ -24,10 +24,8 @@ const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 /** Компонента для "заглушки" вместо карточек в панели */
 function NotificationPanelBlank(_a) {
   var _b;
-  var {
-      icon,
-      className
-    } = _a,
+  var icon = _a.icon,
+    className = _a.className,
     props = __rest(_a, ["icon", "className"]);
   return (0, jsx_runtime_1.jsx)(info_block_1.InfoBlock, Object.assign({}, props, {
     icon: icon ? Object.assign(Object.assign({}, icon), {

package/dist/cjs/components/NotificationPanel/components/NotificationPanelDivider/NotificationPanelDivider.js

@@ -24,10 +24,8 @@ const utils_1 = require("@snack-uikit/utils");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 /** Разделитель для группировки или разделения карточек в списке */
 function NotificationPanelDivider(_a) {
-  var {
-      text,
-      className
-    } = _a,
+  var text = _a.text,
+    className = _a.className,
     rest = __rest(_a, ["text", "className"]);
   return (0, jsx_runtime_1.jsxs)("div", Object.assign({
     className: (0, classnames_1.default)(styles_module_scss_1.default.container, className)

package/dist/cjs/components/NotificationPanel/components/NotificationPanelGroup/NotificationPanelGroup.js

@@ -25,11 +25,9 @@ const utils_1 = require("@snack-uikit/utils");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 /** Группа уведомлений с заголовком внутри панели */
 function NotificationPanelGroup(_a) {
-  var {
-      title,
-      children,
-      className
-    } = _a,
+  var title = _a.title,
+    children = _a.children,
+    className = _a.className,
     rest = __rest(_a, ["title", "children", "className"]);
   return (0, jsx_runtime_1.jsxs)("div", Object.assign({
     className: (0, classnames_1.default)(styles_module_scss_1.default.root, className)

package/dist/cjs/components/NotificationPanel/components/NotificationPanelSettings/NotificationPanelSettings.js

@@ -10,10 +10,8 @@ const icons_1 = require("@snack-uikit/icons");
 const constants_1 = require("../../constants");
 const NotificationPanelSettingsDroplist_1 = require("./NotificationPanelSettingsDroplist");
 function NotificationPanelSettings(_ref) {
-  let {
-    actions,
-    button
-  } = _ref;
+  let actions = _ref.actions,
+    button = _ref.button;
   const buttonProps = Object.assign(Object.assign({}, button), {
     size: 's',
     icon: button.icon || (0, jsx_runtime_1.jsx)(icons_1.KebabSVG, {}),

package/dist/cjs/components/NotificationPanel/components/NotificationPanelSettings/NotificationPanelSettingsDroplist.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,11 +13,12 @@ const list_1 = require("@snack-uikit/list");
 const tag_1 = require("@snack-uikit/tag");
 const constants_1 = require("../../constants");
 function NotificationPanelSettingsDroplist(_ref) {
-  let {
-    actions,
-    button
-  } = _ref;
-  const [isDroplistOpen, setDroplistOpen] = (0, react_1.useState)(false);
+  let actions = _ref.actions,
+    button = _ref.button;
+  const _ref2 = (0, react_1.useState)(false),
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    isDroplistOpen = _ref3[0],
+    setDroplistOpen = _ref3[1];
   return (0, jsx_runtime_1.jsx)(list_1.Droplist, {
     trigger: 'clickAndFocusVisible',
     open: isDroplistOpen,
@@ -23,14 +26,12 @@ function NotificationPanelSettingsDroplist(_ref) {
     scroll: true,
     placement: 'bottom-end',
     "data-test-id": constants_1.TEST_IDS.settings.droplist,
-    items: actions.map(_ref2 => {
-      let {
-        icon,
-        content,
-        tagLabel,
-        disabled,
-        onClick
-      } = _ref2;
+    items: actions.map(_ref4 => {
+      let icon = _ref4.icon,
+        content = _ref4.content,
+        tagLabel = _ref4.tagLabel,
+        disabled = _ref4.disabled,
+        onClick = _ref4.onClick;
       return {
         onClick: e => {
           setDroplistOpen(false);

package/dist/cjs/components/NotificationPanel/helperComponents/StackTail/StackTail.js

@@ -12,10 +12,8 @@ exports.StackTail = StackTail;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function StackTail(_ref) {
-  let {
-    open,
-    count
-  } = _ref;
+  let open = _ref.open,
+    count = _ref.count;
   return (0, jsx_runtime_1.jsx)("div", {
     className: styles_module_scss_1.default.container,
     "data-open": open || undefined,

package/dist/cjs/components/NotificationPanel/helperComponents/WithTooltip/WithTooltip.js

@@ -7,10 +7,8 @@ exports.WithTooltip = WithTooltip;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const tooltip_1 = require("@snack-uikit/tooltip");
 function WithTooltip(_ref) {
-  let {
-    tooltip,
-    children
-  } = _ref;
+  let tooltip = _ref.tooltip,
+    children = _ref.children;
   if (!tooltip) {
     return children;
   }

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

@@ -23,14 +23,14 @@ const popover_private_1 = require("@snack-uikit/popover-private");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 /** Компонент-обёртка для NotificationPanel для использования как выпадающий элемент */
 function NotificationPanelPopover(_a) {
-  var {
-      content,
-      trigger = 'click',
-      placement = 'bottom-end',
-      children,
-      triggerRef,
-      contentClassName
-    } = _a,
+  var content = _a.content,
+    _a$trigger = _a.trigger,
+    trigger = _a$trigger === void 0 ? 'click' : _a$trigger,
+    _a$placement = _a.placement,
+    placement = _a$placement === void 0 ? 'bottom-end' : _a$placement,
+    children = _a.children,
+    triggerRef = _a.triggerRef,
+    contentClassName = _a.contentClassName,
     otherProps = __rest(_a, ["content", "trigger", "placement", "children", "triggerRef", "contentClassName"]);
   if (!children && !triggerRef) {
     return null;

package/dist/cjs/helperComponents/ActionsButton/ActionsButton.js

@@ -18,14 +18,12 @@ const constants_1 = require("../../components/NotificationCard/constants");
 const helpers_1 = require("../../components/NotificationCard/helpers");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function ActionsButton(_ref) {
-  let {
-    actions,
-    open,
-    setDroplistOpen,
-    size,
-    icon,
-    className
-  } = _ref;
+  let actions = _ref.actions,
+    open = _ref.open,
+    setDroplistOpen = _ref.setDroplistOpen,
+    size = _ref.size,
+    icon = _ref.icon,
+    className = _ref.className;
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     (0, jsx_runtime_1.jsx)("div", {
@@ -40,13 +38,11 @@ function ActionsButton(_ref) {
         scroll: true,
         "data-test-id": constants_1.TEST_IDS.actions.droplist,
         items: actions.map(_ref2 => {
-          let {
-            onClick,
-            disabled,
-            content,
-            tagLabel,
-            icon
-          } = _ref2;
+          let onClick = _ref2.onClick,
+            disabled = _ref2.disabled,
+            content = _ref2.content,
+            tagLabel = _ref2.tagLabel,
+            icon = _ref2.icon;
           return {
             onClick: e => {
               setDroplistOpen(false);

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Notification",
-  "version": "0.14.7-preview-02d918ac.0",
+  "version": "0.14.7",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -37,23 +37,23 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/button": "0.19.19",
-    "@snack-uikit/chips": "0.30.2-preview-02d918ac.0",
+    "@snack-uikit/chips": "0.30.2",
     "@snack-uikit/icons": "0.27.7",
-    "@snack-uikit/info-block": "0.6.43-preview-02d918ac.0",
-    "@snack-uikit/link": "0.18.3-preview-02d918ac.0",
-    "@snack-uikit/list": "0.33.3-preview-02d918ac.0",
-    "@snack-uikit/popover-private": "0.15.8-preview-02d918ac.0",
+    "@snack-uikit/info-block": "0.6.43",
+    "@snack-uikit/link": "0.18.3",
+    "@snack-uikit/list": "0.33.3",
+    "@snack-uikit/popover-private": "0.15.8",
     "@snack-uikit/scroll": "0.11.0",
-    "@snack-uikit/segmented-control": "0.6.23-preview-02d918ac.0",
+    "@snack-uikit/segmented-control": "0.6.23",
     "@snack-uikit/skeleton": "0.6.11",
-    "@snack-uikit/status": "0.10.15-preview-02d918ac.0",
-    "@snack-uikit/tag": "0.15.22-preview-02d918ac.0",
-    "@snack-uikit/tooltip": "0.18.15-preview-02d918ac.0",
-    "@snack-uikit/truncate-string": "0.7.14-preview-02d918ac.0",
+    "@snack-uikit/status": "0.10.15",
+    "@snack-uikit/tag": "0.15.22",
+    "@snack-uikit/tooltip": "0.18.15",
+    "@snack-uikit/truncate-string": "0.7.14",
     "@snack-uikit/typography": "0.8.13",
     "@snack-uikit/utils": "4.0.2",
     "classnames": "2.5.1",
     "uncontrollable": "9.0.0"
   },
-  "gitHead": "00136e44a3f59e0cf80df069e32dac42b3a8d88a"
+  "gitHead": "864821fceaa6bbb61080166d14f1682fa16e3f85"
 }