ui-beyable 1.0.21 → 1.0.22-beta.0

package/lib/esm/components/Dropdown/Dropdown.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import './Dropdown.css';
-import { IDropdown } from './types';
+import { IDropdown, IDropdownSection } from './types';
 declare function Dropdown({ button, // need to accept onMouseDown and ref props
 buttonRef, toggle, isOpen, posX, clickEvent, children, scrollbar, flip, minWidth }: IDropdown): JSX.Element;
-export { Dropdown };
+declare function DropdownSection({ children }: IDropdownSection): JSX.Element;
+export { Dropdown, DropdownSection };

package/lib/esm/components/Dropdown/types.d.ts

@@ -12,4 +12,7 @@ interface IDropdown {
     flip?: boolean;
     minWidth?: number;
 }
-export { IDropdown };
+interface IDropdownSection {
+    children: React.ReactNode;
+}
+export { IDropdown, IDropdownSection };

package/lib/esm/components/Select/Select.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ISelect } from './types';
+export default function SelectDropdown({ children, optionsList, value, friendlyValue, label, labelTooltip, labelTooltipHTML, description, placeHolder, labelPosition, labelClassName, blockClassName, onChange, disabled, isClearable, hasArrow, fullWidth, autoWidth, ellips, size, color, style, autocomplete, autocompleteValue, autocompletePlaceholder, autocompleteEmptyState, onAutocomplete, autocompleteIsLoading, clearAutocompleteOnClose, hasHoverSidebar, hoverSidebarRender, hoverSidebarPlaceholder }: ISelect): JSX.Element;

package/lib/esm/components/Select/types.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+interface IOption {
+    label: React.ReactNode | string;
+    value: any;
+    image?: string;
+    icon?: string;
+    isDisabled?: boolean;
+    hoverContent?: React.ReactNode;
+}
+interface ISelect {
+    children: React.ReactNode;
+    optionsList: Array<IOption>;
+    value: any;
+    friendlyValue?: React.ReactNode | string;
+    label?: React.ReactNode | string;
+    labelTooltip?: string;
+    labelTooltipHTML?: any;
+    description?: React.ReactNode | string;
+    placeHolder?: string;
+    labelPosition?: 'outer' | 'inner';
+    labelClassName?: string;
+    blockClassName?: string;
+    onChange?: any;
+    disabled?: boolean;
+    isClearable?: boolean;
+    hasArrow?: boolean;
+    fullWidth?: boolean;
+    autoWidth?: boolean;
+    ellips?: boolean;
+    size?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+    color?: 'white' | 'grey';
+    style?: 'ghost' | 'ghost_underline' | 'highlighted';
+    autocomplete?: boolean;
+    autocompleteValue?: any;
+    autocompletePlaceholder?: string;
+    autocompleteEmptyState?: React.ReactNode;
+    onAutocomplete?: any;
+    autocompleteIsLoading?: boolean;
+    clearAutocompleteOnClose?: boolean;
+    hasHoverSidebar?: boolean;
+    hoverSidebarRender?: Function;
+    hoverSidebarPlaceholder?: React.ReactNode | string;
+}
+export { ISelect, IOption };