@apolitical/component-library 4.1.0-beta.4 → 4.1.0-beta.6

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

@@ -8,21 +8,39 @@ interface Props {
     children: React.ReactNode | JSX.Element | string;
     /** An `href`, for links */
     href?: string;
+    /** An `onBlur`, for buttons */
+    onBlur?: (e: React.FocusEvent) => void;
     /** An `onClick`, for buttons */
     onClick?: (e: React.MouseEvent) => void;
+    /** An `onFocus`, for buttons */
+    onFocus?: (e: React.FocusEvent) => void;
+    /** An `onKeyDown`, for buttons */
+    onKeyDown?: (e: React.KeyboardEvent) => void;
     /** `for`, for labels */
     htmlFor?: string;
     /** Additional classes */
     className?: string;
+    /** Additional aria props */
+    'aria-expanded'?: boolean;
+    'aria-controls'?: string;
 }
 declare const _default: React.MemoExoticComponent<({ element, showOnFocus, children, className, ...props }: Props) => React.DetailedReactHTMLElement<{
     className: string;
     children: React.ReactNode | JSX.Element;
     /** An `href`, for links */
     href?: string | undefined;
+    /** An `onBlur`, for buttons */
+    onBlur?: ((e: React.FocusEvent<Element, Element>) => void) | undefined;
     /** An `onClick`, for buttons */
     onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+    /** An `onFocus`, for buttons */
+    onFocus?: ((e: React.FocusEvent<Element, Element>) => void) | undefined;
+    /** An `onKeyDown`, for buttons */
+    onKeyDown?: ((e: React.KeyboardEvent<Element>) => void) | undefined;
     /** `for`, for labels */
     htmlFor?: string | undefined;
+    /** Additional aria props */
+    'aria-expanded'?: boolean | undefined;
+    'aria-controls'?: string | undefined;
 }, HTMLElement>>;
 export default _default;

package/discussion/components/likes/likes.d.ts

@@ -31,6 +31,5 @@ declare const Likes: ({ element, likes, peopleWhoLiked, isShort, userLiked, cont
     onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
     onMouseEnter: () => void;
     onMouseLeave: () => void;
-    onBlur: () => void;
 }, HTMLElement>;
 export default Likes;

package/form/components/rich-text-editor/components/toolbar/components/link-editor/link-editor.helpers.d.ts

@@ -1,5 +1,5 @@
 import { BaseEditor } from 'slate';
 export declare const isLinkActive: (editor: BaseEditor) => boolean;
-export declare const insertLink: (editor: BaseEditor, url: string) => void;
-export declare const wrapLink: (editor: BaseEditor, url: string) => void;
+export declare const insertLink: (editor: BaseEditor, url: string, id: string) => void;
+export declare const wrapLink: (editor: BaseEditor, url: string, id: string) => void;
 export declare const unwrapLink: (editor: BaseEditor) => void;

package/form/components/rich-text-editor/plugins/with-linlines/with-inlines.d.ts

@@ -1,5 +1,5 @@
 import { BaseEditor } from 'slate';
 import { HistoryEditor } from 'slate-history';
 import { ReactEditor } from 'slate-react';
-declare const withInlines: (editor: BaseEditor & ReactEditor & HistoryEditor) => BaseEditor & ReactEditor & HistoryEditor;
+declare const withInlines: (editor: BaseEditor & ReactEditor & HistoryEditor, id: string) => BaseEditor & ReactEditor & HistoryEditor;
 export default withInlines;

package/general/link/link.d.ts

@@ -12,12 +12,16 @@ interface Props {
     onClick?: ((e?: React.MouseEvent<HTMLElement>) => void) | undefined;
     /** Function to be called when focused */
     onFocus?: ((e?: React.FocusEvent<HTMLElement>) => void) | undefined;
+    /** Function to be called when key is pressed */
+    onKeyDown?: ((e?: React.KeyboardEvent<HTMLElement>) => void) | undefined;
     /** GTM event context */
     gtmContext?: string;
     /** GTM event type */
     gtmType?: string;
     /** Target for link */
     target?: '_blank' | '_self' | '_parent' | '_top';
+    /** The tab index of the link, e.g. in case we're setting up event handlers to move the focus on arrow press and want to remove the default tabability of the link */
+    tabIndex?: number;
     /** Whether link should be disabled */
     disabled?: boolean;
     /** An ARIA label for the link */

package/helpers/intl.d.ts

@@ -132,6 +132,7 @@ export declare const checkIntlPathExists: (path: string, language?: {
     discussion_likes_more: string;
     discussion_likes_like: string;
     discussion_likes_unlike: string;
+    discussion_likes_show: string;
     discussion_moreMenu_edit: string;
     discussion_moreMenu_delete: string;
     discussion_moreMenu_report: string;