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

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, readOnly, className, onBlur, ...otherProps }: InputGroupProps<T, V>) => JSX.Element;

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

@@ -1,16 +1,27 @@
 /// <reference types="react" />
+import { InputGroupAddonPosition } from "./types";
 interface StyleProps {
     disabled?: boolean;
+    $readOnly?: boolean;
     $expanded?: boolean;
+    $position?: InputGroupAddonPosition;
+}
+interface DividerStyleProps {
+    $readOnly?: boolean;
+    $position?: InputGroupAddonPosition;
 }
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ElementBoundary: import("styled-components").StyledComponent<"div", any, import("../input-select/input-select.styles").InputSelectStyleProps, never>;
 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 SelectorReadOnly: import("styled-components").StyledComponent<"div", 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>;
-export declare const Divider: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Divider: import("styled-components").StyledComponent<"div", any, DividerStyleProps, never>;
 export {};

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

@@ -1,15 +1,11 @@
 /// <reference types="react" />
-interface AddonStyleProps {
+import { InputGroupAddonPosition } from "./types";
+export interface AddonStyleProps {
     disabled?: boolean;
     $error?: boolean;
     $readOnly?: boolean;
-    $position?: "left" | "right";
-}
-interface MainInputStyleProps {
-    $position?: "left" | "right" | undefined;
+    $position?: InputGroupAddonPosition;
 }
 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, {}, 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,21 +1,21 @@
 /// <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 declare type InputGroupAddonPosition = "left" | "right" | undefined;
 export interface CustomAddon {
     children?: JSX.Element | undefined;
 }
 export interface LabelAddon {
     value?: string | undefined;
 }
-export interface ListAddon<T, V> extends DropdownDisplayExtractorProps<T, V>, DropdownSearchProps<T> {
-    value?: T | undefined;
+export interface ListAddon<T, V> extends DropdownDisplayProps<T, V>, DropdownSearchProps<T> {
     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,17 +23,18 @@ 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;
     attributes: ListAddon<T, V> | LabelAddon | CustomAddon;
-    position?: "left" | "right" | undefined;
+    position?: InputGroupAddonPosition;
 }
 export interface InputGroupProps<T, V> extends InputProps {
-    addon?: AddonProps<T, V>;
+    addon?: AddonProps<T, V> | undefined;
+    onBlur?: (() => void) | undefined;
 }
 /** To be exposed for Form component inheritance */
 export declare type InputGroupPartialProps<T, V> = Omit<InputGroupProps<T, V>, "error">;