@ssa-ui-kit/core 2.16.4 → 2.17.0

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -1,4 +1,18 @@
-import { ColorPickerProps, Colors } from './types';
-export declare const mapColors: Colors;
-declare const ColorPicker: ({ onChange, initColor }: ColorPickerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default ColorPicker;
+import '@rc-component/color-picker/assets/index.css';
+declare const COLOR_FORMAT: {
+    readonly hex: "HEX";
+    readonly rgb: "RGB";
+    readonly hsl: "HSL";
+};
+type ColorFormat = keyof typeof COLOR_FORMAT;
+export interface ColorPickerProps {
+    defaultColor?: string;
+    color?: string;
+    disabledAlpha?: boolean;
+    disabled?: boolean;
+    format?: ColorFormat;
+    defaultFormat?: ColorFormat;
+    onChange?: (color: string) => void;
+}
+export declare const ColorPicker: ({ color: providedColor, defaultColor, disabledAlpha, disabled, format: providedFormat, defaultFormat, onChange, }: ColorPickerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ColorPicker/components/BaseInput.d.ts

@@ -0,0 +1,4 @@
+export declare const BaseInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;

package/dist/components/ColorPicker/components/CopyButton.d.ts

@@ -0,0 +1,3 @@
+export declare const CopyButton: import("@emotion/styled").StyledComponent<import("../../Button/types").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/dist/components/ColorPicker/components/HexInput.d.ts

@@ -0,0 +1,6 @@
+import { Color } from '@rc-component/color-picker';
+export interface HexInputProps {
+    color?: Color | string;
+    onChange: (color: string) => void;
+}
+export declare const HexInput: ({ color, onChange }: HexInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/ColorPicker/components/HlsInput.d.ts

@@ -0,0 +1,6 @@
+import { Color } from '@rc-component/color-picker';
+export interface HlsInputProps {
+    color?: Color | string;
+    onChange: (color: string) => void;
+}
+export declare const HlsInput: ({ color, onChange }: HlsInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/ColorPicker/components/RgbInput.d.ts

@@ -0,0 +1,6 @@
+import { Color } from '@rc-component/color-picker';
+export interface RgbInputProps {
+    color?: Color | string;
+    onChange: (color: string) => void;
+}
+export declare const RgbInput: ({ color, onChange }: RgbInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/ColorPicker/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './HexInput';
+export * from './HlsInput';
+export * from './RgbInput';
+export * from './CopyButton';

package/dist/components/ColorPicker/index.d.ts

@@ -1 +1 @@
-export { default } from './ColorPicker';
+export * from './ColorPicker';

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

@@ -4,13 +4,13 @@ import { UseTypeaheadResult } from './useTypeahead';
 export declare const TypeaheadContext: React.Context<{
     isOpen: boolean;
     isDisabled: boolean | undefined;
-    optionsWithKey: Record<string | number, Record<string, string | number>>;
-    selectedItems: (string | number)[];
+    optionsWithKey: Record<string | number, import("./types").TypeaheadOptionProps>;
+    selectedItems: import("./types").TypeaheadValue[];
     inputRef: React.RefObject<HTMLInputElement>;
     firstSuggestion: string;
     isMultiple: boolean | undefined;
     typeaheadId: string;
-    triggerRef: React.MutableRefObject<HTMLDivElement | null>;
+    triggerRef: React.RefObject<HTMLDivElement>;
     className: string | undefined;
     startIcon: React.ReactNode;
     endIcon: React.ReactNode;
@@ -21,18 +21,18 @@ export declare const TypeaheadContext: React.Context<{
     inputValue: string;
     validationSchema: Record<string, unknown> | undefined;
     status: "error" | "success" | "basic";
+    error: import("react-hook-form").FieldError | import("react-hook-form").Merge<import("react-hook-form").FieldError, import("react-hook-form").FieldErrorsImpl<any>> | undefined;
     placeholder: string | null | undefined;
-    options: React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
+    options: (React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null)[];
     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) => void;
-    handleClearAll: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    handleOpenChange: (open: boolean) => void;
-    handleInputChange: React.ChangeEventHandler<HTMLInputElement>;
+    register: import("react-hook-form").UseFormRegister<FieldValues>;
+    setValue: import("react-hook-form").UseFormSetValue<FieldValues>;
+    onChange: ((selectedItem: import("./types").TypeaheadValue, isSelected: boolean) => void) | undefined;
+    handleClearAll: (e: React.MouseEvent) => void;
+    handleOpenChange: (open: boolean, event: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleInputClick: React.MouseEventHandler<HTMLInputElement>;
     handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
-    handleSelectedClick: React.MouseEventHandler<HTMLDivElement>;
-    handleRemoveSelectedClick: (selectedItem: number | string) => React.MouseEventHandler<HTMLButtonElement>;
+    handleRemoveSelectedClick: (value: string | number) => (e: React.MouseEvent) => void;
 }>;
 export declare const useTypeaheadContext: () => UseTypeaheadResult;

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, selectedItems, isOpen, isDisabled, isMultiple, children, className, startIcon, endIcon, error, success, helperText, validationSchema, placeholder, startIconClassName, endIconClassName, optionsClassName, wrapperClassName, width, setValue, register, onChange, onEmptyChange, onClearAll, onRemoveSelectedClick, renderOption, }: TypeaheadProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Typeahead: ({ name, label, selectedItems, defaultSelectedItems, isOpen, isDisabled, isMultiple, children, className, startIcon, endIcon, error, success, helperText, validationSchema, placeholder, startIconClassName, endIconClassName, optionsClassName, wrapperClassName, width, onChange, onEmptyChange, onClearAll, onRemoveSelectedClick, renderOption, }: TypeaheadProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,10 @@
 import { CommonProps } from '../../types/emotion';
-import { FieldError, FieldValues, UseFormReturn, UseFormSetValue } from 'react-hook-form';
+import { FieldError } from 'react-hook-form';
 export type TypeaheadValue = string | number;
 export type TypeaheadOptionProps = Record<string, TypeaheadValue>;
 export interface TypeaheadProps {
     selectedItems?: Array<TypeaheadValue>;
+    defaultSelectedItems?: Array<TypeaheadValue>;
     isMultiple?: boolean;
     isDisabled?: boolean;
     children?: React.ReactNode;
@@ -23,8 +24,8 @@ export interface TypeaheadProps {
     success?: boolean;
     validationSchema?: Record<string, unknown>;
     placeholder?: string | null;
-    setValue?: UseFormSetValue<FieldValues>;
-    register?: UseFormReturn['register'];
+    filterOptions?: boolean;
+    autoSelect?: boolean;
     onChange?: (selectedItem: TypeaheadValue, isSelected: boolean) => void;
     onClearAll?: () => void;
     onRemoveSelectedClick?: (selectedItem: TypeaheadValue) => void;
@@ -35,7 +36,7 @@ export interface TypeaheadProps {
         label: string;
     }) => React.ReactNode;
 }
-export type UseTypeaheadProps = Pick<TypeaheadProps, 'selectedItems' | 'isDisabled' | 'children' | 'isMultiple' | 'onChange' | 'onClearAll' | 'onRemoveSelectedClick' | 'onEmptyChange' | 'renderOption' | 'isOpen' | 'className' | 'startIcon' | 'endIcon' | 'startIconClassName' | 'endIconClassName' | 'name' | 'register' | 'setValue' | 'validationSchema' | 'error' | 'success' | 'placeholder'>;
+export type UseTypeaheadProps = Pick<TypeaheadProps, 'selectedItems' | 'defaultSelectedItems' | 'isDisabled' | 'children' | 'isMultiple' | 'onChange' | 'onClearAll' | 'onRemoveSelectedClick' | 'onEmptyChange' | 'renderOption' | 'isOpen' | 'className' | 'startIcon' | 'endIcon' | 'startIconClassName' | 'endIconClassName' | 'name' | 'validationSchema' | 'error' | 'success' | 'placeholder' | 'filterOptions' | 'autoSelect'>;
 export interface TypeaheadItemsListProps extends CommonProps {
     children?: React.ReactNode;
     noItemsMessage?: string;

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

@@ -1,15 +1,16 @@
-import React, { MouseEventHandler } from 'react';
-import { UseTypeaheadProps } from './types';
-export declare const useTypeahead: ({ name, isOpen: isInitOpen, selectedItems, isDisabled, isMultiple, children, className, startIcon, endIcon, startIconClassName, endIconClassName, validationSchema, error, success, placeholder, register, setValue, onChange, onClearAll, onRemoveSelectedClick, onEmptyChange, renderOption, }: UseTypeaheadProps) => {
+import React from 'react';
+import { OpenChangeReason } from '@floating-ui/react';
+import { TypeaheadOptionProps, TypeaheadValue, UseTypeaheadProps } from './types';
+export declare const useTypeahead: ({ name, isOpen: isInitOpen, selectedItems: providedSelectedItems, defaultSelectedItems, isDisabled, isMultiple, children, className, startIcon, endIcon, startIconClassName, endIconClassName, validationSchema, error, success, placeholder, filterOptions, autoSelect, onChange, onClearAll, onRemoveSelectedClick, onEmptyChange, renderOption, }: UseTypeaheadProps) => {
     isOpen: boolean;
     isDisabled: boolean | undefined;
-    optionsWithKey: Record<string | number, Record<string, string | number>>;
-    selectedItems: (string | number)[];
+    optionsWithKey: Record<string | number, TypeaheadOptionProps>;
+    selectedItems: TypeaheadValue[];
     inputRef: React.RefObject<HTMLInputElement>;
     firstSuggestion: string;
     isMultiple: boolean | undefined;
     typeaheadId: string;
-    triggerRef: React.MutableRefObject<HTMLDivElement | null>;
+    triggerRef: React.RefObject<HTMLDivElement>;
     className: string | undefined;
     startIcon: React.ReactNode;
     endIcon: React.ReactNode;
@@ -20,18 +21,18 @@ export declare const useTypeahead: ({ name, isOpen: isInitOpen, selectedItems, i
     inputValue: string;
     validationSchema: Record<string, unknown> | undefined;
     status: "error" | "success" | "basic";
+    error: import("react-hook-form").FieldError | import("react-hook-form").Merge<import("react-hook-form").FieldError, import("react-hook-form").FieldErrorsImpl<any>> | undefined;
     placeholder: string | null | undefined;
-    options: React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
+    options: (React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null)[];
     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;
-    handleClearAll: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    handleOpenChange: (open: boolean) => void;
-    handleInputChange: React.ChangeEventHandler<HTMLInputElement>;
+    register: import("react-hook-form").UseFormRegister<import("react-hook-form").FieldValues>;
+    setValue: import("react-hook-form").UseFormSetValue<import("react-hook-form").FieldValues>;
+    onChange: ((selectedItem: TypeaheadValue, isSelected: boolean) => void) | undefined;
+    handleClearAll: (e: React.MouseEvent) => void;
+    handleOpenChange: (open: boolean, event: Event, reason?: OpenChangeReason) => void;
+    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleInputClick: React.MouseEventHandler<HTMLInputElement>;
     handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
-    handleSelectedClick: React.MouseEventHandler<HTMLDivElement>;
-    handleRemoveSelectedClick: (selectedItem: number | string) => MouseEventHandler<HTMLButtonElement>;
+    handleRemoveSelectedClick: (value: string | number) => (e: React.MouseEvent) => void;
 };
 export type UseTypeaheadResult = ReturnType<typeof useTypeahead>;

package/dist/components/index.d.ts

@@ -6,7 +6,6 @@ export { default as CardBase } from './Card/CardBase';
 export { default as CardContent } from './CardContent';
 export { default as CardHeader } from './CardHeader';
 export { default as Checkbox } from './Checkbox';
-export { default as ColorPicker } from './ColorPicker';
 export { default as Dropdown } from './Dropdown';
 export { default as DropdownArrow } from './DropdownArrow';
 export { default as DropdownBase } from './DropdownBase';
@@ -68,8 +67,10 @@ export * from './AccordionGroup';
 export * from './AddNewAccountCard';
 export * from './ButtonGroup';
 export * from './CardList';
+export * from './Charts';
 export * from './Checkbox';
 export * from './CollapsibleNavBar';
+export * from './ColorPicker';
 export * from './DatePicker';
 export * from './DateRangePicker';
 export * from './Drawer';
@@ -87,8 +88,8 @@ export * from './NavBar';
 export * from './NestedTable';
 export * from './NotificationCard';
 export * from './NotificationMenu';
+export * from './NumberField';
 export * from './Pagination';
-export * from './Charts';
 export * from './Popover';
 export * from './ProgressInfo';
 export * from './ResponsiveImage';
@@ -99,7 +100,6 @@ export * from './TableFilters';
 export * from './Tag';
 export * from './Textarea';
 export * from './TextField';
-export * from './NumberField';
 export * from './Tooltip';
 export * from './Typeahead';
 export * from './Typography';