@workday/canvas-kit-react 7.0.0-alpha.89-next.16 → 7.0.0-alpha.90-next.17

package/dist/es6/popup/lib/PopupHeading.d.ts

@@ -1,14 +1,29 @@
 import * as React from 'react';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
 import { Card } from '@workday/canvas-kit-react/card';
-import { PopupModel } from './hooks';
 export interface PopupHeadingProps extends ExtractProps<typeof Card.Heading, never> {
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases
-     */
-    model?: PopupModel;
     children?: React.ReactNode;
 }
-export declare const PopupHeading: import("../../common").ElementComponent<"h2", PopupHeadingProps>;
+export declare const PopupHeading: import("../../common").ElementComponentM<"h2", PopupHeadingProps, {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}>;
 //# sourceMappingURL=PopupHeading.d.ts.map

package/dist/es6/popup/lib/PopupHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupHeading.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAmC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAEpD,OAAO,EAAkB,UAAU,EAAoB,MAAM,SAAS,CAAC;AAEvE,MAAM,WAAW,iBAAkB,SAAQ,YAAY,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;IACjF;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,kEAYvB,CAAC"}
+{"version":3,"file":"PopupHeading.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAIpD,MAAM,WAAW,iBAAkB,SAAQ,YAAY,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;EAUvB,CAAC"}

package/dist/es6/popup/lib/PopupHeading.js

@@ -21,15 +21,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import { createComponent, useModelContext } from '@workday/canvas-kit-react/common';
+import { createSubcomponent } from '@workday/canvas-kit-react/common';
 import { Card } from '@workday/canvas-kit-react/card';
-import { usePopupHeading, PopupModelContext } from './hooks';
-export var PopupHeading = createComponent('h2')({
+import { usePopupHeading, usePopupModel } from './hooks';
+export var PopupHeading = createSubcomponent('h2')({
     displayName: 'Popup.Heading',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, model = _a.model, elemProps = __rest(_a, ["children", "model"]);
-        var localModel = useModelContext(PopupModelContext, model);
-        var props = usePopupHeading(localModel, elemProps, ref);
-        return (React.createElement(Card.Heading, __assign({ as: Element, marginBottom: "s" }, props), children));
-    },
+    modelHook: usePopupModel,
+    elemPropsHook: usePopupHeading,
+})(function (_a, Element) {
+    var children = _a.children, elemProps = __rest(_a, ["children"]);
+    return (React.createElement(Card.Heading, __assign({ as: Element, marginBottom: "s" }, elemProps), children));
 });

package/dist/es6/popup/lib/PopupPopper.d.ts

@@ -1,12 +1,6 @@
 import * as React from 'react';
-import { PopupModel } from './hooks';
 import { Placement, PopperOptions } from './Popper';
 export interface PopupPopperProps {
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases
-     */
-    model?: PopupModel;
     /**
      * The placement of the `Popper` contents relative to the `anchorElement`. Accepts `auto`, `top`,
      * `right`, `bottom`, or `left`. Each placement can also be modified using any of the following
@@ -20,5 +14,26 @@ export interface PopupPopperProps {
     popperOptions?: Partial<PopperOptions>;
     children?: React.ReactNode;
 }
-export declare const PopupPopper: import("../../common").ElementComponent<"div", PopupPopperProps>;
+export declare const PopupPopper: import("../../common").ElementComponentM<"div", PopupPopperProps, {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}>;
 //# sourceMappingURL=PopupPopper.d.ts.map

package/dist/es6/popup/lib/PopupPopper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupPopper.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupPopper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,UAAU,EAAoC,MAAM,SAAS,CAAC;AACtE,OAAO,EAAC,SAAS,EAAE,aAAa,EAAS,MAAM,UAAU,CAAC;AAE1D,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,kEAQtB,CAAC"}
+{"version":3,"file":"PopupPopper.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupPopper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,SAAS,EAAE,aAAa,EAAS,MAAM,UAAU,CAAC;AAE1D,MAAM,WAAW,gBAAgB;IAC/B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;EAMtB,CAAC"}

package/dist/es6/popup/lib/PopupPopper.js

@@ -21,15 +21,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import { createComponent, useModelContext } from '@workday/canvas-kit-react/common';
-import { PopupModelContext, usePopupPopper } from './hooks';
+import { createSubcomponent } from '@workday/canvas-kit-react/common';
+import { usePopupModel, usePopupPopper } from './hooks';
 import { Popper } from './Popper';
-export var PopupPopper = createComponent('div')({
+export var PopupPopper = createSubcomponent('div')({
     displayName: 'Popup.Popper',
-    Component: function (_a, ref) {
-        var children = _a.children, model = _a.model, elemProps = __rest(_a, ["children", "model"]);
-        var localModel = useModelContext(PopupModelContext, model);
-        var props = usePopupPopper(localModel, elemProps, ref);
-        return React.createElement(Popper, __assign({}, props), children);
-    },
+    modelHook: usePopupModel,
+    elemPropsHook: usePopupPopper,
+})(function (_a) {
+    var children = _a.children, elemProps = __rest(_a, ["children"]);
+    return React.createElement(Popper, __assign({}, elemProps), children);
 });

package/dist/es6/popup/lib/PopupTarget.d.ts

@@ -1,12 +1,26 @@
 import * as React from 'react';
-import { PopupModel } from '@workday/canvas-kit-react/popup';
 export interface PopupTargetProps {
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases
-     */
-    model?: PopupModel;
-    children?: React.ReactNode;
 }
-export declare const PopupTarget: import("../../common").ElementComponent<import("../../common").ElementComponent<"button", import("../../button").SecondaryButtonProps>, PopupTargetProps>;
+export declare const PopupTarget: import("../../common").ElementComponentM<import("../../common").ElementComponent<"button", import("../../button").SecondaryButtonProps>, {}, {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}>;
 //# sourceMappingURL=PopupTarget.d.ts.map

package/dist/es6/popup/lib/PopupTarget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupTarget.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,UAAU,EAAC,MAAM,iCAAiC,CAAC;AAG3D,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,2JAStB,CAAC"}
+{"version":3,"file":"PopupTarget.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,gBAAgB;CAAG;AAEpC,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;EAMtB,CAAC"}

package/dist/es6/popup/lib/PopupTarget.js

@@ -9,27 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import * as React from 'react';
-import { createComponent, useModelContext } from '@workday/canvas-kit-react/common';
+import { createSubcomponent } from '@workday/canvas-kit-react/common';
 import { SecondaryButton } from '@workday/canvas-kit-react/button';
-import { usePopupTarget, PopupModelContext } from './hooks';
-export var PopupTarget = createComponent(SecondaryButton)({
+import { usePopupTarget, usePopupModel } from './hooks';
+export var PopupTarget = createSubcomponent(SecondaryButton)({
     displayName: 'Popup.Target',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, model = _a.model, elemProps = __rest(_a, ["children", "model"]);
-        var localModel = useModelContext(PopupModelContext, model);
-        var props = usePopupTarget(localModel, elemProps, ref);
-        return React.createElement(Element, __assign({}, props), children);
-    },
+    modelHook: usePopupModel,
+    elemPropsHook: usePopupTarget,
+})(function (elemProps, Element) {
+    return React.createElement(Element, __assign({}, elemProps));
 });

package/dist/es6/popup/lib/hooks/index.d.ts

@@ -15,6 +15,7 @@ export * from './usePopupModel';
 export * from './usePopupPopper';
 export * from './usePopupStack';
 export * from './usePopupTarget';
+export * from './usePopupTargetContext';
 export * from './useReturnFocus';
 export * from './useTransferOnFullscreenEnter';
 export * from './useTransferOnFullscreenExit';

package/dist/es6/popup/lib/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC"}

package/dist/es6/popup/lib/hooks/index.js

@@ -15,6 +15,7 @@ export * from './usePopupModel';
 export * from './usePopupPopper';
 export * from './usePopupStack';
 export * from './usePopupTarget';
+export * from './usePopupTargetContext';
 export * from './useReturnFocus';
 export * from './useTransferOnFullscreenEnter';
 export * from './useTransferOnFullscreenExit';

package/dist/es6/popup/lib/hooks/useAlwaysCloseOnOutsideClick.d.ts

@@ -1,4 +1,4 @@
-import { PopupModel } from './usePopupModel';
+import React from 'react';
 /**
  * Registers global listener for all clicks. It will only call the PopupModel's `hide` event if the
  * click happened outside the `stackRef` element and its children regardless of the position in the
@@ -8,5 +8,28 @@ import { PopupModel } from './usePopupModel';
  * This should be used with popup elements that should close no matter their position in the stack
  * (i.e. Tooltips).
  */
-export declare const useAlwaysCloseOnOutsideClick: (model: PopupModel, elemProps?: {}) => {};
+export declare const useAlwaysCloseOnOutsideClick: <P extends {}, R>(model: {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
 //# sourceMappingURL=useAlwaysCloseOnOutsideClick.d.ts.map

package/dist/es6/popup/lib/hooks/useAlwaysCloseOnOutsideClick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAlwaysCloseOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useAlwaysCloseOnOutsideClick.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAE3C;;;;;;;;GAQG;AACH,eAAO,MAAM,4BAA4B,UAAW,UAAU,uBAiC7D,CAAC"}
+{"version":3,"file":"useAlwaysCloseOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useAlwaysCloseOnOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;;GAQG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;OAiCvC,CAAC"}

package/dist/es6/popup/lib/hooks/useAlwaysCloseOnOutsideClick.js

@@ -1,5 +1,7 @@
 import React from 'react';
 import { PopupStack } from '@workday/canvas-kit-popup-stack';
+import { createElemPropsHook } from '@workday/canvas-kit-react/common';
+import { usePopupModel } from './usePopupModel';
 /**
  * Registers global listener for all clicks. It will only call the PopupModel's `hide` event if the
  * click happened outside the `stackRef` element and its children regardless of the position in the
@@ -9,8 +11,7 @@ import { PopupStack } from '@workday/canvas-kit-popup-stack';
  * This should be used with popup elements that should close no matter their position in the stack
  * (i.e. Tooltips).
  */
-export var useAlwaysCloseOnOutsideClick = function (model, elemProps) {
-    if (elemProps === void 0) { elemProps = {}; }
+export var useAlwaysCloseOnOutsideClick = createElemPropsHook(usePopupModel)(function (model) {
     var onClick = React.useCallback(function (event) {
         if (!model.state.stackRef.current) {
             return;
@@ -35,5 +36,5 @@ export var useAlwaysCloseOnOutsideClick = function (model, elemProps) {
             document.removeEventListener('mousedown', onClick);
         };
     }, [model.state.stackRef, visible, onClick]);
-    return elemProps;
-};
+    return {};
+});

package/dist/es6/popup/lib/hooks/useAssistiveHideSiblings.d.ts

@@ -1,4 +1,4 @@
-import { PopupModel } from './usePopupModel';
+import React from 'react';
 /**
  * This hook will hide all sibling elements from assistive technology. Very useful for modal
  * dialogs. This will set `aria-hidden` for sibling elements of the provided PopupModel's
@@ -10,5 +10,28 @@ import { PopupModel } from './usePopupModel';
  *
  * This should be used on popup elements that need to hide content (i.e. Modals).
  */
-export declare const useAssistiveHideSiblings: (model: PopupModel, elemProps?: {}) => {};
+export declare const useAssistiveHideSiblings: <P extends {}, R>(model: {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
 //# sourceMappingURL=useAssistiveHideSiblings.d.ts.map

package/dist/es6/popup/lib/hooks/useAssistiveHideSiblings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAssistiveHideSiblings.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useAssistiveHideSiblings.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAE3C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,wBAAwB,UAAW,UAAU,uBA6BzD,CAAC"}
+{"version":3,"file":"useAssistiveHideSiblings.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useAssistiveHideSiblings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;OA6BnC,CAAC"}

package/dist/es6/popup/lib/hooks/useAssistiveHideSiblings.js

@@ -6,6 +6,8 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
     return r;
 };
 import React from 'react';
+import { createElemPropsHook } from '@workday/canvas-kit-react/common';
+import { usePopupModel } from './usePopupModel';
 /**
  * This hook will hide all sibling elements from assistive technology. Very useful for modal
  * dialogs. This will set `aria-hidden` for sibling elements of the provided PopupModel's
@@ -17,8 +19,7 @@ import React from 'react';
  *
  * This should be used on popup elements that need to hide content (i.e. Modals).
  */
-export var useAssistiveHideSiblings = function (model, elemProps) {
-    if (elemProps === void 0) { elemProps = {}; }
+export var useAssistiveHideSiblings = createElemPropsHook(usePopupModel)(function (model) {
     var visible = model.state.visibility !== 'hidden';
     React.useEffect(function () {
         var _a, _b;
@@ -42,5 +43,5 @@ export var useAssistiveHideSiblings = function (model, elemProps) {
             });
         };
     }, [model.state.stackRef, visible]);
-    return elemProps;
-};
+    return {};
+});

package/dist/es6/popup/lib/hooks/useBringToTopOnClick.d.ts

@@ -1,4 +1,4 @@
-import { PopupModel } from './usePopupModel';
+import React from 'react';
 /**
  * This hook will bring an element to the top of the stack when any element inside the provided
  * PopupModel's `state.stackRef` element is clicked. If `Popup.Popper` was used or `PopupStack.add`
@@ -8,5 +8,28 @@ import { PopupModel } from './usePopupModel';
  *
  * This should be used on popup elements that are meant to persist (i.e. Windows).
  */
-export declare const useBringToTopOnClick: (model: PopupModel, elemProps?: {}) => {};
+export declare const useBringToTopOnClick: <P extends {}, R>(model: {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
 //# sourceMappingURL=useBringToTopOnClick.d.ts.map

package/dist/es6/popup/lib/hooks/useBringToTopOnClick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBringToTopOnClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useBringToTopOnClick.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAE3C;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,UAAW,UAAU,uBA6BrD,CAAC"}
+{"version":3,"file":"useBringToTopOnClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useBringToTopOnClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;OA6B/B,CAAC"}

package/dist/es6/popup/lib/hooks/useBringToTopOnClick.js

@@ -1,5 +1,7 @@
 import React from 'react';
 import { PopupStack } from '@workday/canvas-kit-popup-stack';
+import { createElemPropsHook } from '@workday/canvas-kit-react/common';
+import { usePopupModel } from './usePopupModel';
 /**
  * This hook will bring an element to the top of the stack when any element inside the provided
  * PopupModel's `state.stackRef` element is clicked. If `Popup.Popper` was used or `PopupStack.add`
@@ -9,8 +11,7 @@ import { PopupStack } from '@workday/canvas-kit-popup-stack';
  *
  * This should be used on popup elements that are meant to persist (i.e. Windows).
  */
-export var useBringToTopOnClick = function (model, elemProps) {
-    if (elemProps === void 0) { elemProps = {}; }
+export var useBringToTopOnClick = createElemPropsHook(usePopupModel)(function (model) {
     var timer = React.useRef(-1);
     var onClick = React.useCallback(function (event) {
         // requestAnimationFrame is used to control timing of when `bringToTop` is called.
@@ -33,5 +34,5 @@ export var useBringToTopOnClick = function (model, elemProps) {
             document.removeEventListener('click', onClick);
         };
     }, [visible, onClick]);
-    return elemProps;
-};
+    return {};
+});

package/dist/es6/popup/lib/hooks/useCloseOnEscape.d.ts

@@ -1,4 +1,4 @@
-import { PopupModel } from './usePopupModel';
+import React from 'react';
 /**
  * Registers global detection of the Escape key. It will only call the PopupModel's `hide` event if the
  * provided model's `state.stackRef` element is the topmost in the stack.
@@ -6,5 +6,28 @@ import { PopupModel } from './usePopupModel';
  * This should be used with popup elements that are dismissible like Tooltips, Modals, non-modal
  * dialogs, dropdown menus, etc.
  */
-export declare const useCloseOnEscape: (model: PopupModel, elemProps?: {}) => {};
+export declare const useCloseOnEscape: <P extends {}, R>(model: {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
 //# sourceMappingURL=useCloseOnEscape.d.ts.map

package/dist/es6/popup/lib/hooks/useCloseOnEscape.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCloseOnEscape.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnEscape.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAE3C;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,UAAW,UAAU,uBA2BjD,CAAC"}
+{"version":3,"file":"useCloseOnEscape.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnEscape.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;OA2B3B,CAAC"}

package/dist/es6/popup/lib/hooks/useCloseOnEscape.js

@@ -1,5 +1,7 @@
 import React from 'react';
 import { PopupStack } from '@workday/canvas-kit-popup-stack';
+import { createElemPropsHook } from '@workday/canvas-kit-react/common';
+import { usePopupModel } from './usePopupModel';
 /**
  * Registers global detection of the Escape key. It will only call the PopupModel's `hide` event if the
  * provided model's `state.stackRef` element is the topmost in the stack.
@@ -7,8 +9,7 @@ import { PopupStack } from '@workday/canvas-kit-popup-stack';
  * This should be used with popup elements that are dismissible like Tooltips, Modals, non-modal
  * dialogs, dropdown menus, etc.
  */
-export var useCloseOnEscape = function (model, elemProps) {
-    if (elemProps === void 0) { elemProps = {}; }
+export var useCloseOnEscape = createElemPropsHook(usePopupModel)(function (model) {
     var onKeyDown = React.useCallback(function (event) {
         if ((event.key === 'Esc' || event.key === 'Escape') &&
             PopupStack.isTopmost(model.state.stackRef.current)) {
@@ -26,5 +27,5 @@ export var useCloseOnEscape = function (model, elemProps) {
             document.removeEventListener('keydown', onKeyDown);
         };
     }, [onKeyDown, visible]);
-    return elemProps;
-};
+    return {};
+});

package/dist/es6/popup/lib/hooks/useCloseOnFullscreenExit.d.ts

@@ -1,8 +1,31 @@
-import { PopupModel } from './usePopupModel';
+import React from 'react';
 /**
  * Closes the popup when fullscreen is exited. Entering/exiting fullscreen changes the context of
  * the entire screen. This should be added to popup types that are very context sensitive like
  * Tooltips.
  */
-export declare const useCloseOnFullscreenExit: (model: PopupModel, elemProps?: {}) => {};
+export declare const useCloseOnFullscreenExit: <P extends {}, R>(model: {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
 //# sourceMappingURL=useCloseOnFullscreenExit.d.ts.map

package/dist/es6/popup/lib/hooks/useCloseOnFullscreenExit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCloseOnFullscreenExit.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnFullscreenExit.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,UAAW,UAAU,uBA0BzD,CAAC"}
+{"version":3,"file":"useCloseOnFullscreenExit.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnFullscreenExit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;OA0BnC,CAAC"}

package/dist/es6/popup/lib/hooks/useCloseOnFullscreenExit.js

@@ -1,12 +1,13 @@
 import React from 'react';
 import screenfull from 'screenfull';
+import { createElemPropsHook } from '@workday/canvas-kit-react/common';
+import { usePopupModel } from './usePopupModel';
 /**
  * Closes the popup when fullscreen is exited. Entering/exiting fullscreen changes the context of
  * the entire screen. This should be added to popup types that are very context sensitive like
  * Tooltips.
  */
-export var useCloseOnFullscreenExit = function (model, elemProps) {
-    if (elemProps === void 0) { elemProps = {}; }
+export var useCloseOnFullscreenExit = createElemPropsHook(usePopupModel)(function (model) {
     var handler = React.useCallback(function (event) {
         if (!screenfull.isFullscreen) {
             model.events.hide({ event: event });
@@ -25,5 +26,5 @@ export var useCloseOnFullscreenExit = function (model, elemProps) {
         }
         return;
     }, [handler, visible]);
-    return elemProps;
-};
+    return {};
+});

package/dist/es6/popup/lib/hooks/useCloseOnOutsideClick.d.ts

@@ -1,4 +1,4 @@
-import { PopupModel } from './usePopupModel';
+import React from 'react';
 /**
  * Registers global listener for all clicks. It will only call the PopupModel's `hide` event if the
  * click happened outside the PopupModel's `state.stackRef` element and its children _and_ the
@@ -9,5 +9,28 @@ import { PopupModel } from './usePopupModel';
  * dropdown menus, etc. Tooltips and hierarchical menus should use `useAlwaysCloseOnClickOutside`
  * instead.
  */
-export declare const useCloseOnOutsideClick: (model: PopupModel, elemProps?: {}) => {};
+export declare const useCloseOnOutsideClick: <P extends {}, R>(model: {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+        hide(data?: {
+            event: Event | React.SyntheticEvent<Element, Event>;
+        } | undefined): void;
+    };
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
 //# sourceMappingURL=useCloseOnOutsideClick.d.ts.map

package/dist/es6/popup/lib/hooks/useCloseOnOutsideClick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCloseOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnOutsideClick.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAE3C;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB,UAAW,UAAU,uBAsCvD,CAAC"}
+{"version":3,"file":"useCloseOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;OAsCjC,CAAC"}