@apolitical/component-library 3.3.0-beta.1 → 3.3.1-ac.5

package/accessibility/visually-hidden/visually-hidden.d.ts

@@ -10,10 +10,8 @@ interface Props {
     href?: string;
     /** `for`, for labels */
     htmlFor?: string;
-    /** Additional classes */
-    className?: string;
 }
-declare const _default: React.MemoExoticComponent<({ element, showOnFocus, children, className, ...props }: Props) => React.DetailedReactHTMLElement<{
+declare const _default: React.MemoExoticComponent<({ element, showOnFocus, children, ...props }: Props) => React.DetailedReactHTMLElement<{
     className: string;
     children: React.ReactNode | JSX.Element;
     /** An `href`, for links */

package/banners/index.d.ts

@@ -1,5 +1,4 @@
 export * from './banner';
 export * from './banner-section';
-export * from './custom-content-banner';
 export * from './highlight-section';
 export * from './marketing-block';

package/{text/content-type-label/content-type-label.helpers.d.ts → cards/card/card.helpers.d.ts}

@@ -1,4 +1,4 @@
-import { CustomIconType } from './content-type-label.types';
+import { CustomIconType } from '../../cards/cards.types';
 export declare const fileNames: {
     [key in CustomIconType]?: string;
 };

package/cards/cards.types.d.ts

@@ -1,7 +1,7 @@
 import { ResponsiveImageType } from '../general';
-import { CustomIconType } from '../text';
 import { MemberProps } from '../user';
-export type CardContentType = 'customCard' | 'event' | 'learningHub' | 'listPage' | 'microcourse' | 'people' | 'qaQuestion' | 'solutionArticle';
+export type CardContentType = 'customCard' | 'event' | 'learningHub' | 'listPage' | 'microcourse' | 'people' | 'qaQuestion' | 'solutionArticle' | 'communityPage';
+export type CustomIconType = 'calendar' | 'cube' | 'document' | 'download' | 'globe' | 'graduationCap' | 'link' | 'person' | 'star' | 'speech';
 export interface CardCTAType {
     /** The text to show on the CTA button - different content types have different fallbacks */
     text?: string;
@@ -25,7 +25,9 @@ export interface CardType {
     /** Details of contributors, such as speakers or authors */
     contributors?: MemberProps[];
     /** Details of partners - this is similar to `contributors`, but won't show profile pictures */
-    partner?: string[];
+    partner?: {
+        title: string;
+    };
     /** The title of the card */
     title?: string;
     /** The primary text */
@@ -44,8 +46,6 @@ export interface CardType {
     customIcon?: CustomIconType;
     /** The label to use */
     customLabel?: string;
-    /** The link text to use */
-    customLinkText?: string;
     /** Event cards */
     /** The date the event starts */
     startDate?: string;
@@ -62,6 +62,12 @@ export interface CardType {
     profile?: string;
     /** The number of answers */
     answers?: number;
+    /** Community cards */
+    members?: {
+        memberType: string;
+        isMember: boolean;
+        count: number;
+    };
 }
 export interface MockCardType extends CardType {
     cardType?: string;

package/cards/mocks/card.d.ts

@@ -214,11 +214,35 @@ export namespace learningHub {
     let slug_6: string;
     export { slug_6 as slug };
 }
-export namespace custom {
+export namespace community {
     let contentType_7: string;
     export { contentType_7 as contentType };
-    let slug_7: null;
+    export namespace sys {
+        let id: string;
+    }
+    let title_10: string;
+    export { title_10 as title };
+    let slug_7: string;
     export { slug_7 as slug };
+    let _private: boolean;
+    export { _private as private };
+    export let visible: boolean;
+    export namespace bannerSection {
+        export let eyebrow: string;
+        let title_11: string;
+        export { title_11 as title };
+        let text_1: string;
+        export { text_1 as text };
+        export let ctaLink: null;
+        export let ctaText: null;
+        export let image: null;
+    }
+}
+export namespace custom {
+    let contentType_8: string;
+    export { contentType_8 as contentType };
+    let slug_8: null;
+    export { slug_8 as slug };
     export let customIcon: string;
     export let customLabel: string;
     let contributors_7: {
@@ -228,8 +252,8 @@ export namespace custom {
         };
     }[];
     export { contributors_7 as contributors };
-    let text_1: string;
-    export { text_1 as text };
+    let text_2: string;
+    export { text_2 as text };
     let secondaryText_1: string;
     export { secondaryText_1 as secondaryText };
 }

package/cards/mocks/mocks.helpers.d.ts

@@ -7,6 +7,7 @@ export declare const CONTENT_TYPES: {
     QUESTION: string;
     PEOPLE: string;
     LEARNING_HUB: string;
+    COMMUNITY: string;
     CUSTOM: string;
 };
 export declare const buildCard: (contentType: string, cardType?: string | null) => {
@@ -95,9 +96,9 @@ export declare const cardMapper: {
         shortQuestion?: undefined;
         longQuestion?: undefined;
         people?: undefined;
-        customLink?: undefined;
         learningHub?: undefined;
         custom?: undefined;
+        community?: undefined;
     } | {
         premium: {
             contentType: string;
@@ -180,9 +181,9 @@ export declare const cardMapper: {
         shortQuestion?: undefined;
         longQuestion?: undefined;
         people?: undefined;
-        customLink?: undefined;
         learningHub?: undefined;
         custom?: undefined;
+        community?: undefined;
     } | {
         upcoming: {
             contentType: string;
@@ -298,9 +299,9 @@ export declare const cardMapper: {
         shortQuestion?: undefined;
         longQuestion?: undefined;
         people?: undefined;
-        customLink?: undefined;
         learningHub?: undefined;
         custom?: undefined;
+        community?: undefined;
     } | {
         list: {
             contentType: string;
@@ -333,9 +334,9 @@ export declare const cardMapper: {
         shortQuestion?: undefined;
         longQuestion?: undefined;
         people?: undefined;
-        customLink?: undefined;
         learningHub?: undefined;
         custom?: undefined;
+        community?: undefined;
     } | {
         noAnswers: {
             contentType: string;
@@ -405,9 +406,9 @@ export declare const cardMapper: {
         multipleSpeakers?: undefined;
         list?: undefined;
         people?: undefined;
-        customLink?: undefined;
         learningHub?: undefined;
         custom?: undefined;
+        community?: undefined;
     } | {
         people: {
             contentType: string;
@@ -417,15 +418,6 @@ export declare const cardMapper: {
             profile: string;
             slug: string;
         };
-        customLink: {
-            slug: string;
-            customLinkText: string;
-            contentType: string;
-            title: string;
-            text: string;
-            secondaryText: string;
-            profile: string;
-        };
         oneAuthor?: undefined;
         twoAuthors?: undefined;
         multipleAuthors?: undefined;
@@ -445,6 +437,7 @@ export declare const cardMapper: {
         longQuestion?: undefined;
         learningHub?: undefined;
         custom?: undefined;
+        community?: undefined;
     } | {
         learningHub: {
             contentType: string;
@@ -473,8 +466,8 @@ export declare const cardMapper: {
         shortQuestion?: undefined;
         longQuestion?: undefined;
         people?: undefined;
-        customLink?: undefined;
         custom?: undefined;
+        community?: undefined;
     } | {
         custom: {
             contentType: string;
@@ -508,9 +501,49 @@ export declare const cardMapper: {
         shortQuestion?: undefined;
         longQuestion?: undefined;
         people?: undefined;
-        customLink?: undefined;
         learningHub?: undefined;
+        community?: undefined;
+    } | {
+        community: {
+            contentType: string;
+            sys: {
+                id: string;
+            };
+            title: string;
+            slug: string;
+            private: boolean;
+            visible: boolean;
+            bannerSection: {
+                eyebrow: string;
+                title: string;
+                text: string;
+                ctaLink: null;
+                ctaText: null;
+                image: null;
+            };
+        };
+        oneAuthor?: undefined;
+        twoAuthors?: undefined;
+        multipleAuthors?: undefined;
+        premium?: undefined;
+        free?: undefined;
+        partner?: undefined;
+        registered?: undefined;
+        upcoming?: undefined;
+        past?: undefined;
+        twoSpeakers?: undefined;
+        multipleSpeakers?: undefined;
+        list?: undefined;
+        noAnswers?: undefined;
+        oneAnswer?: undefined;
+        multipleAnswers?: undefined;
+        shortQuestion?: undefined;
+        longQuestion?: undefined;
+        people?: undefined;
+        learningHub?: undefined;
+        custom?: undefined;
     };
 };
 export declare const buildCardDataMock: (card: MockCardType) => Promise<unknown>;
 export declare const buildCustomCardData: (card: CardType) => () => Promise<unknown>;
+export declare const buildCommunityCardData: (card: CardType, memberType: string) => () => Promise<unknown>;

package/constants/index.d.ts

@@ -1,4 +1,3 @@
 export * from './assets';
 export * from './contact-details';
-export * from './courses';
 export * from './number-of-users';

package/context/flags/flags.provider.d.ts

@@ -4,5 +4,5 @@ interface Props {
     children: React.ReactNode;
     user: IUserContext;
 }
-export declare const FlagsProvider: ({ children, user }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export declare const FlagsProvider: ({ children, user }: Props) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export {};

package/context/intl/intl.provider.d.ts

@@ -1,22 +1,10 @@
 import React from 'react';
-export type LanguageType = keyof typeof supportedLanguages;
 export interface IIntlContext {
-    locale?: LanguageType;
+    locale?: 'en' | 'fr';
     messages?: Record<string, string>;
 }
 interface Props extends IIntlContext {
     children: React.ReactNode;
 }
-interface ILanguageContext {
-    language?: LanguageType;
-    updateLanguage?: (lang: string) => void;
-}
 export declare const IntlProvider: ({ children, locale, messages }: Props) => import("react/jsx-runtime").JSX.Element;
-export declare const LanguageContext: React.Context<ILanguageContext>;
-export declare const supportedLanguages: {
-    en: string;
-    es: string;
-    fr: string;
-    pt: string;
-};
 export {};

package/general/index.d.ts

@@ -4,6 +4,4 @@ export * from './image-container';
 export * from './link';
 export * from './responsive-image';
 export * from './return-to-nav-button';
-export * from './table-of-contents';
-export * from './time-to-complete';
 export * from './tooltip';

package/general/link/link.d.ts

@@ -22,8 +22,6 @@ interface Props {
     ariaLabel?: string;
     /** Test id for link */
     'data-testid'?: string;
-    /** Data attributes for the link */
-    'data-before'?: string;
 }
-declare const Link: ({ href, children, fallbackElement, className, onClick, gtmContext, gtmType, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Link: ({ href, children, fallbackElement, className, onClick, gtmContext, gtmType, ...props }: Props) => string | JSX.Element | JSX.Element[];
 export default Link;

package/helpers/cases.d.ts

@@ -1,3 +1 @@
 export declare const camelCaseToDashCase: (str: string) => string;
-export declare const toCamelCase: (str?: string) => string;
-export declare const toSentenceCase: (str?: string) => string;