@apolitical/component-library 4.1.6 → 4.1.8-beta.0

package/cards/cards.types.d.ts

@@ -68,6 +68,8 @@ export interface CardType {
         isMember: boolean;
         count: number;
     };
+    /** Is the content private  */
+    isPrivate?: boolean;
 }
 export interface MockCardType extends CardType {
     cardType?: string;

package/communities/community-details/community-details.d.ts

@@ -3,6 +3,8 @@ import { IJoinButtonProps } from './../join-button';
 interface Props extends IJoinButtonProps {
     /** If the user is a member of the community */
     isMember?: boolean;
+    /** If the community is open */
+    isOpen?: boolean;
     /** The slug for the community */
     slug: string;
     /** Details about members in the community */
@@ -19,5 +21,5 @@ interface Props extends IJoinButtonProps {
     /** Additional classes */
     className?: string;
 }
-declare const CommunityDetails: ({ className, isMember, slug, members: { number: membersCount, data: membersData }, functions: { invite, ...membershipFunctions }, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const CommunityDetails: ({ className, isMember, isOpen, slug, members: { number: membersCount, data: membersData }, functions: { invite, ...membershipFunctions }, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default CommunityDetails;

package/communities/join-button/join-button.d.ts

@@ -1,8 +1,12 @@
 export interface IJoinButtonProps {
     /** If the user is a member of the community */
     isMember?: boolean;
+    /** If the community is open */
+    isOpen?: boolean;
     /** If the button should use the short version of the text */
     isShort?: boolean;
+    /** If the button is disabled */
+    disabled?: boolean;
     /** The function to call when the user clicks the button */
     functions?: {
         /** The function to request to join */
@@ -13,5 +17,5 @@ export interface IJoinButtonProps {
     /** The language to use */
     locale?: string;
 }
-declare const JoinButton: ({ isMember: userIsMember, isShort, functions: { join, leave }, }: IJoinButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const JoinButton: ({ isMember: userIsMember, isOpen, isShort, disabled, functions: { join, leave }, }: IJoinButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default JoinButton;

package/discussion/components/post/post.helpers.d.ts

@@ -0,0 +1,2 @@
+import { IMentions } from './../../discussion';
+export declare const getPostBody: (body: string, isTruncated: boolean, mentions?: IMentions) => string;

package/discussion/discussion.mock.d.ts

@@ -1,3 +1,25 @@
+export const mentions: {
+    "123456ab-12ab-12ab-12ab-123456789abc": {
+        created_at: string;
+        updated_at: string;
+        id: string;
+        data: {
+            jobTitle: string;
+            name: string;
+            organization: string;
+        };
+    };
+    "12abcdef-12cd-12cd-12cd-123456abcdef": {
+        created_at: string;
+        updated_at: string;
+        id: string;
+        data: {
+            jobTitle: string;
+            name: string;
+            organization: string;
+        };
+    };
+};
 export namespace authors {
     namespace me {
         let id: string;
@@ -31,6 +53,7 @@ export namespace reply {
         import author = authors.me;
         export { author };
         export let userLiked: boolean;
+        export { mentions };
     }
     export { me_1 as me };
     export namespace otherUser_1 {
@@ -92,6 +115,7 @@ export namespace answer {
         export { createdAt_2 as createdAt };
         let updatedAt_2: string;
         export { updatedAt_2 as updatedAt };
+        export { mentions };
     }
     export { me_2 as me };
     export namespace otherUser_2 {

package/discussion/shared/interfaces/reaction.interface.d.ts

@@ -1,3 +1,6 @@
 import type { EnrichedReaction } from 'getstream';
+import type { IMentions } from './../../discussion.d';
 export interface IReaction extends EnrichedReaction {
+    /** Details of users mentioned in the content */
+    mentioned_users?: IMentions;
 }

package/general/buttons/button/button.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import addClasses from 'classnames';
 export type ButtonIconType = false | string | {
     icon: string;
     position?: 'left' | 'right';
@@ -42,6 +41,8 @@ export interface ButtonPropsType {
     disabled?: boolean | {
         isClickable: boolean;
     };
+    /** An optional tooltip for the button. This will only apply when disabled is true */
+    tooltip?: string;
     /** This is an optional way to pass in text which is only for screen readers
      * It's rendered on the page (so the page is still functional without CSS, unlike ARIA labels) but hidden
      * with CSS, for cases where the whole button should be an icon
@@ -66,7 +67,5 @@ export interface ButtonPropsType {
     /** The test ID for Jest tests */
     'data-testid'?: string;
 }
-declare const Button: ({ variant, size, styling, icon, href, element, onClick, className, disabled, screenreaderText, children, ...rest }: ButtonPropsType) => React.DOMElement<{
-    [key: string]: string | boolean | addClasses.ArgumentArray | (() => void) | ((e: React.KeyboardEvent<HTMLElement>) => void) | ((e: React.MouseEvent<HTMLElement>) => void) | React.RefObject<HTMLButtonElement>;
-}, Element>;
+declare const Button: ({ variant, size, styling, icon, href, element, onClick, className, disabled, tooltip, screenreaderText, children, ...rest }: ButtonPropsType) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/helpers/dates.d.ts

@@ -25,4 +25,5 @@ export declare const getShortDateHowLongAgo: IGetShortDateHowLongAgo;
 export declare const getDateWithDelta: IGetDateWithDelta;
 export declare const dateToUTC: (date?: Date) => Date;
 export declare const dateWithin: (dateInPast: DateType, number: number, unit: 'seconds' | 'minutes' | 'hours') => boolean;
+export declare const isDateWithinXDays: (dateInPast: DateType, days: number) => boolean;
 export {};

package/helpers/intl.d.ts

@@ -15,6 +15,7 @@ export declare const checkIntlPathExists: (path: string, language?: {
     card_label_solutionArticle: string;
     card_bootcamp: string;
     card_ended: string;
+    card_new: string;
     card_registered: string;
     card_partner: string;
     card_contributors_event: string;
@@ -51,6 +52,7 @@ export declare const checkIntlPathExists: (path: string, language?: {
     joinCommunityButton_member_aria: string;
     joinCommunityButton_leave: string;
     joinCommunityButton_leaving: string;
+    joinCommunityButton_closed_tooltip: string;
     member_apolitical: string;
     member_community: string;
     membersList: string;