@workday/canvas-kit-popup-stack 11.0.17 → 11.0.19

package/dist/commonjs/lib/PopupStack.d.ts

@@ -34,7 +34,10 @@ export interface PopupStackItem {
 export declare function getValue(index: number, length: number): number;
 interface Stack {
     items: PopupStackItem[];
-    container?: () => HTMLElement;
+    /**
+     * Returns the container of a stack given an optional element.
+     */
+    container?: (element?: HTMLElement) => HTMLElement;
     zIndex: {
         min: number;
         max: number;

package/dist/commonjs/lib/PopupStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupStack.d.ts","sourceRoot":"","sources":["../../../lib/PopupStack.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,EAAE,WAAW,CAAC;IACrB;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AASD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAO9D;AA2CD,UAAU,KAAK;IACb,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,WAAW,CAAC;IAC9B,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,QAAQ,EAAE,OAAO,QAAQ,CAAC;KAC3B,CAAC;IACF,QAAQ,EAAE,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;CACtC;AAwFD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU;IACrB;;;;;OAKG;uBACgB,WAAW;IAS9B;;;;;OAKG;cACO,cAAc,GAAG,IAAI;IAY/B;;;;;;OAMG;oBACa,WAAW,GAAG,IAAI;IAelC;;;;OAIG;uBACgB,WAAW,GAAG,OAAO;IAaxC;;;;OAIG;oDACiC,WAAW,EAAE;IAQjD;;;;;;;;;;;OAWG;wBACiB,WAAW,GAAG,IAAI;IA6BtC;;;;;;;;;;OAUG;sBACe,WAAW,eAAe,WAAW,GAAG,OAAO;IA2BjE;;;;;;OAMG;gCACyB,WAAW,GAAG,IAAI;IAoB9C;;;;OAIG;+BACwB,WAAW,GAAG,IAAI;IAY7C;;;;;;;;;;;;;;OAcG;mCAC4B,cAAc,GAAG,IAAI;CAqBrD,CAAC;AAEF;;;GAGG;AACH,wBAAgB,UAAU,SAEzB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,YAAa,QAAQ,iBAAiB,CAAC,SAEhE,CAAC"}
+{"version":3,"file":"PopupStack.d.ts","sourceRoot":"","sources":["../../../lib/PopupStack.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,EAAE,WAAW,CAAC;IACrB;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AASD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAO9D;AA2CD,UAAU,KAAK;IACb,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC;IACnD,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,QAAQ,EAAE,OAAO,QAAQ,CAAC;KAC3B,CAAC;IACF,QAAQ,EAAE,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;CACtC;AAuGD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU;IACrB;;;;;OAKG;uBACgB,WAAW;IAS9B;;;;;OAKG;cACO,cAAc,GAAG,IAAI;IAY/B;;;;;;OAMG;oBACa,WAAW,GAAG,IAAI;IAgBlC;;;;OAIG;uBACgB,WAAW,GAAG,OAAO;IAaxC;;;;OAIG;oDACiC,WAAW,EAAE;IAQjD;;;;;;;;;;;OAWG;wBACiB,WAAW,GAAG,IAAI;IA6BtC;;;;;;;;;;OAUG;sBACe,WAAW,eAAe,WAAW,GAAG,OAAO;IA2BjE;;;;;;OAMG;gCACyB,WAAW,GAAG,IAAI;IAoB9C;;;;OAIG;+BACwB,WAAW,GAAG,IAAI;IAY7C;;;;;;;;;;;;;;OAcG;mCAC4B,cAAc,GAAG,IAAI;CAqBrD,CAAC;AAEF;;;GAGG;AACH,wBAAgB,UAAU,SAEzB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,YAAa,QAAQ,iBAAiB,CAAC,SAEhE,CAAC"}

package/dist/commonjs/lib/PopupStack.js

@@ -123,12 +123,26 @@ const setToWindow = (path, value) => {
         set(window, path, value);
     }
 };
+/**
+ * TODO: Remove this after v12 and use `stack.container(el)` directly. This is temporary to make
+ * sure Popups can open in new windows while supporting older versions of Canvas Kit AND full screen
+ * mode.
+ */
+const getContainer = (stack, element) => {
+    var _a;
+    let stackContainer = (_a = stack.container) === null || _a === void 0 ? void 0 : _a.call(stack);
+    if (stackContainer === document.body) {
+        // Here's the transitory code
+        stackContainer = element === null || element === void 0 ? void 0 : element.ownerDocument.body;
+    }
+    return stackContainer || document.body;
+};
 // We need to make sure only one stack is ever in use on the page - ever. If a stack is already
 // defined on the page, we need to use that one. Never, ever, ever change this variable name on
 // window
 const stack = getFromWindow('workday.__popupStack') || {
     description: 'Global popup stack from @workday/canvas-kit/popup-stack',
-    container: () => document.body,
+    container: el => (el === null || el === void 0 ? void 0 : el.ownerDocument.body) || document.body,
     items: [],
     zIndex: { min: 30, max: 50, getValue: getValue },
     _adapter: {},
@@ -182,14 +196,14 @@ exports.PopupStack = {
      * method when the event triggers.
      */
     add(item) {
-        var _a, _b;
+        var _a;
         const stack = getTopStack();
         if ((_a = stack._adapter) === null || _a === void 0 ? void 0 : _a.add) {
             stack._adapter.add(item);
             return;
         }
         stack.items.push(item);
-        (((_b = stack.container) === null || _b === void 0 ? void 0 : _b.call(stack)) || document.body).appendChild(item.element);
+        getContainer(stack, item.owner).appendChild(item.element);
         setZIndexOfElements(exports.PopupStack.getElements());
     },
     /**
@@ -200,7 +214,7 @@ exports.PopupStack = {
      * stack.
      */
     remove(element) {
-        var _a, _b;
+        var _a;
         // Find the stack the popup belongs to.
         const stack = stacks.find(stack => !!exports.PopupStack.getElements(stack).find(el => el === element));
         if (stack) {
@@ -208,8 +222,9 @@ exports.PopupStack = {
                 stack._adapter.remove(element);
                 return;
             }
+            const item = stack.items.find(item => item.element === element);
             stack.items = stack.items.filter(item => item.element !== element);
-            (((_b = stack.container) === null || _b === void 0 ? void 0 : _b.call(stack)) || document.body).removeChild(element);
+            getContainer(stack, item === null || item === void 0 ? void 0 : item.owner).removeChild(element);
             setZIndexOfElements(exports.PopupStack.getElements(stack));
         }
     },

package/dist/es6/lib/PopupStack.d.ts

@@ -34,7 +34,10 @@ export interface PopupStackItem {
 export declare function getValue(index: number, length: number): number;
 interface Stack {
     items: PopupStackItem[];
-    container?: () => HTMLElement;
+    /**
+     * Returns the container of a stack given an optional element.
+     */
+    container?: (element?: HTMLElement) => HTMLElement;
     zIndex: {
         min: number;
         max: number;

package/dist/es6/lib/PopupStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupStack.d.ts","sourceRoot":"","sources":["../../../lib/PopupStack.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,EAAE,WAAW,CAAC;IACrB;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AASD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAO9D;AA2CD,UAAU,KAAK;IACb,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,WAAW,CAAC;IAC9B,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,QAAQ,EAAE,OAAO,QAAQ,CAAC;KAC3B,CAAC;IACF,QAAQ,EAAE,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;CACtC;AAwFD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU;IACrB;;;;;OAKG;uBACgB,WAAW;IAS9B;;;;;OAKG;cACO,cAAc,GAAG,IAAI;IAY/B;;;;;;OAMG;oBACa,WAAW,GAAG,IAAI;IAelC;;;;OAIG;uBACgB,WAAW,GAAG,OAAO;IAaxC;;;;OAIG;oDACiC,WAAW,EAAE;IAQjD;;;;;;;;;;;OAWG;wBACiB,WAAW,GAAG,IAAI;IA6BtC;;;;;;;;;;OAUG;sBACe,WAAW,eAAe,WAAW,GAAG,OAAO;IA2BjE;;;;;;OAMG;gCACyB,WAAW,GAAG,IAAI;IAoB9C;;;;OAIG;+BACwB,WAAW,GAAG,IAAI;IAY7C;;;;;;;;;;;;;;OAcG;mCAC4B,cAAc,GAAG,IAAI;CAqBrD,CAAC;AAEF;;;GAGG;AACH,wBAAgB,UAAU,SAEzB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,YAAa,QAAQ,iBAAiB,CAAC,SAEhE,CAAC"}
+{"version":3,"file":"PopupStack.d.ts","sourceRoot":"","sources":["../../../lib/PopupStack.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,EAAE,WAAW,CAAC;IACrB;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AASD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAO9D;AA2CD,UAAU,KAAK;IACb,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC;IACnD,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,QAAQ,EAAE,OAAO,QAAQ,CAAC;KAC3B,CAAC;IACF,QAAQ,EAAE,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;CACtC;AAuGD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU;IACrB;;;;;OAKG;uBACgB,WAAW;IAS9B;;;;;OAKG;cACO,cAAc,GAAG,IAAI;IAY/B;;;;;;OAMG;oBACa,WAAW,GAAG,IAAI;IAgBlC;;;;OAIG;uBACgB,WAAW,GAAG,OAAO;IAaxC;;;;OAIG;oDACiC,WAAW,EAAE;IAQjD;;;;;;;;;;;OAWG;wBACiB,WAAW,GAAG,IAAI;IA6BtC;;;;;;;;;;OAUG;sBACe,WAAW,eAAe,WAAW,GAAG,OAAO;IA2BjE;;;;;;OAMG;gCACyB,WAAW,GAAG,IAAI;IAoB9C;;;;OAIG;+BACwB,WAAW,GAAG,IAAI;IAY7C;;;;;;;;;;;;;;OAcG;mCAC4B,cAAc,GAAG,IAAI;CAqBrD,CAAC;AAEF;;;GAGG;AACH,wBAAgB,UAAU,SAEzB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,YAAa,QAAQ,iBAAiB,CAAC,SAEhE,CAAC"}

package/dist/es6/lib/PopupStack.js

@@ -116,12 +116,26 @@ const setToWindow = (path, value) => {
         set(window, path, value);
     }
 };
+/**
+ * TODO: Remove this after v12 and use `stack.container(el)` directly. This is temporary to make
+ * sure Popups can open in new windows while supporting older versions of Canvas Kit AND full screen
+ * mode.
+ */
+const getContainer = (stack, element) => {
+    var _a;
+    let stackContainer = (_a = stack.container) === null || _a === void 0 ? void 0 : _a.call(stack);
+    if (stackContainer === document.body) {
+        // Here's the transitory code
+        stackContainer = element === null || element === void 0 ? void 0 : element.ownerDocument.body;
+    }
+    return stackContainer || document.body;
+};
 // We need to make sure only one stack is ever in use on the page - ever. If a stack is already
 // defined on the page, we need to use that one. Never, ever, ever change this variable name on
 // window
 const stack = getFromWindow('workday.__popupStack') || {
     description: 'Global popup stack from @workday/canvas-kit/popup-stack',
-    container: () => document.body,
+    container: el => (el === null || el === void 0 ? void 0 : el.ownerDocument.body) || document.body,
     items: [],
     zIndex: { min: 30, max: 50, getValue: getValue },
     _adapter: {},
@@ -175,14 +189,14 @@ export const PopupStack = {
      * method when the event triggers.
      */
     add(item) {
-        var _a, _b;
+        var _a;
         const stack = getTopStack();
         if ((_a = stack._adapter) === null || _a === void 0 ? void 0 : _a.add) {
             stack._adapter.add(item);
             return;
         }
         stack.items.push(item);
-        (((_b = stack.container) === null || _b === void 0 ? void 0 : _b.call(stack)) || document.body).appendChild(item.element);
+        getContainer(stack, item.owner).appendChild(item.element);
         setZIndexOfElements(PopupStack.getElements());
     },
     /**
@@ -193,7 +207,7 @@ export const PopupStack = {
      * stack.
      */
     remove(element) {
-        var _a, _b;
+        var _a;
         // Find the stack the popup belongs to.
         const stack = stacks.find(stack => !!PopupStack.getElements(stack).find(el => el === element));
         if (stack) {
@@ -201,8 +215,9 @@ export const PopupStack = {
                 stack._adapter.remove(element);
                 return;
             }
+            const item = stack.items.find(item => item.element === element);
             stack.items = stack.items.filter(item => item.element !== element);
-            (((_b = stack.container) === null || _b === void 0 ? void 0 : _b.call(stack)) || document.body).removeChild(element);
+            getContainer(stack, item === null || item === void 0 ? void 0 : item.owner).removeChild(element);
             setZIndexOfElements(PopupStack.getElements(stack));
         }
     },

package/lib/PopupStack.ts

@@ -93,7 +93,10 @@ function getChildPopups(item: PopupStackItem, items: PopupStackItem[]): PopupSta
 
 interface Stack {
   items: PopupStackItem[];
-  container?: () => HTMLElement;
+  /**
+   * Returns the container of a stack given an optional element.
+   */
+  container?: (element?: HTMLElement) => HTMLElement;
   zIndex: {
     min: number;
     max: number;
@@ -167,12 +170,27 @@ const setToWindow = (path: string, value: any) => {
   }
 };
 
+/**
+ * TODO: Remove this after v12 and use `stack.container(el)` directly. This is temporary to make
+ * sure Popups can open in new windows while supporting older versions of Canvas Kit AND full screen
+ * mode.
+ */
+const getContainer = (stack: Stack, element?: HTMLElement): HTMLElement => {
+  let stackContainer = stack.container?.();
+  if (stackContainer === document.body) {
+    // Here's the transitory code
+    stackContainer = element?.ownerDocument.body;
+  }
+
+  return stackContainer || document.body;
+};
+
 // We need to make sure only one stack is ever in use on the page - ever. If a stack is already
 // defined on the page, we need to use that one. Never, ever, ever change this variable name on
 // window
 const stack: Stack = getFromWindow('workday.__popupStack') || {
   description: 'Global popup stack from @workday/canvas-kit/popup-stack',
-  container: () => document.body,
+  container: el => el?.ownerDocument.body || document.body,
   items: [],
   zIndex: {min: 30, max: 50, getValue: getValue},
   _adapter: {},
@@ -235,7 +253,7 @@ export const PopupStack = {
       return;
     }
     stack.items.push(item);
-    (stack.container?.() || document.body).appendChild(item.element);
+    getContainer(stack, item.owner).appendChild(item.element);
 
     setZIndexOfElements(PopupStack.getElements());
   },
@@ -255,8 +273,9 @@ export const PopupStack = {
         stack._adapter.remove(element);
         return;
       }
+      const item = stack.items.find(item => item.element === element);
       stack.items = stack.items.filter(item => item.element !== element);
-      (stack.container?.() || document.body).removeChild(element);
+      getContainer(stack, item?.owner).removeChild(element);
 
       setZIndexOfElements(PopupStack.getElements(stack));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-popup-stack",
-  "version": "11.0.17",
+  "version": "11.0.19",
   "description": "Stack for managing popup UIs to coordinate global concerns like escape key handling and rendering order",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -37,5 +37,5 @@
   "dependencies": {
     "screenfull": "^5.2.0"
   },
-  "gitHead": "bea3e7c2462c53db72574e524d8dee0a72fb0b95"
+  "gitHead": "c2d95558a8716248923ecb281c94406c0071792c"
 }