kui-basic 1.1.67 → 1.1.69

package/index.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
 import { HTMLInputTypeAttribute, ReactElement, SyntheticEvent, ReactNode, RefObject } from 'react';
+import { Placement } from '@floating-ui/react';
+import { MiddlewareData } from '@floating-ui/core/src/types';
 
 interface BrandColors {
   main: string
@@ -751,58 +753,45 @@ type IconButtonType = (props: IconButtonProps) => React.ReactElement
 
 declare const IconButton: IconButtonType
 
-type PopperPlacements =
-  | "right"
-  | "left"
-  | "topStart"
-  | "topMiddle"
-  | "topEnd"
-  | "bottomStart"
-  | "bottomMiddle"
-  | "bottomEnd"
-
-type PopperBaseProps = {
-  open?: boolean
-  placement?: PopperPlacements
-  withArrow?: boolean
-  spacing?: string
-  className?: string
-  withoutMobile?: boolean
+type PopperStylesProps = {
+  open: boolean
+}
+
+type PopperBaseProps = {
+  open?: boolean
+  withArrow?: boolean
+  spacing?: string
+  className?: string
+  arrowRef?: RefObject<HTMLElement>
+  withoutMobile?: boolean
+  realPlacement?: Placement
+  arrowPosition?: MiddlewareData["arrow"]
 } & React.HTMLAttributes<HTMLDivElement>
 
-type PopperProps = {
-  contentRef: RefObject<HTMLDivElement>
-} & PopperBaseProps
-
-type PopperSizeParams = {
-  width: number
-  height: number
-}
-
-declare const Popper: (props: PopperProps) => React.ReactElement
+declare const PopperBase: (props: PopperBaseProps) => React.ReactElement
+
+type TooltipToggleMethods = "click" | "hover"
+
+interface TooltipProps
+  extends Omit<React.HTMLAttributes<HTMLDivElement>, "content" | "onChange"> {
+  onOpen?: () => void
+  onClose?: () => void
+  onChange?: (isOpen: boolean) => void
+  content: ReactNode
+  open?: boolean
+  placement?: Placement
+  withArrow?: boolean
+  cursor?: "pointer" | "auto"
+  spacing?: string
+  toggleMethod?: TooltipToggleMethods
+  withoutMobile?: boolean
+}
+
+type TooltipStylesProps = {
+  cursor?: "pointer" | "auto"
+  spacing?: string
+}
 
-type TooltipToggleMethods = "click" | "hover"
-
-interface TooltipProps
-  extends Omit<React.HTMLAttributes<HTMLDivElement>, "content" | "onChange"> {
-  onOpen?: () => void
-  onClose?: () => void
-  onChange?: (isOpen: boolean) => void
-  content: ReactNode
-  open?: boolean
-  placement?: PopperPlacements
-  withArrow?: boolean
-  cursor?: "pointer" | "auto"
-  spacing?: string
-  toggleMethod?: TooltipToggleMethods
-  withoutMobile?: boolean
-}
-
-type TooltipStylesProps = {
-  cursor?: "pointer" | "auto"
-  spacing?: string
-}
-
 declare const Tooltip: (props: TooltipProps) => React.ReactElement
 
 interface ErrorComponentProps
@@ -817,4 +806,4 @@ interface ErrorComponentProps
 
 declare const ErrorComponent: (props: ErrorComponentProps) => React.ReactElement
 
-export { Accordion, AccordionDetails, AccordionDetailsType, AccordionProps, AccordionSummary, AccordionSummaryProps, AccordionSummaryType, AccordionType, AppBar, AppBarProps, AppBarType, BackgroundColors, BackgroundColorsType, Box, BoxProps, BoxSizing, BoxType, BrandColors, BreakpointsType, Button, ButtonBorder, ButtonProps, ButtonSizes, ButtonThemes, ButtonType, ButtonTypes, Caption, CaptionAlign, CaptionColorGroups, CaptionColors, CaptionProps, CaptionSizes, CaptionType, CaptionVariants, CaptionWeight, Checkbox, CheckboxProps, CheckboxType, CircularProgress, CircularProgressType, ColorOption, ColorsType, Container, ContainerType, CountryItem, Divider, DividerProps, DividerType, ErrorColorsType, ErrorComponent, ErrorComponentProps, GreyColors, Grid, GridAlignItems, GridDirections, GridJustify, GridProps, GridSizing, GridType, GridWrap, Heading, HeadingColorGroups, HeadingColors, HeadingProps, HeadingSizes, HeadingType, IconButton, IconButtonProps, IconButtonType, InfoColorsType, Input, InputFile, InputFileProps, InputFileType, InputMessage, InputMessageProps, InputMessageType, InputMessageVariant, InputProps, InputType, InputWithAdornments, InputWithAdornmentsProps, InputWithAdornmentsType, InputWithCountryDropdown, InputWithCountryDropdownProps, InputWithCountryDropdownType, InputWithMask, InputWithMaskProps, InputWithMaskType, LinearProgress, LinearProgressType, MenuPanel, MenuPanelProps, MenuPanelType, Modal, ModalProps, ModalSizes, ModalType, Palette, Popper, PopperProps, PopperSizeParams, PrimaryColorsType, PurpleColorsType, Radio, RadioProps, RadioType, SecondaryColorsType, SettingsType, ShadowsType, Skeleton, SkeletonType, SuccessColorsType, Switch, SwitchProps, SwitchSizes, SwitchType, Tab, TabChangeHandlerType, TabProps, TabType, Tabs, TabsIndicatorPositions, TabsPanel, TabsPanelProps, TabsPanelType, TabsProps, TabsType, Text, TextColors, TextProps, TextSizes, TextType, TextWeight, ThemeInterface, ThemeType, ToolBar, ToolBarType, Tooltip, TooltipProps, TooltipStylesProps, TooltipToggleMethods, theme, themeOld };
+export { Accordion, AccordionDetails, AccordionDetailsType, AccordionProps, AccordionSummary, AccordionSummaryProps, AccordionSummaryType, AccordionType, AppBar, AppBarProps, AppBarType, BackgroundColors, BackgroundColorsType, Box, BoxProps, BoxSizing, BoxType, BrandColors, BreakpointsType, Button, ButtonBorder, ButtonProps, ButtonSizes, ButtonThemes, ButtonType, ButtonTypes, Caption, CaptionAlign, CaptionColorGroups, CaptionColors, CaptionProps, CaptionSizes, CaptionType, CaptionVariants, CaptionWeight, Checkbox, CheckboxProps, CheckboxType, CircularProgress, CircularProgressType, ColorOption, ColorsType, Container, ContainerType, CountryItem, Divider, DividerProps, DividerType, ErrorColorsType, ErrorComponent, ErrorComponentProps, GreyColors, Grid, GridAlignItems, GridDirections, GridJustify, GridProps, GridSizing, GridType, GridWrap, Heading, HeadingColorGroups, HeadingColors, HeadingProps, HeadingSizes, HeadingType, IconButton, IconButtonProps, IconButtonType, InfoColorsType, Input, InputFile, InputFileProps, InputFileType, InputMessage, InputMessageProps, InputMessageType, InputMessageVariant, InputProps, InputType, InputWithAdornments, InputWithAdornmentsProps, InputWithAdornmentsType, InputWithCountryDropdown, InputWithCountryDropdownProps, InputWithCountryDropdownType, InputWithMask, InputWithMaskProps, InputWithMaskType, LinearProgress, LinearProgressType, MenuPanel, MenuPanelProps, MenuPanelType, Modal, ModalProps, ModalSizes, ModalType, Palette, PopperBase as Popper, PopperBaseProps, PopperStylesProps, PrimaryColorsType, PurpleColorsType, Radio, RadioProps, RadioType, SecondaryColorsType, SettingsType, ShadowsType, Skeleton, SkeletonType, SuccessColorsType, Switch, SwitchProps, SwitchSizes, SwitchType, Tab, TabChangeHandlerType, TabProps, TabType, Tabs, TabsIndicatorPositions, TabsPanel, TabsPanelProps, TabsPanelType, TabsProps, TabsType, Text, TextColors, TextProps, TextSizes, TextType, TextWeight, ThemeInterface, ThemeType, ToolBar, ToolBarType, Tooltip, TooltipProps, TooltipStylesProps, TooltipToggleMethods, theme, themeOld };