@apolitical/component-library 2.1.1-beta.0 → 2.1.2

package/context/global/global.providers.d.ts

@@ -5,6 +5,7 @@ interface Props {
     bootstrap: () => Promise<IUserContext>;
     children: React.ReactNode;
     intl?: IIntlContext;
+    showDevTools?: boolean;
 }
-export declare const GlobalProviders: ({ bootstrap, children, intl }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalProviders: ({ bootstrap, children, intl, showDevTools }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
 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<{
+    onMultiSelectSubmit?: ((arg1: import("../../../form.types").FormValues) => void) | undefined;
     onBlur?: (() => void) | undefined;
     onFocus?: (() => void) | undefined;
     'aria-describedby'?: string | undefined;
@@ -17,6 +18,10 @@ export declare const Checkbox: ({ className, disabled, element, functions: allFu
     initialValue?: import("../../../form.types").FormValues;
     limit?: number | undefined;
     multiSelect?: boolean | undefined;
+    multiSelectOptions?: {
+        topbar?: boolean | undefined;
+        submitSection?: boolean | undefined;
+    } | undefined;
     name?: string | undefined;
     options?: import("../../../form.types").IFieldOption[] | undefined;
     placeholder?: string | undefined;

package/form/components/form/components/fields/dropdown-menu/dropdown-menu.d.ts

@@ -1,3 +1,3 @@
 import { IField } from '../../../../../../form/components/form/form.types';
-declare const DropdownMenu: ({ className, options, initialValue, value, functions: allFunctions, gtm: { context }, }: IField) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenu: ({ className, options, initialValue, value, functions: allFunctions, gtm: { context }, placeholder, multiSelect, multiSelectOptions, id, }: IField) => import("react/jsx-runtime").JSX.Element;
 export default DropdownMenu;

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { IField, InputTypes, InputValues } from '../../../form.types';
 export declare const Input: ({ className, element, id, inputRef: ref, functions, name, placeholder, type, value, ...props }: IField) => React.DOMElement<{
     onChange: (e: React.FormEvent<HTMLInputElement>) => void;
+    onMultiSelectSubmit?: ((arg1: import("../../../form.types").FormValues) => void) | undefined;
     onBlur?: (() => void) | undefined;
     onFocus?: (() => void) | undefined;
     type: InputTypes;
@@ -27,6 +28,10 @@ export declare const Input: ({ className, element, id, inputRef: ref, functions,
     label?: React.ReactNode;
     limit?: number | undefined;
     multiSelect?: boolean | undefined;
+    multiSelectOptions?: {
+        topbar?: boolean | undefined;
+        submitSection?: boolean | undefined;
+    } | undefined;
     options?: import("../../../form.types").IFieldOption[] | undefined;
     props?: {
         [key: string]: string | boolean | React.RefObject<any> | (() => void);

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

@@ -89,6 +89,8 @@ export interface IField {
                 [key: string]: string | boolean;
             };
         }) => void) => void;
+        /** The function to call when the field is submitted */
+        onMultiSelectSubmit?: (arg1: FormValues) => void;
         /** The function to call when the field is blurred */
         onBlur?: () => void;
         /** The function to call when the field is focused */
@@ -115,6 +117,13 @@ export interface IField {
     limit?: number;
     /** Whether the field can have multiple values, for checkboxes */
     multiSelect?: boolean;
+    /** The additional options for multiselect, for dropdowns */
+    multiSelectOptions?: {
+        /** Whether to display the topbar in the dropdown - this includes a total of the checked boxes and an option to select all or none */
+        topbar?: boolean;
+        /** Whether to display the submit button in the dropdown - this allows the user to submit the dropdown only */
+        submitSection?: boolean;
+    };
     /** The name of the field */
     name?: string;
     /** The options for the field, for checkboxes and dropdowns */
@@ -145,6 +154,8 @@ export interface FormButtonPropsType extends ButtonPropsType {
     customOnSubmit?: React.ReactNode | false;
     /** The text to show on the button */
     text?: string;
+    /** The option to not have the submit button at all */
+    hideButton?: boolean;
 }
 export interface IFormProps {
     /** The form submit button */

package/general/image-container/image-container.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ResponsiveImageType } from '../responsive-image';
+interface Props {
+    /** The image to display */
+    image?: ResponsiveImageType | null;
+    /** Additional classes */
+    className?: string;
+    /** Optional custom testId for unit testing */
+    testId?: string;
+}
+declare const ImageContainer: React.FC<Props>;
+export default ImageContainer;

package/general/image-container/index.d.ts

@@ -0,0 +1 @@
+export { default as ImageContainer } from './image-container';

package/general/index.d.ts

@@ -1,5 +1,7 @@
 export * from './buttons';
 export * from './divider';
+export * from './image-container';
 export * from './link';
 export * from './responsive-image';
+export * from './return-to-nav-button';
 export * from './tooltip';

package/general/return-to-nav-button/index.d.ts

@@ -0,0 +1 @@
+export { default as ReturnToNavButton } from './return-to-nav-button';

package/general/return-to-nav-button/return-to-nav-button.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    /** Id of the element to scroll to */
+    elementId: string;
+    /** Offset from the top of the element to scroll to */
+    offset?: number;
+}
+declare const ReturnToNavButton: React.FC<Props>;
+export default ReturnToNavButton;