@snack-uikit/notification 0.7.59 → 0.7.60-preview-ba12ca94.0

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

@@ -0,0 +1,156 @@
+"use strict";
+
+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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationCard = NotificationCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const button_1 = require("@snack-uikit/button");
+const link_1 = require("@snack-uikit/link");
+const truncate_string_1 = require("@snack-uikit/truncate-string");
+const typography_1 = require("@snack-uikit/typography");
+const utils_1 = require("@snack-uikit/utils");
+const components_1 = require("./components");
+const constants_1 = require("./constants");
+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,
+    rest = __rest(_a, ["id", "appearance", "label", "unread", "title", "content", "link", "date", "onClick", "primaryButton", "secondaryButton", "actions", "onVisible", "className"]);
+  const {
+    icon,
+    linkOnColor,
+    buttonAppearance
+  } = (0, react_1.useMemo)(() => ({
+    icon: (0, helpers_1.getIcon)(appearance),
+    linkOnColor: appearance === constants_1.APPEARANCE.ErrorCritical ? 'red' : undefined,
+    buttonAppearance: appearance === constants_1.APPEARANCE.ErrorCritical ? 'destructive' : 'primary'
+  }), [appearance]);
+  const [isDroplistOpen, setDroplistOpen] = (0, react_1.useState)(false);
+  const cardRef = (0, react_1.useRef)(null);
+  (0, react_1.useEffect)(() => {
+    if (!unread || !onVisible) {
+      return;
+    }
+    const handleIntersection = entries => {
+      const [entry] = entries;
+      if (entry.isIntersecting) {
+        onVisible(id);
+      }
+    };
+    const observer = new IntersectionObserver(handleIntersection, {
+      root: null,
+      threshold: 0.8,
+      rootMargin: '0px'
+    });
+    observer.observe(cardRef.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, [id, onVisible, unread]);
+  const showFooter = Boolean(link || date);
+  const handleLinkClick = e => {
+    var _a;
+    e.stopPropagation();
+    (_a = link === null || link === void 0 ? void 0 : link.onClick) === null || _a === void 0 ? void 0 : _a.call(link, e);
+  };
+  return (0, jsx_runtime_1.jsxs)("div", Object.assign({
+    ref: cardRef,
+    role: 'button',
+    onClick: onClick,
+    tabIndex: 0
+  }, (0, utils_1.extractSupportProps)(rest), {
+    "data-appearance": appearance,
+    "data-unread": unread || undefined,
+    "data-clickable": Boolean(onClick) || undefined,
+    "data-droplist-open": isDroplistOpen || undefined,
+    className: (0, classnames_1.default)(styles_module_scss_1.default.notificationCard, className),
+    children: [(actions === null || actions === void 0 ? void 0 : actions.length) && (0, jsx_runtime_1.jsx)(components_1.NotificationCardFunction, {
+      actions: actions,
+      open: isDroplistOpen,
+      setDroplistOpen: setDroplistOpen
+    }), label && (0, jsx_runtime_1.jsx)(typography_1.Typography.LightLabelS, {
+      tag: 'div',
+      className: styles_module_scss_1.default.notificationCardLabel,
+      children: (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, {
+        maxLines: 1,
+        text: label,
+        "data-test-id": constants_1.TEST_IDS.label
+      })
+    }), (0, jsx_runtime_1.jsxs)("div", {
+      className: styles_module_scss_1.default.notificationCardTitle,
+      children: [(0, jsx_runtime_1.jsx)("div", {
+        className: styles_module_scss_1.default.notificationCardTitleIcon,
+        children: icon
+      }), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleS, {
+        tag: 'div',
+        className: styles_module_scss_1.default.notificationCardTitleText,
+        children: (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, {
+          maxLines: 2,
+          text: title,
+          "data-test-id": constants_1.TEST_IDS.title
+        })
+      })]
+    }), content && (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, {
+      tag: 'div',
+      className: styles_module_scss_1.default.notificationCardContent,
+      "data-test-id": constants_1.TEST_IDS.content,
+      children: content
+    }), (primaryButton || secondaryButton) && (0, jsx_runtime_1.jsxs)("div", {
+      className: styles_module_scss_1.default.notificationCardButtons,
+      children: [secondaryButton && (0, jsx_runtime_1.jsx)(button_1.ButtonSimple, Object.assign({}, secondaryButton, {
+        appearance: buttonAppearance,
+        size: 's',
+        "data-test-id": constants_1.TEST_IDS.primaryButton
+      })), primaryButton && (0, jsx_runtime_1.jsx)(button_1.ButtonTonal, Object.assign({}, primaryButton, {
+        appearance: buttonAppearance,
+        size: 's',
+        "data-test-id": constants_1.TEST_IDS.secondaryButton
+      }))]
+    }), showFooter && (0, jsx_runtime_1.jsxs)("div", {
+      className: styles_module_scss_1.default.notificationCardFooter,
+      children: [link && (0, jsx_runtime_1.jsx)(link_1.Link, Object.assign({}, link, {
+        onClick: handleLinkClick,
+        appearance: linkOnColor,
+        textMode: 'default',
+        size: 's',
+        "data-test-id": constants_1.TEST_IDS.link
+      })), date && (0, jsx_runtime_1.jsx)(typography_1.Typography.LightLabelS, {
+        className: styles_module_scss_1.default.notificationCardDate,
+        "data-test-id": constants_1.TEST_IDS.date,
+        children: date
+      })]
+    })]
+  }));
+}

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

@@ -0,0 +1,64 @@
+"use strict";
+
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationCardFunction = NotificationCardFunction;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const button_1 = require("@snack-uikit/button");
+const icons_1 = require("@snack-uikit/icons");
+const list_1 = require("@snack-uikit/list");
+const tag_1 = require("@snack-uikit/tag");
+const constants_1 = require("../constants");
+const styles_module_scss_1 = __importDefault(require('../styles.module.css'));
+function NotificationCardFunction(_ref) {
+  let {
+    actions,
+    open,
+    setDroplistOpen
+  } = _ref;
+  return (0, jsx_runtime_1.jsx)("div", {
+    className: styles_module_scss_1.default.notificationCardFunction,
+    "data-test-id": constants_1.TEST_IDS.actions.wrapper,
+    children: (0, jsx_runtime_1.jsx)(list_1.Droplist, {
+      trigger: 'clickAndFocusVisible',
+      open: open,
+      onOpenChange: setDroplistOpen,
+      placement: 'bottom-end',
+      scroll: true,
+      "data-test-id": constants_1.TEST_IDS.actions.droplist,
+      items: actions.map(_ref2 => {
+        let {
+          onClick,
+          disabled,
+          content,
+          tagLabel,
+          icon
+        } = _ref2;
+        return {
+          onClick: e => {
+            setDroplistOpen(false);
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+          },
+          disabled,
+          content,
+          beforeContent: icon,
+          afterContent: tagLabel ? (0, jsx_runtime_1.jsx)(tag_1.Tag, {
+            label: tagLabel
+          }) : undefined,
+          'data-test-id': constants_1.TEST_IDS.actions.droplistAction
+        };
+      }),
+      children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, {
+        size: 's',
+        icon: (0, jsx_runtime_1.jsx)(icons_1.KebabSVG, {}),
+        "data-test-id": constants_1.TEST_IDS.actions.droplistTrigger
+      })
+    })
+  });
+}

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

@@ -0,0 +1,60 @@
+"use strict";
+
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationCardSkeleton = NotificationCardSkeleton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const skeleton_1 = require("@snack-uikit/skeleton");
+const constants_1 = require("../../NotificationPanel/constants");
+const styles_module_scss_1 = __importDefault(require('../styles.module.css'));
+const BORDER_RADIUS = 24;
+function NotificationCardSkeleton() {
+  return (0, jsx_runtime_1.jsxs)("div", {
+    className: styles_module_scss_1.default.notificationCard,
+    "data-test-id": constants_1.TEST_IDS.skeleton,
+    "data-skeleton": true,
+    children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, {
+      width: 140,
+      height: 11,
+      borderRadius: BORDER_RADIUS
+    }), (0, jsx_runtime_1.jsxs)("div", {
+      className: styles_module_scss_1.default.notificationCardTitle,
+      "data-center": true,
+      children: [(0, jsx_runtime_1.jsx)("div", {
+        className: styles_module_scss_1.default.notificationCardTitleIcon,
+        children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, {
+          width: 16,
+          height: 16,
+          borderRadius: BORDER_RADIUS
+        })
+      }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, {
+        width: 140,
+        height: 14,
+        borderRadius: BORDER_RADIUS
+      })]
+    }), (0, jsx_runtime_1.jsx)("div", {
+      className: styles_module_scss_1.default.notificationCardContent,
+      children: (0, jsx_runtime_1.jsx)(skeleton_1.SkeletonText, {
+        lines: 3,
+        borderRadius: BORDER_RADIUS
+      })
+    }), (0, jsx_runtime_1.jsxs)("div", {
+      className: styles_module_scss_1.default.notificationCardFooter,
+      children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, {
+        width: 140,
+        borderRadius: BORDER_RADIUS,
+        height: 12
+      }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, {
+        width: 140,
+        borderRadius: BORDER_RADIUS,
+        height: 11
+      })]
+    })]
+  });
+}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./NotificationCardFunction"), exports);
+__exportStar(require("./NotificationCardSkeleton"), exports);

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TEST_IDS = exports.APPEARANCE = void 0;
+exports.APPEARANCE = {
+  Neutral: 'neutral',
+  Error: 'error',
+  ErrorCritical: 'errorCritical',
+  Warning: 'warning',
+  Success: 'success'
+};
+exports.TEST_IDS = {
+  label: 'notification-card__label',
+  title: 'notification-card__title',
+  content: 'notification-card__content',
+  link: 'notification-card__link',
+  date: 'notification-card__date',
+  actions: {
+    wrapper: 'notification-card__actions',
+    droplist: 'notification-card__droplist',
+    droplistTrigger: 'notification-card__droplist-trigger',
+    droplistAction: 'notification-card__droplist-action'
+  },
+  primaryButton: 'notification-card__primary-button',
+  secondaryButton: 'notification-card__secondary-button'
+};

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIcon = getIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@snack-uikit/icons");
+const constants_1 = require("./constants");
+function getIcon(appearance) {
+  switch (appearance) {
+    case constants_1.APPEARANCE.Success:
+      return (0, jsx_runtime_1.jsx)(icons_1.CheckFilledSVG, {
+        size: 16
+      });
+    case constants_1.APPEARANCE.Error:
+    case constants_1.APPEARANCE.ErrorCritical:
+      return (0, jsx_runtime_1.jsx)(icons_1.CrossFilledSVG, {
+        size: 16
+      });
+    case constants_1.APPEARANCE.Warning:
+      return (0, jsx_runtime_1.jsx)(icons_1.AlarmFilledSVG, {
+        size: 16
+      });
+    case constants_1.APPEARANCE.Neutral:
+      return (0, jsx_runtime_1.jsx)(icons_1.InfoFilledSVG, {
+        size: 16
+      });
+    default:
+      return null;
+  }
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./NotificationCard"), exports);

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,112 @@
+"use strict";
+
+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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationPanel = NotificationPanel;
+const react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_2 = require("react");
+const button_1 = require("@snack-uikit/button");
+const chips_1 = require("@snack-uikit/chips");
+const scroll_1 = require("@snack-uikit/scroll");
+const skeleton_1 = require("@snack-uikit/skeleton");
+const truncate_string_1 = require("@snack-uikit/truncate-string");
+const typography_1 = require("@snack-uikit/typography");
+const utils_1 = require("@snack-uikit/utils");
+const components_1 = require("../NotificationCard/components");
+const components_2 = require("./components");
+const NotificationPanelDivider_1 = require("./components/NotificationPanelDivider");
+const constants_1 = require("./constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+/** Компонент панели для уведомлений */
+function NotificationPanel(_a) {
+  var {
+      title,
+      settings,
+      chips,
+      readAllButton,
+      footerButton,
+      content,
+      loading,
+      skeletonsAmount = 2,
+      scrollEndRef,
+      scrollContainerRef,
+      className
+    } = _a,
+    rest = __rest(_a, ["title", "settings", "chips", "readAllButton", "footerButton", "content", "loading", "skeletonsAmount", "scrollEndRef", "scrollContainerRef", "className"]);
+  const skeletons = (0, react_2.useMemo)(() => Array.from({
+    length: skeletonsAmount
+  }, (_, i) => i), [skeletonsAmount]);
+  return (0, jsx_runtime_1.jsxs)("div", Object.assign({
+    className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, className)
+  }, (0, utils_1.extractSupportProps)(rest), {
+    children: [(0, jsx_runtime_1.jsxs)("div", {
+      className: styles_module_scss_1.default.notificationPanelHeader,
+      children: [(0, jsx_runtime_1.jsxs)("div", {
+        className: styles_module_scss_1.default.notificationPanelHeadline,
+        children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansHeadlineS, {
+          className: styles_module_scss_1.default.notificationPanelTitle,
+          children: (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, {
+            text: title,
+            "data-test-id": constants_1.TEST_IDS.title
+          })
+        }), settings && (0, jsx_runtime_1.jsx)(components_2.NotificationPanelSettings, Object.assign({}, settings))]
+      }), (0, jsx_runtime_1.jsxs)("div", {
+        className: styles_module_scss_1.default.notificationPanelHeaderFunctions,
+        children: [(0, jsx_runtime_1.jsx)("div", {
+          className: styles_module_scss_1.default.notificationPanelChips,
+          children: chips === null || chips === void 0 ? void 0 : chips.map(chip => (0, react_1.createElement)(chips_1.ChipToggle, Object.assign({}, chip, {
+            key: chip.label,
+            "data-test-id": `${constants_1.TEST_IDS.chip}-${chip.label}`,
+            size: 'xs',
+            disabled: chip.disabled || loading
+          })))
+        }), readAllButton && (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, Object.assign({}, readAllButton, {
+          size: 'xs',
+          disabled: readAllButton.disabled || loading,
+          "data-test-id": constants_1.TEST_IDS.readAll
+        }))]
+      })]
+    }), (0, jsx_runtime_1.jsxs)(scroll_1.Scroll, {
+      size: 'm',
+      className: styles_module_scss_1.default.notificationPanelBody,
+      ref: scrollContainerRef,
+      children: [content, loading && (0, jsx_runtime_1.jsx)(skeleton_1.SkeletonContextProvider, {
+        loading: loading || false,
+        children: skeletons.map(skeleton => (0, jsx_runtime_1.jsx)(skeleton_1.WithSkeleton, {
+          skeleton: (0, jsx_runtime_1.jsx)(components_1.NotificationCardSkeleton, {})
+        }, skeleton))
+      }), (0, jsx_runtime_1.jsx)("div", {
+        className: styles_module_scss_1.default.scrollStub,
+        ref: scrollEndRef
+      })]
+    }), footerButton && (0, jsx_runtime_1.jsx)("button", {
+      type: 'button',
+      onClick: footerButton.onClick,
+      className: styles_module_scss_1.default.notificationPanelFooterButton,
+      "data-test-id": constants_1.TEST_IDS.footerButton,
+      children: (0, jsx_runtime_1.jsx)(typography_1.Typography.SansLabelS, {
+        children: footerButton.label
+      })
+    })]
+  }));
+}
+(function (NotificationPanel) {
+  NotificationPanel.Blank = components_2.NotificationPanelBlank;
+  NotificationPanel.Divider = NotificationPanelDivider_1.NotificationPanelDivider;
+})(NotificationPanel || (exports.NotificationPanel = NotificationPanel = {}));

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

@@ -0,0 +1,42 @@
+"use strict";
+
+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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationPanelBlank = NotificationPanelBlank;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const info_block_1 = require("@snack-uikit/info-block");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+/** Компонента для "заглушки" вместо карточек в панели */
+function NotificationPanelBlank(_a) {
+  var _b;
+  var {
+      icon,
+      className
+    } = _a,
+    props = __rest(_a, ["icon", "className"]);
+  return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {
+    children: (0, jsx_runtime_1.jsx)(info_block_1.InfoBlock, Object.assign({}, props, {
+      icon: icon ? Object.assign(Object.assign({}, icon), {
+        appearance: (_b = icon.appearance) !== null && _b !== void 0 ? _b : 'neutral'
+      }) : undefined,
+      size: 'l',
+      align: 'vertical',
+      className: (0, classnames_1.default)(styles_module_scss_1.default.notificationPanelBlank, className)
+    }))
+  });
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./NotificationPanelBlank"), exports);

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

@@ -0,0 +1,37 @@
+"use strict";
+
+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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationPanelDivider = NotificationPanelDivider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const typography_1 = require("@snack-uikit/typography");
+const utils_1 = require("@snack-uikit/utils");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+/** Разделитель для группировки или разделения карточек в списке */
+function NotificationPanelDivider(_a) {
+  var {
+      text,
+      className
+    } = _a,
+    rest = __rest(_a, ["text", "className"]);
+  return (0, jsx_runtime_1.jsx)(typography_1.Typography.LightLabelS, Object.assign({
+    className: (0, classnames_1.default)(styles_module_scss_1.default.notificationPanelDivider, className)
+  }, (0, utils_1.extractSupportProps)(rest), {
+    children: text
+  }));
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./NotificationPanelDivider"), exports);

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationPanelSettings = NotificationPanelSettings;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const button_1 = require("@snack-uikit/button");
+const icons_1 = require("@snack-uikit/icons");
+const constants_1 = require("../../constants");
+const NotificationPanelSettingsDroplist_1 = require("./NotificationPanelSettingsDroplist");
+function NotificationPanelSettings(_ref) {
+  let {
+    actions,
+    button
+  } = _ref;
+  const buttonProps = Object.assign(Object.assign({}, button), {
+    size: 's',
+    icon: button.icon || (0, jsx_runtime_1.jsx)(icons_1.KebabSVG, {}),
+    'data-test-id': constants_1.TEST_IDS.settings.droplistTrigger
+  });
+  if (!(actions === null || actions === void 0 ? void 0 : actions.length)) {
+    return (0, jsx_runtime_1.jsx)(button_1.ButtonSimple, Object.assign({}, buttonProps));
+  }
+  return (0, jsx_runtime_1.jsx)(NotificationPanelSettingsDroplist_1.NotificationPanelSettingsDroplist, {
+    actions: actions,
+    button: buttonProps
+  });
+}