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

package/filter/addons/filter-item-checkbox.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FilterItemCheckboxProps } from "../types";
+export declare const FilterItemCheckbox: <T>({ selectedOptions, options, onSelect, labelExtractor, valueExtractor, ...filterItemProps }: FilterItemCheckboxProps<T>) => JSX.Element;

package/filter/addons/filter-item-checkbox.styles.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const StyledFilterItem: import("styled-components").StyledComponent<({ collapsible: desktopCollapsible, minimisable, minimisedHeight, showDivider, showMobileDivider, title, children, ...otherProps }: import("..").FilterItemProps) => JSX.Element, any, {}, never>;
+export declare const Group: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Item: import("styled-components").StyledComponent<"label", any, {
+    $visible: boolean;
+    $selected: boolean;
+}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const StyledToggleIcon: import("styled-components").StyledComponent<({ type, active, disabled, className, }: import("../../shared/toggle-icon/toggle-icon").ToggleIconProps) => JSX.Element, any, {}, never>;
+export declare const StyledToggle: import("styled-components").StyledComponent<({ type, indicator, checked, styleType, children, disabled, error, name, id, className, "data-testid": testId, onChange, }: import("../../toggle").ToggleProps) => JSX.Element, any, {
+    $visible: boolean;
+}, never>;

package/filter/filter-context.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { Mode } from "./types";
+interface IFilterContext {
+    mode: Mode;
+}
+export declare const FilterContext: React.Context<IFilterContext>;
+export {};

package/filter/filter-item-page.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FilterPageProps } from "./types";
+export declare const FilterItemPage: ({ onDismiss, onDone, children, }: FilterPageProps) => JSX.Element;

package/filter/filter-item-page.styles.d.ts

@@ -0,0 +1 @@
+export declare const FilterItemPageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/filter/filter-item.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FilterItemProps } from "./types";
+export declare const FilterItem: ({ collapsible: desktopCollapsible, minimisable, minimisedHeight, showDivider, showMobileDivider, title, children, ...otherProps }: FilterItemProps) => JSX.Element;

package/filter/filter-item.styles.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+interface StyleProps {
+    $collapsible?: boolean;
+    $expanded?: boolean;
+}
+interface DividerStyleProps {
+    $showDivider: boolean;
+    $showMobileDivider: boolean;
+}
+export declare const FilterItemWrapper: import("styled-components").StyledComponent<"div", any, StyleProps, never>;
+export declare const Divider: import("styled-components").StyledComponent<"div", any, DividerStyleProps, never>;
+export declare const FilterItemHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FilterItemExpandButton: import("styled-components").StyledComponent<(props: import("..").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, any, {}, never>;
+export declare const ChevronIcon: import("styled-components").StyledComponent<{
+    (props: import("react").SVGProps<SVGSVGElement>): JSX.Element;
+    displayName: string;
+}, any, StyleProps, never>;
+export declare const FilterItemTitle: import("styled-components").StyledComponent<"h4", any, import("../text").TextProps, never>;
+export declare const ExpandableItem: import("styled-components").StyledComponent<import("react-spring").AnimatedComponent<"div">, any, {}, never>;
+export declare const FilterItemBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MinimisableContent: import("styled-components").StyledComponent<import("react-spring").AnimatedComponent<"div">, any, {
+    $height?: number;
+    $minimisable: boolean;
+}, never>;
+export declare const FilterItemMinimiseButton: import("styled-components").StyledComponent<(props: import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, any, {}, never>;
+export {};

package/filter/filter.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FilterProps } from "./types";
+export declare const Filter: (({ toggleFilterButtonLabel, headerTitle, clearButtonDisabled, onClear, onDismiss, onDone, children, ...otherProps }: FilterProps) => JSX.Element) & {
+    Item: ({ collapsible: desktopCollapsible, minimisable, minimisedHeight, showDivider, showMobileDivider, title, children, ...otherProps }: import("./types").FilterItemProps) => JSX.Element;
+    Page: ({ onDismiss, onDone, children, }: import("./types").FilterPageProps) => JSX.Element;
+    Checkbox: <T>({ selectedOptions, options, onSelect, labelExtractor, valueExtractor, ...filterItemProps }: import("./types").FilterItemCheckboxProps<T>) => JSX.Element;
+};

package/filter/filter.styles.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const DesktopView: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MobileView: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DesktopContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MobileContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FilterBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FilterHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FilterTitle: import("styled-components").StyledComponent<"h4", any, import("..").TextProps, never>;
+export declare const FilterHeaderButton: import("styled-components").StyledComponent<(props: import("..").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, any, {}, never>;
+export declare const FilterClearButton: import("styled-components").StyledComponent<(props: import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, any, {}, never>;
+export declare const FilterButton: import("styled-components").StyledComponent<(props: import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, any, {}, never>;
+export declare const StyledFilterIcon: import("styled-components").StyledComponent<{
+    (props: import("react").SVGProps<SVGSVGElement>): JSX.Element;
+    displayName: string;
+}, any, {}, never>;
+export declare const FilterFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FilterDoneButton: import("styled-components").StyledComponent<(props: import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, any, {}, never>;

package/filter/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./filter";
+export * from "./types";