@workday/canvas-kit-react 7.0.0-alpha.0-next.3 → 7.0.0-alpha.0-next.7

package/dist/commonjs/popup/lib/PopupCard.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { Card } from '@workday/canvas-kit-react/card';
 import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { StackStyleProps } from '@workday/canvas-kit-react/layout';
 import { PopupModel } from './hooks';
-export interface PopupCardProps extends ExtractProps<typeof Card, never> {
+export interface PopupCardProps extends ExtractProps<typeof Card, never>, Partial<StackStyleProps> {
     /**
      * 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

package/dist/commonjs/popup/lib/PopupCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupCard.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAEpD,OAAO,EAOL,YAAY,EACb,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAe,UAAU,EAAoB,MAAM,SAAS,CAAC;AAEpE,MAAM,WAAW,cAAe,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACtE;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAmCD,eAAO,MAAM,SAAS,gEAuBpB,CAAC"}
+{"version":3,"file":"PopupCard.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAEpD,OAAO,EAOL,YAAY,EAEb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAQ,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAGxE,OAAO,EAAe,UAAU,EAAoB,MAAM,SAAS,CAAC;AAEpE,MAAM,WAAW,cAAe,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC;IAChG;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAmCD,eAAO,MAAM,SAAS,gEAmCpB,CAAC"}

package/dist/commonjs/popup/lib/PopupCard.js

@@ -14,6 +14,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 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)
@@ -25,24 +44,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopupCard = void 0;
 var React = __importStar(require("react"));
-var core_1 = require("@emotion/core");
+var react_1 = require("@emotion/react");
 var card_1 = require("@workday/canvas-kit-react/card");
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var common_1 = require("@workday/canvas-kit-react/common");
+var layout_1 = require("@workday/canvas-kit-react/layout");
 var getTransformFromPlacement_1 = require("./getTransformFromPlacement");
 var hooks_1 = require("./hooks");
 var popupAnimation = function (transformOrigin) {
     var translate = common_1.getTranslateFromOrigin(transformOrigin, tokens_1.space.xxs);
-    return core_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    0% {\n      opacity: 0;\n      transform: translate(", "px, ", "px);\n    }\n    100% {\n      opacity: 1;\n      transform: translate(0);\n    }\n  "], ["\n    0% {\n      opacity: 0;\n      transform: translate(", "px, ", "px);\n    }\n    100% {\n      opacity: 1;\n      transform: translate(0);\n    }\n  "])), translate.x, translate.y);
+    return react_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    0% {\n      opacity: 0;\n      transform: translate(", "px, ", "px);\n    }\n    100% {\n      opacity: 1;\n      transform: translate(0);\n    }\n  "], ["\n    0% {\n      opacity: 0;\n      transform: translate(", "px, ", "px);\n    }\n    100% {\n      opacity: 1;\n      transform: translate(0);\n    }\n  "])), translate.x, translate.y);
 };
 var StyledPopupCard = common_1.styled(card_1.Card)(tokens_1.type.levels.subtext.large, function (_a) {
     var transformOrigin = _a.transformOrigin;
@@ -69,7 +83,12 @@ exports.PopupCard = common_1.createComponent('div')({
         var transformOrigin = React.useMemo(function () {
             return getTransformFromPlacement_1.getTransformFromPlacement(localModel.state.placement || 'bottom');
         }, [localModel.state.placement]);
-        return (React.createElement(StyledPopupCard, __assign({ as: Element, transformOrigin: transformOrigin, position: "relative", padding: "l", depth: 2, maxWidth: "calc(100vw - " + tokens_1.space.l + ")" }, props), children));
+        // As is a Stack that will render an element of `Element`
+        var As = common_1.useConstant(function () { return layout_1.Stack.as(Element); });
+        return (React.createElement(StyledPopupCard, __assign({ as: As, transformOrigin: transformOrigin, position: "relative", padding: "l", depth: 2, maxWidth: "calc(100vw - " + tokens_1.space.l + ")", spacing: 0, flexDirection: "column", minHeight: 0, maxHeight: "calc(100vh - " + (elemProps.margin
+                ? tokens_1.space[elemProps.margin] || elemProps.margin
+                : tokens_1.space.xl) + " * 2)", overflowY: "auto" // force IE11 to limit the flex size of the card. Without this, the body isn't allowed to overflow properly: https://github.com/philipwalton/flexbugs/issues/216#issuecomment-453053557
+         }, props), children));
     },
 });
 var templateObject_1;

package/dist/commonjs/popup/lib/PopupCloseButton.js

@@ -10,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 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)
@@ -21,14 +40,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopupCloseButton = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var button_1 = require("@workday/canvas-kit-react/button");

package/dist/commonjs/popup/lib/PopupCloseIcon.js

@@ -25,6 +25,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopupCloseIcon = void 0;
 var react_1 = __importDefault(require("react"));
 var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
 var common_1 = require("@workday/canvas-kit-react/common");

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

@@ -1,6 +1,8 @@
 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 {
+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

package/dist/commonjs/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;AAK/B,OAAO,EAAkB,UAAU,EAAoB,MAAM,SAAS,CAAC;AAEvE,MAAM,WAAW,iBAAiB;IAChC;;;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,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"}

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

@@ -10,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 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)
@@ -21,14 +40,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopupHeading = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var card_1 = require("@workday/canvas-kit-react/card");
@@ -39,6 +52,6 @@ exports.PopupHeading = common_1.createComponent('h2')({
         var children = _a.children, model = _a.model, elemProps = __rest(_a, ["children", "model"]);
         var localModel = common_1.useModelContext(hooks_1.PopupModelContext, model);
         var props = hooks_1.usePopupHeading(localModel, elemProps, ref);
-        return (React.createElement(card_1.Card.Heading, __assign({ as: Element }, props), children));
+        return (React.createElement(card_1.Card.Heading, __assign({ as: Element, marginBottom: "s" }, props), children));
     },
 });

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

@@ -10,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 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)
@@ -21,14 +40,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopupPopper = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var hooks_1 = require("./hooks");

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

@@ -10,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 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)
@@ -21,14 +40,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopupTarget = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var button_1 = require("@workday/canvas-kit-react/button");

package/dist/commonjs/popup/lib/getTransformFromPlacement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getTransformFromPlacement.d.ts","sourceRoot":"","sources":["../../../../popup/lib/getTransformFromPlacement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,eAAO,MAAM,yBAAyB,2CA6BrC,CAAC"}
+{"version":3,"file":"getTransformFromPlacement.d.ts","sourceRoot":"","sources":["../../../../popup/lib/getTransformFromPlacement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,eAAO,MAAM,yBAAyB,cAAe,SAAS,KAAG,eA6BhE,CAAC"}

package/dist/commonjs/popup/lib/getTransformFromPlacement.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTransformFromPlacement = function (placement) {
+exports.getTransformFromPlacement = void 0;
+var getTransformFromPlacement = function (placement) {
     var _a = placement.split('-'), first = _a[0], second = _a[1];
     var vertical = first === 'top'
         ? 'bottom'
@@ -25,3 +26,4 @@ exports.getTransformFromPlacement = function (placement) {
         horizontal: horizontal,
     };
 };
+exports.getTransformFromPlacement = getTransformFromPlacement;

package/dist/commonjs/popup/lib/hooks/focus-trap-js.js

@@ -2,6 +2,7 @@
 // refactor for v5
 /// <reference types="@types/node" />
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.tabTrappingKey = void 0;
 var candidateSelectors = [
     'input',
     'select',

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

@@ -1,25 +1,32 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./useAlwaysCloseOnOutsideClick"));
-__export(require("./useAssistiveHideSiblings"));
-__export(require("./useBringToTopOnClick"));
-__export(require("./useCloseOnEscape"));
-__export(require("./useCloseOnFullscreenExit"));
-__export(require("./useCloseOnOutsideClick"));
-__export(require("./useDisableBodyScroll"));
-__export(require("./useFocusRedirect"));
-__export(require("./useFocusTrap"));
-__export(require("./useInitialFocus"));
-__export(require("./usePopupCard"));
-__export(require("./usePopupCloseButton"));
-__export(require("./usePopupHeading"));
-__export(require("./usePopupModel"));
-__export(require("./usePopupPopper"));
-__export(require("./usePopupStack"));
-__export(require("./usePopupTarget"));
-__export(require("./useReturnFocus"));
-__export(require("./useTransferOnFullscreenEnter"));
-__export(require("./useTransferOnFullscreenExit"));
+__exportStar(require("./useAlwaysCloseOnOutsideClick"), exports);
+__exportStar(require("./useAssistiveHideSiblings"), exports);
+__exportStar(require("./useBringToTopOnClick"), exports);
+__exportStar(require("./useCloseOnEscape"), exports);
+__exportStar(require("./useCloseOnFullscreenExit"), exports);
+__exportStar(require("./useCloseOnOutsideClick"), exports);
+__exportStar(require("./useDisableBodyScroll"), exports);
+__exportStar(require("./useFocusRedirect"), exports);
+__exportStar(require("./useFocusTrap"), exports);
+__exportStar(require("./useInitialFocus"), exports);
+__exportStar(require("./usePopupCard"), exports);
+__exportStar(require("./usePopupCloseButton"), exports);
+__exportStar(require("./usePopupHeading"), exports);
+__exportStar(require("./usePopupModel"), exports);
+__exportStar(require("./usePopupPopper"), exports);
+__exportStar(require("./usePopupStack"), exports);
+__exportStar(require("./usePopupTarget"), exports);
+__exportStar(require("./useReturnFocus"), exports);
+__exportStar(require("./useTransferOnFullscreenEnter"), exports);
+__exportStar(require("./useTransferOnFullscreenExit"), exports);

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

@@ -1,3 +1,4 @@
+import { PopupModel } 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
@@ -7,5 +8,5 @@
  * 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: import("../../..").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
+export declare const useAlwaysCloseOnOutsideClick: (model: PopupModel, elemProps?: {}) => {};
 //# sourceMappingURL=useAlwaysCloseOnOutsideClick.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAlwaysCloseOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useAlwaysCloseOnOutsideClick.ts"],"names":[],"mappings":"AAKA;;;;;;;;GAQG;AACH,eAAO,MAAM,4BAA4B,sIAiCxC,CAAC"}
+{"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"}

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

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAlwaysCloseOnOutsideClick = void 0;
 var react_1 = __importDefault(require("react"));
 var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
 /**
@@ -14,7 +15,7 @@ var canvas_kit_popup_stack_1 = require("@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).
  */
-exports.useAlwaysCloseOnOutsideClick = function (model, elemProps) {
+var useAlwaysCloseOnOutsideClick = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var onClick = react_1.default.useCallback(function (event) {
         if (!model.state.stackRef.current) {
@@ -42,3 +43,4 @@ exports.useAlwaysCloseOnOutsideClick = function (model, elemProps) {
     }, [model.state.stackRef, visible, onClick]);
     return elemProps;
 };
+exports.useAlwaysCloseOnOutsideClick = useAlwaysCloseOnOutsideClick;

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

@@ -1,3 +1,4 @@
+import { PopupModel } 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
@@ -9,5 +10,5 @@
  *
  * This should be used on popup elements that need to hide content (i.e. Modals).
  */
-export declare const useAssistiveHideSiblings: (model: import("../../..").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
+export declare const useAssistiveHideSiblings: (model: PopupModel, elemProps?: {}) => {};
 //# sourceMappingURL=useAssistiveHideSiblings.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAssistiveHideSiblings.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useAssistiveHideSiblings.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,wBAAwB,sIA6BpC,CAAC"}
+{"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"}

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

@@ -10,6 +10,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAssistiveHideSiblings = void 0;
 var react_1 = __importDefault(require("react"));
 /**
  * This hook will hide all sibling elements from assistive technology. Very useful for modal
@@ -22,7 +23,7 @@ var react_1 = __importDefault(require("react"));
  *
  * This should be used on popup elements that need to hide content (i.e. Modals).
  */
-exports.useAssistiveHideSiblings = function (model, elemProps) {
+var useAssistiveHideSiblings = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var visible = model.state.visibility !== 'hidden';
     react_1.default.useEffect(function () {
@@ -49,3 +50,4 @@ exports.useAssistiveHideSiblings = function (model, elemProps) {
     }, [model.state.stackRef, visible]);
     return elemProps;
 };
+exports.useAssistiveHideSiblings = useAssistiveHideSiblings;

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

@@ -1,3 +1,4 @@
+import { PopupModel } 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`
@@ -7,5 +8,5 @@
  *
  * This should be used on popup elements that are meant to persist (i.e. Windows).
  */
-export declare const useBringToTopOnClick: (model: import("../../..").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
+export declare const useBringToTopOnClick: (model: PopupModel, elemProps?: {}) => {};
 //# sourceMappingURL=useBringToTopOnClick.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBringToTopOnClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useBringToTopOnClick.ts"],"names":[],"mappings":"AAKA;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,sIA6BhC,CAAC"}
+{"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"}

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

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBringToTopOnClick = void 0;
 var react_1 = __importDefault(require("react"));
 var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
 /**
@@ -14,7 +15,7 @@ var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
  *
  * This should be used on popup elements that are meant to persist (i.e. Windows).
  */
-exports.useBringToTopOnClick = function (model, elemProps) {
+var useBringToTopOnClick = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var timer = react_1.default.useRef(-1);
     var onClick = react_1.default.useCallback(function (event) {
@@ -40,3 +41,4 @@ exports.useBringToTopOnClick = function (model, elemProps) {
     }, [visible, onClick]);
     return elemProps;
 };
+exports.useBringToTopOnClick = useBringToTopOnClick;

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

@@ -1,3 +1,4 @@
+import { PopupModel } 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.
@@ -5,5 +6,5 @@
  * This should be used with popup elements that are dismissible like Tooltips, Modals, non-modal
  * dialogs, dropdown menus, etc.
  */
-export declare const useCloseOnEscape: (model: import("../../..").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
+export declare const useCloseOnEscape: (model: PopupModel, elemProps?: {}) => {};
 //# sourceMappingURL=useCloseOnEscape.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCloseOnEscape.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnEscape.ts"],"names":[],"mappings":"AAMA;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,sIA2B5B,CAAC"}
+{"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"}

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

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCloseOnEscape = void 0;
 var react_1 = __importDefault(require("react"));
 var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
 /**
@@ -12,7 +13,7 @@ var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
  * This should be used with popup elements that are dismissible like Tooltips, Modals, non-modal
  * dialogs, dropdown menus, etc.
  */
-exports.useCloseOnEscape = function (model, elemProps) {
+var useCloseOnEscape = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var onKeyDown = react_1.default.useCallback(function (event) {
         if ((event.key === 'Esc' || event.key === 'Escape') &&
@@ -33,3 +34,4 @@ exports.useCloseOnEscape = function (model, elemProps) {
     }, [onKeyDown, visible]);
     return elemProps;
 };
+exports.useCloseOnEscape = useCloseOnEscape;

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

@@ -1,7 +1,8 @@
+import { PopupModel } 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 declare const useCloseOnFullscreenExit: (model: import("../../..").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
+export declare const useCloseOnFullscreenExit: (model: PopupModel, elemProps?: {}) => {};
 //# sourceMappingURL=useCloseOnFullscreenExit.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCloseOnFullscreenExit.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnFullscreenExit.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,sIA0BpC,CAAC"}
+{"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"}

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

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCloseOnFullscreenExit = void 0;
 var react_1 = __importDefault(require("react"));
 var screenfull_1 = __importDefault(require("screenfull"));
 /**
@@ -10,7 +11,7 @@ var screenfull_1 = __importDefault(require("screenfull"));
  * the entire screen. This should be added to popup types that are very context sensitive like
  * Tooltips.
  */
-exports.useCloseOnFullscreenExit = function (model, elemProps) {
+var useCloseOnFullscreenExit = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var handler = react_1.default.useCallback(function (event) {
         if (!screenfull_1.default.isFullscreen) {
@@ -32,3 +33,4 @@ exports.useCloseOnFullscreenExit = function (model, elemProps) {
     }, [handler, visible]);
     return elemProps;
 };
+exports.useCloseOnFullscreenExit = useCloseOnFullscreenExit;

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

@@ -1,3 +1,4 @@
+import { PopupModel } from './usePopupModel';
 /**
  * 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
@@ -8,5 +9,5 @@
  * dropdown menus, etc. Tooltips and hierarchical menus should use `useAlwaysCloseOnClickOutside`
  * instead.
  */
-export declare const useCloseOnOutsideClick: (model: import("../../..").Model<import("./usePopupModel").PopupState, import("./usePopupModel").PopupEvents>, elemProps?: {}) => {};
+export declare const useCloseOnOutsideClick: (model: PopupModel, elemProps?: {}) => {};
 //# sourceMappingURL=useCloseOnOutsideClick.d.ts.map

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":"AAKA;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB,sIAsClC,CAAC"}
+{"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"}

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

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCloseOnOutsideClick = void 0;
 var react_1 = __importDefault(require("react"));
 var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
 /**
@@ -15,7 +16,7 @@ var canvas_kit_popup_stack_1 = require("@workday/canvas-kit-popup-stack");
  * dropdown menus, etc. Tooltips and hierarchical menus should use `useAlwaysCloseOnClickOutside`
  * instead.
  */
-exports.useCloseOnOutsideClick = function (model, elemProps) {
+var useCloseOnOutsideClick = function (model, elemProps) {
     if (elemProps === void 0) { elemProps = {}; }
     var onClick = react_1.default.useCallback(function (event) {
         if (!model.state.stackRef.current) {
@@ -47,3 +48,4 @@ exports.useCloseOnOutsideClick = function (model, elemProps) {
     }, [model.state.stackRef, visible, onClick]);
     return elemProps;
 };
+exports.useCloseOnOutsideClick = useCloseOnOutsideClick;