@redsift/popovers 11.7.0 → 11.8.0-muiv5

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 +70 -72
  2. package/package.json +4 -4
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 | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
63
+ onOpenChange: (open: boolean, event?: Event, reason?: _floating_ui_react.OpenChangeReason) => 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> | 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>;
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>;
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 | undefined;
244
- className?: string | undefined;
243
+ displayName?: string;
244
+ className?: string;
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 | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
296
+ onOpenChange: (open: boolean, event?: Event, reason?: _floating_ui_react.OpenChangeReason) => 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> | 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>;
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>;
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 | undefined;
316
+ readonly triggerClassName?: string;
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 | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
352
+ onOpenChange: (open: boolean, event?: Event, reason?: _floating_ui_react.OpenChangeReason) => 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> | 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>;
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>;
366
366
  color: string | undefined;
367
367
  isOpen: boolean | undefined;
368
368
  handleOpen: (collapsed: boolean) => void;
@@ -461,9 +461,7 @@ type StyledPopoverContentProps = PopoverContentProps & {
461
461
  /**
462
462
  * Component style.
463
463
  */
464
- declare const StyledPopoverContent: styled_components.StyledComponent<"div", any, PopoverContentProps & {
465
- $theme: Theme;
466
- }, never>;
464
+ declare const StyledPopoverContent: styled_components.StyledComponent<"div", any, StyledPopoverContentProps, never>;
467
465
 
468
466
  /**
469
467
  * The PopoverContent component.
@@ -489,8 +487,8 @@ declare const BasePopover: React$1.FC<PopoverProps> & {
489
487
  className?: string;
490
488
  };
491
489
  declare const Popover: React$1.FC<PopoverProps> & {
492
- displayName?: string | undefined;
493
- className?: string | undefined;
490
+ displayName?: string;
491
+ className?: string;
494
492
  } & {
495
493
  Trigger: _redsift_design_system.Comp<PopoverTriggerProps, HTMLButtonElement>;
496
494
  Content: _redsift_design_system.Comp<PopoverContentProps, HTMLDivElement>;
@@ -529,7 +527,7 @@ declare const usePopoverContext: () => {
529
527
  update: () => void;
530
528
  floatingStyles: React$1.CSSProperties;
531
529
  open: boolean;
532
- onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
530
+ onOpenChange: (open: boolean, event?: Event, reason?: _floating_ui_react.OpenChangeReason) => void;
533
531
  events: _floating_ui_react.FloatingEvents;
534
532
  dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
535
533
  nodeId: string | undefined;
@@ -537,17 +535,17 @@ declare const usePopoverContext: () => {
537
535
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
538
536
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
539
537
  };
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>;
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>;
546
544
  color: string | undefined;
547
545
  isOpen: boolean | undefined;
548
546
  handleOpen: (collapsed: boolean) => void;
549
547
  } & {
550
- readonly triggerClassName?: string | undefined;
548
+ readonly triggerClassName?: string;
551
549
  } & HiddenPopoverState;
552
550
 
553
551
  /**
@@ -736,7 +734,7 @@ declare function useTooltip({ color, defaultOpen, delay, placement, isOpen: prop
736
734
  update: () => void;
737
735
  floatingStyles: React$1.CSSProperties;
738
736
  open: boolean;
739
- onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
737
+ onOpenChange: (open: boolean, event?: Event, reason?: _floating_ui_react.OpenChangeReason) => void;
740
738
  events: _floating_ui_react.FloatingEvents;
741
739
  dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
742
740
  nodeId: string | undefined;
@@ -744,12 +742,12 @@ declare function useTooltip({ color, defaultOpen, delay, placement, isOpen: prop
744
742
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
745
743
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
746
744
  };
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>;
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>;
753
751
  color: string | undefined;
754
752
  isOpen: boolean | undefined;
755
753
  handleOpen: (collapsed: boolean) => void;
@@ -825,8 +823,8 @@ declare const BaseTooltip: React$1.FC<TooltipProps> & {
825
823
  className?: string;
826
824
  };
827
825
  declare const Tooltip: React$1.FC<TooltipProps> & {
828
- displayName?: string | undefined;
829
- className?: string | undefined;
826
+ displayName?: string;
827
+ className?: string;
830
828
  } & {
831
829
  Trigger: _redsift_design_system.Comp<TooltipTriggerProps, HTMLSpanElement>;
832
830
  Content: _redsift_design_system.Comp<TooltipContentProps, HTMLDivElement>;
@@ -864,7 +862,7 @@ declare const useTooltipContext: () => {
864
862
  update: () => void;
865
863
  floatingStyles: React$1.CSSProperties;
866
864
  open: boolean;
867
- onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
865
+ onOpenChange: (open: boolean, event?: Event, reason?: _floating_ui_react.OpenChangeReason) => void;
868
866
  events: _floating_ui_react.FloatingEvents;
869
867
  dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
870
868
  nodeId: string | undefined;
@@ -872,17 +870,17 @@ declare const useTooltipContext: () => {
872
870
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
873
871
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
874
872
  };
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>;
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>;
881
879
  color: string | undefined;
882
880
  isOpen: boolean | undefined;
883
881
  handleOpen: (collapsed: boolean) => void;
884
882
  } & {
885
- readonly triggerClassName?: string | undefined;
883
+ readonly triggerClassName?: string;
886
884
  };
887
885
 
888
886
  declare const ButtonWithTooltip: Comp<{
@@ -930,39 +928,39 @@ declare const LinkButtonWithTooltip: Comp<{
930
928
  declare const WithTooltip: {
931
929
  Button: _redsift_design_system.Comp<{
932
930
  tooltip: string;
933
- tooltipProps?: TooltipProps | undefined;
934
- tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref"> | undefined;
935
- tooltipContentProps?: Omit<TooltipContentProps, "ref"> | undefined;
931
+ tooltipProps?: TooltipProps;
932
+ tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref">;
933
+ tooltipContentProps?: Omit<TooltipContentProps, "ref">;
936
934
  } & Omit<_redsift_design_system.ButtonProps, "ref">, HTMLButtonElement>;
937
935
  ButtonLink: _redsift_design_system.Comp<{
938
936
  tooltip: string;
939
- tooltipProps?: TooltipProps | undefined;
940
- tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref"> | undefined;
941
- tooltipContentProps?: Omit<TooltipContentProps, "ref"> | undefined;
937
+ tooltipProps?: TooltipProps;
938
+ tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref">;
939
+ tooltipContentProps?: Omit<TooltipContentProps, "ref">;
942
940
  } & Omit<_redsift_design_system.ButtonLinkProps, "ref">, HTMLAnchorElement>;
943
941
  IconButton: _redsift_design_system.Comp<{
944
942
  tooltip: string;
945
- tooltipProps?: TooltipProps | undefined;
946
- tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref"> | undefined;
947
- tooltipContentProps?: Omit<TooltipContentProps, "ref"> | undefined;
943
+ tooltipProps?: TooltipProps;
944
+ tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref">;
945
+ tooltipContentProps?: Omit<TooltipContentProps, "ref">;
948
946
  } & Omit<_redsift_design_system.IconButtonProps, "ref">, HTMLButtonElement>;
949
947
  IconButtonLink: _redsift_design_system.Comp<{
950
948
  tooltip: string;
951
- tooltipProps?: TooltipProps | undefined;
952
- tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref"> | undefined;
953
- tooltipContentProps?: Omit<TooltipContentProps, "ref"> | undefined;
949
+ tooltipProps?: TooltipProps;
950
+ tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref">;
951
+ tooltipContentProps?: Omit<TooltipContentProps, "ref">;
954
952
  } & Omit<_redsift_design_system.IconButtonLinkProps, "ref">, HTMLAnchorElement>;
955
953
  Link: _redsift_design_system.Comp<{
956
954
  tooltip: string;
957
- tooltipProps?: TooltipProps | undefined;
958
- tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref"> | undefined;
959
- tooltipContentProps?: Omit<TooltipContentProps, "ref"> | undefined;
955
+ tooltipProps?: TooltipProps;
956
+ tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref">;
957
+ tooltipContentProps?: Omit<TooltipContentProps, "ref">;
960
958
  } & Omit<_redsift_design_system.LinkProps, "ref">, HTMLAnchorElement>;
961
959
  LinkButton: _redsift_design_system.Comp<{
962
960
  tooltip: string;
963
- tooltipProps?: TooltipProps | undefined;
964
- tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref"> | undefined;
965
- tooltipContentProps?: Omit<TooltipContentProps, "ref"> | undefined;
961
+ tooltipProps?: TooltipProps;
962
+ tooltipTriggerProps?: Omit<TooltipTriggerProps, "ref">;
963
+ tooltipContentProps?: Omit<TooltipContentProps, "ref">;
966
964
  } & Omit<_redsift_design_system.LinkButtonProps, "ref">, HTMLButtonElement>;
967
965
  };
968
966
 
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.7.0",
33
+ "version": "11.8.0-muiv5",
34
34
  "dependencies": {
35
35
  "@floating-ui/react": "^0.27.5",
36
36
  "classnames": "^2.3.1",
@@ -86,11 +86,11 @@
86
86
  "ts-jest": "^28.0.3"
87
87
  },
88
88
  "peerDependencies": {
89
- "@redsift/design-system": "^11.7.0-0",
90
- "@redsift/icons": "^11.7.0-0",
89
+ "@redsift/design-system": "^11.8.0-0",
90
+ "@redsift/icons": "^11.8.0-0",
91
91
  "react": ">=17",
92
92
  "react-dom": ">=17",
93
93
  "styled-components": "^5.3.5"
94
94
  },
95
- "gitHead": "df42b62ddbb8844ad4eeeb151549e746f829fde4"
95
+ "gitHead": "4d72dda8248fb141155edd280b214969508d6c03"
96
96
  }