@redsift/popovers 7.7.0 → 7.8.1

package/CONTRIBUTING.md

@@ -123,7 +123,7 @@ The component should stricly follow the following structure:
 ```ts
 import React, { forwardRef, RefObject, useRef } from 'react';
 import classNames from 'classnames';
-import { Comp } from '~/types';
+import { Comp } from '../../types';
 import { StyledBadge } from './styles';
 import { BadgeProps } from './types';
 

package/index.d.ts

@@ -1,4 +1,4 @@
-import React$1, { Ref, ReactElement, Dispatch, SetStateAction, ReactNode, ComponentProps } from 'react';
+import React$1, { Ref, ReactElement, ComponentProps, Dispatch, SetStateAction, ReactNode } from 'react';
 import * as _floating_ui_react from '@floating-ui/react';
 import { ClearWaitingQueueParams } from 'react-toastify';
 
@@ -228,13 +228,46 @@ interface ContainerProps extends Omit<FlexLayoutProps, 'inline'>, Omit<GridLayou
     display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'inherit';
 }
 
+/**
+ * Component variant.
+ */
+declare const HeadingVariant: {
+    readonly h1: "h1";
+    readonly h2: "h2";
+    readonly h3: "h3";
+    readonly h4: "h4";
+    readonly h5: "h5";
+    readonly body: "body";
+};
+type HeadingVariant = ValueOf<typeof HeadingVariant>;
+declare const HeadingComponent: {
+    readonly h1: "h1";
+    readonly h2: "h2";
+    readonly h3: "h3";
+    readonly h4: "h4";
+    readonly h5: "h5";
+    readonly span: "span";
+};
+type HeadingComponent = ValueOf<typeof HeadingComponent>;
+/**
+ * Component props.
+ */
+interface HeadingProps extends ComponentProps<'span'>, StylingProps {
+    /** The actual component rendered in the DOM. */
+    as: HeadingComponent;
+    /** Whether the text will truncate with a text overflow ellipsis or wrap. */
+    noWrap?: boolean;
+    /** The component the Heading will look like. */
+    variant?: HeadingVariant;
+}
+
 declare function useDialog({ defaultOpen, hasCloseButton, initialFocus, isOpen: propsIsOpen, onOpen, size, }: Omit<DialogProps, 'children'>): {
     labelId: string | undefined;
     descriptionId: string | undefined;
     setLabelId: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
     setDescriptionId: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
     hasCloseButton: boolean | undefined;
-    initialFocus: number | React$1.MutableRefObject<HTMLElement | null> | "header" | "body" | "actions" | undefined;
+    initialFocus: number | "body" | "header" | React$1.MutableRefObject<HTMLElement | null> | "actions" | undefined;
     size: DialogSize | undefined;
     headerRef: React$1.MutableRefObject<null>;
     bodyRef: React$1.MutableRefObject<null>;
@@ -249,10 +282,10 @@ declare function useDialog({ defaultOpen, hasCloseButton, initialFocus, isOpen:
     floating: (node: HTMLElement | null) => void;
     positionReference: (node: _floating_ui_react.ReferenceType | null) => void;
     context: {
-        placement: _floating_ui_react.Placement;
-        strategy: _floating_ui_react.Strategy;
         x: number | null;
         y: number | null;
+        placement: _floating_ui_react.Placement;
+        strategy: _floating_ui_react.Strategy;
         middlewareData: _floating_ui_react.MiddlewareData;
         update: () => void;
         reference: (node: _floating_ui_react.ReferenceType | null) => void;
@@ -348,39 +381,6 @@ type StyledDialogContentBodyProps = DialogContentBodyProps & {
  */
 declare const DialogContentBody: Comp<DialogContentBodyProps, HTMLDivElement>;
 
-/**
- * Component variant.
- */
-declare const HeadingVariant: {
-    readonly h1: "h1";
-    readonly h2: "h2";
-    readonly h3: "h3";
-    readonly h4: "h4";
-    readonly h5: "h5";
-    readonly body: "body";
-};
-type HeadingVariant = ValueOf<typeof HeadingVariant>;
-declare const HeadingComponent: {
-    readonly h1: "h1";
-    readonly h2: "h2";
-    readonly h3: "h3";
-    readonly h4: "h4";
-    readonly h5: "h5";
-    readonly span: "span";
-};
-type HeadingComponent = ValueOf<typeof HeadingComponent>;
-/**
- * Component props.
- */
-interface HeadingProps extends ComponentProps<'span'>, StylingProps {
-    /** The actual component rendered in the DOM. */
-    as: HeadingComponent;
-    /** Whether the text will truncate with a text overflow ellipsis or wrap. */
-    noWrap?: boolean;
-    /** The component the Heading will look like. */
-    variant?: HeadingVariant;
-}
-
 /**
  * Component props.
  */
@@ -461,7 +461,7 @@ declare const useDialogContext: () => {
     setLabelId: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
     setDescriptionId: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
     hasCloseButton: boolean | undefined;
-    initialFocus: number | React$1.MutableRefObject<HTMLElement | null> | "header" | "body" | "actions" | undefined;
+    initialFocus: number | "body" | "header" | React$1.MutableRefObject<HTMLElement | null> | "actions" | undefined;
     size: DialogSize | undefined;
     headerRef: React$1.MutableRefObject<null>;
     bodyRef: React$1.MutableRefObject<null>;
@@ -476,10 +476,10 @@ declare const useDialogContext: () => {
     floating: (node: HTMLElement | null) => void;
     positionReference: (node: _floating_ui_react.ReferenceType | null) => void;
     context: {
-        placement: undefined;
-        strategy: undefined;
         x: number | null;
         y: number | null;
+        placement: undefined;
+        strategy: undefined;
         middlewareData: undefined;
         update: () => void;
         reference: (node: _floating_ui_react.ReferenceType | null) => void;
@@ -518,10 +518,10 @@ declare function usePopover({ defaultOpen, placement, isModal, isOpen: propsIsOp
     floating: (node: HTMLElement | null) => void;
     positionReference: (node: _floating_ui_react.ReferenceType | null) => void;
     context: {
-        placement: _floating_ui_react.Placement;
-        strategy: _floating_ui_react.Strategy;
         x: number | null;
         y: number | null;
+        placement: _floating_ui_react.Placement;
+        strategy: _floating_ui_react.Strategy;
         middlewareData: _floating_ui_react.MiddlewareData;
         update: () => void;
         reference: (node: _floating_ui_react.ReferenceType | null) => void;
@@ -644,10 +644,10 @@ declare const usePopoverContext: () => {
     floating: (node: HTMLElement | null) => void;
     positionReference: (node: _floating_ui_react.ReferenceType | null) => void;
     context: {
-        placement: undefined;
-        strategy: undefined;
         x: number | null;
         y: number | null;
+        placement: undefined;
+        strategy: undefined;
         middlewareData: undefined;
         update: () => void;
         reference: (node: _floating_ui_react.ReferenceType | null) => void;
@@ -805,10 +805,10 @@ declare function useTooltip({ defaultOpen, delay, placement, isOpen: propsIsOpen
     floating: (node: HTMLElement | null) => void;
     positionReference: (node: _floating_ui_react.ReferenceType | null) => void;
     context: {
-        placement: _floating_ui_react.Placement;
-        strategy: _floating_ui_react.Strategy;
         x: number | null;
         y: number | null;
+        placement: _floating_ui_react.Placement;
+        strategy: _floating_ui_react.Strategy;
         middlewareData: _floating_ui_react.MiddlewareData;
         update: () => void;
         reference: (node: _floating_ui_react.ReferenceType | null) => void;
@@ -936,10 +936,10 @@ declare const useTooltipContext: () => {
     floating: (node: HTMLElement | null) => void;
     positionReference: (node: _floating_ui_react.ReferenceType | null) => void;
     context: {
-        placement: undefined;
-        strategy: undefined;
         x: number | null;
         y: number | null;
+        placement: undefined;
+        strategy: undefined;
         middlewareData: undefined;
         update: () => void;
         reference: (node: _floating_ui_react.ReferenceType | null) => void;