@apolitical/component-library 4.1.6 → 4.1.7

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/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;