@lifesg/react-design-system 1.0.0-alpha.1

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

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

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+interface StyleProps {
+    disabled?: boolean;
+    $expanded?: boolean;
+}
+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 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 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 {};

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

@@ -0,0 +1,3 @@
+import React from "react";
+import { InputGroupProps } from "./types";
+export declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps<unknown, unknown> & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+interface AddonStyleProps {
+    disabled?: boolean;
+    $error?: boolean;
+    $readOnly?: boolean;
+    $position?: "left" | "right";
+}
+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 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/dist/input-group/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@lifesg/react-design-system/input-group",
+  "private": true,
+  "main": "../cjs/index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts"
+}

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { InputProps } from "../input/types";
+import { DropdownDisplayExtractorProps, DropdownSearchProps, ItemsLoadStateType, TruncateType } from "../shared/dropdown-list/types";
+export declare type InputGroupAddonType = "label" | "list" | "custom";
+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;
+    placeholder?: 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;
+    /**
+     * Used when items are loaded from an api call.
+     * Values: "loading" | "fail" | "success"
+     */
+    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;
+}
+export interface AddonProps<T, V> {
+    type?: InputGroupAddonType | undefined;
+    attributes: ListAddon<T, V> | LabelAddon | CustomAddon;
+    position?: "left" | "right" | undefined;
+}
+export interface InputGroupProps<T, V> extends InputProps {
+    addon?: AddonProps<T, V>;
+}
+/** To be exposed for Form component inheritance */
+export declare type InputGroupPartialProps<T, V> = Omit<InputGroupProps<T, V>, "error">;

package/dist/input-select/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./input-select";
+export * from "./input-multi-select";
+export * from "./types";