@apolitical/component-library 2.0.2-ac.2 → 2.0.2-ac.30

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 */
@@ -141,6 +150,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 button to render at the bottom of the form */