bord-design-system 0.0.44 → 0.0.45

package/dist/components/BordNotificationModal/BordNotificationModal.d.ts

@@ -5,6 +5,6 @@ import './BordNotificationModal.scss';
  * presentacional: recibe los grupos ya resueltos y delega en callbacks el resto (paginar,
  * navegar al hacer click, cerrar).
  */
-declare const BordNotificationModal: ({ isOpen, onClose, state, unreadCount, onLoadMore, onNotificationClick, title, emptyStateText, loadErrorText, searchPlaceholder, closeButtonLabel, skeletonRowsCount, loadMoreSkeletonRowsCount, infiniteScrollThresholdPx, }: IBordNotificationModalProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const BordNotificationModal: ({ isOpen, onClose, state, unreadCount, onLoadMore, onNotificationClick, onSearchChange, title, emptyStateText, loadErrorText, searchPlaceholder, closeButtonLabel, skeletonRowsCount, loadMoreSkeletonRowsCount, infiniteScrollThresholdPx, }: IBordNotificationModalProps) => import("react/jsx-runtime").JSX.Element | null;
 export default BordNotificationModal;
 //# sourceMappingURL=BordNotificationModal.d.ts.map

package/dist/components/BordNotificationModal/BordNotificationModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordNotificationModal.d.ts","sourceRoot":"","sources":["../../../src/components/BordNotificationModal/BordNotificationModal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,8BAA8B,CAAC;AAwBtC;;;;GAIG;AACH,QAAA,MAAM,qBAAqB,kOAexB,2BAA2B,mDAqF7B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"BordNotificationModal.d.ts","sourceRoot":"","sources":["../../../src/components/BordNotificationModal/BordNotificationModal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,8BAA8B,CAAC;AAwBtC;;;;GAIG;AACH,QAAA,MAAM,qBAAqB,kPAgBxB,2BAA2B,mDAwF7B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/BordNotificationModal/BordNotificationModal.types.d.ts

@@ -16,6 +16,7 @@ export interface IBordNotificationModalProps {
     unreadCount: number;
     onLoadMore: () => void;
     onNotificationClick: (notificationId: number) => void;
+    onSearchChange?: (query: string) => void;
     title: string;
     emptyStateText: string;
     loadErrorText: string;

package/dist/components/BordNotificationModal/BordNotificationModal.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BordNotificationModal.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordNotificationModal/BordNotificationModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sDAAsD,CAAC;AAElG,MAAM,MAAM,2BAA2B,GACnC;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,0BAA0B,EAAE,CAAC;IAAC,aAAa,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAEtG,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,2BAA2B,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,mBAAmB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC"}
+{"version":3,"file":"BordNotificationModal.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordNotificationModal/BordNotificationModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sDAAsD,CAAC;AAElG,MAAM,MAAM,2BAA2B,GACnC;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,0BAA0B,EAAE,CAAC;IAAC,aAAa,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAEtG,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,2BAA2B,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,mBAAmB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC"}

package/dist/index.d.ts

@@ -2995,6 +2995,7 @@ interface IBordNotificationModalProps {
     unreadCount: number;
     onLoadMore: () => void;
     onNotificationClick: (notificationId: number) => void;
+    onSearchChange?: (query: string) => void;
     title: string;
     emptyStateText: string;
     loadErrorText: string;
@@ -3010,7 +3011,7 @@ interface IBordNotificationModalProps {
  * presentacional: recibe los grupos ya resueltos y delega en callbacks el resto (paginar,
  * navegar al hacer click, cerrar).
  */
-declare const BordNotificationModal: ({ isOpen, onClose, state, unreadCount, onLoadMore, onNotificationClick, title, emptyStateText, loadErrorText, searchPlaceholder, closeButtonLabel, skeletonRowsCount, loadMoreSkeletonRowsCount, infiniteScrollThresholdPx, }: IBordNotificationModalProps) => react_jsx_runtime.JSX.Element | null;
+declare const BordNotificationModal: ({ isOpen, onClose, state, unreadCount, onLoadMore, onNotificationClick, onSearchChange, title, emptyStateText, loadErrorText, searchPlaceholder, closeButtonLabel, skeletonRowsCount, loadMoreSkeletonRowsCount, infiniteScrollThresholdPx, }: IBordNotificationModalProps) => react_jsx_runtime.JSX.Element | null;
 
 /**
  * Fila individual del centro de notificaciones. Es puramente presentacional: recibe el

package/dist/index.esm.js

@@ -44644,7 +44644,7 @@ const matchesNotificationSearch = (query, entityId) => {
  * presentacional: recibe los grupos ya resueltos y delega en callbacks el resto (paginar,
  * navegar al hacer click, cerrar).
  */
-const BordNotificationModal = ({ isOpen, onClose, state, unreadCount, onLoadMore, onNotificationClick, title, emptyStateText, loadErrorText, searchPlaceholder, closeButtonLabel, skeletonRowsCount = 6, loadMoreSkeletonRowsCount = 3, infiniteScrollThresholdPx = 120, }) => {
+const BordNotificationModal = ({ isOpen, onClose, state, unreadCount, onLoadMore, onNotificationClick, onSearchChange, title, emptyStateText, loadErrorText, searchPlaceholder, closeButtonLabel, skeletonRowsCount = 6, loadMoreSkeletonRowsCount = 3, infiniteScrollThresholdPx = 120, }) => {
     const [searchQuery, setSearchQuery] = useState('');
     const handleBodyScroll = (event) => {
         if (state.kind !== 'ready' || !state.hasMore || state.isLoadingMore)
@@ -44668,7 +44668,10 @@ const BordNotificationModal = ({ isOpen, onClose, state, unreadCount, onLoadMore
     if (!isOpen)
         return null;
     const isEmpty = state.kind === 'ready' && filteredGroups.length === 0;
-    return (jsx(BordModal, { clickOutsideCallback: onClose, customClassName: "bordNotificationModalOverlay", modalContent: jsxs("div", { className: "bordNotificationModalDS", children: [jsxs("div", { className: "bordNotificationModalHeader", children: [jsxs("div", { className: "bordNotificationModalTitleGroup", children: [jsx("span", { className: "bordNotificationModalTitle", children: title }), jsxs("span", { className: "bordNotificationModalCount", children: ["(", unreadCount, ")"] })] }), jsx("button", { type: "button", className: "bordNotificationModalCloseButton", onClick: onClose, "aria-label": closeButtonLabel, children: jsx(BordOneToneIcon, { variant: "x", customWidth: "1.3rem", stroke: "#C6C7CB" }) })] }), jsx("div", { className: "bordNotificationModalSearchWrapper", children: jsxs("div", { className: "bordNotificationModalSearch", children: [jsx(BordOneToneIcon, { variant: "search", customWidth: "1.3rem", stroke: "#626C82" }), jsx("input", { type: "text", value: searchQuery, onChange: event => setSearchQuery(event.target.value), placeholder: searchPlaceholder })] }) }), jsxs("div", { className: "bordNotificationModalBody", onScroll: handleBodyScroll, children: [state.kind === 'loading' &&
+    return (jsx(BordModal, { clickOutsideCallback: onClose, customClassName: "bordNotificationModalOverlay", modalContent: jsxs("div", { className: "bordNotificationModalDS", children: [jsxs("div", { className: "bordNotificationModalHeader", children: [jsxs("div", { className: "bordNotificationModalTitleGroup", children: [jsx("span", { className: "bordNotificationModalTitle", children: title }), jsxs("span", { className: "bordNotificationModalCount", children: ["(", unreadCount, ")"] })] }), jsx("button", { type: "button", className: "bordNotificationModalCloseButton", onClick: onClose, "aria-label": closeButtonLabel, children: jsx(BordOneToneIcon, { variant: "x", customWidth: "1.3rem", stroke: "#C6C7CB" }) })] }), jsx("div", { className: "bordNotificationModalSearchWrapper", children: jsxs("div", { className: "bordNotificationModalSearch", children: [jsx(BordOneToneIcon, { variant: "search", customWidth: "1.3rem", stroke: "#626C82" }), jsx("input", { type: "text", value: searchQuery, onChange: event => {
+                                    setSearchQuery(event.target.value);
+                                    onSearchChange?.(event.target.value);
+                                }, placeholder: searchPlaceholder })] }) }), jsxs("div", { className: "bordNotificationModalBody", onScroll: handleBodyScroll, children: [state.kind === 'loading' &&
                             Array.from({ length: skeletonRowsCount }, (_, index) => jsx(BordNotificationRowSkeleton, {}, index)), state.kind === 'error' && jsx("p", { className: "bordNotificationModalEmpty", children: loadErrorText }), isEmpty && jsx("p", { className: "bordNotificationModalEmpty", children: emptyStateText }), state.kind === 'ready' &&
                             filteredGroups.map(group => (jsxs("div", { className: "bordNotificationModalGroup", children: [jsx("div", { className: "bordNotificationModalGroupLabel", children: group.label }), group.notifications.map(notification => (jsx(BordNotificationRow, { notification: notification, onClick: () => onNotificationClick(notification.id) }, notification.id)))] }, group.key))), state.kind === 'ready' &&
                             state.isLoadingMore &&