@workday/canvas-kit-react 6.7.2 → 6.8.0

package/banner/lib/Banner.tsx

@@ -85,41 +85,40 @@ const BannerViewAll = styled('span')<BannerProps>(
   })
 );
 
-class Banner extends React.Component<BannerProps> {
-  static Variant = BannerVariant;
-  static ErrorType = ErrorType;
+const Banner = (React.forwardRef<HTMLButtonElement, BannerProps>((props, ref) => {
+  const {
+    actionText = 'View All',
+    variant = BannerVariant.Full,
+    error = ErrorType.Alert,
+    label,
+    onClick,
+    ...elemProps
+  } = props;
 
-  public render() {
-    const {
-      actionText = 'View All',
-      variant = BannerVariant.Full,
-      error = ErrorType.Alert,
-      label,
-      onClick,
-      ...props
-    } = this.props;
+  const bannerIcon = error === ErrorType.Error ? exclamationCircleIcon : exclamationTriangleIcon;
+  const iconColor = error === ErrorType.Error ? colors.frenchVanilla100 : colors.blackPepper400;
+  const iconSize = 24;
 
-    const bannerIcon = error === ErrorType.Error ? exclamationCircleIcon : exclamationTriangleIcon;
-    const iconColor = error === ErrorType.Error ? colors.frenchVanilla100 : colors.blackPepper400;
-    const iconSize = 24;
-
-    return (
-      <BannerWrapper
-        aria-label={actionText + ': ' + label}
-        role="button"
-        variant={variant}
-        tabIndex={0}
-        onClick={onClick}
-        error={error}
-        {...props}
-      >
-        <BannerIcon icon={bannerIcon} color={iconColor} colorHover={iconColor} size={iconSize} />
-        <BannerLabel>{label}</BannerLabel>
-        <BannerViewAll variant={variant}>{actionText}</BannerViewAll>
-      </BannerWrapper>
-    );
-  }
-}
+  return (
+    <BannerWrapper
+      aria-label={actionText + ': ' + label}
+      role="button"
+      variant={variant}
+      tabIndex={0}
+      onClick={onClick}
+      error={error}
+      ref={ref}
+      {...elemProps}
+    >
+      <BannerIcon icon={bannerIcon} color={iconColor} colorHover={iconColor} size={iconSize} />
+      <BannerLabel>{label}</BannerLabel>
+      <BannerViewAll variant={variant}>{actionText}</BannerViewAll>
+    </BannerWrapper>
+  );
+}) as any) as React.FC<BannerProps> & {
+  Variant: typeof BannerVariant;
+  ErrorType: typeof ErrorType;
+};
 
 Banner.Variant = BannerVariant;
 Banner.ErrorType = ErrorType;

package/dist/commonjs/banner/lib/Banner.d.ts

@@ -29,10 +29,9 @@ export interface BannerProps extends Themeable, React.ButtonHTMLAttributes<HTMLB
      */
     actionText?: string;
 }
-declare class Banner extends React.Component<BannerProps> {
-    static Variant: typeof BannerVariant;
-    static ErrorType: typeof ErrorType;
-    render(): JSX.Element;
-}
+declare const Banner: React.FC<BannerProps> & {
+    Variant: typeof BannerVariant;
+    ErrorType: typeof ErrorType;
+};
 export default Banner;
 //# sourceMappingURL=Banner.d.ts.map

package/dist/commonjs/banner/lib/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../banner/lib/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAqB,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEzF,oBAAY,aAAa;IACvB,IAAI,IAAA;IACJ,MAAM,IAAA;CACP;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAoDD,cAAM,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAC/C,MAAM,CAAC,OAAO,uBAAiB;IAC/B,MAAM,CAAC,SAAS,mBAAa;IAEtB,MAAM;CA8Bd;AAKD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../banner/lib/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAqB,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEzF,oBAAY,aAAa;IACvB,IAAI,IAAA;IACJ,MAAM,IAAA;CACP;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAoDD,QAAA,MAAM,MAAM;;;CAiCX,CAAC;AAKF,eAAe,MAAM,CAAC"}

package/dist/commonjs/banner/lib/Banner.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 (b.hasOwnProperty(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++) {
@@ -80,25 +67,16 @@ var BannerViewAll = common_1.styled('span')({
         display: variant === BannerVariant.Sticky ? 'none' : undefined,
     });
 });
-var Banner = /** @class */ (function (_super) {
-    __extends(Banner, _super);
-    function Banner() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Banner.prototype.render = function () {
-        var _a = this.props, _b = _a.actionText, actionText = _b === void 0 ? 'View All' : _b, _c = _a.variant, variant = _c === void 0 ? BannerVariant.Full : _c, _d = _a.error, error = _d === void 0 ? common_1.ErrorType.Alert : _d, label = _a.label, onClick = _a.onClick, props = __rest(_a, ["actionText", "variant", "error", "label", "onClick"]);
-        var bannerIcon = error === common_1.ErrorType.Error ? canvas_system_icons_web_1.exclamationCircleIcon : canvas_system_icons_web_1.exclamationTriangleIcon;
-        var iconColor = error === common_1.ErrorType.Error ? tokens_1.colors.frenchVanilla100 : tokens_1.colors.blackPepper400;
-        var iconSize = 24;
-        return (React.createElement(BannerWrapper, __assign({ "aria-label": actionText + ': ' + label, role: "button", variant: variant, tabIndex: 0, onClick: onClick, error: error }, props),
-            React.createElement(BannerIcon, { icon: bannerIcon, color: iconColor, colorHover: iconColor, size: iconSize }),
-            React.createElement(BannerLabel, null, label),
-            React.createElement(BannerViewAll, { variant: variant }, actionText)));
-    };
-    Banner.Variant = BannerVariant;
-    Banner.ErrorType = common_1.ErrorType;
-    return Banner;
-}(React.Component));
+var Banner = React.forwardRef(function (props, ref) {
+    var _a = props.actionText, actionText = _a === void 0 ? 'View All' : _a, _b = props.variant, variant = _b === void 0 ? BannerVariant.Full : _b, _c = props.error, error = _c === void 0 ? common_1.ErrorType.Alert : _c, label = props.label, onClick = props.onClick, elemProps = __rest(props, ["actionText", "variant", "error", "label", "onClick"]);
+    var bannerIcon = error === common_1.ErrorType.Error ? canvas_system_icons_web_1.exclamationCircleIcon : canvas_system_icons_web_1.exclamationTriangleIcon;
+    var iconColor = error === common_1.ErrorType.Error ? tokens_1.colors.frenchVanilla100 : tokens_1.colors.blackPepper400;
+    var iconSize = 24;
+    return (React.createElement(BannerWrapper, __assign({ "aria-label": actionText + ': ' + label, role: "button", variant: variant, tabIndex: 0, onClick: onClick, error: error, ref: ref }, elemProps),
+        React.createElement(BannerIcon, { icon: bannerIcon, color: iconColor, colorHover: iconColor, size: iconSize }),
+        React.createElement(BannerLabel, null, label),
+        React.createElement(BannerViewAll, { variant: variant }, actionText)));
+});
 Banner.Variant = BannerVariant;
 Banner.ErrorType = common_1.ErrorType;
 exports.default = Banner;

package/dist/es6/banner/lib/Banner.d.ts

@@ -29,10 +29,9 @@ export interface BannerProps extends Themeable, React.ButtonHTMLAttributes<HTMLB
      */
     actionText?: string;
 }
-declare class Banner extends React.Component<BannerProps> {
-    static Variant: typeof BannerVariant;
-    static ErrorType: typeof ErrorType;
-    render(): JSX.Element;
-}
+declare const Banner: React.FC<BannerProps> & {
+    Variant: typeof BannerVariant;
+    ErrorType: typeof ErrorType;
+};
 export default Banner;
 //# sourceMappingURL=Banner.d.ts.map

package/dist/es6/banner/lib/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../banner/lib/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAqB,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEzF,oBAAY,aAAa;IACvB,IAAI,IAAA;IACJ,MAAM,IAAA;CACP;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAoDD,cAAM,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAC/C,MAAM,CAAC,OAAO,uBAAiB;IAC/B,MAAM,CAAC,SAAS,mBAAa;IAEtB,MAAM;CA8Bd;AAKD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../banner/lib/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAqB,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAEzF,oBAAY,aAAa;IACvB,IAAI,IAAA;IACJ,MAAM,IAAA;CACP;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAoDD,QAAA,MAAM,MAAM;;;CAiCX,CAAC;AAKF,eAAe,MAAM,CAAC"}

package/dist/es6/banner/lib/Banner.js

@@ -1,16 +1,3 @@
-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 (b.hasOwnProperty(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++) {
@@ -71,25 +58,16 @@ var BannerViewAll = styled('span')({
         display: variant === BannerVariant.Sticky ? 'none' : undefined,
     });
 });
-var Banner = /** @class */ (function (_super) {
-    __extends(Banner, _super);
-    function Banner() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Banner.prototype.render = function () {
-        var _a = this.props, _b = _a.actionText, actionText = _b === void 0 ? 'View All' : _b, _c = _a.variant, variant = _c === void 0 ? BannerVariant.Full : _c, _d = _a.error, error = _d === void 0 ? ErrorType.Alert : _d, label = _a.label, onClick = _a.onClick, props = __rest(_a, ["actionText", "variant", "error", "label", "onClick"]);
-        var bannerIcon = error === ErrorType.Error ? exclamationCircleIcon : exclamationTriangleIcon;
-        var iconColor = error === ErrorType.Error ? colors.frenchVanilla100 : colors.blackPepper400;
-        var iconSize = 24;
-        return (React.createElement(BannerWrapper, __assign({ "aria-label": actionText + ': ' + label, role: "button", variant: variant, tabIndex: 0, onClick: onClick, error: error }, props),
-            React.createElement(BannerIcon, { icon: bannerIcon, color: iconColor, colorHover: iconColor, size: iconSize }),
-            React.createElement(BannerLabel, null, label),
-            React.createElement(BannerViewAll, { variant: variant }, actionText)));
-    };
-    Banner.Variant = BannerVariant;
-    Banner.ErrorType = ErrorType;
-    return Banner;
-}(React.Component));
+var Banner = React.forwardRef(function (props, ref) {
+    var _a = props.actionText, actionText = _a === void 0 ? 'View All' : _a, _b = props.variant, variant = _b === void 0 ? BannerVariant.Full : _b, _c = props.error, error = _c === void 0 ? ErrorType.Alert : _c, label = props.label, onClick = props.onClick, elemProps = __rest(props, ["actionText", "variant", "error", "label", "onClick"]);
+    var bannerIcon = error === ErrorType.Error ? exclamationCircleIcon : exclamationTriangleIcon;
+    var iconColor = error === ErrorType.Error ? colors.frenchVanilla100 : colors.blackPepper400;
+    var iconSize = 24;
+    return (React.createElement(BannerWrapper, __assign({ "aria-label": actionText + ': ' + label, role: "button", variant: variant, tabIndex: 0, onClick: onClick, error: error, ref: ref }, elemProps),
+        React.createElement(BannerIcon, { icon: bannerIcon, color: iconColor, colorHover: iconColor, size: iconSize }),
+        React.createElement(BannerLabel, null, label),
+        React.createElement(BannerViewAll, { variant: variant }, actionText)));
+});
 Banner.Variant = BannerVariant;
 Banner.ErrorType = ErrorType;
 export default Banner;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "6.7.2",
+  "version": "6.8.0",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -57,9 +57,9 @@
     "@emotion/styled": "^10.0.27",
     "@popperjs/core": "^2.5.4",
     "@workday/canvas-colors-web": "^2.0.0",
-    "@workday/canvas-kit-labs-react": "^6.7.2",
-    "@workday/canvas-kit-popup-stack": "^6.7.2",
-    "@workday/canvas-kit-preview-react": "^6.7.2",
+    "@workday/canvas-kit-labs-react": "^6.8.0",
+    "@workday/canvas-kit-popup-stack": "^6.8.0",
+    "@workday/canvas-kit-preview-react": "^6.8.0",
     "@workday/canvas-system-icons-web": "1.0.41",
     "@workday/design-assets-types": "^0.2.4",
     "chroma-js": "^2.1.0",
@@ -77,5 +77,5 @@
     "@workday/canvas-accent-icons-web": "^1.0.0",
     "@workday/canvas-applet-icons-web": "^0.17.50"
   },
-  "gitHead": "5ea64c81a7a889bd5933167052c8f65d2840fc07"
+  "gitHead": "34df3ceade6935d7c54fd7162d4d837d08363bc5"
 }

package/ts3.5/dist/commonjs/banner/lib/Banner.d.ts

@@ -29,10 +29,9 @@ export interface BannerProps extends Themeable, React.ButtonHTMLAttributes<HTMLB
      */
     actionText?: string;
 }
-declare class Banner extends React.Component<BannerProps> {
-    static Variant: typeof BannerVariant;
-    static ErrorType: typeof ErrorType;
-    render(): JSX.Element;
-}
+declare const Banner: React.FC<BannerProps> & {
+    Variant: typeof BannerVariant;
+    ErrorType: typeof ErrorType;
+};
 export default Banner;
 //# sourceMappingURL=Banner.d.ts.map

package/ts3.5/dist/es6/banner/lib/Banner.d.ts

@@ -29,10 +29,9 @@ export interface BannerProps extends Themeable, React.ButtonHTMLAttributes<HTMLB
      */
     actionText?: string;
 }
-declare class Banner extends React.Component<BannerProps> {
-    static Variant: typeof BannerVariant;
-    static ErrorType: typeof ErrorType;
-    render(): JSX.Element;
-}
+declare const Banner: React.FC<BannerProps> & {
+    Variant: typeof BannerVariant;
+    ErrorType: typeof ErrorType;
+};
 export default Banner;
 //# sourceMappingURL=Banner.d.ts.map