@apolitical/component-library 2.1.9 → 2.2.0

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

@@ -4,6 +4,7 @@ export declare const Checkbox: ({ className, disabled, element, functions: allFu
     onMultiSelectSubmit?: ((arg1: import("../../../form.types").FormValues) => void) | undefined;
     onBlur?: (() => void) | undefined;
     onFocus?: (() => void) | undefined;
+    onKeyInput?: (<T>(arg1: import("../../../form.types").FormValues) => Promise<T>) | undefined;
     'aria-describedby'?: string | undefined;
     'aria-invalid'?: boolean | undefined;
     'aria-required'?: boolean | undefined;

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

@@ -1,4 +1,5 @@
 export * from './input';
+export * from './input-autocomplete';
 export * from './checkbox';
 export * from './dropdown-menu';
 export * from './multiple-options';

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

@@ -5,6 +5,7 @@ export declare const Input: ({ className, element, id, inputRef: ref, functions,
     onMultiSelectSubmit?: ((arg1: import("../../../form.types").FormValues) => void) | undefined;
     onBlur?: (() => void) | undefined;
     onFocus?: (() => void) | undefined;
+    onKeyInput?: (<T>(arg1: import("../../../form.types").FormValues) => Promise<T>) | undefined;
     type: InputTypes;
     id: string | undefined;
     name: string | undefined;

package/form/components/form/components/fields/input-autocomplete/index.d.ts

@@ -0,0 +1 @@
+export { default as InputAutocomplete } from './input-autocomplete';

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

@@ -0,0 +1,3 @@
+import { IField } from '../../../form.types';
+declare const PlacesAutocomplete: ({ value, placeholder, functions, }: IField) => import("react/jsx-runtime").JSX.Element;
+export default PlacesAutocomplete;

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

@@ -5,7 +5,7 @@ import { IntlShape } from 'react-intl';
 export type InputValues = string | number | boolean | null;
 export type MultipleInputValues = InputValues[];
 export type FormValues = InputValues | MultipleInputValues | undefined;
-export type InputTypes = 'text' | 'textarea' | 'email' | 'checkbox' | 'select' | 'radio' | 'password';
+export type InputTypes = 'text' | 'textarea' | 'email' | 'checkbox' | 'select' | 'radio' | 'password' | 'autocomplete';
 export interface ILabel {
     /** The element to be used, defaulting to `label` */
     element?: string;
@@ -95,6 +95,8 @@ export interface IField {
         onBlur?: () => void;
         /** The function to call when the field is focused */
         onFocus?: () => void;
+        /** The function to call when a key is pressed */
+        onKeyInput?: <T>(arg1: FormValues) => Promise<T>;
     };
     /** The Google Tag Manager data to be passed to the field */
     gtm?: {

package/form/components/index.d.ts

@@ -3,3 +3,4 @@ export * from './form';
 export * from './password-rules';
 export * from './rating';
 export * from './toggle';
+export * from './profile-image-change';

package/form/components/profile-image-change/index.d.ts

@@ -0,0 +1 @@
+export { default as ProfileImageChange } from './profile-image-change';

package/form/components/profile-image-change/profile-image-change.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+interface IUploadImageResponse {
+    thumbnailURL: string;
+    originalURL: string;
+}
+type TSetUserImage = (value: React.SetStateAction<IUploadImageResponse>) => void;
+interface IUploadImageProps {
+    fileObject: File;
+    userId: string;
+}
+interface Props {
+    /** Additional classes */
+    className?: string;
+    /** User ID */
+    userId: string;
+    /** User name */
+    userName: string;
+    /** Thumbnail image */
+    src?: string;
+    /** Function to upload the image */
+    uploadImage: ({ fileObject, userId }: IUploadImageProps) => Promise<IUploadImageResponse>;
+    /** Function to set the profile info */
+    setUserImage: TSetUserImage;
+}
+declare function ProfileImageChange({ className, userId, userName, src, setUserImage, uploadImage, }: Props): import("react/jsx-runtime").JSX.Element;
+export default ProfileImageChange;

package/index.d.ts

@@ -18,4 +18,4 @@ export * from './sections';
 export * from './text';
 export * from './user';
 export * from './helpers/prerender';
-export { passwordValidator } from './helpers';
+export { passwordValidator, generateCssIcon } from './helpers';