@goodhood-web/nebenan-base 3.0.0-development.13 → 3.0.0-development.130

package/lib/Forms/Wizard/Wizard.types.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+import { GridItemProps } from '../../Grids/Grid/GridItem/GridItem.types';
+import { FormTextInputProps } from '../Fields/FormTextInput';
+import { FormProps } from '../Form/Form.types';
+export type FieldValueMap = {
+    text: string;
+};
+export type StrictFormField = {
+    name: string;
+    type: keyof FieldValueMap;
+};
+type OnlyStrictFields<T extends readonly unknown[]> = Extract<T[number], StrictFormField>;
+export type InferFormData<T extends readonly unknown[]> = {
+    [Field in OnlyStrictFields<T> as Field['name']]: FieldValueMap[Field['type']];
+};
+type StepType = 'text' | 'submit' | 'slot';
+export type StepField = {
+    id: string;
+    layout?: {
+        desktop?: GridItemProps['desktop'];
+        mobile?: GridItemProps['mobile'];
+    };
+    type: StepType;
+};
+export type TextField = StepField & FormTextInputProps & {
+    type: 'text';
+};
+export type SubmitField = StepField & {
+    type: 'submit';
+};
+export type SlotField = StepField & {
+    render: ({ key }: {
+        key: string;
+    }) => ReactNode;
+    type: 'slot';
+};
+export type FormField = TextField | SubmitField | SlotField;
+export type WizardStepT = {
+    fields: FormField[];
+    id?: string;
+    onSubmit: FormProps<InferFormData<FormField[]>>['onSubmit'];
+};
+export type WizardProps = {
+    steps: WizardStepT[];
+};
+export {};

package/lib/Forms/Wizard/WizardContext.d.ts

@@ -0,0 +1,8 @@
+type TWizardContext = {
+    next: () => void;
+    onSumbitStep: (data: object) => void;
+    previous: () => void;
+};
+export declare const WizardContext: import('react').Context<TWizardContext>;
+export declare const WizardProvider: import('react').Provider<TWizardContext>;
+export {};

package/lib/Forms/Wizard/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Wizard } from './Wizard';
+export * from './Wizard.types';
+export { Wizard };

package/lib/Forms/Wizard/useWizard.d.ts

@@ -0,0 +1,5 @@
+export declare const useWizard: () => {
+    next: () => void;
+    onSumbitStep: (data: object) => void;
+    previous: () => void;
+};

package/lib/Forms/index.d.ts

@@ -0,0 +1,5 @@
+import { default as DynamicForm } from './DynamicForm/DynamicForm';
+import { default as Form } from './Form/Form';
+export { Form, DynamicForm };
+export * from './Fields';
+export * from './Wizard';

package/lib/Grids/Grid/Grid.d.ts

@@ -0,0 +1,3 @@
+import { GridProps } from './Grid.types';
+export declare const Grid: ({ children, spacing }: GridProps) => import("react/jsx-runtime").JSX.Element;
+export default Grid;

package/lib/Grids/Grid/Grid.types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export declare const gridSpacing: string[];
+export type TGridSpacing = (typeof gridSpacing)[number];
+export type GridProps = {
+    children: ReactNode;
+    spacing?: TGridSpacing | {
+        x: TGridSpacing;
+        y: TGridSpacing;
+    };
+};

package/lib/Grids/Grid/GridItem/GridItem.d.ts

@@ -0,0 +1,3 @@
+import { GridItemProps } from './GridItem.types';
+export declare const GridItem: ({ children, desktop, mobile }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
+export default GridItem;

package/lib/Grids/Grid/GridItem/GridItem.types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type GridItemProps = {
+    children: ReactNode;
+    desktop?: number;
+    mobile?: number;
+};

package/lib/HtmlContent/HtmlContent.d.ts

@@ -0,0 +1,3 @@
+import { HtmlContentTypes } from './HtmlContent.types';
+declare const HtmlContent: ({ html, ...props }: HtmlContentTypes) => import("react/jsx-runtime").JSX.Element;
+export default HtmlContent;

package/lib/HtmlContent/HtmlContent.types.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+export type HtmlContentTypes = {
+    html: string;
+} & HTMLAttributes<HTMLDivElement>;

package/lib/HtmlContent/components/InnerHtmlScript.d.ts

@@ -0,0 +1,18 @@
+declare global {
+    interface HTMLElement {
+        __scriptingEnabledHTMLContentHasBeenExecuted: boolean;
+    }
+}
+type Handlers = {
+    hasBeenExecuted: boolean;
+};
+/**
+ * Remembers if a script that got injected via innerHTML actually got executed.
+ *
+ * On client side, scripts passed through innerHTML DO NOT get executed.
+ *
+ * Through server side rendering, the script becomes part of the pre-rendered
+ * html and interpreted as usual, therefore it DOES get executed.
+ */
+declare const InnerHTMLScript: import('react').ForwardRefExoticComponent<import('react').RefAttributes<Handlers>>;
+export default InnerHTMLScript;

package/lib/MarkdownRichText/MarkdownRichText.d.ts

@@ -0,0 +1,3 @@
+import { MarkdownRichTextProps } from './MarkdownRichText.types';
+declare const MarkdownRichText: ({ className, elementTag, text }: MarkdownRichTextProps) => import("react/jsx-runtime").JSX.Element;
+export default MarkdownRichText;

package/lib/MarkdownRichText/MarkdownRichText.types.d.ts

@@ -0,0 +1,6 @@
+export type AllowedTypographyHTMLTags = 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export interface MarkdownRichTextProps {
+    className?: string;
+    elementTag?: AllowedTypographyHTMLTags;
+    text: string;
+}

package/lib/MobileLayout/MobileLayout.d.ts

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

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

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

package/lib/NPEAggregator/NPEAggregator.d.ts

@@ -1,12 +1,8 @@
 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';
+import { default as NPEAggregatorCardAddress } from './NPEAggregatorCardAddress/NPEAggregatorCardAddress';
+import { default as NPEAggregatorCardV4 } from './NPEAggregatorCardRecommendation/NPEAggregatorCardRecommendation';
 export declare const slideComponentMap: {
-    readonly v1: typeof NPEAggregatorCardV1;
-    readonly v2: typeof NPEAggregatorCardV2;
-    readonly v3: typeof NPEAggregatorCardV3;
-    readonly v4: typeof NPEAggregatorCardV4;
+    readonly profiles_with_address: typeof NPEAggregatorCardAddress;
+    readonly profiles_with_written_recommendations: typeof NPEAggregatorCardV4;
 };
-export default function NPEAggregator({ className, items, linkLabel, onLinkClick, onSwipe, title, variant, }: NPEAggregatorProps): import("react/jsx-runtime").JSX.Element;
+export default function NPEAggregator({ className, headerClassname, items, linkLabel, onLinkClick, onSwipe, sliderOffsetDesktop, sliderOffsetMobile, title, variant, }: NPEAggregatorProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,60 +1,43 @@
 import { ReactNode } from 'react';
 type NPEAggregatorBaseProps = {
     className?: string;
+    headerClassname?: string;
     linkLabel: string;
     onLinkClick: () => void;
     onSwipe?: (direction: 'next' | 'prev') => void;
+    sliderOffsetDesktop?: number;
+    sliderOffsetMobile?: number;
     title: string;
 };
 type RenderImageType = ({ className }: {
     className?: string;
 }) => ReactNode;
-export type NPEv1Item = {
+export type NPEAggregatorAddressItem = {
+    address: string;
     categories: string[];
     heartAriaLabel: string;
-    heartCounter: number;
     heartFilled?: boolean;
     onCardClick: () => void;
     onHeartClick: () => void;
     renderImage?: RenderImageType;
     title: string;
 };
-export type NPEv2Item = {
-    address: string;
+export type NPEAggregatorRecommendationItem = {
+    authorName: 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';
+    items: NPEAggregatorAddressItem[];
+    variant: 'profiles_with_address';
 }) | (NPEAggregatorBaseProps & {
-    items: NPEv4Item[];
-    variant: 'v4';
+    items: NPEAggregatorRecommendationItem[];
+    variant: 'profiles_with_written_recommendations';
 });
 export {};

package/lib/NPEAggregator/NPEAggregatorCardAddress/NPEAggregatorCardAddress.d.ts

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

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

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

package/lib/NPEAggregator/NPEAggregatorCardRecommendation/NPEAggregatorCardRecommendation.d.ts

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

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

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

package/lib/PointOfInterest/PointOfInterest.d.ts

@@ -1,3 +1,3 @@
 import { PointOfInterestProps } from './PointOfInterest.types';
-declare const PointOfInterest: ({ address, badgeType, heartComponent, hood, imageSrc, isBlocked, onClick, onRemove, placeholderType, subcategory, title, }: PointOfInterestProps) => import("react/jsx-runtime").JSX.Element;
+declare const PointOfInterest: ({ address, badges, heartComponent, hood, imageSrc, onClick, onRemove, placeholderType, subcategory, title, }: PointOfInterestProps) => import("react/jsx-runtime").JSX.Element;
 export default PointOfInterest;

package/lib/PointOfInterest/PointOfInterest.types.d.ts

@@ -1,6 +1,7 @@
+import { BadgeIconType } from '../../../../api/src/lib/types/newsFeeds';
 export type PointOfInterestProps = {
     address?: string;
-    badgeType?: 'commercial_supporter' | 'organization_supporter';
+    badges?: [BadgeIconType] | [BadgeIconType, BadgeIconType] | [BadgeIconType, BadgeIconType, BadgeIconType] | [];
     heartComponent?: React.ReactNode;
     hood?: string;
     imageSrc?: string;

package/lib/Profile/Profile.types.d.ts

@@ -2,6 +2,6 @@ export interface ProfileProps {
     alt: string;
     link: string;
     name: string;
-    onClick: () => void;
+    onClick?: () => void;
     src: string;
 }

package/lib/Reactions/ReactionTabList/ReactionTabList.d.ts

@@ -1,3 +1,3 @@
 import { ReactionTabListProps } from './ReactionTabList.types';
-declare const ReactionTabList: ({ closeText, getPicturePlaceholder, getReactions, headerTitle, open, postId, setOpen, }: ReactionTabListProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const ReactionTabList: ({ closeText, getPicturePlaceholder, getReactions, headerTitle, open, postId, setOpen, userLink, }: ReactionTabListProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ReactionTabList;

package/lib/Reactions/ReactionTabList/ReactionTabList.types.d.ts

@@ -7,4 +7,5 @@ export interface ReactionTabListProps {
     open: boolean;
     postId: number;
     setOpen: () => void;
+    userLink?: boolean;
 }

package/lib/StorybookUtils/LayoutTemplate.d.ts

@@ -1,7 +1,8 @@
-declare const Template: ({ bgColor, height, padding, text, }: {
-    bgColor: string;
+declare const Template: ({ bgColor, height, padding, text, width, }: {
+    bgColor?: string;
     height?: string;
     padding?: number;
     text: string;
+    width?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export default Template;

package/package.json

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