@cagatayfdn/flora-components 0.0.12 → 0.0.14

package/dist/index.d.ts

@@ -13,6 +13,7 @@ import NiceModal from '@ebay/nice-modal-react';
 import { NiceModalHocProps } from '@ebay/nice-modal-react';
 import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
+import { SelectItemRenderer } from 'react-dropdown-select';
 import { SetStateAction } from 'react';
 import { TFunction } from 'i18next';
 
@@ -175,6 +176,10 @@ export declare enum CopyTextStatusEnum {
     ERROR = "error"
 }
 
+declare type CustomItemProps = {
+    item: OptionProps;
+};
+
 declare type Dispatch = React_2.Dispatch<Actiontype>;
 
 export declare enum DividerAppearance {
@@ -223,6 +228,14 @@ declare type HashMap<K extends string | number, V> = {
     [key in K]: V
 }
 
+export declare const Heading: React_2.FC<HeadingProps>;
+
+declare type HeadingProps = {
+    level?: number;
+    className?: string;
+    children: React_2.ReactNode;
+};
+
 export { i18n }
 
 export declare const Icon: (props: IconProps) => JSX.Element;
@@ -296,6 +309,17 @@ declare enum Icons {
 
 declare type IconsId = 'applications' | 'attach' | 'attachment' | 'billing' | 'box' | 'calendar' | 'cart' | 'certificate' | 'check' | 'chevron-left' | 'chevron-right' | 'circle-minus' | 'circle-plus' | 'clock' | 'close' | 'copy' | 'credit-card' | 'document' | 'domain-registration' | 'domains' | 'down-arrow' | 'down-square' | 'down' | 'download' | 'edit-outline' | 'edit' | 'email' | 'environment' | 'error-fill' | 'error' | 'fileTextOutlined' | 'info' | 'install' | 'link' | 'log' | 'menu-close' | 'menu-open' | 'monitoring' | 'network' | 'no-results' | 'not-edit' | 'path' | 'plus' | 'preview' | 'profile' | 'project-list' | 'projects' | 'reload' | 'retry' | 'search' | 'settings' | 'support' | 'trash' | 'users' | 'warning';
 
+export declare function InfiniteScroll({ children, hasMore, height, loadMore, treshold, }: InfiniteScrollProps): JSX.Element;
+
+declare interface InfiniteScrollProps {
+    className?: string;
+    children?: React.ReactNode;
+    height?: number;
+    treshold?: number;
+    hasMore?: boolean;
+    loadMore: () => void;
+}
+
 export declare enum isActiveColor {
     inActive = "#4482ff",
     active = "#3f4b5c"
@@ -356,6 +380,17 @@ export declare enum NotificationAppearanceType {
     LOADING = "loading"
 }
 
+declare interface OptionItem {
+    value: string | number;
+    label: string;
+    id?: string;
+    rest?: any;
+}
+
+declare interface OptionProps extends OptionItem {
+    name?: string;
+}
+
 declare interface Permissions_2 {
     default: boolean
     depends_on: PermissionsType[] | null
@@ -470,6 +505,42 @@ declare type ScrollContainerProps = {
     className?: string;
 };
 
+export declare const Select: {
+    (props: SelectProps): JSX.Element;
+    displayName: string;
+};
+
+declare type SelectProps = {
+    id?: string;
+    items?: OptionProps[];
+    itemPrefix?: string;
+    itemSuffix?: string | number;
+    infiniteScrollProps?: InfiniteScrollProps;
+    size?: Size;
+    searchable?: boolean;
+    clearable?: boolean;
+    className?: string;
+    style?: React_2.CSSProperties;
+    wrapperClassName?: string;
+    labelField?: string;
+    valueField?: string;
+    showPlaceholder?: boolean;
+    backspaceDelete?: boolean;
+    customOption?: (props: CustomItemProps) => JSX.Element;
+    onChange?: (value: any, values?: any) => void;
+    onSearch?: (value: string) => void;
+    isAllSelected?: boolean;
+    appearance?: FormFieldAppearance;
+    noDataRenderer?: (props: any) => any;
+    onAddItem?: ({ item, methods, props, state, itemIndex, }: SelectItemRenderer<OptionProps>) => void;
+    onRemoveItem?: (item: OptionProps) => void;
+    onDropdownClose?: () => void;
+    value?: any;
+    required?: boolean;
+    isMulti?: boolean;
+    isRadius?: boolean;
+} & Omit<FormElementProps, 'value'>;
+
 export declare enum Size {
     XS = "xsmall",
     SM = "small",