@workday/canvas-kit-react 9.0.0-alpha.364-next.3 → 9.0.0-alpha.382-next.2

package/dist/commonjs/dialog/lib/Dialog.js

@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dialog = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var DialogPopper_1 = require("./DialogPopper");
-var DialogCard_1 = require("./DialogCard");
-var hooks_1 = require("./hooks");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const popup_1 = require("@workday/canvas-kit-react/popup");
+const DialogPopper_1 = require("./DialogPopper");
+const DialogCard_1 = require("./DialogCard");
+const hooks_1 = require("./hooks");
 exports.Dialog = common_1.createContainer()({
     displayName: 'Dialog',
     modelHook: hooks_1.useDialogModel,
@@ -22,7 +22,6 @@ exports.Dialog = common_1.createContainer()({
         Popper: DialogPopper_1.DialogPopper,
         CloseButton: popup_1.Popup.CloseButton,
     },
-})(function (_a) {
-    var children = _a.children;
+})(({ children }) => {
     return react_1.default.createElement(react_1.default.Fragment, null, children);
 });

package/dist/commonjs/dialog/lib/DialogCard.js

@@ -1,15 +1,4 @@
 "use strict";
-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);
-};
 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]; } });
@@ -31,14 +20,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogCard = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var hooks_1 = require("./hooks");
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const popup_1 = require("@workday/canvas-kit-react/popup");
+const hooks_1 = require("./hooks");
 exports.DialogCard = common_1.createSubcomponent('div')({
     displayName: 'Dialog.Card',
     modelHook: hooks_1.useDialogModel,
     elemPropsHook: hooks_1.useDialogCard,
-})(function (elemProps, Element, model) {
-    return (React.createElement(popup_1.Popup.Card, __assign({ as: Element, model: model }, elemProps), elemProps.children));
+})((elemProps, Element, model) => {
+    return (React.createElement(popup_1.Popup.Card, Object.assign({ as: Element, model: model }, elemProps), elemProps.children));
 });

package/dist/commonjs/dialog/lib/DialogPopper.js

@@ -1,15 +1,4 @@
 "use strict";
-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);
-};
 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]; } });
@@ -29,33 +18,21 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogPopper = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var hooks_1 = require("./hooks");
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const popup_1 = require("@workday/canvas-kit-react/popup");
+const hooks_1 = require("./hooks");
 exports.DialogPopper = common_1.createSubcomponent('div')({
     displayName: 'Dialog.Popper',
     modelHook: hooks_1.useDialogModel,
-})(function (_a, Element, model) {
-    var children = _a.children, placement = _a.placement, popperOptions = _a.popperOptions, ref = _a.ref, props = __rest(_a, ["children", "placement", "popperOptions", "ref"]);
-    var popperProps = popup_1.usePopupPopper(model, { placement: placement, popperOptions: popperOptions }, ref);
-    var elemProps = hooks_1.useDialogPopper(model, props);
+})(({ children, placement, popperOptions, ref, ...props }, Element, model) => {
+    const popperProps = popup_1.usePopupPopper(model, { placement, popperOptions }, ref);
+    const elemProps = hooks_1.useDialogPopper(model, props);
     if (model.state.visibility === 'hidden') {
         return null;
     }
-    return (React.createElement(Element, __assign({}, elemProps),
-        React.createElement(popup_1.Popper, __assign({}, popperProps), children)));
+    return (React.createElement(Element, Object.assign({}, elemProps),
+        React.createElement(popup_1.Popper, Object.assign({}, popperProps), children)));
 });

package/dist/commonjs/dialog/lib/hooks/useDialogCard.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDialogCard = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-exports.useDialogCard = common_1.composeHooks(popup_1.usePopupCard, common_1.createElemPropsHook(popup_1.usePopupModel)(function (_a) {
-    var state = _a.state;
+const common_1 = require("@workday/canvas-kit-react/common");
+const popup_1 = require("@workday/canvas-kit-react/popup");
+exports.useDialogCard = common_1.composeHooks(popup_1.usePopupCard, common_1.createElemPropsHook(popup_1.usePopupModel)(({ state }) => {
     return {
-        id: "dialog-" + state.id,
+        id: `dialog-${state.id}`,
     };
 }));

package/dist/commonjs/dialog/lib/hooks/useDialogModel.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDialogModel = void 0;
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var common_1 = require("@workday/canvas-kit-react/common");
+const popup_1 = require("@workday/canvas-kit-react/popup");
+const common_1 = require("@workday/canvas-kit-react/common");
 exports.useDialogModel = common_1.createModelHook({
     defaultConfig: popup_1.usePopupModel.defaultConfig,
     requiredConfig: popup_1.usePopupModel.requiredConfig,
     contextOverride: popup_1.usePopupModel.Context,
-})(function (config) {
-    var model = popup_1.usePopupModel(config);
+})(config => {
+    const model = popup_1.usePopupModel(config);
     popup_1.useInitialFocus(model);
     popup_1.useReturnFocus(model);
     popup_1.useCloseOnOutsideClick(model);

package/dist/commonjs/dialog/lib/hooks/useDialogPopper.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDialogPopper = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-exports.useDialogPopper = common_1.createElemPropsHook(popup_1.usePopupModel)(function (_a) {
-    var state = _a.state;
+const common_1 = require("@workday/canvas-kit-react/common");
+const popup_1 = require("@workday/canvas-kit-react/popup");
+exports.useDialogPopper = common_1.createElemPropsHook(popup_1.usePopupModel)(({ state }) => {
     return {
-        'aria-owns': "dialog-" + state.id,
+        'aria-owns': `dialog-${state.id}`,
         style: { position: 'absolute' }, // make sure the element doesn't participate in Flex
     };
 });

package/dist/commonjs/disclosure/lib/useDisclosureModel.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDisclosureModel = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
 exports.useDisclosureModel = common_1.createModelHook({
     defaultConfig: {
         /** ID reference of the list. Children ids can be derived from this id */
@@ -16,34 +16,34 @@ exports.useDisclosureModel = common_1.createModelHook({
          */
         initialVisibility: 'hidden',
     },
-})(function (config) {
-    var id = common_1.useUniqueId(config.id);
-    var _a = react_1.default.useState(config.initialVisibility || 'hidden'), visibility = _a[0], setVisibility = _a[1];
-    var state = {
+})(config => {
+    const id = common_1.useUniqueId(config.id);
+    const [visibility, setVisibility] = react_1.default.useState(config.initialVisibility || 'hidden');
+    const state = {
         /** ID reference of the list. Children ids can be derived from this id */
-        id: id,
+        id,
         /**
          * Visibility state of the disclosed content. Models are allowed to extend the states to fit
          * their needs, so if you need to consistently determine "not hidden", use
          * `visibility !== 'hidden'` rather than `visibility === 'visible'`
          */
-        visibility: visibility,
+        visibility,
     };
-    var events = {
+    const events = {
         /**
          * Start showing the disclosed content. If a DOM event triggered this event, the event data will
          * be passed along. This data can be used by guards and callbacks.
          */
-        show: function (event) {
+        show(event) {
             setVisibility('visible');
         },
         /**
          * Start hiding this disclosed content. If a DOM event triggered this event, the event data will
          * be passed along. This data can be used by guards and callbacks.
          */
-        hide: function (event) {
+        hide(event) {
             setVisibility('hidden');
         },
     };
-    return { state: state, events: events };
+    return { state, events };
 });

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

@@ -1,30 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        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++) {
-            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);
-};
 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]; } });
@@ -44,39 +18,24 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormField = void 0;
-var React = __importStar(require("react"));
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var common_1 = require("@workday/canvas-kit-react/common");
-var Hint_1 = require("./Hint");
-var Label_1 = require("./Label");
-var types_1 = require("./types");
+const React = __importStar(require("react"));
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const common_1 = require("@workday/canvas-kit-react/common");
+const Hint_1 = require("./Hint");
+const Label_1 = require("./Label");
+const types_1 = require("./types");
 // Use a fieldset element for accessible radio groups
-var FormFieldFieldsetContainer = common_1.styled('fieldset')(function (_a) {
-    var grow = _a.grow, labelPosition = _a.labelPosition;
-    return ({
-        display: labelPosition === types_1.FormFieldLabelPosition.Top ? 'inline-block' : 'flex',
-        flexGrow: grow ? 1 : undefined,
-        padding: 0,
-        border: 0,
-        margin: 0,
-        marginBottom: tokens_1.space.m,
-    });
-});
-var FormFieldContainer = common_1.styled('div')(function (_a) {
-    var labelPosition = _a.labelPosition, useFieldset = _a.useFieldset;
+const FormFieldFieldsetContainer = common_1.styled('fieldset')(({ grow, labelPosition }) => ({
+    display: labelPosition === types_1.FormFieldLabelPosition.Top ? 'inline-block' : 'flex',
+    flexGrow: grow ? 1 : undefined,
+    padding: 0,
+    border: 0,
+    margin: 0,
+    marginBottom: tokens_1.space.m,
+}));
+const FormFieldContainer = common_1.styled('div')(({ labelPosition, useFieldset }) => {
     if (useFieldset) {
         return {
             display: 'flex',
@@ -93,8 +52,7 @@ var FormFieldContainer = common_1.styled('div')(function (_a) {
         marginBottom: tokens_1.space.m,
     };
 });
-var FormFieldInputContainer = common_1.styled('div')(function (_a) {
-    var grow = _a.grow, labelPosition = _a.labelPosition;
+const FormFieldInputContainer = common_1.styled('div')(({ grow, labelPosition }) => {
     if (grow) {
         if (labelPosition === types_1.FormFieldLabelPosition.Left ||
             labelPosition === types_1.FormFieldLabelPosition.Hidden) {
@@ -118,52 +76,51 @@ var FormFieldInputContainer = common_1.styled('div')(function (_a) {
         display: 'inline-block',
     };
 });
-var FormField = /** @class */ (function (_super) {
-    __extends(FormField, _super);
-    function FormField() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.inputId = _this.props.inputId || common_1.generateUniqueId();
-        _this.renderChildren = function (child) {
+class FormField extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.inputId = this.props.inputId || common_1.generateUniqueId();
+        this.renderChildren = (child) => {
             if (React.isValidElement(child)) {
-                var props = __assign({}, child.props);
-                if (_this.props.grow) {
-                    props.grow = _this.props.grow;
+                const props = {
+                    ...child.props,
+                };
+                if (this.props.grow) {
+                    props.grow = this.props.grow;
                 }
-                if (typeof _this.props.error !== 'undefined') {
-                    props.error = _this.props.error;
-                    if (_this.props.hintId) {
-                        props['aria-describedby'] = _this.props.hintId;
+                if (typeof this.props.error !== 'undefined') {
+                    props.error = this.props.error;
+                    if (this.props.hintId) {
+                        props['aria-describedby'] = this.props.hintId;
                     }
-                    if (_this.props.error === common_1.ErrorType.Error) {
+                    if (this.props.error === common_1.ErrorType.Error) {
                         props['aria-invalid'] = true;
                     }
                 }
-                props.id = _this.inputId;
+                props.id = this.inputId;
                 return React.cloneElement(child, props);
             }
             return child;
         };
-        return _this;
     }
-    FormField.prototype.render = function () {
-        var _a = this.props, _b = _a.errorLabel, errorLabel = _b === void 0 ? 'Error' : _b, _c = _a.alertLabel, alertLabel = _c === void 0 ? 'Alert' : _c, _d = _a.useFieldset, useFieldset = _d === void 0 ? false : _d, _e = _a.labelPosition, labelPosition = _e === void 0 ? FormField.LabelPosition.Top : _e, label = _a.label, hintText = _a.hintText, hintId = _a.hintId, inputId = _a.inputId, grow = _a.grow, children = _a.children, error = _a.error, required = _a.required, elemProps = __rest(_a, ["errorLabel", "alertLabel", "useFieldset", "labelPosition", "label", "hintText", "hintId", "inputId", "grow", "children", "error", "required"]);
-        var field = (React.createElement(React.Fragment, null,
+    render() {
+        const { errorLabel = 'Error', alertLabel = 'Alert', useFieldset = false, labelPosition = FormField.LabelPosition.Top, label, hintText, hintId, inputId, grow, children, error, required, ...elemProps } = this.props;
+        const field = (React.createElement(React.Fragment, null,
             typeof label === 'string' ? (React.createElement(Label_1.Label, { labelPosition: labelPosition, htmlFor: this.inputId, isLegend: useFieldset, required: required, accessibleHide: labelPosition === types_1.FormFieldLabelPosition.Hidden }, label)) : (label),
             React.createElement(FormFieldInputContainer, { grow: grow, labelPosition: labelPosition },
                 React.Children.map(children, this.renderChildren),
                 hintText && (React.createElement(Hint_1.Hint, { errorLabel: errorLabel, alertLabel: alertLabel, error: error, id: hintId }, hintText)))));
         if (useFieldset) {
-            return (React.createElement(FormFieldContainer, __assign({ useFieldset: useFieldset, labelPosition: labelPosition }, elemProps),
+            return (React.createElement(FormFieldContainer, Object.assign({ useFieldset: useFieldset, labelPosition: labelPosition }, elemProps),
                 React.createElement(FormFieldFieldsetContainer, { grow: grow, labelPosition: labelPosition }, field)));
         }
         else {
-            return (React.createElement(FormFieldContainer, __assign({ useFieldset: useFieldset, labelPosition: labelPosition }, elemProps), field));
+            return (React.createElement(FormFieldContainer, Object.assign({ useFieldset: useFieldset, labelPosition: labelPosition }, elemProps), field));
         }
-    };
-    FormField.LabelPosition = types_1.FormFieldLabelPosition;
-    FormField.ErrorType = common_1.ErrorType;
-    return FormField;
-}(React.Component));
+    }
+}
 exports.FormField = FormField;
 FormField.LabelPosition = types_1.FormFieldLabelPosition;
 FormField.ErrorType = common_1.ErrorType;
+FormField.LabelPosition = types_1.FormFieldLabelPosition;
+FormField.ErrorType = common_1.ErrorType;

package/dist/commonjs/form-field/lib/Hint.js

@@ -1,30 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        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++) {
-            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);
-};
 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]; } });
@@ -46,22 +20,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Hint = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var text_1 = require("@workday/canvas-kit-react/text");
-var Message = common_1.styled(text_1.Subtext)(function (_a) {
-    var error = _a.error, theme = _a.theme;
-    return error === common_1.ErrorType.Error && { color: theme.canvas.palette.error.main };
-});
-var Hint = /** @class */ (function (_super) {
-    __extends(Hint, _super);
-    function Hint() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Hint.prototype.render = function () {
-        var _a = this.props, _b = _a.errorLabel, errorLabel = _b === void 0 ? 'Error' : _b, _c = _a.alertLabel, alertLabel = _c === void 0 ? 'Alert' : _c, children = _a.children, error = _a.error;
-        var hintLabel;
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const text_1 = require("@workday/canvas-kit-react/text");
+const Message = common_1.styled(text_1.Subtext)(({ error, theme }) => error === common_1.ErrorType.Error && { color: theme.canvas.palette.error.main });
+class Hint extends React.Component {
+    render() {
+        const { errorLabel = 'Error', alertLabel = 'Alert', children, error } = this.props;
+        let hintLabel;
         switch (error) {
             case Hint.ErrorType.Error:
                 hintLabel = errorLabel;
@@ -71,14 +38,13 @@ var Hint = /** @class */ (function (_super) {
                 break;
             default:
         }
-        return (React.createElement(Message, __assign({ size: "medium", margin: tokens_1.space.xxs + " 0 0", width: "100%" }, this.props),
+        return (React.createElement(Message, Object.assign({ size: "medium", margin: `${tokens_1.space.xxs} 0 0`, width: "100%" }, this.props),
             typeof error !== 'undefined' && hintLabel && (React.createElement(text_1.Text, { fontWeight: "medium" },
                 hintLabel,
                 ": ")),
             children));
-    };
-    Hint.ErrorType = common_1.ErrorType;
-    return Hint;
-}(React.Component));
+    }
+}
 exports.Hint = Hint;
 Hint.ErrorType = common_1.ErrorType;
+Hint.ErrorType = common_1.ErrorType;