@fluentui/react-popover 9.0.0-alpha.8 → 9.0.0-nightly.f81b28ceb3.1

package/lib-commonjs/Popover.stories.js

@@ -1,122 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NestedPopovers = exports.WithCustomTrigger = exports.Controlled = exports.AnchorToTarget = exports.Default = void 0;
-var tslib_1 = require("tslib");
-var React = require("react");
-var index_1 = require("./index");
-var ExampleContent = function () {
-    return (React.createElement("div", null,
-        React.createElement("h3", null, "Popover content"),
-        React.createElement("div", null, "This is some popover content")));
-};
-var Default = function (props) { return (React.createElement(index_1.Popover, tslib_1.__assign({}, props),
-    React.createElement(index_1.PopoverTrigger, null,
-        React.createElement("button", null, "Popover trigger")),
-    React.createElement(index_1.PopoverSurface, null,
-        React.createElement(ExampleContent, null),
-        React.createElement("div", null,
-            React.createElement("button", null, "Action"),
-            React.createElement("button", null, "Action"))))); };
-exports.Default = Default;
-exports.Default.argTypes = {
-    open: {
-        defaultValue: false,
-        control: 'boolean',
-    },
-    openOnContext: {
-        defaultValue: false,
-        control: 'boolean',
-    },
-    openOnHover: {
-        defaultValue: false,
-        control: 'boolean',
-    },
-    position: {
-        type: { name: 'string', required: false },
-        control: {
-            type: 'select',
-            options: ['above', 'below', 'before', 'after'],
-        },
-    },
-    align: {
-        type: { name: 'string', required: false },
-        control: {
-            type: 'select',
-            options: ['top', 'bottom', 'start', 'end', 'center'],
-        },
-    },
-    size: {
-        type: { name: 'string', required: false },
-        control: {
-            type: 'select',
-            options: ['small', 'medium', 'large'],
-        },
-    },
-    trapFocus: {
-        defaultValue: true,
-        control: 'boolean',
-    },
-};
-var AnchorToTarget = function () {
-    var _a = React.useState(), target = _a[0], setTarget = _a[1];
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", null,
-            React.createElement(index_1.Popover, { target: target },
-                React.createElement(index_1.PopoverTrigger, null,
-                    React.createElement("button", null, "Popover trigger")),
-                React.createElement(index_1.PopoverSurface, null,
-                    React.createElement(ExampleContent, null)))),
-        React.createElement("button", { ref: setTarget }, "Custom target")));
-};
-exports.AnchorToTarget = AnchorToTarget;
-var Controlled = function () {
-    var _a = React.useState(false), open = _a[0], setOpen = _a[1];
-    var onOpenChange = function (_, data) { return setOpen(data.open || false); };
-    return (React.createElement(index_1.Popover, { open: open, onOpenChange: onOpenChange },
-        React.createElement(index_1.PopoverTrigger, null,
-            React.createElement("button", null, "Controlled trigger")),
-        React.createElement(index_1.PopoverSurface, null,
-            React.createElement(ExampleContent, null))));
-};
-exports.Controlled = Controlled;
-var WithCustomTrigger = function () {
-    var _a = React.useState(false), open = _a[0], setOpen = _a[1];
-    var _b = React.useState(null), target = _b[0], setTarget = _b[1];
-    var onClick = function () { return setOpen(function (s) { return !s; }); };
-    var onOpenChange = function (_, data) { return setOpen(data.open || false); };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("button", { "aria-haspopup": true, ref: setTarget, onClick: onClick }, "Custom trigger"),
-        React.createElement(index_1.Popover, { target: target, open: open, onOpenChange: onOpenChange },
-            React.createElement(index_1.PopoverSurface, null,
-                React.createElement(ExampleContent, null)))));
-};
-exports.WithCustomTrigger = WithCustomTrigger;
-var FirstNestedPopover = function () { return (React.createElement(index_1.Popover, { trapFocus: true },
-    React.createElement(index_1.PopoverTrigger, null,
-        React.createElement("button", null, "First nested trigger")),
-    React.createElement(index_1.PopoverSurface, null,
-        React.createElement(ExampleContent, null),
-        React.createElement("button", null, "First nested button"),
-        React.createElement(SecondNestedPopover, null),
-        React.createElement(SecondNestedPopover, null)))); };
-var SecondNestedPopover = function () { return (React.createElement(index_1.Popover, { trapFocus: true },
-    React.createElement(index_1.PopoverTrigger, null,
-        React.createElement("button", null, "Second nested trigger")),
-    React.createElement(index_1.PopoverSurface, null,
-        React.createElement(ExampleContent, null),
-        React.createElement("button", null, "Second nested button")))); };
-var NestedPopovers = function () {
-    return (React.createElement(index_1.Popover, { trapFocus: true },
-        React.createElement(index_1.PopoverTrigger, null,
-            React.createElement("button", null, "Root trigger")),
-        React.createElement(index_1.PopoverSurface, null,
-            React.createElement(ExampleContent, null),
-            React.createElement("button", null, "Root button"),
-            React.createElement(FirstNestedPopover, null))));
-};
-exports.NestedPopovers = NestedPopovers;
-exports.default = {
-    title: 'Components/Popover',
-    component: index_1.Popover,
-};
-//# sourceMappingURL=Popover.stories.js.map

package/lib-commonjs/Popover.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.stories.js","sourceRoot":"../src/","sources":["Popover.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Popover, PopoverTrigger, PopoverSurface, PopoverProps } from './index';\n\nconst ExampleContent = () => {\n  return (\n    <div>\n      <h3>Popover content</h3>\n\n      <div>This is some popover content</div>\n    </div>\n  );\n};\n\nexport const Default = (props: PopoverProps) => (\n  <Popover {...props}>\n    <PopoverTrigger>\n      <button>Popover trigger</button>\n    </PopoverTrigger>\n\n    <PopoverSurface>\n      <ExampleContent />\n\n      <div>\n        <button>Action</button>\n        <button>Action</button>\n      </div>\n    </PopoverSurface>\n  </Popover>\n);\n\nDefault.argTypes = {\n  open: {\n    defaultValue: false,\n    control: 'boolean',\n  },\n\n  openOnContext: {\n    defaultValue: false,\n    control: 'boolean',\n  },\n\n  openOnHover: {\n    defaultValue: false,\n    control: 'boolean',\n  },\n\n  position: {\n    type: { name: 'string', required: false },\n    control: {\n      type: 'select',\n      options: ['above', 'below', 'before', 'after'],\n    },\n  },\n\n  align: {\n    type: { name: 'string', required: false },\n    control: {\n      type: 'select',\n      options: ['top', 'bottom', 'start', 'end', 'center'],\n    },\n  },\n\n  size: {\n    type: { name: 'string', required: false },\n    control: {\n      type: 'select',\n      options: ['small', 'medium', 'large'],\n    },\n  },\n\n  trapFocus: {\n    defaultValue: true,\n    control: 'boolean',\n  },\n};\n\nexport const AnchorToTarget = () => {\n  const [target, setTarget] = React.useState<HTMLButtonElement | null>();\n\n  return (\n    <>\n      <div>\n        <Popover target={target}>\n          <PopoverTrigger>\n            <button>Popover trigger</button>\n          </PopoverTrigger>\n\n          <PopoverSurface>\n            <ExampleContent />\n          </PopoverSurface>\n        </Popover>\n      </div>\n\n      <button ref={setTarget}>Custom target</button>\n    </>\n  );\n};\n\nexport const Controlled = () => {\n  const [open, setOpen] = React.useState(false);\n  const onOpenChange: PopoverProps['onOpenChange'] = (_, data) => setOpen(data.open || false);\n\n  return (\n    <Popover open={open} onOpenChange={onOpenChange}>\n      <PopoverTrigger>\n        <button>Controlled trigger</button>\n      </PopoverTrigger>\n      <PopoverSurface>\n        <ExampleContent />\n      </PopoverSurface>\n    </Popover>\n  );\n};\n\nexport const WithCustomTrigger = () => {\n  const [open, setOpen] = React.useState(false);\n  const [target, setTarget] = React.useState<HTMLElement | null>(null);\n  const onClick = () => setOpen(s => !s);\n  const onOpenChange: PopoverProps['onOpenChange'] = (_, data) => setOpen(data.open || false);\n\n  return (\n    <>\n      <button aria-haspopup ref={setTarget} onClick={onClick}>\n        Custom trigger\n      </button>\n      <Popover target={target} open={open} onOpenChange={onOpenChange}>\n        <PopoverSurface>\n          <ExampleContent />\n        </PopoverSurface>\n      </Popover>\n    </>\n  );\n};\n\nconst FirstNestedPopover = () => (\n  <Popover trapFocus>\n    <PopoverTrigger>\n      <button>First nested trigger</button>\n    </PopoverTrigger>\n\n    <PopoverSurface>\n      <ExampleContent />\n      <button>First nested button</button>\n      <SecondNestedPopover />\n      <SecondNestedPopover />\n    </PopoverSurface>\n  </Popover>\n);\n\nconst SecondNestedPopover = () => (\n  <Popover trapFocus>\n    <PopoverTrigger>\n      <button>Second nested trigger</button>\n    </PopoverTrigger>\n\n    <PopoverSurface>\n      <ExampleContent />\n      <button>Second nested button</button>\n    </PopoverSurface>\n  </Popover>\n);\n\nexport const NestedPopovers = () => {\n  return (\n    <Popover trapFocus>\n      <PopoverTrigger>\n        <button>Root trigger</button>\n      </PopoverTrigger>\n\n      <PopoverSurface>\n        <ExampleContent />\n        <button>Root button</button>\n        <FirstNestedPopover />\n      </PopoverSurface>\n    </Popover>\n  );\n};\n\nexport default {\n  title: 'Components/Popover',\n  component: Popover,\n};\n"]}

package/lib-commonjs/components/Popover/getOffsetWithArrow.d.ts

@@ -1,7 +0,0 @@
-import { Offset } from '@fluentui/react-positioning';
-/**
- * @param userOffset - The offset provided by the user
- * @param arrowHeight - The height of the arrow in px
- * @returns User offset augmented with arrow height
- */
-export declare function getOffsetWithArrow(userOffset: Offset | undefined | null, arrowHeight: number): Offset;

package/lib-commonjs/components/Popover/getOffsetWithArrow.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getOffsetWithArrow = void 0;
-/**
- * @param userOffset - The offset provided by the user
- * @param arrowHeight - The height of the arrow in px
- * @returns User offset augmented with arrow height
- */
-function getOffsetWithArrow(userOffset, arrowHeight) {
-    var offsetWithArrow = userOffset;
-    if (!userOffset) {
-        return [0, arrowHeight];
-    }
-    if (Array.isArray(offsetWithArrow)) {
-        setArrowOffset(offsetWithArrow, arrowHeight);
-        return offsetWithArrow;
-    }
-    if (typeof offsetWithArrow === 'function') {
-        var userOffsetFn_1 = offsetWithArrow;
-        offsetWithArrow = function (offsetParams) {
-            var offset = userOffsetFn_1(offsetParams);
-            setArrowOffset(offset, arrowHeight);
-            return offset;
-        };
-    }
-    // This should never happen
-    return [0, 0];
-}
-exports.getOffsetWithArrow = getOffsetWithArrow;
-var setArrowOffset = function (offset, arrowHeight) {
-    if (offset[1] !== null && offset[1] !== undefined) {
-        offset[1] += arrowHeight;
-    }
-    else {
-        offset[1] = arrowHeight;
-    }
-};
-//# sourceMappingURL=getOffsetWithArrow.js.map

package/lib-commonjs/components/Popover/getOffsetWithArrow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getOffsetWithArrow.js","sourceRoot":"../src/","sources":["components/Popover/getOffsetWithArrow.ts"],"names":[],"mappings":";;;AAEA;;;;GAIG;AACH,SAAgB,kBAAkB,CAAC,UAAqC,EAAE,WAAmB;IAC3F,IAAI,eAAe,GAAG,UAAU,CAAC;IACjC,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;KACzB;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE;QAClC,cAAc,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC;QAC7C,OAAO,eAAe,CAAC;KACxB;IAED,IAAI,OAAO,eAAe,KAAK,UAAU,EAAE;QACzC,IAAM,cAAY,GAAG,eAAe,CAAC;QACrC,eAAe,GAAG,UAAA,YAAY;YAC5B,IAAM,MAAM,GAAG,cAAY,CAAC,YAAY,CAAC,CAAC;YAC1C,cAAc,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;YACpC,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC;KACH;IAED,2BAA2B;IAC3B,OAAO,CAAC,CAAC,EAAE,CAAC,CAAU,CAAC;AACzB,CAAC;AAtBD,gDAsBC;AAED,IAAM,cAAc,GAAG,UAAC,MAA8D,EAAE,WAAmB;IACzG,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,SAAS,EAAE;QACjD,MAAM,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC;KAC1B;SAAM;QACL,MAAM,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC;KACzB;AACH,CAAC,CAAC","sourcesContent":["import { Offset } from '@fluentui/react-positioning';\n\n/**\n * @param userOffset - The offset provided by the user\n * @param arrowHeight - The height of the arrow in px\n * @returns User offset augmented with arrow height\n */\nexport function getOffsetWithArrow(userOffset: Offset | undefined | null, arrowHeight: number): Offset {\n  let offsetWithArrow = userOffset;\n  if (!userOffset) {\n    return [0, arrowHeight];\n  }\n\n  if (Array.isArray(offsetWithArrow)) {\n    setArrowOffset(offsetWithArrow, arrowHeight);\n    return offsetWithArrow;\n  }\n\n  if (typeof offsetWithArrow === 'function') {\n    const userOffsetFn = offsetWithArrow;\n    offsetWithArrow = offsetParams => {\n      const offset = userOffsetFn(offsetParams);\n      setArrowOffset(offset, arrowHeight);\n      return offset;\n    };\n  }\n\n  // This should never happen\n  return [0, 0] as never;\n}\n\nconst setArrowOffset = (offset: [number | null | undefined, number | null | undefined], arrowHeight: number) => {\n  if (offset[1] !== null && offset[1] !== undefined) {\n    offset[1] += arrowHeight;\n  } else {\n    offset[1] = arrowHeight;\n  }\n};\n"]}

package/src/components/Popover/Popover.types.ts

@@ -1,124 +0,0 @@
-import * as React from 'react';
-import { PopperOptions, PopperVirtualElement } from '@fluentui/react-positioning';
-import { PortalProps } from '@fluentui/react-portal';
-import { ComponentState } from '@fluentui/react-utilities';
-
-/**
- * Determines popover padding and arrow size
- */
-export type PopoverSize = 'small' | 'medium' | 'large';
-
-/**
- * Popover Props
- */
-export interface PopoverProps
-  extends Pick<PopperOptions, 'position' | 'align' | 'offset' | 'coverTarget' | 'target'>,
-    Pick<PortalProps, 'mountNode'> {
-  children: React.ReactNode;
-  /**
-   * Controls the opening of the Popover
-   */
-  open?: boolean;
-  /**
-   * Used to set the initial open state of the Popover in uncontrolled mode
-   */
-  defaultOpen?: boolean;
-  /**
-   * Call back when the component requests to change value
-   * The `open` value is used as a hint when directly controlling the component
-   */
-  onOpenChange?: (e: OpenPopoverEvents, data: OnOpenChangeData) => void;
-  /**
-   * Flag to open the Popover by hovering the trigger
-   */
-  openOnHover?: boolean;
-  /**
-   * Flag to open the Popover as a context menu. Disables all other interactions
-   */
-  openOnContext?: boolean;
-  /**
-   * Do not display the arrow
-   */
-  noArrow?: boolean;
-  /**
-   * Determines popover padding and arrow size
-   * @default medium
-   */
-  size?: PopoverSize;
-  /**
-   * Uses brand colour as background
-   * Mutually exclusive with `inverted`
-   */
-  brand?: boolean;
-  /**
-   * Inverts the foreground/background colour of the popover
-   * Mutually exclusive with `brand`
-   */
-  inverted?: boolean;
-
-  /**
-   * Should trap focus
-   */
-  trapFocus?: boolean;
-}
-
-/**
- * Names of the shorthand properties in PopoverProps
- */
-export type PopoverShorthandProps = never;
-
-/**
- * Names of PopoverProps that have a default value in usePopover
- */
-export type PopoverDefaultedProps = never;
-
-/**
- * Popover State
- */
-export interface PopoverState extends ComponentState<PopoverProps, PopoverShorthandProps, PopoverDefaultedProps> {
-  /**
-   * Open state of the Popover
-   */
-  open: boolean;
-  /**
-   * Callback to open/close the Popover
-   */
-  setOpen: (e: OpenPopoverEvents, open: boolean) => void;
-  /**
-   * Ref of the PopoverTrigger
-   */
-  triggerRef: React.MutableRefObject<HTMLElement | null>;
-  /**
-   * Ref of the PopoverSurface
-   */
-  contentRef: React.MutableRefObject<HTMLElement | null>;
-  /**
-   * Ref of the pointing arrow
-   */
-  arrowRef: React.MutableRefObject<HTMLDivElement | null>;
-  /**
-   * Anchors the popper to the mouse click for context events
-   */
-  contextTarget: PopperVirtualElement | undefined;
-  /**
-   * A callback to set the target of the popper to the mouse click for context events
-   */
-  setContextTarget: React.Dispatch<PopperVirtualElement | undefined>;
-
-  size: NonNullable<PopoverProps['size']>;
-}
-
-/**
- * Data attached to open/close events
- */
-export interface OnOpenChangeData extends Pick<PopoverState, 'open'> {}
-
-/**
- * The supported events that will trigger open/close of the menu
- */
-export type OpenPopoverEvents =
-  | MouseEvent
-  | TouchEvent
-  | React.MouseEvent<HTMLElement>
-  | React.KeyboardEvent<HTMLElement>
-  | React.FocusEvent<HTMLElement>;

package/src/components/PopoverSurface/PopoverSurface.types.ts

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { ComponentProps, ComponentState } from '@fluentui/react-utilities';
-import { PopoverContextValue } from '../../popoverContext';
-
-/**
- * PopoverSurface Props
- */
-export interface PopoverSurfaceProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {}
-
-/**
- * Names of the shorthand properties in PopoverSurfaceProps
- */
-export type PopoverSurfaceShorthandProps = never;
-
-/**
- * Names of PopoverSurfaceProps that have a default value in usePopoverSurface
- */
-export type PopoverSurfaceDefaultedProps = never;
-
-/**
- * PopoverSurface State
- */
-export interface PopoverSurfaceState
-  extends ComponentState<PopoverSurfaceProps, PopoverSurfaceShorthandProps, PopoverSurfaceDefaultedProps>,
-    Pick<PopoverContextValue, 'open' | 'mountNode' | 'noArrow' | 'size' | 'brand' | 'inverted'> {
-  ref: React.Ref<HTMLElement>;
-  /**
-   * Ref to the arrow element
-   */
-  arrowRef?: React.Ref<HTMLDivElement>;
-
-  /**
-   * CSS class for the arrow element
-   */
-  arrowClassName?: string;
-}

package/src/components/PopoverTrigger/PopoverTrigger.types.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-
-/**
- * PopoverTrigger Props
- */
-export interface PopoverTriggerProps {
-  children: React.ReactElement;
-}
-
-/**
- * PopoverTrigger State
- */
-export interface PopoverTriggerState extends PopoverTriggerProps {}