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

package/navbar/types.d.ts

@@ -30,13 +30,13 @@ export interface NavbarSharedProps {
     resources?: NavbarResourcesProps | undefined;
     actionButtons?: NavbarActionButtonsProps | undefined;
     /** Triggered when the brand icon is being clicked */
-    onBrandClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void | undefined;
+    onBrandClick?: ((event: React.MouseEvent<HTMLAnchorElement>) => void) | undefined;
 }
 export declare type DrawerDismissalMethod = "close-button-click" | "item-click" | "brand-click";
 export interface NavbarDrawerProps extends NavbarSharedProps {
     show: boolean;
     children: JSX.Element | JSX.Element[];
-    onClose?: () => void | undefined;
+    onClose?: (() => void) | undefined;
 }
 export interface NavbarProps<T = void> extends NavbarSharedProps {
     items: NavItemsProps<T>;
@@ -50,7 +50,7 @@ export interface NavbarProps<T = void> extends NavbarSharedProps {
     /** Specifies which methods will not dismiss the drawer */
     drawerDismissalExclusions?: DrawerDismissalMethod[] | undefined;
     hideNavElements?: boolean | undefined;
-    onBrandClick?: () => void | undefined;
-    onItemClick?: (item: NavItemProps<T>) => void | undefined;
-    onActionButtonClick?: (actionButton: NavbarButtonProps) => void;
+    onBrandClick?: (() => void) | undefined;
+    onItemClick?: ((item: NavItemProps<T>) => void) | undefined;
+    onActionButtonClick?: ((actionButton: NavbarButtonProps) => void) | undefined;
 }

package/notification-banner/types.d.ts

@@ -5,7 +5,7 @@ export interface NotificationBannerProps extends React.HTMLAttributes<HTMLDivEle
     dismissible?: boolean | undefined;
     visible?: boolean | undefined;
     sticky?: boolean | undefined;
-    onDismiss?: () => void | undefined;
+    onDismiss?: (() => void) | undefined;
 }
 export interface NotificationBannerWithForwardedRefProps extends NotificationBannerProps {
     forwardedRef?: React.Ref<HTMLDivElement> | undefined;

package/overlay/types.d.ts

@@ -8,7 +8,7 @@ export interface OverlayProps {
     disableTransition?: boolean | undefined;
     enableOverlayClick?: boolean | undefined;
     zIndex?: number | undefined;
-    onOverlayClick?: () => void | undefined;
+    onOverlayClick?: (() => void) | undefined;
     id?: string | undefined;
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifesg/react-design-system",
-  "version": "1.0.0-alpha.17",
+  "version": "1.0.0-alpha.18",
   "description": "A component design system for LifeSG web apps",
   "main": "./cjs/index.js",
   "module": "./index.js",

package/popover/types.d.ts

@@ -5,11 +5,11 @@ export interface PopoverProps {
     id?: string | undefined;
     className?: string | undefined;
     "data-testid"?: string | undefined;
-    onMobileClose?: () => void | undefined;
+    onMobileClose?: (() => void) | undefined;
 }
 export interface PopoverHOCProps {
-    onPopoverAppear?: () => void | undefined;
-    onPopoverDismiss?: () => void | undefined;
+    onPopoverAppear?: (() => void) | undefined;
+    onPopoverDismiss?: (() => void) | undefined;
 }
 export interface PopoverHOCOptionsProps {
     content: string | JSX.Element;

package/progress-indicator/types.d.ts

@@ -4,6 +4,6 @@ export interface ProgressIndicatorProps<T> {
     currentIndex: number;
     fadeColor?: string[] | undefined;
     fadePosition?: FadePosition | undefined;
-    displayExtractor?: (item: T) => string | undefined;
+    displayExtractor?: ((item: T) => string) | undefined;
 }
 export {};

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

@@ -22,7 +22,7 @@ export declare const TruncateContainer: import("styled-components").StyledCompon
 export declare const TruncateFirstLine: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TruncateSecondLine: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Clickable: import("styled-components").StyledComponent<(props: import("../../text").TextLinkProps) => JSX.Element, any, {}, never>;
-export declare const ListCheckbox: import("styled-components").StyledComponent<({ className, checked, disabled, onClick, onKeyPress, displaySize, ...otherProps }: import("../../checkbox").CheckboxProps) => JSX.Element, any, {}, never>;
+export declare const ListCheckbox: import("styled-components").StyledComponent<({ className, checked, disabled, onChange, onKeyPress, displaySize, ...otherProps }: import("../../checkbox").CheckboxProps) => JSX.Element, any, {}, never>;
 export declare const SelectAllContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const DropdownCommonButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const ResultStateContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -6,26 +6,26 @@ export interface ListItemRenderArgs {
 }
 export interface DropdownDisplayProps<T, V> {
     /** Function to derive value from an item */
-    valueExtractor?: (item: T) => V | undefined;
+    valueExtractor?: ((item: T) => V) | undefined;
     /** Function to derive options display value from an item */
-    listExtractor?: (item: T) => string | undefined;
+    listExtractor?: ((item: T) => string) | undefined;
     /** Function to render custom component */
-    renderListItem?: (item: T, args: ListItemRenderArgs) => JSX.Element | undefined;
+    renderListItem?: ((item: T, args: ListItemRenderArgs) => JSX.Element) | undefined;
 }
 export interface DropdownStyleProps {
     listStyleWidth?: string | undefined;
 }
 export interface DropdownEventHandlerProps<T, V> {
-    onSelectItem?: (item: T, extractedValue: V) => void | undefined;
-    onSelectItems?: (items: T[]) => void | undefined;
+    onSelectItem?: ((item: T, extractedValue: V) => void) | undefined;
+    onSelectItems?: ((items: T[]) => void) | undefined;
 }
 export interface DropdownSearchProps<T> {
     /** Specifying will render a search bar in the dropdown */
     enableSearch?: boolean | undefined;
     searchPlaceholder?: string | undefined;
     /** Custom function to perform search when a user keys in a value in the search input */
-    searchFunction?: (searchValue: string) => T[] | undefined;
-    onSearch?: () => void | undefined;
+    searchFunction?: ((searchValue: string) => T[]) | undefined;
+    onSearch?: (() => void) | undefined;
 }
 export interface DropdownListProps<T, V> extends React.HTMLAttributes<HTMLUListElement>, DropdownEventHandlerProps<T, V>, DropdownDisplayProps<T, V>, DropdownSearchProps<T>, DropdownStyleProps {
     listItems?: T[] | undefined;
@@ -39,10 +39,10 @@ export interface DropdownListProps<T, V> extends React.HTMLAttributes<HTMLUListE
     itemsLoadState?: ItemsLoadStateType | undefined;
     /** Specifies the truncation type. Truncated text will be replaced with ellipsis. Values: "middle" | "end" */
     itemTruncationType?: TruncateType | undefined;
-    onDismiss?: () => void | undefined;
-    onSelectAll?: () => void | undefined;
-    onRetry?: () => void | undefined;
+    onDismiss?: (() => void) | undefined;
+    onSelectAll?: (() => void) | undefined;
+    onRetry?: (() => void) | undefined;
 }
 export interface ListItemSelectorProps {
-    onClick?: () => void | undefined;
+    onClick?: (() => void) | undefined;
 }

package/smart-app-banner/types.d.ts

@@ -7,7 +7,7 @@ export interface SmartAppBannerProps {
     animated?: boolean | undefined;
     className?: string | undefined;
     onDismiss: () => void;
-    onClick?: () => void | undefined;
+    onClick?: (() => void) | undefined;
 }
 export interface SmartAppBannerContentProps {
     title: string;

package/timepicker/types.d.ts

@@ -13,7 +13,7 @@ export interface TimepickerProps extends React.AriaAttributes {
     format?: TimepickerFormat | undefined;
     disabled?: boolean | undefined;
     error?: boolean | undefined;
-    onChange?: (value: string) => void | undefined;
-    onBlur?: () => void | undefined;
-    onSelectionCancel?: () => void | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    onBlur?: (() => void) | undefined;
+    onSelectionCancel?: (() => void) | undefined;
 }

package/unit-number/types.d.ts

@@ -7,21 +7,21 @@ export interface UnitNumberInputProps extends React.AriaAttributes {
     "data-testid"?: string | undefined;
     readOnly?: boolean | undefined;
     placeholder?: string | undefined;
-    role?: string | undefined;
+    role?: React.AriaRole | undefined;
     value?: string | undefined;
     name?: string | undefined;
     error?: boolean | undefined;
     disabled?: boolean | undefined;
-    onChange?: (value: string) => void | undefined;
+    onChange?: ((value: string) => void) | undefined;
     /**
      * Function that returns the raw values in the UnitNumberInput on change in an array format
      * as such [floor, unit]
      */
-    onChangeRaw?: (value: string[]) => void | undefined;
-    onBlur?: (value: string) => void | undefined;
+    onChangeRaw?: ((value: string[]) => void) | undefined;
+    onBlur?: ((value: string) => void) | undefined;
     /**
      * Function that returns the raw values in the UnitNumberInput on blur in an array format
      * as such [floor, unit]
      */
-    onBlurRaw?: (value: string[]) => void | undefined;
+    onBlurRaw?: ((value: string[]) => void) | undefined;
 }

package/util/date-helper.d.ts

@@ -0,0 +1,19 @@
+export declare namespace DateHelper {
+    /**
+     * Ensures that the given value is transformed into a logical day number (i.e. 1 - 31 days)
+     * @param day input day number
+     * @param month input month number
+     * @param month input year number
+     */
+    const clampDay: (day: string, month: string, year: string) => string;
+    /**
+     * Ensures that the given value is transformed into a logical month number (i.e. 1 - 12 months)
+     * @param month input month number
+     */
+    const clampMonth: (month: string) => string;
+    /**
+     * Checks if the specified year is a leap year
+     * @param year input year number
+     */
+    const isLeapYear: (year: number) => boolean;
+}

package/util/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./date-helper";
+export * from "./string-helper";