@redsift/popovers 11.8.1-muiv5 → 11.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/index.d.ts +72 -70
  2. package/package.json +2 -2
package/index.d.ts CHANGED
@@ -60,7 +60,7 @@ declare function useDialog({ color, defaultOpen, hasCloseButton, initialFocus, i
60
60
  update: () => void;
61
61
  floatingStyles: React$1.CSSProperties;
62
62
  open: boolean;
63
- onOpenChange: (open: boolean, event?: Event, reason?: _floating_ui_react.OpenChangeReason) => void;
63
+ onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
64
64
  events: _floating_ui_react.FloatingEvents;
65
65
  dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
66
66
  nodeId: string | undefined;
@@ -68,12 +68,12 @@ declare function useDialog({ color, defaultOpen, hasCloseButton, initialFocus, i
68
68
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
69
69
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
70
70
  };
71
- getReferenceProps: (userProps?: React$1.HTMLProps<Element>) => Record<string, unknown>;
72
- getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement>) => Record<string, unknown>;
73
- getItemProps: (userProps?: Omit<React$1.HTMLProps<HTMLElement>, "selected" | "active"> & {
74
- active?: boolean;
75
- selected?: boolean;
76
- }) => Record<string, unknown>;
71
+ getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
72
+ getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
73
+ getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
74
+ active?: boolean | undefined;
75
+ selected?: boolean | undefined;
76
+ }) | undefined) => Record<string, unknown>;
77
77
  color: string | undefined;
78
78
  isOpen: boolean | undefined;
79
79
  handleOpen: (collapsed: boolean) => void;
@@ -240,8 +240,8 @@ declare const BaseDialog: React$1.FC<DialogProps> & {
240
240
  className?: string;
241
241
  };
242
242
  declare const Dialog: React$1.FC<DialogProps> & {
243
- displayName?: string;
244
- className?: string;
243
+ displayName?: string | undefined;
244
+ className?: string | undefined;
245
245
  } & {
246
246
  Trigger: _redsift_design_system.Comp<DialogTriggerProps, HTMLButtonElement>;
247
247
  Content: _redsift_design_system.Comp<DialogContentProps, HTMLDivElement> & {
@@ -293,7 +293,7 @@ declare const useDialogContext: () => {
293
293
  update: () => void;
294
294
  floatingStyles: React$1.CSSProperties;
295
295
  open: boolean;
296
- onOpenChange: (open: boolean, event?: Event, reason?: _floating_ui_react.OpenChangeReason) => void;
296
+ onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
297
297
  events: _floating_ui_react.FloatingEvents;
298
298
  dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
299
299
  nodeId: string | undefined;
@@ -301,19 +301,19 @@ declare const useDialogContext: () => {
301
301
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
302
302
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
303
303
  };
304
- getReferenceProps: (userProps?: React$1.HTMLProps<Element>) => Record<string, unknown>;
305
- getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement>) => Record<string, unknown>;
306
- getItemProps: (userProps?: Omit<React$1.HTMLProps<HTMLElement>, "selected" | "active"> & {
307
- active?: boolean;
308
- selected?: boolean;
309
- }) => Record<string, unknown>;
304
+ getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
305
+ getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
306
+ getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
307
+ active?: boolean | undefined;
308
+ selected?: boolean | undefined;
309
+ }) | undefined) => Record<string, unknown>;
310
310
  color: string | undefined;
311
311
  isOpen: boolean | undefined;
312
312
  handleOpen: (collapsed: boolean) => void;
313
313
  } & {
314
314
  setLabelId: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
315
315
  setDescriptionId: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
316
- readonly triggerClassName?: string;
316
+ readonly triggerClassName?: string | undefined;
317
317
  };
318
318
 
319
319
  declare function usePopover({ color, defaultOpen, isModal, isOpen: propsIsOpen, maxWidth, minWidth, offset: propsOffset, onOpen, placement, role: propsRole, triggerClassName, width, setHideInsteadOfClose, hideInsteadOfClose, }: Omit<PopoverProps, 'children'> & HiddenPopoverState): {
@@ -349,7 +349,7 @@ declare function usePopover({ color, defaultOpen, isModal, isOpen: propsIsOpen,
349
349
  update: () => void;
350
350
  floatingStyles: React$1.CSSProperties;
351
351
  open: boolean;
352
- onOpenChange: (open: boolean, event?: Event, reason?: _floating_ui_react.OpenChangeReason) => void;
352
+ onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
353
353
  events: _floating_ui_react.FloatingEvents;
354
354
  dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
355
355
  nodeId: string | undefined;
@@ -357,12 +357,12 @@ declare function usePopover({ color, defaultOpen, isModal, isOpen: propsIsOpen,
357
357
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
358
358
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
359
359
  };
360
- getReferenceProps: (userProps?: React$1.HTMLProps<Element>) => Record<string, unknown>;
361
- getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement>) => Record<string, unknown>;
362
- getItemProps: (userProps?: Omit<React$1.HTMLProps<HTMLElement>, "selected" | "active"> & {
363
- active?: boolean;
364
- selected?: boolean;
365
- }) => Record<string, unknown>;
360
+ getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
361
+ getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
362
+ getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
363
+ active?: boolean | undefined;
364
+ selected?: boolean | undefined;
365
+ }) | undefined) => Record<string, unknown>;
366
366
  color: string | undefined;
367
367
  isOpen: boolean | undefined;
368
368
  handleOpen: (collapsed: boolean) => void;
@@ -461,7 +461,9 @@ type StyledPopoverContentProps = PopoverContentProps & {
461
461
  /**
462
462
  * Component style.
463
463
  */
464
- declare const StyledPopoverContent: styled_components.StyledComponent<"div", any, StyledPopoverContentProps, never>;
464
+ declare const StyledPopoverContent: styled_components.StyledComponent<"div", any, PopoverContentProps & {
465
+ $theme: Theme;
466
+ }, never>;
465
467
 
466
468
  /**
467
469
  * The PopoverContent component.
@@ -487,8 +489,8 @@ declare const BasePopover: React$1.FC<PopoverProps> & {
487
489
  className?: string;
488
490
  };
489
491
  declare const Popover: React$1.FC<PopoverProps> & {
490
- displayName?: string;
491
- className?: string;
492
+ displayName?: string | undefined;
493
+ className?: string | undefined;
492
494
  } & {
493
495
  Trigger: _redsift_design_system.Comp<PopoverTriggerProps, HTMLButtonElement>;
494
496
  Content: _redsift_design_system.Comp<PopoverContentProps, HTMLDivElement>;
@@ -527,7 +529,7 @@ declare const usePopoverContext: () => {
527
529
  update: () => void;
528
530
  floatingStyles: React$1.CSSProperties;
529
531
  open: boolean;
530
- onOpenChange: (open: boolean, event?: Event, reason?: _floating_ui_react.OpenChangeReason) => void;
532
+ onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
531
533
  events: _floating_ui_react.FloatingEvents;
532
534
  dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
533
535
  nodeId: string | undefined;
@@ -535,17 +537,17 @@ declare const usePopoverContext: () => {
535
537
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
536
538
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
537
539
  };
538
- getReferenceProps: (userProps?: React$1.HTMLProps<Element>) => Record<string, unknown>;
539
- getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement>) => Record<string, unknown>;
540
- getItemProps: (userProps?: Omit<React$1.HTMLProps<HTMLElement>, "selected" | "active"> & {
541
- active?: boolean;
542
- selected?: boolean;
543
- }) => Record<string, unknown>;
540
+ getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
541
+ getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
542
+ getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
543
+ active?: boolean | undefined;
544
+ selected?: boolean | undefined;
545
+ }) | undefined) => Record<string, unknown>;
544
546
  color: string | undefined;
545
547
  isOpen: boolean | undefined;
546
548
  handleOpen: (collapsed: boolean) => void;
547
549
  } & {
548
- readonly triggerClassName?: string;
550
+ readonly triggerClassName?: string | undefined;
549
551
  } & HiddenPopoverState;
550
552
 
551
553
  /**
@@ -734,7 +736,7 @@ declare function useTooltip({ color, defaultOpen, delay, placement, isOpen: prop
734
736
  update: () => void;
735
737
  floatingStyles: React$1.CSSProperties;
736
738
  open: boolean;
737
- onOpenChange: (open: boolean, event?: Event, reason?: _floating_ui_react.OpenChangeReason) => void;
739
+ onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
738
740
  events: _floating_ui_react.FloatingEvents;
739
741
  dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
740
742
  nodeId: string | undefined;
@@ -742,12 +744,12 @@ declare function useTooltip({ color, defaultOpen, delay, placement, isOpen: prop
742
744
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
743
745
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
744
746
  };
745
- getReferenceProps: (userProps?: React$1.HTMLProps<Element>) => Record<string, unknown>;
746
- getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement>) => Record<string, unknown>;
747
- getItemProps: (userProps?: Omit<React$1.HTMLProps<HTMLElement>, "selected" | "active"> & {
748
- active?: boolean;
749
- selected?: boolean;
750
- }) => Record<string, unknown>;
747
+ getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
748
+ getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
749
+ getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
750
+ active?: boolean | undefined;
751
+ selected?: boolean | undefined;
752
+ }) | undefined) => Record<string, unknown>;
751
753
  color: string | undefined;
752
754
  isOpen: boolean | undefined;
753
755
  handleOpen: (collapsed: boolean) => void;
@@ -823,8 +825,8 @@ declare const BaseTooltip: React$1.FC<TooltipProps> & {
823
825
  className?: string;
824
826
  };
825
827
  declare const Tooltip: React$1.FC<TooltipProps> & {
826
- displayName?: string;
827
- className?: string;
828
+ displayName?: string | undefined;
829
+ className?: string | undefined;
828
830
  } & {
829
831
  Trigger: _redsift_design_system.Comp<TooltipTriggerProps, HTMLSpanElement>;
830
832
  Content: _redsift_design_system.Comp<TooltipContentProps, HTMLDivElement>;
@@ -862,7 +864,7 @@ declare const useTooltipContext: () => {
862
864
  update: () => void;
863
865
  floatingStyles: React$1.CSSProperties;
864
866
  open: boolean;
865
- onOpenChange: (open: boolean, event?: Event, reason?: _floating_ui_react.OpenChangeReason) => void;
867
+ onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
866
868
  events: _floating_ui_react.FloatingEvents;
867
869
  dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
868
870
  nodeId: string | undefined;
@@ -870,17 +872,17 @@ declare const useTooltipContext: () => {
870
872
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
871
873
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
872
874
  };
873
- getReferenceProps: (userProps?: React$1.HTMLProps<Element>) => Record<string, unknown>;
874
- getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement>) => Record<string, unknown>;
875
- getItemProps: (userProps?: Omit<React$1.HTMLProps<HTMLElement>, "selected" | "active"> & {
876
- active?: boolean;
877
- selected?: boolean;
878
- }) => Record<string, unknown>;
875
+ getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
876
+ getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
877
+ getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
878
+ active?: boolean | undefined;
879
+ selected?: boolean | undefined;
880
+ }) | undefined) => Record<string, unknown>;
879
881
  color: string | undefined;
880
882
  isOpen: boolean | undefined;
881
883
  handleOpen: (collapsed: boolean) => void;
882
884
  } & {
883
- readonly triggerClassName?: string;
885
+ readonly triggerClassName?: string | undefined;
884
886
  };
885
887
 
886
888
  declare const ButtonWithTooltip: Comp<{
@@ -928,39 +930,39 @@ declare const LinkButtonWithTooltip: Comp<{
928
930
  declare const WithTooltip: {
929
931
  Button: _redsift_design_system.Comp<{
930
932
  tooltip: string;
931
- tooltipProps?: TooltipProps;
932
- tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref">;
933
- tooltipContentProps?: Omit<TooltipContentProps, "ref">;
933
+ tooltipProps?: TooltipProps | undefined;
934
+ tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref"> | undefined;
935
+ tooltipContentProps?: Omit<TooltipContentProps, "ref"> | undefined;
934
936
  } & Omit<_redsift_design_system.ButtonProps, "ref">, HTMLButtonElement>;
935
937
  ButtonLink: _redsift_design_system.Comp<{
936
938
  tooltip: string;
937
- tooltipProps?: TooltipProps;
938
- tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref">;
939
- tooltipContentProps?: Omit<TooltipContentProps, "ref">;
939
+ tooltipProps?: TooltipProps | undefined;
940
+ tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref"> | undefined;
941
+ tooltipContentProps?: Omit<TooltipContentProps, "ref"> | undefined;
940
942
  } & Omit<_redsift_design_system.ButtonLinkProps, "ref">, HTMLAnchorElement>;
941
943
  IconButton: _redsift_design_system.Comp<{
942
944
  tooltip: string;
943
- tooltipProps?: TooltipProps;
944
- tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref">;
945
- tooltipContentProps?: Omit<TooltipContentProps, "ref">;
945
+ tooltipProps?: TooltipProps | undefined;
946
+ tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref"> | undefined;
947
+ tooltipContentProps?: Omit<TooltipContentProps, "ref"> | undefined;
946
948
  } & Omit<_redsift_design_system.IconButtonProps, "ref">, HTMLButtonElement>;
947
949
  IconButtonLink: _redsift_design_system.Comp<{
948
950
  tooltip: string;
949
- tooltipProps?: TooltipProps;
950
- tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref">;
951
- tooltipContentProps?: Omit<TooltipContentProps, "ref">;
951
+ tooltipProps?: TooltipProps | undefined;
952
+ tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref"> | undefined;
953
+ tooltipContentProps?: Omit<TooltipContentProps, "ref"> | undefined;
952
954
  } & Omit<_redsift_design_system.IconButtonLinkProps, "ref">, HTMLAnchorElement>;
953
955
  Link: _redsift_design_system.Comp<{
954
956
  tooltip: string;
955
- tooltipProps?: TooltipProps;
956
- tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref">;
957
- tooltipContentProps?: Omit<TooltipContentProps, "ref">;
957
+ tooltipProps?: TooltipProps | undefined;
958
+ tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref"> | undefined;
959
+ tooltipContentProps?: Omit<TooltipContentProps, "ref"> | undefined;
958
960
  } & Omit<_redsift_design_system.LinkProps, "ref">, HTMLAnchorElement>;
959
961
  LinkButton: _redsift_design_system.Comp<{
960
962
  tooltip: string;
961
- tooltipProps?: TooltipProps;
962
- tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref">;
963
- tooltipContentProps?: Omit<TooltipContentProps, "ref">;
963
+ tooltipProps?: TooltipProps | undefined;
964
+ tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref"> | undefined;
965
+ tooltipContentProps?: Omit<TooltipContentProps, "ref"> | undefined;
964
966
  } & Omit<_redsift_design_system.LinkButtonProps, "ref">, HTMLButtonElement>;
965
967
  };
966
968
 
package/package.json CHANGED
@@ -30,7 +30,7 @@
30
30
  "test": "yarn test:unit && yarn test:storybook"
31
31
  },
32
32
  "types": "index.d.ts",
33
- "version": "11.8.1-muiv5",
33
+ "version": "11.8.1",
34
34
  "dependencies": {
35
35
  "@floating-ui/react": "^0.27.5",
36
36
  "classnames": "^2.3.1",
@@ -92,5 +92,5 @@
92
92
  "react-dom": ">=17",
93
93
  "styled-components": "^5.3.5"
94
94
  },
95
- "gitHead": "04b4ec7b4ae3bbfc6f3857bc1325ffca917ebb36"
95
+ "gitHead": "00fd6d0377d339bd6bae4073a921e55f8d3e1fb9"
96
96
  }