@lifesg/react-design-system 1.0.0-alpha.2 → 1.0.0-alpha.20

package/input-group/input-group-list-addon.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { InputGroupProps } from "./types";
-export declare const InputGroupListAddon: <T, V>({ addon, error, ...otherProps }: InputGroupProps<T, V>) => JSX.Element;
+export declare const InputGroupListAddon: <T, V>({ addon, error, onChange, ...otherProps }: InputGroupProps<T, V>) => JSX.Element;

package/input-group/input-group-list-addon.style.d.ts

@@ -8,7 +8,10 @@ export declare const ElementBoundary: import("styled-components").StyledComponen
 export declare const DisplayContainer: import("styled-components").StyledComponent<"div", any, StyleProps, never>;
 export declare const Selector: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const IconContainer: import("styled-components").StyledComponent<"div", any, StyleProps, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<({ type, ...props }: import("..").IconProps) => JSX.Element, any, {}, never>;
+export declare const StyledChevronIcon: import("styled-components").StyledComponent<{
+    (props: import("react").SVGProps<SVGSVGElement>): JSX.Element;
+    displayName: string;
+}, any, {}, never>;
 export declare const LabelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ValueLabel: import("styled-components").StyledComponent<"p", any, import("..").TextProps, never>;
 export declare const PlaceholderLabel: import("styled-components").StyledComponent<"p", any, import("..").TextProps, never>;

package/input-group/input-group.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { InputGroupProps } from "./types";
-export declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps<unknown, unknown> & React.RefAttributes<HTMLInputElement>>;
+export declare const InputGroup: <T, V>(props: InputGroupProps<T, V> & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/input-group/input-group.style.d.ts

@@ -9,7 +9,6 @@ interface MainInputStyleProps {
     $position?: "left" | "right" | undefined;
 }
 export declare const Container: import("styled-components").StyledComponent<"div", any, AddonStyleProps, never>;
-export declare const MainInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").InputProps & import("react").RefAttributes<HTMLInputElement>>, any, MainInputStyleProps, never>;
+export declare const MainInput: import("styled-components").StyledComponent<(props: import("..").InputProps & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, any, MainInputStyleProps, never>;
 export declare const AddOnContainer: import("styled-components").StyledComponent<"div", any, AddonStyleProps, never>;
-export declare const IconContainer: import("styled-components").StyledComponent<({ type, ...props }: import("../icon").IconProps) => JSX.Element, any, {}, never>;
 export {};

package/input-group/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { InputProps } from "../input/types";
-import { DropdownDisplayExtractorProps, DropdownSearchProps, ItemsLoadStateType, TruncateType } from "../shared/dropdown-list/types";
+import { DropdownDisplayProps, DropdownSearchProps, ItemsLoadStateType, TruncateType } from "../shared/dropdown-list/types";
 export declare type InputGroupAddonType = "label" | "list" | "custom";
 export interface CustomAddon {
     children?: JSX.Element | undefined;
@@ -8,14 +8,14 @@ export interface CustomAddon {
 export interface LabelAddon {
     value?: string | undefined;
 }
-export interface ListAddon<T, V> extends DropdownDisplayExtractorProps<T, V>, DropdownSearchProps<T> {
+export interface ListAddon<T, V> extends DropdownDisplayProps<T, V>, DropdownSearchProps<T> {
     value?: T | undefined;
     placeholder?: string | undefined;
-    displayValueExtractor?: (item: T) => string | undefined;
+    displayValueExtractor?: ((item: T) => string) | undefined;
     "data-selector-testid"?: string | undefined;
     options?: T[] | undefined;
     selectedOption?: T | undefined;
-    onSelectOption?: (option: T, extractedValue: T | V) => void | undefined;
+    onSelectOption?: ((option: T, extractedValue: T | V) => void) | undefined;
     /**
      * Used when items are loaded from an api call.
      * Values: "loading" | "fail" | "success"
@@ -23,9 +23,9 @@ export interface ListAddon<T, V> extends DropdownDisplayExtractorProps<T, V>, Dr
     optionsLoadState?: ItemsLoadStateType | undefined;
     /** Specifies the truncation type. Truncated text will be replaced with ellipsis. Values: "middle" | "end" */
     optionTruncationType?: TruncateType | undefined;
-    onRetry?: () => void | undefined;
-    onHideOptions?: () => void | undefined;
-    onShowOptions?: () => void | undefined;
+    onRetry?: (() => void) | undefined;
+    onHideOptions?: (() => void) | undefined;
+    onShowOptions?: (() => void) | undefined;
 }
 export interface AddonProps<T, V> {
     type?: InputGroupAddonType | undefined;
@@ -33,7 +33,7 @@ export interface AddonProps<T, V> {
     position?: "left" | "right" | undefined;
 }
 export interface InputGroupProps<T, V> extends InputProps {
-    addon?: AddonProps<T, V>;
+    addon?: AddonProps<T, V> | undefined;
 }
 /** To be exposed for Form component inheritance */
 export declare type InputGroupPartialProps<T, V> = Omit<InputGroupProps<T, V>, "error">;