@apolitical/component-library 6.5.0-beta.0 → 6.5.1-beta.0

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

@@ -30,6 +30,7 @@ export declare const Checkbox: ({ className, disabled, element, functions: allFu
     multipleInputs?: {
         showCount?: boolean | undefined;
         label?: string | undefined;
+        defaultInputs?: number | undefined;
         maxInputs: number;
         hasButton?: false | import("../../../../../..").ButtonPropsType | undefined;
     } | undefined;
@@ -42,6 +43,7 @@ export declare const Checkbox: ({ className, disabled, element, functions: allFu
     required?: boolean | undefined;
     submitOnEnter?: boolean | undefined;
     styling?: {
+        autosizeToFit?: boolean | undefined;
         displayOptionsAsPills?: boolean | undefined;
     } | undefined;
     validation?: import("../../../form.types").IFieldValidation[] | undefined;

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

@@ -1,6 +1,6 @@
 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, autoFocus, label, ...props }: IField) => React.DOMElement<{
+import { IField, InputValues } from '../../../form.types';
+export declare const Input: ({ className, element, id, inputRef: ref, functions, name, placeholder, type, value, autoFocus, label, styling, ...props }: IField) => React.DOMElement<{
     onChange: (e: React.FormEvent<HTMLInputElement>) => void;
     onMultiSelectSubmit?: ((arg1: import("../../../form.types").FormValues) => void) | undefined;
     onBlur?: (() => void) | undefined;
@@ -8,7 +8,6 @@ export declare const Input: ({ className, element, id, inputRef: ref, functions,
     onKeyInput?: (<T>(arg1: import("../../../form.types").FormValues) => Promise<T>) | undefined;
     onKeyDown?: ((e: React.KeyboardEvent<HTMLElement>) => void) | undefined;
     submitForm?: ((arg: import("../../../form.types").IFormValues) => void) | undefined;
-    type: InputTypes;
     id: string | undefined;
     name: string | undefined;
     className: string;
@@ -44,6 +43,7 @@ export declare const Input: ({ className, element, id, inputRef: ref, functions,
     multipleInputs?: {
         showCount?: boolean | undefined;
         label?: string | undefined;
+        defaultInputs?: number | undefined;
         maxInputs: number;
         hasButton?: false | import("../../../../../..").ButtonPropsType | undefined;
     } | undefined;
@@ -54,9 +54,6 @@ export declare const Input: ({ className, element, id, inputRef: ref, functions,
     required?: boolean | undefined;
     shownValue?: InputValues | undefined;
     submitOnEnter?: boolean | undefined;
-    styling?: {
-        displayOptionsAsPills?: boolean | undefined;
-    } | undefined;
     validation?: import("../../../form.types").IFieldValidation[] | undefined;
     ref: React.RefObject<HTMLInputElement>;
 }, HTMLInputElement>;

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

@@ -153,6 +153,8 @@ export interface IField {
         showCount?: boolean;
         /** The template text for each label */
         label?: string;
+        /** The number of inputs to show by default, without a remove button */
+        defaultInputs?: number;
         /** How many inputs can be added in total */
         maxInputs: number;
         /** Whether to add options with a button */
@@ -175,6 +177,8 @@ export interface IField {
     /** Whether hitting enter on the field should submit the form */
     submitOnEnter?: boolean;
     styling?: {
+        /** Whether the input should automatically resize to fit; only works on `textarea` types */
+        autosizeToFit?: boolean;
         /** Whether to display options for the multiselect as pills */
         displayOptionsAsPills?: boolean;
     };
@@ -265,7 +269,11 @@ export interface IFieldWrapper extends IField {
     /** The setter to amend the fields to validate; this is needed for multiple inputs, to give each input its own error handling */
     fieldData?: {
         fields: IField[];
-        setFields: React.Dispatch<React.SetStateAction<IField[]>>;
+        multipleInputs: (string | undefined)[];
+        setFields: React.Dispatch<React.SetStateAction<{
+            fieldsToValidate: IField[];
+            multipleInputs: (string | undefined)[];
+        }>>;
         dispatch: React.Dispatch<IFormReducerAction>;
     };
     /** Optional siblings to render alongside component */

package/hooks/index.d.ts

@@ -1,3 +1,4 @@
+export { default as useAutoResize } from './use-auto-resize';
 export { default as useCurrentPath } from './use-current-path';
 export { default as useEffectAfterMount } from './use-effect-after-mount';
 export { default as useElementWidth } from './use-element-width';

package/hooks/use-auto-resize.d.ts

@@ -0,0 +1,3 @@
+import { MutableRefObject } from 'react';
+declare const _default: (shouldResize: boolean, inputRef?: MutableRefObject<HTMLTextAreaElement | HTMLInputElement | null>) => false | MutableRefObject<HTMLTextAreaElement | HTMLInputElement | null>;
+export default _default;