@pushwoosh/dumb-components 1.1.98 → 1.1.99

package/NotificationInbox/NotificationBar.d.ts

@@ -1,3 +1,3 @@
 import { type ReactElement } from 'react';
 import type { NotificationBarProps } from './types';
-export declare function NotificationBar({ type, isOpened, read, count, onClick, className, }: NotificationBarProps): ReactElement;
+export declare function NotificationBar({ type, isOpened, read, count, onClick, }: NotificationBarProps): ReactElement;

package/NotificationInbox/NotificationBar.js

@@ -13,8 +13,7 @@ export function NotificationBar({
   isOpened = false,
   read = false,
   count = 0,
-  onClick,
-  className
+  onClick
 }) {
   const hasNotifications = count > 0 && type !== 'no-notifications';
   const shouldUseFilledIcon = !isOpened && (!read && type !== 'no-notifications' || read);
@@ -30,7 +29,6 @@ export function NotificationBar({
     return Color.CLEAR;
   };
   return React.createElement(NotificationBarButton, {
-    className: className,
     "$type": type,
     "$isOpened": isOpened,
     "$read": read,

package/NotificationInbox/NotificationBell.d.ts

@@ -1,3 +1,3 @@
 import { type ReactElement } from 'react';
 import type { NotificationBellProps } from './types';
-export declare function NotificationBell({ count, severity, isOpened, onClick, className, }: NotificationBellProps): ReactElement;
+export declare function NotificationBell({ count, severity, isOpened, onClick, }: NotificationBellProps): ReactElement;

package/NotificationInbox/NotificationBell.js

@@ -6,8 +6,7 @@ export function NotificationBell({
   count = 0,
   severity,
   isOpened = false,
-  onClick,
-  className
+  onClick
 }) {
   const hasNotifications = count > 0;
   const showBadge = hasNotifications || severity;
@@ -18,7 +17,6 @@ export function NotificationBell({
     return Color.PRIMARY;
   };
   return React.createElement(NotificationBellButton, {
-    className: className,
     "$isOpened": isOpened,
     onClick: onClick,
     type: "button",

package/NotificationInbox/NotificationInbox.d.ts

@@ -1,3 +1,3 @@
 import { type ReactElement } from 'react';
 import type { NotificationInboxProps } from './types';
-export declare function NotificationInbox({ notifications, isLoading, hasMore, onLoadMore, onNotificationClick, onMarkAsRead, emptyStateTitle, emptyStateDescription, className, }: NotificationInboxProps): ReactElement;
+export declare function NotificationInbox({ notifications, isLoading, hasMore, onLoadMore, onNotificationClick, onMarkAsRead, emptyStateTitle, emptyStateDescription, }: NotificationInboxProps): ReactElement;

package/NotificationInbox/NotificationInbox.js

@@ -17,8 +17,7 @@ export function NotificationInbox({
   onNotificationClick,
   onMarkAsRead,
   emptyStateTitle = 'No notifications yet',
-  emptyStateDescription = 'You\'ll see updates and alerts here once something requires your attention.',
-  className
+  emptyStateDescription = 'You\'ll see updates and alerts here once something requires your attention.'
 }) {
   const descriptionRefs = useRef({});
   const [expandedId, setExpandedId] = useState(null);
@@ -49,9 +48,7 @@ export function NotificationInbox({
     setShowExpandMap(newMap);
   }, [notifications]);
   if (notifications.length === 0 && !isLoading) {
-    return React.createElement(NotificationInboxContainer, {
-      className: className
-    }, React.createElement(NotificationInboxHeader, null, React.createElement(NotificationInboxTitle, {
+    return React.createElement(NotificationInboxContainer, null, React.createElement(NotificationInboxHeader, null, React.createElement(NotificationInboxTitle, {
       "$variant": "h4",
       "$color": Color.MAIN
     }, "Notifications")), React.createElement(Vertical, {
@@ -76,9 +73,7 @@ export function NotificationInbox({
       "$color": Color.LOCKED
     }, emptyStateDescription))));
   }
-  return React.createElement(NotificationInboxContainer, {
-    className: className
-  }, React.createElement(NotificationInboxHeader, null, React.createElement(NotificationInboxTitle, {
+  return React.createElement(NotificationInboxContainer, null, React.createElement(NotificationInboxHeader, null, React.createElement(NotificationInboxTitle, {
     "$variant": "h4",
     "$color": Color.MAIN
   }, React.createElement("span", null, "Notifications"), unreadCount > 0 && React.createElement(React.Fragment, null, ' ', React.createElement(Text, {

package/NotificationInbox/styles.js

@@ -5,7 +5,7 @@ import { Text } from '@pushwoosh/kit-typography';
 export const NotificationInboxContainer = styled(Vertical).withConfig({
   displayName: "NotificationInboxContainer",
   componentId: "sc-1nrene1-0"
-})(["width:100%;min-width:360px;max-width:360px;max-height:600px;background:", ";border:1px solid ", ";border-radius:", ";box-shadow:", ";overflow:hidden;display:flex;flex-direction:column;"], Color.CLEAR, Color.FORM, ShapeRadius.DIALOG, Shadow.REGULAR);
+})(["display:flex;flex-direction:column;width:100%;min-width:360px;max-width:360px;max-height:600px;background:", ";border:1px solid ", ";border-radius:", ";box-shadow:", ";overflow:scroll;"], Color.CLEAR, Color.FORM, ShapeRadius.DIALOG, Shadow.REGULAR);
 export const NotificationInboxHeader = styled(Horizontal).withConfig({
   displayName: "NotificationInboxHeader",
   componentId: "sc-1nrene1-1"

package/NotificationInbox/types.d.ts

@@ -21,7 +21,6 @@ export interface NotificationInboxProps {
     readonly onMarkAsRead?: (notificationId: string) => void;
     readonly emptyStateTitle?: string;
     readonly emptyStateDescription?: string;
-    readonly className?: string;
 }
 export type NotificationBarType = 'important' | 'warning' | 'notifications' | 'no-notifications';
 export interface NotificationBarProps {
@@ -30,12 +29,10 @@ export interface NotificationBarProps {
     readonly read?: boolean;
     readonly count?: number;
     readonly onClick?: () => void;
-    readonly className?: string;
 }
 export interface NotificationBellProps {
     readonly count?: number;
     readonly severity?: NotificationSeverity;
     readonly isOpened?: boolean;
     readonly onClick?: () => void;
-    readonly className?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.98",
+  "version": "1.1.99",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",