@apolitical/component-library 5.0.7-ac.0 → 5.0.7-ac.9

package/discussion/components/add-post/add-post.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import type { IDiscussionForm } from '../../../discussion/components/form';
+import { ICategory } from '../../shared';
 interface Props {
     /** Whether the form should be displayed as a card */
     isCard?: boolean;
@@ -7,6 +8,8 @@ interface Props {
     parentId?: string;
     /** Props for the form - this uses everything the `DiscussionForm` component does */
     form: IDiscussionForm;
+    /** The categories to show in the form */
+    categories?: ICategory[];
     /** Details about what a user needs to have to be able to access the form */
     membershipRequiredToPost: {
         /** Whether the user needs to be a member of the community to post */

package/discussion/components/form/form.type.d.ts

@@ -1,5 +1,6 @@
 import { type ListMembers, ClickMentionFallback } from '../../../form';
 import { DiscussionCreateContentFunction, IDiscussionContent, IListMemberData, IMentions } from './../../discussion';
+import { ICategory } from '../../shared';
 export interface IDiscussionFormMeta {
     /** Whether the form data is still loading */
     isLoading?: boolean;
@@ -23,6 +24,10 @@ export interface IDiscussionFormMeta {
     };
     /** Whether title text should show above the form */
     showTitle?: boolean;
+    /** What category options should be made available for the form */
+    postCategories?: ICategory[];
+    /** Whether the post type should show */
+    showPostType?: boolean;
     /** Whether the community guidelines text should show beneath the form */
     showGuidelines?: boolean;
     /** Whether to show a divider before the buttons */

package/discussion/shared/interfaces/community.category.interface.d.ts

@@ -0,0 +1,4 @@
+export interface ICategory {
+    name: string;
+    slug: string;
+}

package/discussion/shared/interfaces/index.d.ts

@@ -1,4 +1,5 @@
 export * from './activity.interface';
+export * from './community.category.interface';
 export * from './context.interface';
 export * from './reaction.interface';
 export * from './user.interface';

package/form/components/form/components/fields/checkbox/checkbox.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { IField } from '../../../form.types';
-export declare const Checkbox: ({ className, disabled, element, functions: allFunctions, id, inputRef: ref, intlPath, label, shownValue: value, type, value: isChecked, ...props }: IField) => React.DOMElement<{
+export declare const Checkbox: ({ className, disabled, element, functions: allFunctions, id, inputRef: ref, intlPath, label, shownValue: value, type, value: isChecked, accessibilityOptions: { checkboxes: { navigateWithArrowKeys } }, ...props }: IField) => React.DOMElement<{
     onMultiSelectSubmit?: ((arg1: import("../../../form.types").FormValues) => void) | undefined;
     onBlur?: (() => void) | undefined;
     onFocus?: (() => void) | undefined;
     onKeyInput?: (<T>(arg1: import("../../../form.types").FormValues) => Promise<T>) | undefined;
-    onKeyDown?: ((e: React.KeyboardEvent<HTMLElement>) => void) | undefined;
+    onKeyDown: ((e: React.KeyboardEvent<HTMLElement>) => void) | undefined;
     submitForm?: ((arg: import("../../../form.types").IFormValues) => void) | undefined;
     'aria-describedby'?: string | undefined;
     'aria-errormessage'?: string | undefined;

package/form/components/form/components/fields/input/input.d.ts

@@ -15,6 +15,11 @@ export declare const Input: ({ className, element, id, inputRef: ref, functions,
     value: InputValues;
     placeholder: string | undefined;
     autoFocus: boolean | undefined;
+    accessibilityOptions?: {
+        checkboxes?: {
+            navigateWithArrowKeys?: boolean | undefined;
+        } | undefined;
+    } | undefined;
     'aria-describedby'?: string | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-invalid'?: boolean | undefined;

package/form/components/form/components/fields/multiple-options/multiple-options.d.ts

@@ -1,3 +1,3 @@
 import { IField } from '../../../form.types';
-export declare const MultipleOptions: ({ className, functions, intlPath, id: groupId, label, multiSelect, name, options, required, type, value, ...props }: IField) => import("react/jsx-runtime").JSX.Element;
+export declare const MultipleOptions: ({ className, functions, intlPath, id: groupId, label, multiSelect, name, options, required, type, value, accessibilityOptions, ...props }: IField) => import("react/jsx-runtime").JSX.Element;
 export default MultipleOptions;

package/form/components/form/form.types.d.ts

@@ -82,6 +82,14 @@ export interface IFieldFunctions {
     submitForm?: (arg: IFormValues) => void;
 }
 export interface IField {
+    /** Additional accessibility configuration */
+    accessibilityOptions?: {
+        /** Additional options for checkboxes */
+        checkboxes?: {
+            /** Whether the field should be navigable with arrow keys */
+            navigateWithArrowKeys?: boolean;
+        };
+    };
     /** Optional ID of the element which describes this field, for screen readers */
     'aria-describedby'?: string;
     /** Optional ID of the element which provides an error message for this field */

package/helpers/intl.d.ts

@@ -127,6 +127,8 @@ export declare const checkIntlPathExists: (path: string, language?: {
     discussionFormCard_overlay_text: string;
     discussionFormCard_overlay_cta_discard: string;
     discussionFormCard_overlay_cta_continue: string;
+    discussion_form_postType_label: string;
+    'discussion_form__postType_no-category': string;
     discussion_form_title: string;
     discussion_form_titleField_label: string;
     discussion_form_titleField_placeholder: string;