@goodhood-web/nebenan-base 2.1.0-development.1 → 2.1.0-development.11

package/lib/DesktopLayoutTwoColumn/DesktopLayoutTwoColumn.d.ts

@@ -1,3 +1,3 @@
 import { DesktopLayoutTwoColumnProps } from './DesktopLayoutTwoColumn.types';
-declare const DesktopLayoutTwoColumn: ({ children, navbar, right, }: DesktopLayoutTwoColumnProps) => import("react/jsx-runtime").JSX.Element;
+declare const DesktopLayoutTwoColumn: ({ banner, children, navbar, right, }: DesktopLayoutTwoColumnProps) => import("react/jsx-runtime").JSX.Element;
 export default DesktopLayoutTwoColumn;

package/lib/DesktopLayoutTwoColumn/DesktopLayoutTwoColumn.types.d.ts

@@ -1,5 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
 export interface DesktopLayoutTwoColumnProps {
+    banner?: ReactElement;
     children: ReactNode;
     navbar: ReactElement;
     right?: ReactElement;

package/lib/MobileLayout/MobileLayout.d.ts

@@ -1,3 +1,3 @@
 import { MobileLayoutProps } from './MobileLayout.types';
-declare const MobileLayout: ({ action, children, footer, header }: MobileLayoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const MobileLayout: ({ action, banner, children, footer, header, }: MobileLayoutProps) => import("react/jsx-runtime").JSX.Element;
 export default MobileLayout;

package/lib/MobileLayout/MobileLayout.types.d.ts

@@ -4,6 +4,7 @@ import { NavBarProps } from '../../../../ui/src/lib/Molecules/Navigation/NavBar/
 import { MobileHeaderBarProps } from './components/MobileHeaderBar/MobileHeaderBar.types';
 export interface MobileLayoutProps {
     action?: ReactElement<IconButtonProps>;
+    banner?: ReactElement;
     children: ReactNode;
     footer: ReactElement<NavBarProps>;
     header: ReactElement<MobileHeaderBarProps>;

package/lib/NPEAggregator/NPEAggregator.d.ts

@@ -0,0 +1,12 @@
+import { NPEAggregatorProps } from './NPEAggregator.types';
+import { default as NPEAggregatorCardV1 } from './NPEAggregatorCardV1/NPEAggregatorCardV1';
+import { default as NPEAggregatorCardV2 } from './NPEAggregatorCardV2/NPEAggregatorCardV2';
+import { default as NPEAggregatorCardV3 } from './NPEAggregatorCardV3/NPEAggregatorCardV3';
+import { default as NPEAggregatorCardV4 } from './NPEAggregatorCardV4/NPEAggregatorCardV4';
+export declare const slideComponentMap: {
+    readonly v1: typeof NPEAggregatorCardV1;
+    readonly v2: typeof NPEAggregatorCardV2;
+    readonly v3: typeof NPEAggregatorCardV3;
+    readonly v4: typeof NPEAggregatorCardV4;
+};
+export default function NPEAggregator({ className, items, linkLabel, onLinkClick, title, variant, }: NPEAggregatorProps): import("react/jsx-runtime").JSX.Element;

package/lib/NPEAggregator/NPEAggregator.example.d.ts

@@ -0,0 +1,2 @@
+import { NPEAggregatorProps } from './NPEAggregator.types';
+export default function NPEAggregatorExample({ linkLabel, onLinkClick, title, }: NPEAggregatorProps): import("react/jsx-runtime").JSX.Element;

package/lib/NPEAggregator/NPEAggregator.types.d.ts

@@ -0,0 +1,59 @@
+import { ReactNode } from 'react';
+type NPEAggregatorBaseProps = {
+    className?: string;
+    linkLabel: string;
+    onLinkClick: () => void;
+    title: string;
+};
+type RenderImageType = ({ className }: {
+    className?: string;
+}) => ReactNode;
+export type NPEv1Item = {
+    categories: string[];
+    heartAriaLabel: string;
+    heartCounter: number;
+    heartFilled?: boolean;
+    onCardClick: () => void;
+    onHeartClick: () => void;
+    renderImage?: RenderImageType;
+    title: string;
+};
+export type NPEv2Item = {
+    address: string;
+    categories: string[];
+    heartAriaLabel: string;
+    heartFilled?: boolean;
+    onCardClick: () => void;
+    onHeartClick: () => void;
+    renderImage?: RenderImageType;
+    title: string;
+};
+export type NPEv3Item = {
+    businessName: string;
+    onCardClick: () => void;
+    renderImage?: RenderImageType;
+    text: string;
+    title: string;
+};
+export type NPEv4Item = {
+    authorName: string;
+    categories: string[];
+    onCardClick: () => void;
+    renderImage?: RenderImageType;
+    text: string;
+    title: string;
+};
+export type NPEAggregatorProps = (NPEAggregatorBaseProps & {
+    items: NPEv1Item[];
+    variant: 'v1';
+}) | (NPEAggregatorBaseProps & {
+    items: NPEv2Item[];
+    variant: 'v2';
+}) | (NPEAggregatorBaseProps & {
+    items: NPEv3Item[];
+    variant: 'v3';
+}) | (NPEAggregatorBaseProps & {
+    items: NPEv4Item[];
+    variant: 'v4';
+});
+export {};

package/lib/NPEAggregator/NPEAggregatorCardV1/NPEAggregatorCardV1.d.ts

@@ -0,0 +1,2 @@
+import { NPEAggregatorCardV1Props } from './types';
+export default function NPEAggregatorCardV1({ categories, heartAriaLabel, heartCounter, heartFilled, onCardClick, onHeartClick, renderImage, title, }: NPEAggregatorCardV1Props): import("react/jsx-runtime").JSX.Element;

package/lib/NPEAggregator/NPEAggregatorCardV1/types.d.ts

@@ -0,0 +1,2 @@
+import { NPEv1Item } from '../NPEAggregator.types';
+export type NPEAggregatorCardV1Props = NPEv1Item;

package/lib/NPEAggregator/NPEAggregatorCardV2/NPEAggregatorCardV2.d.ts

@@ -0,0 +1,2 @@
+import { NPEAggregatorCardV2Props } from './types';
+export default function NPEAggregatorCardV2({ address, categories, heartFilled, onCardClick, onHeartClick, renderImage, title, }: NPEAggregatorCardV2Props): import("react/jsx-runtime").JSX.Element;

package/lib/NPEAggregator/NPEAggregatorCardV2/types.d.ts

@@ -0,0 +1,2 @@
+import { NPEv2Item } from '../NPEAggregator.types';
+export type NPEAggregatorCardV2Props = NPEv2Item;

package/lib/NPEAggregator/NPEAggregatorCardV3/NPEAggregatorCardV3.d.ts

@@ -0,0 +1,2 @@
+import { NPEAggregatorCardV3Props } from './types';
+export default function NPEAggregatorCardV3({ businessName, onCardClick, renderImage, text, title, }: NPEAggregatorCardV3Props): import("react/jsx-runtime").JSX.Element;

package/lib/NPEAggregator/NPEAggregatorCardV3/types.d.ts

@@ -0,0 +1,2 @@
+import { NPEv3Item } from '../NPEAggregator.types';
+export type NPEAggregatorCardV3Props = NPEv3Item;

package/lib/NPEAggregator/NPEAggregatorCardV4/NPEAggregatorCardV4.d.ts

@@ -0,0 +1,2 @@
+import { NPEAggregatorCardV4Props } from './types';
+export default function NPEAggregatorCardV4({ authorName, categories, onCardClick, renderImage, text, title, }: NPEAggregatorCardV4Props): import("react/jsx-runtime").JSX.Element;

package/lib/NPEAggregator/NPEAggregatorCardV4/types.d.ts

@@ -0,0 +1,2 @@
+import { NPEv4Item } from '../NPEAggregator.types';
+export type NPEAggregatorCardV4Props = NPEv4Item;

package/lib/Reactions/ReactionStack/components/ReactionItem/ReactionItem.d.ts

@@ -1,2 +1,2 @@
 import { ReactionItemProps } from './ReactionItem.types';
-export declare const ReactionItem: ({ count, expanded, onSelect, reaction, selected, size, stack, tooltip, }: ReactionItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ReactionItem: ({ activeReaction, count, expanded, onSelect, reaction, selected, size, stack, tooltip, }: ReactionItemProps) => import("react/jsx-runtime").JSX.Element;

package/lib/utils/breakpoints.d.ts

@@ -0,0 +1,4 @@
+export declare const MOBILE_ONLY_BREAKPOINT = 689;
+export declare const NEW_MOBILE_ONLY_BREAKPOINT = 799;
+export declare const TABLET_BREAKPOINT = 690;
+export declare const DESKTOP_BREAKPOINT = 1024;

package/lib/utils/index.d.ts

@@ -1 +1,2 @@
-export declare const isMobile: () => boolean;
+export declare const isMobile: (mobileScreenSize?: number) => boolean;
+export declare const useIsBreakpointMatch: (tabletScreenBreakpoint?: number) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/nebenan-base",
-  "version": "2.1.0-development.1",
+  "version": "2.1.0-development.11",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",