@workday/canvas-kit-react 5.3.15 → 5.4.0-next.1

package/dist/es6/common/lib/utils/index.js

@@ -10,6 +10,8 @@ export * from './useMount';
 export * from './components';
 export * from './models';
 export * from './elements';
+export * from './useConstant';
 export * from './useIsFullscreen';
 export * from './useWindowSize';
+export * from './useResizeObserver';
 export * from './StaticStates';

package/dist/es6/common/lib/utils/mergeProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mergeProps.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/mergeProps.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,EAC3D,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,CAAC,GACb,CAAC,GAAG,CAAC,CAoCP"}
+{"version":3,"file":"mergeProps.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/mergeProps.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,EAC3D,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,CAAC,GACb,CAAC,GAAG,CAAC,CAwCP"}

package/dist/es6/common/lib/utils/mergeProps.js

@@ -44,6 +44,11 @@ export function mergeProps(targetProps, sourceProps) {
                 typeof targetProps[key] === 'function') {
                 // we don't support removing callbacks via `undefined`, so do nothing here
             }
+            else if (key === 'ref' && sourceProps.hasOwnProperty('ref')) {
+                // refs should never be overridden. This doesn't happen normally, but happens with hook
+                // composition
+                returnProps.ref = returnProps.ref || sourceProps.ref;
+            }
             else {
                 // @ts-ignore TS has more object constraint complaints that aren't useful here
                 returnProps[key] = sourceProps[key];

package/dist/es6/common/lib/utils/useConstant.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Get a constant value in React, only running the callback function once.  `React.useMemo` does not
+ * guarantee that a function will only be run once.
+ *
+ * @example
+ * const value = useConstant(generateUniqueId)
+ */
+export declare function useConstant<T>(fn: () => T): T;
+//# sourceMappingURL=useConstant.d.ts.map

package/dist/es6/common/lib/utils/useConstant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConstant.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useConstant.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAQ7C"}

package/dist/es6/common/lib/utils/useConstant.js

@@ -0,0 +1,15 @@
+import { useRef } from 'react';
+/**
+ * Get a constant value in React, only running the callback function once.  `React.useMemo` does not
+ * guarantee that a function will only be run once.
+ *
+ * @example
+ * const value = useConstant(generateUniqueId)
+ */
+export function useConstant(fn) {
+    var ref = useRef();
+    if (!ref.current) {
+        ref.current = fn();
+    }
+    return ref.current;
+}

package/dist/es6/common/lib/utils/useResizeObserver.d.ts

@@ -0,0 +1,3 @@
+import useResizeObserverOriginal from 'use-resize-observer';
+export declare const useResizeObserver: typeof useResizeObserverOriginal;
+//# sourceMappingURL=useResizeObserver.d.ts.map

package/dist/es6/common/lib/utils/useResizeObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useResizeObserver.ts"],"names":[],"mappings":"AAEA,OAAO,yBAAyB,MAAM,qBAAqB,CAAC;AAU5D,eAAO,MAAM,iBAAiB,EAAE,OAAO,yBAatC,CAAC"}

package/dist/es6/common/lib/utils/useResizeObserver.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import useResizeObserverOriginal from 'use-resize-observer';
+import ResizeObserver from 'resize-observer-polyfill';
+if (typeof window !== 'undefined' && !window.ResizeObserver) {
+    window.ResizeObserver = ResizeObserver;
+}
+// `useResizeObserver` contains this fix in 8.0.0:
+// https://github.com/ZeeCoder/use-resize-observer/commit/bd0f3c8597bac0d853b88cf585256aac1bd4f554
+// v8.0.0 requires TS4.2. So we'll manually patch until we're ready for TS4.2+
+export var useResizeObserver = function (params) {
+    if (params === void 0) { params = {}; }
+    var widthRef = React.useRef();
+    var heightRef = React.useRef();
+    var onResize = params.onResize
+        ? function (data) {
+            if (widthRef.current !== data.width || heightRef.current !== data.height) {
+                widthRef.current = data.width;
+                heightRef.current = data.height;
+                params.onResize(data);
+            }
+        }
+        : undefined;
+    return useResizeObserverOriginal(__assign(__assign({}, params), { onResize: onResize }));
+};
+// When the dependency is moved up to v8.0.0, remove the above function and export below instead
+// export {useResizeObserver};

package/dist/es6/common/lib/utils/useUniqueId.d.ts

@@ -1,3 +1,12 @@
+/**
+ * Generates a unique and HTML5 compliant identifier every time it is called. Internally it uses a 4
+ * character random seed starting with a letter. This seed is unique to each instance of this
+ * package meaning different versions of Canvas Kit on the page will have a different seed. Each
+ * call will use a Base 36 string (10 numbers + 26 letters) based on an incremented number. The
+ * incremented number always starts at 0 and can be reset for testing purposes using
+ * [resetUniqueIdCount](#resetuniqueidcount). [setUniqueSeed](#setuniqueseed) can also be used for
+ * testing or server side rendering to get the same results during hydration.
+ */
 export declare const generateUniqueId: () => string;
 /**
  * Generate a unique ID if one is not provided. The generated ID will be stable across renders
@@ -10,4 +19,23 @@ export declare const useUniqueId: (id?: string | undefined) => string;
  * TODO: Remove in major release
  */
 export declare const uniqueId: (id?: string | undefined) => string;
+/**
+ * Update the seed used by the id generator. This is useful for snapshot tests to help stabilize ids
+ * generated each run. This could also be used for server-side hydration - if you choose the same
+ * seed for server and set that on the client before components are rendered, the ids generated will
+ * be the same.
+ * @example
+ * // set in a script tag from the server
+ * setSeed(window.__ID_SEED); // set in a script tag from the server
+ *
+ * // jest setup
+ * before(() => {
+ *   setSeed('a')
+ * })
+ */
+export declare const setUniqueSeed: (s: string) => void;
+/**
+ * This should only be called for tests in an `beforeEach`
+ */
+export declare const resetUniqueIdCount: () => void;
 //# sourceMappingURL=useUniqueId.d.ts.map

package/dist/es6/common/lib/utils/useUniqueId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUniqueId.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useUniqueId.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,cAAwC,CAAC;AAEtE;;;GAGG;AACH,eAAO,MAAM,WAAW,qCAIvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qCAAc,CAAC"}
+{"version":3,"file":"useUniqueId.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/useUniqueId.ts"],"names":[],"mappings":"AAWA;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,cAAkC,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,WAAW,qCAIvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qCAAc,CAAC;AAEpC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,qBAEzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,YAE9B,CAAC"}

package/dist/es6/common/lib/utils/useUniqueId.js

@@ -1,13 +1,28 @@
-import * as React from 'react';
-import uuid from 'uuid/v4';
-export var generateUniqueId = function () { return uuid().replace(/^[0-9]*/gi, ''); };
+import { useConstant } from './useConstant';
+// Create a unique seed per import to prevent collisions from other versions of `useUniqueId`
+var seed = Math.random()
+    .toString(36)
+    .slice(2)
+    .replace(/[0-9]*/, '')
+    .substr(0, 4);
+var c = 0;
+/**
+ * Generates a unique and HTML5 compliant identifier every time it is called. Internally it uses a 4
+ * character random seed starting with a letter. This seed is unique to each instance of this
+ * package meaning different versions of Canvas Kit on the page will have a different seed. Each
+ * call will use a Base 36 string (10 numbers + 26 letters) based on an incremented number. The
+ * incremented number always starts at 0 and can be reset for testing purposes using
+ * [resetUniqueIdCount](#resetuniqueidcount). [setUniqueSeed](#setuniqueseed) can also be used for
+ * testing or server side rendering to get the same results during hydration.
+ */
+export var generateUniqueId = function () { return seed + (c++).toString(36); };
 /**
  * Generate a unique ID if one is not provided. The generated ID will be stable across renders
  * @param id Optional ID provided that will be used instead of a unique ID
  */
 export var useUniqueId = function (id) {
     // https://codesandbox.io/s/react-functional-component-ids-p2ndq
-    var generatedId = React.useState(generateUniqueId)[0];
+    var generatedId = useConstant(generateUniqueId);
     return id || generatedId;
 };
 /**
@@ -16,3 +31,26 @@ export var useUniqueId = function (id) {
  * TODO: Remove in major release
  */
 export var uniqueId = useUniqueId;
+/**
+ * Update the seed used by the id generator. This is useful for snapshot tests to help stabilize ids
+ * generated each run. This could also be used for server-side hydration - if you choose the same
+ * seed for server and set that on the client before components are rendered, the ids generated will
+ * be the same.
+ * @example
+ * // set in a script tag from the server
+ * setSeed(window.__ID_SEED); // set in a script tag from the server
+ *
+ * // jest setup
+ * before(() => {
+ *   setSeed('a')
+ * })
+ */
+export var setUniqueSeed = function (s) {
+    seed = s;
+};
+/**
+ * This should only be called for tests in an `beforeEach`
+ */
+export var resetUniqueIdCount = function () {
+    c = 0;
+};

package/dist/es6/cookie-banner/index.d.ts

@@ -1,5 +1,5 @@
-import CookieBanner from './lib/CookieBanner';
-export default CookieBanner;
-export { CookieBanner };
+import DeprecatedCookieBanner from './lib/CookieBanner';
+export default DeprecatedCookieBanner;
+export { DeprecatedCookieBanner };
 export * from './lib/CookieBanner';
 //# sourceMappingURL=index.d.ts.map

package/dist/es6/cookie-banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../cookie-banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAE9C,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAC,YAAY,EAAC,CAAC;AACtB,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../cookie-banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,oBAAoB,CAAC;AAExD,eAAe,sBAAsB,CAAC;AACtC,OAAO,EAAC,sBAAsB,EAAC,CAAC;AAChC,cAAc,oBAAoB,CAAC"}

package/dist/es6/cookie-banner/index.js

@@ -1,4 +1,4 @@
-import CookieBanner from './lib/CookieBanner';
-export default CookieBanner;
-export { CookieBanner };
+import DeprecatedCookieBanner from './lib/CookieBanner';
+export default DeprecatedCookieBanner;
+export { DeprecatedCookieBanner };
 export * from './lib/CookieBanner';

package/dist/es6/cookie-banner/lib/CookieBanner.d.ts

@@ -1,5 +1,13 @@
 import * as React from 'react';
-export interface CookieBannerProps {
+/**
+ * ### Deprecated Cookie Banner Props
+ *
+ * As of Canvas Kit v6, CookieBanner is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v7. Please see the
+ * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
+ * for more information.
+ */
+export interface DeprecatedCookieBannerProps {
     /**
      * If true, set the CookieBanner to the closed state.
      * @default false
@@ -24,7 +32,16 @@ export interface CookieBannerProps {
      */
     settingsLabel?: string;
 }
-export default class CookieBanner extends React.Component<CookieBannerProps> {
+/**
+ * ### Deprecated Cookie Banner
+ *
+ * As of Canvas Kit v6, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v7. Please see the
+ * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
+ * for more information.
+ */
+export default class DeprecatedCookieBanner extends React.Component<DeprecatedCookieBannerProps> {
+    componentDidMount(): void;
     static DefaultNotice: string;
     render(): React.ReactNode;
 }

package/dist/es6/cookie-banner/lib/CookieBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CookieBanner.d.ts","sourceRoot":"","sources":["../../../../cookie-banner/lib/CookieBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAEnE;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAElC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA8DD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IAC1E,OAAc,aAAa,SAC6J;IAEjL,MAAM,IAAI,KAAK,CAAC,SAAS;CAwBjC"}
+{"version":3,"file":"CookieBanner.d.ts","sourceRoot":"","sources":["../../../../cookie-banner/lib/CookieBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;GAOG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAEnE;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAElC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA8DD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,2BAA2B,CAAC;IAC9F,iBAAiB;IASjB,OAAc,aAAa,SAC6J;IAEjL,MAAM,IAAI,KAAK,CAAC,SAAS;CAwBjC"}

package/dist/es6/cookie-banner/lib/CookieBanner.js

@@ -88,20 +88,31 @@ var cookieSettingsStyles = css({
 var CookieSettings = function (props) {
     return jsx(Hyperlink, __assign({ as: "button", css: cookieSettingsStyles }, props));
 };
-var CookieBanner = /** @class */ (function (_super) {
-    __extends(CookieBanner, _super);
-    function CookieBanner() {
+/**
+ * ### Deprecated Cookie Banner
+ *
+ * As of Canvas Kit v6, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v7. Please see the
+ * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
+ * for more information.
+ */
+var DeprecatedCookieBanner = /** @class */ (function (_super) {
+    __extends(DeprecatedCookieBanner, _super);
+    function DeprecatedCookieBanner() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    CookieBanner.prototype.render = function () {
-        var _a = this.props, _b = _a.notice, notice = _b === void 0 ? CookieBanner.DefaultNotice : _b, _c = _a.settingsLabel, settingsLabel = _c === void 0 ? 'Cookie Settings' : _c, isClosed = _a.isClosed, onAccept = _a.onAccept, onClickSettings = _a.onClickSettings, elemProps = __rest(_a, ["notice", "settingsLabel", "isClosed", "onAccept", "onClickSettings"]);
+    DeprecatedCookieBanner.prototype.componentDidMount = function () {
+        console.warn("This component is being deprecated and will be removed in Canvas Kit V7.\n\n      For more information, please see the V6 migration guide:\n\n      https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page\n      ");
+    };
+    DeprecatedCookieBanner.prototype.render = function () {
+        var _a = this.props, _b = _a.notice, notice = _b === void 0 ? DeprecatedCookieBanner.DefaultNotice : _b, _c = _a.settingsLabel, settingsLabel = _c === void 0 ? 'Cookie Settings' : _c, isClosed = _a.isClosed, onAccept = _a.onAccept, onClickSettings = _a.onClickSettings, elemProps = __rest(_a, ["notice", "settingsLabel", "isClosed", "onAccept", "onClickSettings"]);
         return (jsx(Banner, __assign({ isClosed: isClosed }, elemProps),
             jsx(BannerItem, null, notice),
             jsx(BannerItem, { css: rowStyle },
                 onClickSettings && (jsx(CookieSettings, { onClick: onClickSettings }, settingsLabel)),
                 jsx(PrimaryButton, { onClick: onAccept, grow: true }, "Continue"))));
     };
-    CookieBanner.DefaultNotice = 'We use cookies to ensure that we give you the best experience on our website. If you continue without changing your settings, we’ll assume that you are willing to receive cookies.';
-    return CookieBanner;
+    DeprecatedCookieBanner.DefaultNotice = 'We use cookies to ensure that we give you the best experience on our website. If you continue without changing your settings, we’ll assume that you are willing to receive cookies.';
+    return DeprecatedCookieBanner;
 }(React.Component));
-export default CookieBanner;
+export default DeprecatedCookieBanner;

package/dist/es6/dialog/lib/hooks/useDialogCard.d.ts

@@ -1,22 +1,10 @@
 /// <reference types="@emotion/core" />
-export declare const useDialogCard: import("../../../common").BehaviorHook<import("../../../common").Model<any, any>, ({
+export declare const useDialogCard: <P extends {}, R>(model: import("../../../common").Model<import("../../../popup").PopupState, import("../../../popup").PopupEvents>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
     role: string;
     'aria-labelledby': string;
 } & {
     id: string;
-}) | ({
-    role: string;
-    'aria-labelledby': string;
-} & {
-    id: string;
-} & {
-    ref: import("react").Ref<any>;
-}) | ({
-    role: string;
-    'aria-labelledby': string;
-} & {
-    ref: import("react").Ref<any>;
-} & {
-    id: string;
-})>;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
 //# sourceMappingURL=useDialogCard.d.ts.map

package/dist/es6/dialog/lib/hooks/useDialogCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDialogCard.d.ts","sourceRoot":"","sources":["../../../../../dialog/lib/hooks/useDialogCard.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;GAOzB,CAAC"}
+{"version":3,"file":"useDialogCard.d.ts","sourceRoot":"","sources":["../../../../../dialog/lib/hooks/useDialogCard.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,aAAa;;;;;;;OAOzB,CAAC"}

package/dist/es6/dialog/lib/hooks/useDialogPopper.d.ts

@@ -1,6 +1,9 @@
+/// <reference types="@emotion/core" />
 import { CSSProperties } from 'react';
-export declare const useDialogPopper: import("../../../common").BehaviorHook<import("../../../common").Model<import("../../../popup").PopupState, import("../../../popup").PopupEvents>, {
+export declare const useDialogPopper: <P extends {}, R>(model: import("../../../common").Model<import("../../../popup").PopupState, import("../../../popup").PopupEvents>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
     'aria-owns': string;
     style: CSSProperties;
-}>;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
 //# sourceMappingURL=useDialogPopper.d.ts.map

package/dist/es6/dialog/lib/hooks/useDialogPopper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDialogPopper.d.ts","sourceRoot":"","sources":["../../../../../dialog/lib/hooks/useDialogPopper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpC,eAAO,MAAM,eAAe;;;EAK1B,CAAC"}
+{"version":3,"file":"useDialogPopper.d.ts","sourceRoot":"","sources":["../../../../../dialog/lib/hooks/useDialogPopper.ts"],"names":[],"mappings":";AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AAEpC,eAAO,MAAM,eAAe;;;;;OAK1B,CAAC"}

package/dist/es6/form-field/lib/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAE,SAAS,EAAU,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAG9F,OAAO,EAAC,sBAAsB,EAAiC,MAAM,SAAS,CAAC;AAG/E,MAAM,WAAW,cACf,SAAQ,SAAS,EACf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc;IAChB;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAoED,cAAM,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrD,MAAM,CAAC,aAAa,gCAA0B;IAC9C,MAAM,CAAC,SAAS,mBAAa;IAE7B,OAAO,CAAC,OAAO,CAAwC;IAEvD,OAAO,CAAC,cAAc,CA8BpB;IAEF,MAAM;CA2DP;AAKD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,cAAc,EACd,SAAS,EAET,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAC,sBAAsB,EAAiC,MAAM,SAAS,CAAC;AAE/E,MAAM,WAAW,cACf,SAAQ,SAAS,EACf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc;IAChB;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAoED,cAAM,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrD,MAAM,CAAC,aAAa,gCAA0B;IAC9C,MAAM,CAAC,SAAS,mBAAa;IAE7B,OAAO,CAAC,OAAO,CAAoD;IAEnE,OAAO,CAAC,cAAc,CA8BpB;IAEF,MAAM;CA2DP;AAKD,eAAe,SAAS,CAAC"}

package/dist/es6/form-field/lib/FormField.js

@@ -35,11 +35,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import { space } from '@workday/canvas-kit-react/tokens';
-import { ErrorType, styled } from '@workday/canvas-kit-react/common';
+import { ErrorType, styled, generateUniqueId, } from '@workday/canvas-kit-react/common';
 import Hint from './Hint';
 import Label from './Label';
 import { FormFieldLabelPosition } from './types';
-import uuid from 'uuid/v4';
 // Use a fieldset element for accessible radio groups
 var FormFieldFieldsetContainer = styled('fieldset')(function (_a) {
     var grow = _a.grow, labelPosition = _a.labelPosition;
@@ -99,7 +98,7 @@ var FormField = /** @class */ (function (_super) {
     __extends(FormField, _super);
     function FormField() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.inputId = _this.props.inputId || uuid();
+        _this.inputId = _this.props.inputId || generateUniqueId();
         _this.renderChildren = function (child) {
             if (React.isValidElement(child)) {
                 var props = __assign({}, child.props);

package/dist/es6/form-field/lib/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,sBAAsB,EAAE,8BAA8B,EAAC,MAAM,SAAS,CAAC;AAE/E,MAAM,WAAW,UAAW,SAAQ,8BAA8B;IAChE;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAuDD,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;IAC7C,MAAM,CAAC,QAAQ,gCAA0B;IAElC,MAAM;CA8Bd;AAID,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,sBAAsB,EAAE,8BAA8B,EAAC,MAAM,SAAS,CAAC;AAE/E,MAAM,WAAW,UAAW,SAAQ,8BAA8B;IAChE;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAuDD,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;IAC7C,MAAM,CAAC,QAAQ,gCAA0B;IAElC,MAAM;CA8Bd;AAID,eAAe,KAAK,CAAC"}

package/dist/es6/form-field/lib/Label.js

@@ -41,9 +41,8 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
     return r;
 };
 import * as React from 'react';
-import styled from '@emotion/styled';
 import { colors, space, type } from '@workday/canvas-kit-react/tokens';
-import { accessibleHide as accessibleHideCSS } from '@workday/canvas-kit-react/common';
+import { accessibleHide as accessibleHideCSS, styled } from '@workday/canvas-kit-react/common';
 import { FormFieldLabelPosition } from './types';
 var labelStyles = [
     __assign(__assign({}, type.levels.subtext.large), { fontWeight: type.properties.fontWeights.medium, padding: 0 }),

package/dist/es6/modal/lib/ModalOverlay.d.ts

@@ -5,7 +5,9 @@ export interface ModalOverlayProps {
     children: React.ReactNode;
 }
 export declare const ModalOverlay: import("../../common").ElementComponent<"div", ModalOverlayProps>;
-export declare const useModalOverlay: import("../../common").BehaviorHook<import("../../common").Model<import("../../popup").PopupState, import("../../popup").PopupEvents>, {
+export declare const useModalOverlay: <P extends {}, R>(model: import("../../common").Model<import("../../popup").PopupState, import("../../popup").PopupEvents>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
     ref: undefined;
-}>;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
 //# sourceMappingURL=ModalOverlay.d.ts.map

package/dist/es6/modal/lib/ModalOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAC,UAAU,EAAmC,MAAM,iCAAiC,CAAC;AAI7F,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAwCD,eAAO,MAAM,YAAY,mEAWvB,CAAC;AAEH,eAAO,MAAM,eAAe;;EAQ1B,CAAC"}
+{"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAC,UAAU,EAAmC,MAAM,iCAAiC,CAAC;AAI7F,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAwCD,eAAO,MAAM,YAAY,mEAWvB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;OAQ1B,CAAC"}

package/dist/es6/modal/lib/hooks/useModalCard.d.ts

@@ -1,22 +1,10 @@
 /// <reference types="@emotion/core" />
-export declare const useModalCard: import("../../../common").BehaviorHook<import("../../../common").Model<any, any>, ({
+export declare const useModalCard: <P extends {}, R>(model: import("../../../common").Model<import("../../../popup").PopupState, import("../../../popup").PopupEvents>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
     role: string;
     'aria-labelledby': string;
 } & {
     'aria-modal': boolean;
-}) | ({
-    role: string;
-    'aria-labelledby': string;
-} & {
-    'aria-modal': boolean;
-} & {
-    ref: import("react").Ref<any>;
-}) | ({
-    role: string;
-    'aria-labelledby': string;
-} & {
-    ref: import("react").Ref<any>;
-} & {
-    'aria-modal': boolean;
-})>;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
 //# sourceMappingURL=useModalCard.d.ts.map

package/dist/es6/modal/lib/hooks/useModalCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModalCard.d.ts","sourceRoot":"","sources":["../../../../../modal/lib/hooks/useModalCard.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;GAOxB,CAAC"}
+{"version":3,"file":"useModalCard.d.ts","sourceRoot":"","sources":["../../../../../modal/lib/hooks/useModalCard.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,YAAY;;;;;;;OAOxB,CAAC"}

package/dist/es6/modal/lib/hooks/useModalHeading.d.ts

@@ -1,22 +1,10 @@
 import React from 'react';
-export declare const useModalHeading: import("../../../common").BehaviorHook<import("../../../common").Model<any, any>, ({
+export declare const useModalHeading: <P extends {}, R>(model: import("../../../common").Model<import("../../../popup").PopupState, import("../../../popup").PopupEvents>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
     id: string;
 } & {
-    ref: (instance: HTMLElement) => void;
+    ref: (instance: HTMLElement | null) => void;
     onBlur: () => void;
-}) | ({
-    id: string;
-} & {
-    ref: (instance: HTMLElement) => void;
-    onBlur: () => void;
-} & {
-    ref: React.Ref<any>;
-}) | ({
-    id: string;
-} & {
-    ref: React.Ref<any>;
-} & {
-    ref: (instance: HTMLElement) => void;
-    onBlur: () => void;
-})>;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
 //# sourceMappingURL=useModalHeading.d.ts.map

package/dist/es6/modal/lib/hooks/useModalHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModalHeading.d.ts","sourceRoot":"","sources":["../../../../../modal/lib/hooks/useModalHeading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;GAqB3B,CAAC"}
+{"version":3,"file":"useModalHeading.d.ts","sourceRoot":"","sources":["../../../../../modal/lib/hooks/useModalHeading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,eAAe;;;;;;;OAqB3B,CAAC"}

package/dist/es6/page-header/index.d.ts

@@ -1,5 +1,5 @@
-import PageHeader from './lib/PageHeader';
-export default PageHeader;
-export { PageHeader };
+import DeprecatedPageHeader from './lib/PageHeader';
+export default DeprecatedPageHeader;
+export { DeprecatedPageHeader };
 export * from './lib/PageHeader';
 //# sourceMappingURL=index.d.ts.map

package/dist/es6/page-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../page-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,CAAC;AACpB,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../page-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,kBAAkB,CAAC;AAEpD,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAC,oBAAoB,EAAC,CAAC;AAC9B,cAAc,kBAAkB,CAAC"}

package/dist/es6/page-header/index.js

@@ -1,4 +1,4 @@
-import PageHeader from './lib/PageHeader';
-export default PageHeader;
-export { PageHeader };
+import DeprecatedPageHeader from './lib/PageHeader';
+export default DeprecatedPageHeader;
+export { DeprecatedPageHeader };
 export * from './lib/PageHeader';

package/dist/es6/page-header/lib/PageHeader.d.ts

@@ -1,5 +1,13 @@
 import * as React from 'react';
-export interface PageHeaderProps {
+/**
+ * ### Deprecated Page Header Props
+ *
+ * As of Canvas Kit v6, PageHeader is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v7. Please see the
+ * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
+ * for more information.
+ */
+export interface DeprecatedPageHeaderProps {
     /**
      * The text of the PageHeader title.
      */
@@ -15,7 +23,16 @@ export interface PageHeaderProps {
      */
     breakpoint?: number;
 }
-export default class PageHeader extends React.Component<PageHeaderProps> {
+/**
+ * ### Deprecated Page Header
+ *
+ * As of Canvas Kit v6, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v7. Please see the
+ * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
+ * for more information.
+ */
+export default class DeprecatedPageHeader extends React.Component<DeprecatedPageHeaderProps> {
+    componentDidMount(): void;
     private renderChildren;
     render(): JSX.Element;
 }

package/dist/es6/page-header/lib/PageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../page-header/lib/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAkDD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACtE,OAAO,CAAC,cAAc;IAgBf,MAAM;CAad"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../page-header/lib/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;GAOG;AACH,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAkDD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,yBAAyB,CAAC;IAC1F,iBAAiB;IASjB,OAAO,CAAC,cAAc;IAgBf,MAAM;CAad"}

package/dist/es6/page-header/lib/PageHeader.js

@@ -76,12 +76,23 @@ var IconList = styled('div')({
         marginRight: space.xxs,
     },
 });
-var PageHeader = /** @class */ (function (_super) {
-    __extends(PageHeader, _super);
-    function PageHeader() {
+/**
+ * ### Deprecated Page Header
+ *
+ * As of Canvas Kit v6, this component is being soft-deprecated.
+ * It will be hard-deprecated (completely removed) in v7. Please see the
+ * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
+ * for more information.
+ */
+var DeprecatedPageHeader = /** @class */ (function (_super) {
+    __extends(DeprecatedPageHeader, _super);
+    function DeprecatedPageHeader() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    PageHeader.prototype.renderChildren = function (children) {
+    DeprecatedPageHeader.prototype.componentDidMount = function () {
+        console.warn("This component is being deprecated and will be removed in Canvas Kit V7.\n\n      For more information, please see the V6 migration guide:\n\n      https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page\n      ");
+    };
+    DeprecatedPageHeader.prototype.renderChildren = function (children) {
         return React.Children.map(children, function (child) {
             if (!React.isValidElement(child)) {
                 return child;
@@ -94,7 +105,7 @@ var PageHeader = /** @class */ (function (_super) {
             return child;
         });
     };
-    PageHeader.prototype.render = function () {
+    DeprecatedPageHeader.prototype.render = function () {
         // TODO: Standardize on prop spread location (see #150)
         var _a = this.props, _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.breakpoint, breakpoint = _c === void 0 ? 768 : _c, _d = _a.capWidth, capWidth = _d === void 0 ? false : _d, children = _a.children, elemProps = __rest(_a, ["title", "breakpoint", "capWidth", "children"]);
         return (React.createElement(Header, null,
@@ -102,6 +113,6 @@ var PageHeader = /** @class */ (function (_super) {
                 React.createElement(Title, null, title),
                 React.createElement(IconList, null, this.renderChildren(children)))));
     };
-    return PageHeader;
+    return DeprecatedPageHeader;
 }(React.Component));
-export default PageHeader;
+export default DeprecatedPageHeader;