@lifesg/react-design-system 1.0.0-alpha.17 → 1.0.0-alpha.18

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { InputSelectWrapperProps } from "./types";
-export declare const InputSelectWrapper: ({ children, show, error, disabled, testId, onBlur, }: InputSelectWrapperProps) => JSX.Element;
+export declare const InputSelectWrapper: ({ children, show, error, disabled, testId, onBlur, readOnly, }: InputSelectWrapperProps) => JSX.Element;

package/input-select/input-select.styles.d.ts

@@ -2,6 +2,7 @@
 import { TruncateType } from "../shared/dropdown-list/types";
 export interface InputSelectStyleProps {
     disabled?: boolean;
+    $readOnly?: boolean;
     error?: boolean;
     expanded?: boolean;
 }

package/input-select/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { DropdownDisplayProps, DropdownSearchProps, DropdownStyleProps, ItemsLoadStateType, TruncateType } from "../shared/dropdown-list/types";
 export interface InputSelectOptionsProps<T> {
-    options: T[] | undefined;
+    options: T[];
     /**
      * Used when options are loaded from an api call.
      * Values: "loading" | "fail" | "success"
@@ -9,9 +9,9 @@ export interface InputSelectOptionsProps<T> {
     optionsLoadState?: ItemsLoadStateType | undefined;
     /** Specifies the truncation type. Truncated text will be replaced with ellipsis. Values: "middle" | "end" */
     optionTruncationType?: TruncateType | undefined;
-    onShowOptions?: () => void | undefined;
-    onHideOptions?: () => void | undefined;
-    onRetry?: () => void | undefined;
+    onShowOptions?: (() => void) | undefined;
+    onHideOptions?: (() => void) | undefined;
+    onRetry?: (() => void) | undefined;
 }
 export interface InputSelectSharedProps<T> {
     /** HTML button props */
@@ -30,22 +30,24 @@ export interface InputSelectWrapperProps {
     error?: boolean | undefined;
     disabled?: boolean | undefined;
     testId?: string | undefined;
+    readOnly?: boolean | undefined;
 }
 export interface InputSelectProps<T, V> extends React.HTMLAttributes<HTMLElement>, InputSelectOptionsProps<T>, InputSelectSharedProps<T>, DropdownDisplayProps<T, V>, DropdownSearchProps<T>, DropdownStyleProps {
+    readOnly?: boolean | undefined;
     selectedOption?: T | undefined;
-    onSelectOption?: (option: T, extractedValue: V) => void | undefined;
+    onSelectOption?: ((option: T, extractedValue: V) => void) | undefined;
     /** Function to derive display value for selected option */
-    displayValueExtractor?: (option: T) => string | undefined;
+    displayValueExtractor?: ((option: T) => string) | undefined;
     /** Function to convert value into a string */
-    valueToStringFunction?: (value: V) => string | undefined;
+    valueToStringFunction?: ((value: V) => string) | undefined;
     /** Function to render selected custom component */
-    renderCustomSelectedOption?: (option: T) => JSX.Element | undefined;
+    renderCustomSelectedOption?: ((option: T) => JSX.Element) | undefined;
 }
 /** To be exposed for Form component inheritance */
 export declare type InputSelectPartialProps<T, V> = Omit<InputSelectProps<T, V>, "error">;
 export interface InputMultiSelectProps<T, V> extends React.HTMLAttributes<HTMLElement>, InputSelectOptionsProps<T>, InputSelectSharedProps<T>, DropdownDisplayProps<T, V>, DropdownSearchProps<T>, DropdownStyleProps {
     selectedOptions?: T[] | undefined;
-    onSelectOptions?: (options: T[]) => void | undefined;
+    onSelectOptions?: ((options: T[]) => void) | undefined;
 }
 /** To be exposed for Form component inheritance */
 export declare type InputMultiSelectPartialProps<T, V> = Omit<InputMultiSelectProps<T, V>, "error">;

package/input-textarea/types.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     error?: boolean | undefined;
     "data-testid"?: string | undefined;
-    renderCustomCounter?: (maxLength: number, currentValueLength: number) => JSX.Element;
+    renderCustomCounter?: ((maxLength: number, currentValueLength: number) => JSX.Element) | undefined;
 }
 /** To be exposed for Form component inheritance */
 export declare type TextareaPartialProps = Omit<TextareaProps, "error">;

package/link-list/types.d.ts

@@ -16,5 +16,5 @@ export interface LinkListProps<T> {
     className?: string | undefined;
     "data-testid"?: string | undefined;
     /** Captures item clicks on a component level */
-    onItemClick?: (item: LinkListItemProps<T>, event: React.MouseEvent<HTMLAnchorElement>) => void | undefined;
+    onItemClick?: ((item: LinkListItemProps<T>, event: React.MouseEvent<HTMLAnchorElement>) => void) | undefined;
 }

package/modal/types.d.ts

@@ -9,12 +9,12 @@ export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
     /** The identifier of the element to inject the Modal into */
     rootComponentId?: string | undefined;
     zIndex?: number | undefined;
-    onOverlayClick?: () => void | undefined;
+    onOverlayClick?: (() => void) | undefined;
     /** Dismiss keyboard to keep modal in fullscreen */
-    dismissKeyboardOnShow?: boolean;
+    dismissKeyboardOnShow?: boolean | undefined;
 }
 export interface ModalBoxProps extends React.HTMLAttributes<HTMLDivElement> {
     children: JSX.Element | JSX.Element[];
     showCloseButton?: boolean | undefined;
-    onClose?: () => void | undefined;
+    onClose?: (() => void) | undefined;
 }

package/navbar/brand.d.ts

@@ -4,7 +4,7 @@ interface Props {
     resources: NavbarResourcesProps;
     compress?: boolean | undefined;
     "data-testid"?: string | undefined;
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLAnchorElement>) => void) | undefined;
 }
 export declare const Brand: ({ resources, compress, onClick, "data-testid": testId, }: Props) => JSX.Element;
 export {};