npm - @blateral/b.kit - Versions diffs - 2.0.0-beta.0 → 2.0.0-beta.10.2 - Mend

@blateral/b.kit 2.0.0-beta.0 → 2.0.0-beta.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (336) hide show

package/lib/components/sections/news/NewsOverview.d.ts CHANGED Viewed

@@ -1,350 +1,62 @@
 import React from 'react';
 import { NewsCardProps } from "../../blocks/NewsCard";
+import { TagProps } from "../../blocks/Tag";
+export declare type NewsItem = Omit<NewsCardProps, 'customTag' | 'isInverted' | 'onTagClick'>;
 export declare const NewsOverviewComponent: React.FC<{
-    news: NewsCardProps[];
-    activeTag?: string | undefined;
+    /** ID value for targeting section with anchor hashes */
+    anchorId?: string | undefined;
+    /** Array of news item settings */
+    news?: NewsItem[] | undefined;
+    /** Tags for news filtering */
     tags?: string[] | undefined;
-    queryParams?: Record<string, any> | undefined;
-    onTagClick?: ((tag: string, insideList?: boolean | undefined) => void) | undefined;
+    /** Initial active tags in filter */
+    activeTags?: string[] | undefined;
+    /** Text for load more toggle. Only visible if browser doesn't support IntersectionObserver. */
     showMoreText?: string | undefined;
+    /** Section background */
     bgMode?: "full" | "inverted" | undefined;
+    /**
+     * Callback function to handle tag click outside of component
+     * If no callback is defined filtering is controlled on client
+     * */
+    onTagClick?: ((tag: TagProps, insideList?: boolean | undefined) => void) | undefined;
+    /** Function to inject custom tag node */
+    customTag?: ((props: {
+        key: React.Key;
+        name: string;
+        isInverted?: boolean | undefined;
+        isActive?: boolean | undefined;
+        clickHandler?: ((ev?: React.SyntheticEvent<HTMLElement, Event> | undefined) => void) | undefined;
+    }) => React.ReactNode) | undefined;
 }>;
 declare const _default: React.FC<{
-    news: NewsCardProps[];
-    activeTag?: string | undefined;
+    /** ID value for targeting section with anchor hashes */
+    anchorId?: string | undefined;
+    /** Array of news item settings */
+    news?: NewsItem[] | undefined;
+    /** Tags for news filtering */
     tags?: string[] | undefined;
-    queryParams?: Record<string, any> | undefined;
-    onTagClick?: ((tag: string, insideList?: boolean | undefined) => void) | undefined;
+    /** Initial active tags in filter */
+    activeTags?: string[] | undefined;
+    /** Text for load more toggle. Only visible if browser doesn't support IntersectionObserver. */
     showMoreText?: string | undefined;
+    /** Section background */
     bgMode?: "full" | "inverted" | undefined;
+    /**
+     * Callback function to handle tag click outside of component
+     * If no callback is defined filtering is controlled on client
+     * */
+    onTagClick?: ((tag: TagProps, insideList?: boolean | undefined) => void) | undefined;
+    /** Function to inject custom tag node */
+    customTag?: ((props: {
+        key: React.Key;
+        name: string;
+        isInverted?: boolean | undefined;
+        isActive?: boolean | undefined;
+        clickHandler?: ((ev?: React.SyntheticEvent<HTMLElement, Event> | undefined) => void) | undefined;
+    }) => React.ReactNode) | undefined;
 } & {
-    theme?: {
-        colors?: {
-            dark?: string | undefined;
-            light?: string | undefined;
-            mono?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
-            primary?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
-            secondary?: {
-                light?: string | undefined;
-                medium?: string | undefined;
-                dark?: string | undefined;
-            } | undefined;
-            error?: string | undefined;
-            new?: {
-                text?: {
-                    default?: string | undefined;
-                    inverted?: string | undefined;
-                    error?: string | undefined;
-                    heading?: string | undefined;
-                    headingInverted?: string | undefined;
-                    copy?: string | undefined;
-                    copyInverted?: string | undefined;
-                } | undefined;
-                sectionBg?: {
-                    light?: string | undefined;
-                    medium?: string | undefined;
-                    dark?: string | undefined;
-                } | undefined;
-                elementBg?: {
-                    light?: string | undefined;
-                    lightHover?: string | undefined;
-                    medium?: string | undefined;
-                    mediumHover?: string | undefined;
-                    dark?: string | undefined;
-                    darkHover?: string | undefined;
-                } | undefined;
-                primary?: {
-                    default?: string | undefined;
-                    inverted?: string | undefined;
-                } | undefined;
-                secondary?: {
-                    default?: string | undefined;
-                    inverted?: string | undefined;
-                } | undefined;
-                error?: string | undefined;
-            } | undefined;
-        } | undefined;
-        fonts?: {
-            base?: {
-                family?: string | undefined;
-                weight?: string | undefined;
-                style?: string | undefined;
-                lineHeight?: string | undefined;
-                letterSpacing?: string | undefined;
-                size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                textTransform?: string | undefined;
-                color?: string | undefined;
-                colorInverted?: string | undefined;
-                colorGradient?: string | undefined;
-                colorGradientInverted?: string | undefined;
-            } | undefined;
-            types?: {
-                copy?: {
-                    small?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
-                'copy-i'?: {
-                    small?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
-                'copy-b'?: {
-                    small?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
-                super?: {
-                    family?: string | undefined;
-                    weight?: string | undefined;
-                    style?: string | undefined;
-                    lineHeight?: string | undefined;
-                    letterSpacing?: string | undefined;
-                    size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    textTransform?: string | undefined;
-                    color?: string | undefined;
-                    colorInverted?: string | undefined;
-                    colorGradient?: string | undefined;
-                    colorGradientInverted?: string | undefined;
-                } | undefined;
-                'heading-1'?: {
-                    family?: string | undefined;
-                    weight?: string | undefined;
-                    style?: string | undefined;
-                    lineHeight?: string | undefined;
-                    letterSpacing?: string | undefined;
-                    size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    textTransform?: string | undefined;
-                    color?: string | undefined;
-                    colorInverted?: string | undefined;
-                    colorGradient?: string | undefined;
-                    colorGradientInverted?: string | undefined;
-                } | undefined;
-                'heading-2'?: {
-                    family?: string | undefined;
-                    weight?: string | undefined;
-                    style?: string | undefined;
-                    lineHeight?: string | undefined;
-                    letterSpacing?: string | undefined;
-                    size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    textTransform?: string | undefined;
-                    color?: string | undefined;
-                    colorInverted?: string | undefined;
-                    colorGradient?: string | undefined;
-                    colorGradientInverted?: string | undefined;
-                } | undefined;
-                'heading-3'?: {
-                    family?: string | undefined;
-                    weight?: string | undefined;
-                    style?: string | undefined;
-                    lineHeight?: string | undefined;
-                    letterSpacing?: string | undefined;
-                    size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    textTransform?: string | undefined;
-                    color?: string | undefined;
-                    colorInverted?: string | undefined;
-                    colorGradient?: string | undefined;
-                    colorGradientInverted?: string | undefined;
-                } | undefined;
-                'heading-4'?: {
-                    family?: string | undefined;
-                    weight?: string | undefined;
-                    style?: string | undefined;
-                    lineHeight?: string | undefined;
-                    letterSpacing?: string | undefined;
-                    size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    textTransform?: string | undefined;
-                    color?: string | undefined;
-                    colorInverted?: string | undefined;
-                    colorGradient?: string | undefined;
-                    colorGradientInverted?: string | undefined;
-                } | undefined;
-                callout?: {
-                    small?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    medium?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                    big?: {
-                        family?: string | undefined;
-                        weight?: string | undefined;
-                        style?: string | undefined;
-                        lineHeight?: string | undefined;
-                        letterSpacing?: string | undefined;
-                        size?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        textTransform?: string | undefined;
-                        color?: string | undefined;
-                        colorInverted?: string | undefined;
-                        colorGradient?: string | undefined;
-                        colorGradientInverted?: string | undefined;
-                    } | undefined;
-                } | undefined;
-            } | undefined;
-        } | undefined;
-        globals?: {
-            sections?: {
-                seperation?: {
-                    forcePadding?: boolean | undefined;
-                    padding?: {
-                        default?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        stackable?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    } | undefined;
-                    margin?: {
-                        default?: [(number | undefined)?, (number | undefined)?] | undefined;
-                        stackable?: [(number | undefined)?, (number | undefined)?] | undefined;
-                    } | undefined;
-                } | undefined;
-                edgeRadius?: (string | null) | undefined;
-                imageTextGradient?: string | undefined;
-                imagePlaceholderBg?: {
-                    default?: string | undefined;
-                    inverted?: string | undefined;
-                } | undefined;
-                newsDateFormat?: string | undefined;
-                newsTimeFormat?: string | undefined;
-                newsLocaleKey?: ("de" | "en") | undefined;
-                datepickerLocaleKey?: ("de" | "en") | undefined;
-                datepickerDateFormat?: string | undefined;
-            } | undefined;
-        } | undefined;
-    } | undefined;
+    theme?: import("../../../utils/types").RecursivePartial<import("styled-components").DefaultTheme> | undefined;
 }>;
 export default _default;
 //# sourceMappingURL=NewsOverview.d.ts.map

package/lib/components/sections/news/NewsOverview.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NewsOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/news/NewsOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAkD~~,MAAM,OAAO,CAAC;~~AAMvE~~,OAAiB,EAAE,aAAa,EAAE,8BAAmC;~~AA4RrE~~,eAAO,MAAM,qBAAqB;~~UAlPxB~~,~~aAAa~~,~~EAAE;;;;wBAIF~~,~~MAAM~~,uCAA2B,IAAI;;;~~EA8OX~~,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAClD,wBAA0C"}
1	+ {"version":3,"file":"NewsOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/news/NewsOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAiB,EAAE,aAAa,EAAE,8BAAmC;AAGrE,OAAY,EAAE,QAAQ,EAAE,yBAA8B;AAyEtD,oBAAY,QAAQ,GAAG,IAAI,CACvB,aAAa,EACb,WAAW,GAAG,YAAY,GAAG,YAAY,CAC5C,CAAC;AA+VF,eAAO,MAAM,qBAAqB;IA5V9B,wDAAwD;;IAGxD,kCAAkC;;IAGlC,8BAA8B;;IAG9B,oCAAoC;;IAGpC,+FAA+F;;IAG/F,yBAAyB;;IAGzB;;;SAGK;wBACc,QAAQ,uCAA2B,IAAI;IAE1D,yCAAyC;;aAEhC,MAAM,GAAG;cACR,MAAM;;;uFAG+C,IAAI;UAC7D,MAAM,SAAS;EA6TwB,CAAC;;IA5V9C,wDAAwD;;IAGxD,kCAAkC;;IAGlC,8BAA8B;;IAG9B,oCAAoC;;IAGpC,+FAA+F;;IAG/F,yBAAyB;;IAGzB;;;SAGK;;IAGL,yCAAyC;;;;;;;;;;;AAqU7C,wBAA0C"}