@ssa-ui-kit/core 1.0.5 → 1.0.8

package/dist/components/Typeahead/Typeahead.context.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { FieldValues, UseFormReturn } from 'react-hook-form';
 import { UseTypeaheadResult } from './useTypeahead';
 export declare const TypeaheadContext: React.Context<{
     isOpen: boolean;
@@ -22,8 +23,9 @@ export declare const TypeaheadContext: React.Context<{
     status: "error" | "basic" | "success";
     placeholder: string | null | undefined;
     options: React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
-    register: import("react-hook-form").UseFormRegister<import("react-hook-form").FieldValues> | undefined;
-    setValue: import("react-hook-form").UseFormSetValue<import("react-hook-form").FieldValues> | undefined;
+    useFormResult: UseFormReturn<FieldValues, any, undefined>;
+    register: import("react-hook-form").UseFormRegister<FieldValues> | undefined;
+    setValue: import("react-hook-form").UseFormSetValue<FieldValues> | undefined;
     handleChange: (changingValue?: string | number | undefined) => void;
     handleClearAll: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     handleOpenChange: (open: boolean) => void;

package/dist/components/Typeahead/Typeahead.d.ts

@@ -8,4 +8,4 @@ import { TypeaheadProps } from './types';
  * Aria attributes are set according to
  * https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
  **/
-export declare const Typeahead: ({ name, label, initialSelectedItems, isOpen, isDisabled, isMultiple, children, className, startIcon, endIcon, errors, success, helperText, validationSchema, placeholder, startIconClassName, endIconClassName, optionsClassName, setValue, register, onChange, renderOption, }: TypeaheadProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const Typeahead: ({ name, label, initialSelectedItems, isOpen, isDisabled, isMultiple, children, className, startIcon, endIcon, error, success, helperText, validationSchema, placeholder, startIconClassName, endIconClassName, optionsClassName, wrapperClassName, width, setValue, register, onChange, renderOption, }: TypeaheadProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/Typeahead/styles.d.ts

@@ -1,46 +1,47 @@
 /// <reference types="react" />
+import { Theme } from '@emotion/react';
 import { useTypeahead } from './useTypeahead';
 import { TypeaheadItemProps } from './types';
 export declare const TypeaheadOptionsBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
 export declare const TypeaheadOption: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & TypeaheadItemProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const TypeaheadInput: string;
+export declare const TypeaheadInput: (theme: Theme) => string;
 export declare const TypeaheadInputPlaceholder: string;
 export declare const TypeaheadInputWrapper: string;
 export declare const TypeaheadItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     isDisabled?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TypeaheadItemLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     isDisabled?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TypeaheadItemCross: import("@emotion/styled").StyledComponent<import("../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: Theme | undefined;
 }, {}, {}>;
 export declare const TypeaheadInputsGroupWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     avatarSize?: number | undefined;
     direction?: string | undefined;
     alignItems?: string | undefined;
 } & import("../..").CommonProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: Theme | undefined;
 } & {
     isOpen: boolean;
 }, {}, {}>;
 export declare const TypeaheadTrigger: import("@emotion/styled").StyledComponent<Omit<import("react").HTMLProps<HTMLElement> & import("../Button/types").ButtonProps & import("../Popover/types").PopoverTriggerProps, "ref"> & import("react").RefAttributes<HTMLElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: Theme | undefined;
 } & {
     isOpen: boolean;
     status: ReturnType<typeof useTypeahead>['status'];

package/dist/components/Typeahead/types.d.ts

@@ -10,6 +10,8 @@ export interface TypeaheadProps {
     children?: React.ReactNode;
     className?: string;
     optionsClassName?: string;
+    wrapperClassName?: string;
+    width?: string | number;
     isOpen?: boolean;
     startIcon?: React.ReactNode;
     endIcon?: React.ReactNode;
@@ -18,7 +20,7 @@ export interface TypeaheadProps {
     name?: string;
     label?: string;
     helperText?: string;
-    errors?: FieldError;
+    error?: FieldError;
     success?: boolean;
     validationSchema?: Record<string, unknown>;
     placeholder?: string | null;
@@ -31,7 +33,7 @@ export interface TypeaheadProps {
         label: string;
     }) => React.ReactNode;
 }
-export type UseTypeaheadProps = Pick<TypeaheadProps, 'initialSelectedItems' | 'isDisabled' | 'children' | 'isMultiple' | 'onChange' | 'renderOption' | 'isOpen' | 'className' | 'startIcon' | 'endIcon' | 'startIconClassName' | 'endIconClassName' | 'name' | 'register' | 'setValue' | 'validationSchema' | 'errors' | 'success' | 'placeholder'>;
+export type UseTypeaheadProps = Pick<TypeaheadProps, 'initialSelectedItems' | 'isDisabled' | 'children' | 'isMultiple' | 'onChange' | 'renderOption' | 'isOpen' | 'className' | 'startIcon' | 'endIcon' | 'startIconClassName' | 'endIconClassName' | 'name' | 'register' | 'setValue' | 'validationSchema' | 'error' | 'success' | 'placeholder'>;
 export interface TypeaheadItemsListProps extends CommonProps {
     children?: React.ReactNode;
     noItemsMessage?: string;

package/dist/components/Typeahead/useTypeahead.d.ts

@@ -1,6 +1,6 @@
 import React, { MouseEventHandler } from 'react';
 import { UseTypeaheadProps } from './types';
-export declare const useTypeahead: ({ name, isOpen: isInitOpen, initialSelectedItems, isDisabled, isMultiple, children, className, startIcon, endIcon, startIconClassName, endIconClassName, validationSchema, errors, success, placeholder, register, setValue, onChange, renderOption, }: UseTypeaheadProps) => {
+export declare const useTypeahead: ({ name, isOpen: isInitOpen, initialSelectedItems, isDisabled, isMultiple, children, className, startIcon, endIcon, startIconClassName, endIconClassName, validationSchema, error, success, placeholder, register, setValue, onChange, renderOption, }: UseTypeaheadProps) => {
     isOpen: boolean;
     isDisabled: boolean | undefined;
     optionsWithKey: Record<string | number, Record<string, string | number>>;
@@ -22,6 +22,7 @@ export declare const useTypeahead: ({ name, isOpen: isInitOpen, initialSelectedI
     status: "error" | "basic" | "success";
     placeholder: string | null | undefined;
     options: React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
+    useFormResult: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any, undefined>;
     register: import("react-hook-form").UseFormRegister<import("react-hook-form").FieldValues> | undefined;
     setValue: import("react-hook-form").UseFormSetValue<import("react-hook-form").FieldValues> | undefined;
     handleChange: (changingValue?: string | number) => void;