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

package/phone-number-input/phone-number-input-helper.d.ts

@@ -1,5 +1,5 @@
 import { CountryValue } from "./types";
 export declare namespace PhoneNumberInputHelper {
-    const getCountries: CountryValue[];
-    const formatNumber: (text: string, country: CountryValue | undefined) => string;
+    const getCountries: () => CountryValue[];
+    const formatNumber: (numberText?: string, country?: CountryValue) => string;
 }

package/phone-number-input/phone-number-input.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { PhoneNumberInputProps } from "./types";
-export declare const PhoneNumberInput: ({ onChange, value, allowClear, onClear, error, optionPlaceholder, optionSearchPlaceholder, enableSearch, onHideOptions, onShowOptions, placeholder, ...otherProps }: PhoneNumberInputProps) => JSX.Element;
+export declare const PhoneNumberInput: ({ onChange, value, allowClear, onClear, onBlur, error, fixedCountry, optionPlaceholder, optionSearchPlaceholder, enableSearch, onHideOptions, onShowOptions, placeholder, ...otherProps }: PhoneNumberInputProps) => JSX.Element;

package/phone-number-input/types.d.ts

@@ -15,14 +15,23 @@ export interface PhoneNumberInputValue {
     number?: string | undefined;
 }
 export interface PhoneNumberInputProps extends React.AriaAttributes {
+    /** The value of the input */
     value?: PhoneNumberInputValue | undefined;
     error?: boolean | undefined;
     /** Specifies if the clear button should be present in the input */
     allowClear?: boolean | undefined;
     "data-testid"?: string | undefined;
+    className?: string | undefined;
+    /**
+     * Specifies if the country code is a fixed value and the user
+     * cannot select another option
+     */
+    fixedCountry?: boolean | undefined;
     onChange?: ((value: PhoneNumberInputValue) => void) | undefined;
     /** Called when the clear button in the input field is clicked */
     onClear?: () => void | undefined;
+    /** Called when a defocus happens */
+    onBlur?: (() => void) | undefined;
     /** The placeholder value for the dropdown selector */
     optionPlaceholder?: string | undefined;
     /** The placeholder value for the dropdown search */

package/shared/dropdown-list/dropdown-list.d.ts

@@ -4,4 +4,4 @@ import { DropdownListProps } from "./types";
  * NOTE: This component is not directly exportables
  * but forms part of a component
  */
-export declare const DropdownList: <T, V>({ listItems, listExtractor, valueExtractor, onSelectItem, listStyleWidth, visible, enableSearch, searchPlaceholder, onSearch, searchFunction, onDismiss, multiSelect, selectedItems, onSelectAll, onRetry, itemsLoadState, itemTruncationType, renderListItem, ...otherProps }: DropdownListProps<T, V>) => JSX.Element;
+export declare const DropdownList: <T, V>({ listItems, listExtractor, valueExtractor, onSelectItem, listStyleWidth, visible, enableSearch, searchPlaceholder, onSearch, searchFunction, onDismiss, multiSelect, selectedItems, onSelectAll, onRetry, itemsLoadState, itemTruncationType, renderListItem, onBlur, ...otherProps }: DropdownListProps<T, V>) => JSX.Element;

package/shared/dropdown-list/types.d.ts

@@ -46,6 +46,7 @@ export interface DropdownListProps<T, V> extends React.HTMLAttributes<HTMLUListE
     onDismiss?: (() => void) | undefined;
     onSelectAll?: (() => void) | undefined;
     onRetry?: (() => void) | undefined;
+    onBlur?: (() => void) | undefined;
 }
 export interface ListItemSelectorProps {
     onClick?: (() => void) | undefined;

package/shared/input-wrapper/input-wrapper.d.ts

@@ -0,0 +1,8 @@
+interface StyleProps {
+    disabled?: boolean | undefined;
+    $error?: boolean | undefined;
+    $readOnly?: boolean | undefined;
+    $position?: "left" | "right" | undefined;
+}
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, StyleProps, never>;
+export {};