@workday/canvas-kit-react 7.0.0-alpha.95-next.21 → 7.0.0

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

@@ -16,7 +16,7 @@ var usePopupModel_1 = require("./usePopupModel");
 exports.useCloseOnFullscreenExit = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (model) {
     var handler = react_1.default.useCallback(function (event) {
         if (!screenfull_1.default.isFullscreen) {
-            model.events.hide({ event: event });
+            model.events.hide(event);
         }
     }, [model.events]);
     var visible = model.state.visibility !== 'hidden';

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

@@ -23,12 +23,8 @@ export declare const useCloseOnOutsideClick: <P extends {}, R>(model: {
         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;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(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>;

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

@@ -1 +1 @@
-{"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"}
+{"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"}

package/dist/commonjs/popup/lib/hooks/useCloseOnOutsideClick.js

@@ -32,7 +32,7 @@ exports.useCloseOnOutsideClick = common_1.createElemPropsHook(usePopupModel_1.us
             // decide if clicking the target should toggle the popup rather than it toggling implicitly
             // because the target is outside `ref.current`
             !canvas_kit_popup_stack_1.PopupStack.contains(model.state.stackRef.current, event.target)) {
-            model.events.hide({ event: event });
+            model.events.hide(event);
         }
     }, [model.state.stackRef, model.events]);
     var visible = model.state.visibility !== 'hidden';

package/dist/commonjs/popup/lib/hooks/useDisableBodyScroll.d.ts

@@ -20,12 +20,8 @@ export declare const useDisableBodyScroll: <P extends {}, R>(model: {
         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;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(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>;

package/dist/commonjs/popup/lib/hooks/useDisableBodyScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDisableBodyScroll.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useDisableBodyScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;OAsB/B,CAAC"}
+{"version":3,"file":"useDisableBodyScroll.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useDisableBodyScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;OAwB/B,CAAC"}

package/dist/commonjs/popup/lib/hooks/useDisableBodyScroll.js

@@ -24,6 +24,8 @@ exports.useDisableBodyScroll = common_1.createElemPropsHook(usePopupModel_1.useP
         var overflowX = document.body.style.overflowX;
         var overflow = document.body.style.overflow;
         document.body.style.overflow = 'hidden';
+        document.body.style.overflowY = 'hidden';
+        document.body.style.overflowX = 'hidden';
         return function () {
             document.body.style.overflow = overflow;
             document.body.style.overflowY = overflowY;

package/dist/commonjs/popup/lib/hooks/useFocusRedirect.d.ts

@@ -25,12 +25,8 @@ export declare const useFocusRedirect: <P extends {}, R>(model: {
         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;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(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>;

package/dist/commonjs/popup/lib/hooks/useFocusRedirect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusRedirect.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useFocusRedirect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;OAoC3B,CAAC"}
+{"version":3,"file":"useFocusRedirect.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useFocusRedirect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;OAoC3B,CAAC"}

package/dist/commonjs/popup/lib/hooks/useFocusRedirect.js

@@ -26,11 +26,11 @@ exports.useFocusRedirect = common_1.createElemPropsHook(usePopupModel_1.usePopup
             var lastFocusableElement = common_1.getLastFocusableElement(model.state.stackRef.current);
             if (event.getModifierState('Shift') && document.activeElement === firstFocusableElement) {
                 event.preventDefault();
-                model.events.hide({ event: event });
+                model.events.hide(event);
             }
             else if (!event.getModifierState('Shift') &&
                 document.activeElement === lastFocusableElement) {
-                model.events.hide({ event: event });
+                model.events.hide(event);
             }
         }
     }, [model.events, model.state.stackRef]);

package/dist/commonjs/popup/lib/hooks/useFocusTrap.d.ts

@@ -22,12 +22,8 @@ export declare const useFocusTrap: <P extends {}, R>(model: {
         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;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(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>;

package/dist/commonjs/popup/lib/hooks/useFocusTrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;OAwBvB,CAAC"}
+{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;OAwBvB,CAAC"}

package/dist/commonjs/popup/lib/hooks/useInitialFocus.d.ts

@@ -21,12 +21,8 @@ export declare const useInitialFocus: <P extends {}, R>(model: {
         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;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(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>;

package/dist/commonjs/popup/lib/hooks/useInitialFocus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInitialFocus.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useInitialFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;OAwB1B,CAAC"}
+{"version":3,"file":"useInitialFocus.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useInitialFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;OAwB1B,CAAC"}

package/dist/commonjs/popup/lib/hooks/usePopupCard.d.ts

@@ -15,12 +15,8 @@ export declare const usePopupCard: <P extends {}, R>(model: {
         updatePlacement(data: {
             placement: import("@popperjs/core").Placement;
         }): void;
-        show(data?: {
-            event: Event | import("react").SyntheticEvent<Element, Event>;
-        } | undefined): void;
-        hide(data?: {
-            event: Event | import("react").SyntheticEvent<Element, Event>;
-        } | undefined): void;
+        show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
     };
 }, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
     role: string;

package/dist/commonjs/popup/lib/hooks/usePopupCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupCard.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupCard.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;OAKvB,CAAC"}
+{"version":3,"file":"usePopupCard.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupCard.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;OAKvB,CAAC"}

package/dist/commonjs/popup/lib/hooks/usePopupCloseButton.d.ts

@@ -16,15 +16,11 @@ export declare const usePopupCloseButton: <P extends {}, R>(model: {
         updatePlacement(data: {
             placement: import("@popperjs/core").Placement;
         }): void;
-        show(data?: {
-            event: Event | import("react").SyntheticEvent<Element, Event>;
-        } | undefined): void;
-        hide(data?: {
-            event: Event | import("react").SyntheticEvent<Element, Event>;
-        } | undefined): void;
+        show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
     };
 }, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
-    onClick: (event: React.MouseEvent) => void;
+    onClick: (event?: Event | import("react").SyntheticEvent<Element, Event> | undefined) => void;
 } & P & (R extends HTMLOrSVGElement ? {
     ref: import("react").Ref<R>;
 } : {});

package/dist/commonjs/popup/lib/hooks/usePopupCloseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupCloseButton.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupCloseButton.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;qBAEX,gBAAgB;;;OAInC,CAAC"}
+{"version":3,"file":"usePopupCloseButton.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupCloseButton.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;OAI9B,CAAC"}

package/dist/commonjs/popup/lib/hooks/usePopupCloseButton.js

@@ -10,8 +10,6 @@ var usePopupModel_1 = require("./usePopupModel");
 exports.usePopupCloseButton = common_1.createElemPropsHook(usePopupModel_1.usePopupModel)(function (_a) {
     var events = _a.events;
     return {
-        onClick: function (event) {
-            events.hide({ event: event });
-        },
+        onClick: events.hide,
     };
 });

package/dist/commonjs/popup/lib/hooks/usePopupHeading.d.ts

@@ -15,12 +15,8 @@ export declare const usePopupHeading: <P extends {}, R>(model: {
         updatePlacement(data: {
             placement: import("@popperjs/core").Placement;
         }): void;
-        show(data?: {
-            event: Event | import("react").SyntheticEvent<Element, Event>;
-        } | undefined): void;
-        hide(data?: {
-            event: Event | import("react").SyntheticEvent<Element, Event>;
-        } | undefined): void;
+        show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
     };
 }, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
     id: string;

package/dist/commonjs/popup/lib/hooks/usePopupHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupHeading.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupHeading.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;OAI1B,CAAC"}
+{"version":3,"file":"usePopupHeading.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupHeading.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;OAI1B,CAAC"}

package/dist/commonjs/popup/lib/hooks/usePopupModel.d.ts

@@ -46,9 +46,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
         id: string;
         visibility: import("../../../disclosure").Visibility;
     }) => void) | undefined;
-    onShow?: ((data: {
-        event: Event | React.SyntheticEvent<Element, Event>;
-    } | undefined, prevState: {
+    onShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
         /**
          * Reference of the stack item used in the PopupStack. This value will be used in all
          * Popup-related behaviors.
@@ -78,9 +76,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
         id: string;
         visibility: import("../../../disclosure").Visibility;
     }) => void) | undefined;
-    onHide?: ((data: {
-        event: Event | React.SyntheticEvent<Element, Event>;
-    } | undefined, prevState: {
+    onHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, prevState: {
         /**
          * Reference of the stack item used in the PopupStack. This value will be used in all
          * Popup-related behaviors.
@@ -143,9 +139,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
         id: string;
         visibility: import("../../../disclosure").Visibility;
     }) => boolean) | undefined;
-    shouldShow?: ((data: {
-        event: Event | React.SyntheticEvent<Element, Event>;
-    } | undefined, state: {
+    shouldShow?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
         /**
          * Reference of the stack item used in the PopupStack. This value will be used in all
          * Popup-related behaviors.
@@ -175,9 +169,7 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
         id: string;
         visibility: import("../../../disclosure").Visibility;
     }) => boolean) | undefined;
-    shouldHide?: ((data: {
-        event: Event | React.SyntheticEvent<Element, Event>;
-    } | undefined, state: {
+    shouldHide?: ((data: Event | React.SyntheticEvent<Element, Event> | undefined, state: {
         /**
          * Reference of the stack item used in the PopupStack. This value will be used in all
          * Popup-related behaviors.
@@ -246,12 +238,11 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
         updatePlacement(data: {
             placement: Placement;
         }): void;
-        show(data?: {
-            event: Event | React.SyntheticEvent<Element, Event>;
-        } | undefined): void;
-        hide(data?: {
-            event: Event | React.SyntheticEvent<Element, Event>;
-        } | undefined): void;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void; /**
+         * Reference of the target element. This will point to the element that triggered the showing of a
+         * Popup and is used in Popup-related behaviors.
+         */
     };
 }) & import("../../../common").ModelExtras<{
     /**
@@ -303,12 +294,11 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
     updatePlacement(data: {
         placement: Placement;
     }): void;
-    show(data?: {
-        event: Event | React.SyntheticEvent<Element, Event>;
-    } | undefined): void;
-    hide(data?: {
-        event: Event | React.SyntheticEvent<Element, Event>;
-    } | undefined): void;
+    show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+    hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void; /**
+     * Reference of the target element. This will point to the element that triggered the showing of a
+     * Popup and is used in Popup-related behaviors.
+     */
 }, {
     state: {
         /**
@@ -348,12 +338,11 @@ export declare const usePopupModel: (<TT_Special_Generic>(config?: (Partial<{
         updatePlacement(data: {
             placement: Placement;
         }): void;
-        show(data?: {
-            event: Event | React.SyntheticEvent<Element, Event>;
-        } | undefined): void;
-        hide(data?: {
-            event: Event | React.SyntheticEvent<Element, Event>;
-        } | undefined): void;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void; /**
+         * Reference of the target element. This will point to the element that triggered the showing of a
+         * Popup and is used in Popup-related behaviors.
+         */
     };
 }>;
 export declare const PopupModelContext: React.Context<{
@@ -395,12 +384,11 @@ export declare const PopupModelContext: React.Context<{
         updatePlacement(data: {
             placement: Placement;
         }): void;
-        show(data?: {
-            event: Event | React.SyntheticEvent<Element, Event>;
-        } | undefined): void;
-        hide(data?: {
-            event: Event | React.SyntheticEvent<Element, Event>;
-        } | undefined): void;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void; /**
+         * Reference of the target element. This will point to the element that triggered the showing of a
+         * Popup and is used in Popup-related behaviors.
+         */
     };
 }>;
 //# sourceMappingURL=usePopupModel.d.ts.map

package/dist/commonjs/popup/lib/hooks/usePopupModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupModel.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAC,MAAM,iCAAiC,CAAC;AAK1D,eAAO,MAAM,aAAa;IAKtB;;;OAGG;;IAEH;;;OAGG;;;;;;mBA8C+B,SAAS;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;mBAU+B,SAAS;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;;;;;;;;IAtD3C;;;OAGG;;IAEH;;;OAGG;;;;;IAYH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;IAMH;;;OAGG;;mBAC+B,SAAS;;;;;;;;;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;;;;;;;EAS7C,CAAC;AAGH,eAAO,MAAM,iBAAiB;;QA9C1B;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;;;;;;;EAYO,CAAC"}
+{"version":3,"file":"usePopupModel.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAC,MAAM,iCAAiC,CAAC;AAK1D,eAAO,MAAM,aAAa;IAKtB;;;OAGG;;IAEH;;;OAGG;;;;;;mBA8C+B,SAAS;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;mBAU+B,SAAS;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;sFA7B3C;;;WAGG;;;IA5BH;;;OAGG;;IAEH;;;OAGG;;;;;IAYH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;IAMH;;;OAGG;;mBAC+B,SAAS;;;kFA7B3C;;;OAGG;;;QARH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;sFA7B3C;;;WAGG;;EAmCL,CAAC;AAGH,eAAO,MAAM,iBAAiB;;QA9C1B;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;sFA7B3C;;;WAGG;;EAsC+C,CAAC"}

package/dist/commonjs/popup/lib/hooks/usePopupPopper.d.ts

@@ -17,12 +17,8 @@ export declare const usePopupPopper: <P extends {}, R>(model: {
         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;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
     };
 }, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
     open: boolean;

package/dist/commonjs/popup/lib/hooks/usePopupPopper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupPopper.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupPopper.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AAEpC;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;mCAGX,SAAS;;;OAevB,CAAC"}
+{"version":3,"file":"usePopupPopper.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupPopper.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AAEpC;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;mCAGX,SAAS;;;OAevB,CAAC"}

package/dist/commonjs/popup/lib/hooks/usePopupTarget.d.ts

@@ -15,12 +15,8 @@ export declare const usePopupTarget: <P extends {}, R>(model: {
         updatePlacement(data: {
             placement: import("@popperjs/core").Placement;
         }): void;
-        show(data?: {
-            event: Event | import("react").SyntheticEvent<Element, Event>;
-        } | undefined): void;
-        hide(data?: {
-            event: Event | import("react").SyntheticEvent<Element, Event>;
-        } | undefined): void;
+        show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
     };
 }, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
     ref: (instance: any) => void;

package/dist/commonjs/popup/lib/hooks/usePopupTarget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupTarget.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupTarget.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;qBAIN,gBAAgB;;;OAgBnC,CAAC"}
+{"version":3,"file":"usePopupTarget.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupTarget.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;qBAIN,gBAAgB;;;OAgBnC,CAAC"}

package/dist/commonjs/popup/lib/hooks/usePopupTarget.js

@@ -16,14 +16,14 @@ exports.usePopupTarget = common_1.createElemPropsHook(usePopupModel_1.usePopupMo
             // `state.targetRef` manually. This ensures that custom target components don't need to handle
             // ref forwarding since ref forwarding is only really needed to programmatically open popups
             // around a target _before_ a user clicks. In that rare case, ref forwarding is required.
-            if (!state.targetRef.current) {
+            if (!(state.targetRef.current instanceof Element)) {
                 state.targetRef.current = event.currentTarget;
             }
             if (state.visibility !== 'hidden') {
-                events.hide({ event: event });
+                events.hide(event);
             }
             else {
-                events.show({ event: event });
+                events.show(event);
             }
         },
     };

package/dist/commonjs/popup/lib/hooks/usePopupTargetContext.d.ts

@@ -15,12 +15,8 @@ export declare const usePopupTargetContext: <P extends {}, R>(model: {
         updatePlacement(data: {
             placement: import("@popperjs/core").Placement;
         }): void;
-        show(data?: {
-            event: Event | import("react").SyntheticEvent<Element, Event>;
-        } | undefined): void;
-        hide(data?: {
-            event: Event | import("react").SyntheticEvent<Element, Event>;
-        } | undefined): void;
+        show(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | import("react").SyntheticEvent<Element, Event> | undefined): void;
     };
 }, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
     ref: (instance: any) => void;

package/dist/commonjs/popup/lib/hooks/usePopupTargetContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupTargetContext.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupTargetContext.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;2BAIP,gBAAgB;;;OAmBzC,CAAC"}
+{"version":3,"file":"usePopupTargetContext.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupTargetContext.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;2BAIP,gBAAgB;;;OAmBzC,CAAC"}

package/dist/commonjs/popup/lib/hooks/usePopupTargetContext.js

@@ -20,10 +20,10 @@ exports.usePopupTargetContext = common_1.createElemPropsHook(usePopupModel_1.use
                 state.targetRef.current = event.currentTarget;
             }
             if (state.visibility !== 'hidden') {
-                events.hide({ event: event });
+                events.hide(event);
             }
             else {
-                events.show({ event: event });
+                events.show(event);
             }
             // Prevent the default context menu from showing to avoid double menus
             event.preventDefault();

package/dist/commonjs/popup/lib/hooks/useReturnFocus.d.ts

@@ -20,12 +20,8 @@ export declare const useReturnFocus: <P extends {}, R>(model: {
         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;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(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>;

package/dist/commonjs/popup/lib/hooks/useReturnFocus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useReturnFocus.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useReturnFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;OAezB,CAAC"}
+{"version":3,"file":"useReturnFocus.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useReturnFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;OAezB,CAAC"}

package/dist/commonjs/popup/lib/hooks/useTransferOnFullscreenEnter.d.ts

@@ -21,12 +21,8 @@ export declare const useTransferOnFullscreenEnter: <P extends {}, R>(model: {
         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;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(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>;

package/dist/commonjs/popup/lib/hooks/useTransferOnFullscreenEnter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTransferOnFullscreenEnter.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useTransferOnFullscreenEnter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B;;;;;;;GAOG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;OA6BvC,CAAC"}
+{"version":3,"file":"useTransferOnFullscreenEnter.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useTransferOnFullscreenEnter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B;;;;;;;GAOG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;OA6BvC,CAAC"}

package/dist/commonjs/popup/lib/hooks/useTransferOnFullscreenExit.d.ts

@@ -20,12 +20,8 @@ export declare const useTransferOnFullscreenExit: <P extends {}, R>(model: {
         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;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(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>;

package/dist/commonjs/popup/lib/hooks/useTransferOnFullscreenExit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTransferOnFullscreenExit.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useTransferOnFullscreenExit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B;;;;;;GAMG;AACH,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;OA6BtC,CAAC"}
+{"version":3,"file":"useTransferOnFullscreenExit.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useTransferOnFullscreenExit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B;;;;;;GAMG;AACH,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;OA6BtC,CAAC"}

package/dist/commonjs/table/lib/TableRow.d.ts

@@ -18,8 +18,8 @@ export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement>
      */
     header?: boolean;
 }
-export default class TableRow extends React.Component<TableRowProps> {
-    static State: typeof TableRowState;
-    render(): JSX.Element;
-}
+declare const TableRow: import("../../common").ElementComponent<"tr", TableRowProps> & {
+    State: typeof TableRowState;
+};
+export default TableRow;
 //# sourceMappingURL=TableRow.d.ts.map

package/dist/commonjs/table/lib/TableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../table/lib/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,oBAAY,aAAa;IACvB,KAAK,IAAA;IACL,KAAK,IAAA;IACL,UAAU,IAAA;IACV,UAAU,IAAA;IACV,KAAK,IAAA;IACL,QAAQ,IAAA;CACT;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IAC9E;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAuKD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAClE,OAAc,KAAK,uBAAiB;IAE7B,MAAM;CASd"}
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../table/lib/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,oBAAY,aAAa;IACvB,KAAK,IAAA;IACL,KAAK,IAAA;IACL,UAAU,IAAA;IACV,UAAU,IAAA;IACV,KAAK,IAAA;IACL,QAAQ,IAAA;CACT;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IAC9E;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAuKD,QAAA,MAAM,QAAQ;;CAgBZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/commonjs/table/lib/TableRow.js

@@ -1,17 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -62,6 +49,7 @@ var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var polished_1 = require("polished");
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
+var common_1 = require("@workday/canvas-kit-react/common");
 var Table_1 = require("./Table");
 var TableRowState;
 (function (TableRowState) {
@@ -129,7 +117,7 @@ function makeBorderlessStyle(_bgColor) {
         },
     };
 }
-var Row = styled_1.default('tr')({
+var StyledTableRow = styled_1.default('tr')({
     'th, td': {
         backgroundColor: tokens_1.colors.frenchVanilla100,
         padding: tokens_1.space.xs + " " + tokens_1.space.xxs,
@@ -227,16 +215,14 @@ var Row = styled_1.default('tr')({
             };
     }
 });
-var TableRow = /** @class */ (function (_super) {
-    __extends(TableRow, _super);
-    function TableRow() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    TableRow.prototype.render = function () {
-        var _a = this.props, state = _a.state, header = _a.header, children = _a.children, elemProps = __rest(_a, ["state", "header", "children"]);
-        return (React.createElement(Row, __assign({ state: state, header: header }, elemProps), children));
-    };
-    TableRow.State = TableRowState;
-    return TableRow;
-}(React.Component));
+var TableRow = common_1.createComponent('tr')({
+    displayName: 'TableRow',
+    Component: function (_a, ref, Element) {
+        var state = _a.state, header = _a.header, children = _a.children, elemProps = __rest(_a, ["state", "header", "children"]);
+        return (React.createElement(StyledTableRow, __assign({ as: Element, ref: ref, state: state, header: header }, elemProps), children));
+    },
+    subComponents: {
+        State: TableRowState,
+    },
+});
 exports.default = TableRow;