zebpay-ui 0.0.22 → 0.0.23

package/dist/cjs/components/InputDropDown/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InputDropDownProps } from "./typings";
+declare const InputDropDown: React.FC<InputDropDownProps<string>>;
+export default InputDropDown;

package/dist/cjs/components/InputDropDown/styles.d.ts

@@ -0,0 +1,8 @@
+export declare const wrapper: import("@emotion/utils").SerializedStyles;
+export declare const selectOverlay: import("@emotion/utils").SerializedStyles;
+export declare const icon: import("@emotion/utils").SerializedStyles;
+export declare const input: import("@emotion/utils").SerializedStyles;
+export declare const selectedElement: import("@emotion/utils").SerializedStyles;
+export declare const options: import("@emotion/utils").SerializedStyles;
+export declare const optionItem: import("@emotion/utils").SerializedStyles;
+export declare const optionsWrapper: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/InputDropDown/typings.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { SerializedStyles } from "@emotion/react";
+export interface OptionsProps<T> {
+    label: JSX.Element | string;
+    displayLabel?: JSX.Element | string;
+    value: T;
+}
+export interface InputDropDownProps<T> {
+    style?: SerializedStyles;
+    search: {
+        placeholder: string;
+        value: string;
+        onChange(value: string): void;
+        onClear?: () => void;
+    };
+    options: OptionsProps<T>[];
+    selected: T;
+    onChange(value: string): void;
+    emptyElement?: React.ReactNode;
+    rowHeight: number;
+    maxRows: number;
+}

package/dist/cjs/components/Popper/styles.d.ts

@@ -1,3 +1,4 @@
 export declare const container: import("@emotion/utils").SerializedStyles;
 export declare const popup: import("@emotion/utils").SerializedStyles;
 export declare const closeButton: import("@emotion/utils").SerializedStyles;
+export declare const selectOverlay: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Tabs/styles.d.ts

@@ -1,6 +1,7 @@
 export declare const customNav: import("@emotion/utils").SerializedStyles;
 export declare const disabledNav: import("@emotion/utils").SerializedStyles;
 export declare const tertiaryNav: import("@emotion/utils").SerializedStyles;
+export declare const primaryNav: import("@emotion/utils").SerializedStyles;
 export declare const primary: import("@emotion/utils").SerializedStyles;
 export declare const primaryActive: import("@emotion/utils").SerializedStyles;
 export declare const secondary: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/Tags/index.d.ts

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import { SerializedStyles } from "@emotion/react";
 import React from "react";
-declare type TagType = "success" | "warning" | "info" | "error" | "default";
+export declare type TagType = "success" | "warning" | "info" | "error" | "default";
 export interface TagProps {
     type: TagType;
     style?: SerializedStyles;

package/dist/cjs/components/Toast/index.d.ts

@@ -2,5 +2,4 @@
 import React from "react";
 import { ToastProps } from "./typings";
 export declare const generateToast: ({ title, description, type, onClose, style, }: ToastProps) => void;
-declare const Toast: React.FC<ToastProps>;
-export default Toast;
+export declare const Toast: React.FC<ToastProps>;

package/dist/cjs/components/Virtualize/index.d.ts

@@ -0,0 +1,12 @@
+/** @jsxImportSource @emotion/react */
+import React from "react";
+import { OptionsProps } from "../InputDropDown/typings";
+interface VirtualizeProps {
+    rowHeight: number;
+    rows: OptionsProps<string>[];
+    maxRows: number;
+    onSelected: (value: string) => void;
+    emptyElement: React.ReactNode;
+}
+declare const Virtualize: React.FC<VirtualizeProps>;
+export default Virtualize;

package/dist/cjs/components/Virtualize/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const item: (rowHeight: number, index: number) => import("@emotion/utils").SerializedStyles;
+export declare const body: (height: number, rowCount: number) => import("@emotion/utils").SerializedStyles;
+export declare const table: (tableHeight: number) => import("@emotion/utils").SerializedStyles;
+export declare const emptyContainer: import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/index.d.ts

@@ -7,6 +7,7 @@ import CircularLoader from "./CircularLoader";
 import Icon from "./Icon";
 import IconButton from "./IconButton";
 import Input from "./Input";
+import InputDropDown from "./InputDropDown";
 import PinInput from "./PinInput";
 import Popper from "./Popper";
 import Radio from "./Radio";
@@ -16,6 +17,6 @@ import Shimmer from "./Shimmer";
 import SidePanel from "./SidePanel";
 import Tabs from "./Tabs";
 import Tags from "./Tags";
-import Toast from "./Toast";
+import { Toast, generateToast } from "./Toast";
 import Tooltip from "./Tooltip";
-export { Accordion, Button, Card, Checkbox, CircularLoader, CalendarPicker, Icon, IconButton, Input, PinInput, Popper, Radio, Select, Shimmer, SearchInput, SidePanel, Tags, Tabs, Toast, Tooltip, };
+export { Accordion, Button, Card, Checkbox, CircularLoader, CalendarPicker, Icon, IconButton, Input, InputDropDown, PinInput, Popper, Radio, Select, Shimmer, SearchInput, SidePanel, Tags, Tabs, Toast, Tooltip, generateToast, };