widenarrow-ui 2.0.12 → 2.0.14

package/lib/index.d.ts

@@ -5,6 +5,7 @@ import { IconTypes as IconTypes$1, ColorTypes as ColorTypes$1 } from 'src/consta
 
 declare enum IconTypes {
     ACCOUNT_SETTINGS = "iconAccountSettings",
+    ALL_SOURCES = "iconAllSources",
     ADD_CHART = "iconAddChart",
     ADD_CIRCLE = "iconAddCircle",
     ADD_COMMENT = "iconAddComment",
@@ -198,6 +199,7 @@ declare enum IconTypes {
     SAVED_SEARCH_200 = "iconSavedSearch200",
     SAVED_SEARCH_300 = "iconSavedSearch300",
     SCHEDULE = "iconSchedule",
+    SCHOOL_HAT = "iconSchoolHat",
     SEARCH_200 = "iconSearch200",
     SEARCH_300 = "iconSearch300",
     SEARCH_FILLED = "iconSearchFilled",
@@ -466,8 +468,11 @@ interface ButtonProps {
     sizeLg?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
     sizeXl?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
     icon?: Partial<IconTypes>;
+    iconColor?: Partial<ColorTypes>;
     iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE | SizeTypes.AUTO;
     withIconRight?: boolean;
+    leftIcon?: Partial<IconTypes>;
+    rightIcon?: Partial<IconTypes>;
     disabled?: boolean;
     className?: string;
     style?: CSSProperties;
@@ -484,7 +489,7 @@ interface ButtonProps {
     tabIndex?: number;
 }
 
-declare const Button: react.MemoExoticComponent<({ className, id, style, type, size, sizeMd, sizeLg, sizeXl, text, toolTip, toolTipComponent, icon, buttonRef, iconSize, withIconRight, rotateIconByDegree, withEllipsis, onClickCallback, loading, disabled, children, autoFocus, ariaLabel, tabIndex }: ButtonProps) => JSX.Element>;
+declare const Button: react.MemoExoticComponent<({ className, id, style, type, size, sizeMd, sizeLg, sizeXl, text, toolTip, toolTipComponent, icon, buttonRef, iconSize, iconColor, leftIcon, rightIcon, withIconRight, rotateIconByDegree, withEllipsis, onClickCallback, loading, disabled, children, autoFocus, ariaLabel, tabIndex }: ButtonProps) => JSX.Element>;
 
 interface CheckboxProps {
     label: string;
@@ -601,6 +606,7 @@ declare const DropDown: {
 
 interface DropDownItemProps {
     text?: string;
+    description?: string;
     onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
     size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
     active?: boolean;
@@ -620,10 +626,14 @@ interface DropDownItemProps {
     fontWeight?: string;
     iconClassName?: string;
     closeDropDownOnClick?: boolean;
+    descriptionColor?: Partial<ColorTypes>;
+    descriptionTextAlign?: string;
+    descriptionFontSize?: string;
+    descriptionFontWeight?: string;
 }
 
 declare const DropDownItem: {
-    ({ text, onClickCallback, size, textAlign, fontSize, fontWeight, textColor, active, disabled, className, iconColor, leftIcon, rightIcon, rightComponent, children, iconSize, withEllipsis, iconClassName, wrapperElement, closeDropDownOnClick }: DropDownItemProps): JSX.Element;
+    ({ text, description, onClickCallback, size, textAlign, fontSize, fontWeight, descriptionTextAlign, descriptionFontSize, descriptionFontWeight, textColor, descriptionColor, active, disabled, className, iconColor, leftIcon, rightIcon, rightComponent, children, iconSize, withEllipsis, iconClassName, wrapperElement, closeDropDownOnClick }: DropDownItemProps): JSX.Element;
     defaultProps: {
         closeDropDownOnClick: boolean;
     };
@@ -635,18 +645,21 @@ interface FacetButtonProps {
     component?: ReactNode;
     id?: string | number;
     onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
+    onRightClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
     disabled?: boolean;
     selected?: boolean;
     blocked?: boolean;
     icon?: Partial<IconTypes>;
+    rightIcon?: Partial<IconTypes>;
     children?: ReactNode;
     className?: string;
     toolTip?: string;
+    rightAriaLabel?: string;
     percent: number;
 }
 
 declare const FacetButton: {
-    ({ text, component, id, onClickCallback, disabled, selected, icon, className, toolTip, blocked, percent, children }: FacetButtonProps): JSX.Element;
+    ({ text, component, id, onClickCallback, onRightClickCallback, disabled, selected, icon, rightIcon, className, toolTip, blocked, percent, children, rightAriaLabel }: FacetButtonProps): JSX.Element;
     displayName: string;
 };