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

package/dist/commonjs/pill/lib/PillIconButton.js

@@ -1,39 +1,17 @@
 "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 __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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PillIconButton = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var icon_1 = require("@workday/canvas-kit-react/icon");
-var usePillModel_1 = require("./usePillModel");
-var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var button_1 = require("@workday/canvas-kit-react/button");
-var getIconColors = function () {
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const icon_1 = require("@workday/canvas-kit-react/icon");
+const usePillModel_1 = require("./usePillModel");
+const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const button_1 = require("@workday/canvas-kit-react/button");
+const getIconColors = () => {
     return {
         default: {
             icon: tokens_1.colors.licorice200,
@@ -56,9 +34,9 @@ var getIconColors = function () {
         },
     };
 };
-var StyledIconButton = common_1.styled(button_1.BaseButton)({
+const StyledIconButton = common_1.styled(button_1.BaseButton)({
     marginInlineEnd: '-7px',
-    marginInlineStart: "-2px",
+    marginInlineStart: `-2px`,
     overflow: 'visible',
     '::after': {
         content: '""',
@@ -74,8 +52,7 @@ var StyledIconButton = common_1.styled(button_1.BaseButton)({
 });
 exports.PillIconButton = common_1.createSubcomponent('button')({
     modelHook: usePillModel_1.usePillModel,
-})(function (_a, Element, model) {
-    var size = _a.size, _b = _a.icon, icon = _b === void 0 ? canvas_system_icons_web_1.xSmallIcon : _b, maxWidth = _a.maxWidth, children = _a.children, _c = _a["aria-label"], ariaLabel = _c === void 0 ? 'remove' : _c, elemProps = __rest(_a, ["size", "icon", "maxWidth", "children", 'aria-label']);
-    return (react_1.default.createElement(StyledIconButton, __assign({ borderRadius: "s", height: 20, width: 20, padding: "zero", disabled: model.state.disabled, colors: getIconColors(), "aria-labelledby": "removable-" + model.state.id + " label-" + model.state.id, as: Element, position: "relative" }, elemProps),
-        react_1.default.createElement(icon_1.SystemIcon, { "aria-label": ariaLabel, id: "removable-" + model.state.id, icon: icon, size: tokens_1.space.m, "aria-hidden": true, role: "img" })));
+})(({ size, icon = canvas_system_icons_web_1.xSmallIcon, maxWidth, children, 'aria-label': ariaLabel = 'remove', ...elemProps }, Element, model) => {
+    return (react_1.default.createElement(StyledIconButton, Object.assign({ borderRadius: "s", height: 20, width: 20, padding: "zero", disabled: model.state.disabled, colors: getIconColors(), "aria-labelledby": `removable-${model.state.id} label-${model.state.id}`, as: Element, position: "relative" }, elemProps),
+        react_1.default.createElement(icon_1.SystemIcon, { "aria-label": ariaLabel, id: `removable-${model.state.id}`, icon: icon, size: tokens_1.space.m, "aria-hidden": true, role: "img" })));
 });

package/dist/commonjs/pill/lib/PillLabel.js

@@ -1,38 +1,16 @@
 "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 __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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PillLabel = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var layout_1 = require("@workday/canvas-kit-react/layout");
-var tooltip_1 = require("@workday/canvas-kit-react/tooltip");
-var usePillModel_1 = require("./usePillModel");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var StyledLabelContainer = common_1.styled(layout_1.Box.as('span'))({
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const tooltip_1 = require("@workday/canvas-kit-react/tooltip");
+const usePillModel_1 = require("./usePillModel");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const StyledLabelContainer = common_1.styled(layout_1.Box.as('span'))({
     whiteSpace: 'nowrap',
     overflow: 'hidden',
     textOverflow: 'ellipsis',
@@ -40,8 +18,7 @@ var StyledLabelContainer = common_1.styled(layout_1.Box.as('span'))({
 });
 exports.PillLabel = common_1.createSubcomponent('span')({
     modelHook: usePillModel_1.usePillModel,
-})(function (_a, Element, model) {
-    var tooltipProps = _a.tooltipProps, elemProps = __rest(_a, ["tooltipProps"]);
-    return (react_1.default.createElement(tooltip_1.OverflowTooltip, __assign({}, tooltipProps),
-        react_1.default.createElement(StyledLabelContainer, __assign({ color: model.state.disabled ? tokens_1.colors.licorice100 : 'inherit', maxWidth: model.state.maxWidth, as: Element, id: "label-" + model.state.id }, elemProps), elemProps.children)));
+})(({ tooltipProps, ...elemProps }, Element, model) => {
+    return (react_1.default.createElement(tooltip_1.OverflowTooltip, Object.assign({}, tooltipProps),
+        react_1.default.createElement(StyledLabelContainer, Object.assign({ color: model.state.disabled ? tokens_1.colors.licorice100 : 'inherit', maxWidth: model.state.maxWidth, as: Element, id: `label-${model.state.id}` }, elemProps), elemProps.children)));
 });

package/dist/commonjs/pill/lib/usePillModel.js

@@ -1,18 +1,7 @@
 "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);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePillModel = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
+const common_1 = require("@workday/canvas-kit-react/common");
 exports.usePillModel = common_1.createModelHook({
     defaultConfig: {
         /**
@@ -30,8 +19,11 @@ exports.usePillModel = common_1.createModelHook({
          */
         id: '',
     },
-})(function (config) {
-    var id = common_1.useUniqueId(config.id);
-    var state = __assign(__assign({}, config), { id: id });
-    return { state: state, events: {} };
+})(config => {
+    const id = common_1.useUniqueId(config.id);
+    const state = {
+        ...config,
+        id,
+    };
+    return { state, events: {} };
 });

package/dist/commonjs/segmented-control/lib/SegmentedControl.js

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SegmentedControl = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var useSegmentedControlModel_1 = require("./hooks/useSegmentedControlModel");
-var SegmentedControlList_1 = require("./SegmentedControlList");
-var SegmentedControlItem_1 = require("./SegmentedControlItem");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const useSegmentedControlModel_1 = require("./hooks/useSegmentedControlModel");
+const SegmentedControlList_1 = require("./SegmentedControlList");
+const SegmentedControlItem_1 = require("./SegmentedControlItem");
 /**
  * `SegmentedControl` is a container component that is responsible for creating a
  * {@link SegmentedControlModel} and sharing it with its subcomponents using React context. It does
@@ -52,7 +52,6 @@ exports.SegmentedControl = common_1.createContainer()({
          */
         Item: SegmentedControlItem_1.SegmentedControlItem,
     },
-})(function (_a) {
-    var children = _a.children;
+})(({ children }) => {
     return react_1.default.createElement(react_1.default.Fragment, null, children);
 });

package/dist/commonjs/segmented-control/lib/SegmentedControlItem.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,28 +18,17 @@ 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.SegmentedControlItem = 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 tooltip_1 = require("@workday/canvas-kit-react/tooltip");
-var button_1 = require("@workday/canvas-kit-react/button");
-var useSegmentedControlModel_1 = require("./hooks/useSegmentedControlModel");
-var text_1 = require("@workday/canvas-kit-react/text");
-var useSegmentedControlItem_1 = require("./hooks/useSegmentedControlItem");
-var getButtonSize = function (size) {
+const React = __importStar(require("react"));
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const common_1 = require("@workday/canvas-kit-react/common");
+const tooltip_1 = require("@workday/canvas-kit-react/tooltip");
+const button_1 = require("@workday/canvas-kit-react/button");
+const useSegmentedControlModel_1 = require("./hooks/useSegmentedControlModel");
+const text_1 = require("@workday/canvas-kit-react/text");
+const useSegmentedControlItem_1 = require("./hooks/useSegmentedControlItem");
+const getButtonSize = (size) => {
     switch (size) {
         case 'large':
             return 'medium';
@@ -62,7 +40,7 @@ var getButtonSize = function (size) {
             return 'medium';
     }
 };
-var getIconButtonColors = function (toggled) {
+const getIconButtonColors = (toggled) => {
     return {
         default: {
             background: toggled ? tokens_1.colors.frenchVanilla100 : tokens_1.colors.soap200,
@@ -87,44 +65,41 @@ var getIconButtonColors = function (toggled) {
         },
     };
 };
-var getPaddingStyles = function (children, size, icon) {
+const getPaddingStyles = (children, size, icon) => {
     if (!children) {
         return 0;
     }
     switch (size) {
         case 'large':
-            return icon ? "0 " + tokens_1.space.m + " 0 20px" : "0 " + tokens_1.space.m;
+            return icon ? `0 ${tokens_1.space.m} 0 20px` : `0 ${tokens_1.space.m}`;
         case 'medium':
-            return icon ? "0 20px 0 " + tokens_1.space.s : "0 " + tokens_1.space.s;
+            return icon ? `0 20px 0 ${tokens_1.space.s}` : `0 ${tokens_1.space.s}`;
         case 'small':
-            return icon ? "0 " + tokens_1.space.xs + " 0 " + tokens_1.space.xxs : "0 " + tokens_1.space.xs;
+            return icon ? `0 ${tokens_1.space.xs} 0 ${tokens_1.space.xxs}` : `0 ${tokens_1.space.xs}`;
         default:
-            return icon ? "0 20px 0 " + tokens_1.space.s : "0 " + tokens_1.space.s;
+            return icon ? `0 20px 0 ${tokens_1.space.s}` : `0 ${tokens_1.space.s}`;
     }
 };
-var geButtonStyles = function (size, children, icon) {
-    var buttonSize = getButtonSize(size);
-    var minWidthValue = button_1.getMinWidthStyles(children, children ? size : buttonSize);
+const geButtonStyles = (size, children, icon) => {
+    const buttonSize = getButtonSize(size);
+    const minWidthValue = button_1.getMinWidthStyles(children, children ? size : buttonSize);
     return {
         height: button_1.getMinWidthStyles(false, buttonSize),
         minWidth: minWidthValue,
         padding: getPaddingStyles(children, size, icon),
     };
 };
-var Container = function (_a) {
-    var tooltipProps = _a.tooltipProps, children = _a.children;
-    return tooltipProps ? (React.createElement(tooltip_1.Tooltip, __assign({}, tooltipProps), children)) : (React.createElement(React.Fragment, null, children));
+const Container = ({ tooltipProps, children, }) => {
+    return tooltipProps ? (React.createElement(tooltip_1.Tooltip, Object.assign({}, tooltipProps), children)) : (React.createElement(React.Fragment, null, children));
 };
 exports.SegmentedControlItem = common_1.createSubcomponent('button')({
     displayName: 'SegmentedControl.Item',
     modelHook: useSegmentedControlModel_1.useSegmentedControlModel,
     elemPropsHook: useSegmentedControlItem_1.useSegmentedControlItem,
-})(function (_a, Element, _b) {
-    var size = _b.state.size;
-    var children = _a.children, icon = _a.icon, tooltipProps = _a.tooltipProps, elemProps = __rest(_a, ["children", "icon", "tooltipProps"]);
-    var _c = tokens_1.type.levels.subtext[size === 'small' ? 'medium' : 'large'], color = _c.color, textStyles = __rest(_c, ["color"]);
+})(({ children, icon, tooltipProps, ...elemProps }, Element, { state: { size } }) => {
+    const { color, ...textStyles } = tokens_1.type.levels.subtext[size === 'small' ? 'medium' : 'large'];
     return (React.createElement(Container, { tooltipProps: tooltipProps },
-        React.createElement(button_1.BaseButton, __assign({ as: Element, borderRadius: "m", colors: getIconButtonColors(elemProps['aria-pressed']) }, geButtonStyles(size, children, icon), elemProps),
+        React.createElement(button_1.BaseButton, Object.assign({ as: Element, borderRadius: "m", colors: getIconButtonColors(elemProps['aria-pressed']) }, geButtonStyles(size, children, icon), elemProps),
             icon && (React.createElement(button_1.BaseButton.Icon, { size: size === 'small' ? 'extraSmall' : 'medium', icon: icon, shouldMirrorIcon: common_1.useIsRTL() })),
-            children && (React.createElement(text_1.Text, __assign({}, textStyles, { fontWeight: "bold", textAlign: "left" }), children)))));
+            children && (React.createElement(text_1.Text, Object.assign({}, textStyles, { fontWeight: "bold", textAlign: "left" }), children)))));
 });

package/dist/commonjs/segmented-control/lib/SegmentedControlList.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,38 +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.SegmentedControlList = exports.useSegmentedControlList = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var layout_1 = require("@workday/canvas-kit-react/layout");
-var collection_1 = require("@workday/canvas-kit-react/collection");
-var useSegmentedControlModel_1 = require("./hooks/useSegmentedControlModel");
-exports.useSegmentedControlList = common_1.createElemPropsHook(useSegmentedControlModel_1.useSegmentedControlModel)(function (_a) {
-    var _b;
-    var _c = _a.state, orientation = _c.orientation, disabled = _c.disabled, items = _c.items;
-    var directionName = orientation === 'vertical' ? 'Row' : 'Column';
-    return _b = {},
-        _b["gridTemplate" + directionName + "s"] = "repeat(" + items.length + ", 1fr)",
-        _b.opacity = disabled ? 0.4 : undefined,
-        _b;
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const collection_1 = require("@workday/canvas-kit-react/collection");
+const useSegmentedControlModel_1 = require("./hooks/useSegmentedControlModel");
+exports.useSegmentedControlList = common_1.createElemPropsHook(useSegmentedControlModel_1.useSegmentedControlModel)(({ state: { orientation, disabled, items } }) => {
+    const directionName = orientation === 'vertical' ? 'Row' : 'Column';
+    return {
+        [`gridTemplate${directionName}s`]: `repeat(${items.length}, 1fr)`,
+        opacity: disabled ? 0.4 : undefined,
+    };
 });
 exports.SegmentedControlList = common_1.createSubcomponent('div')({
     displayName: 'SegmentedControl.List',
     modelHook: useSegmentedControlModel_1.useSegmentedControlModel,
     elemPropsHook: exports.useSegmentedControlList,
-})(function (_a, Element, model) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return (React.createElement(layout_1.Grid, __assign({ as: Element, display: "inline-grid", role: "group", backgroundColor: "soap200", border: "1px solid transparent", borderColor: "licorice200", borderRadius: "l", padding: "3px", gridGap: "xxs" }, elemProps), collection_1.useListRenderItems(model, children)));
+})(({ children, ...elemProps }, Element, model) => {
+    return (React.createElement(layout_1.Grid, Object.assign({ as: Element, display: "inline-grid", role: "group", backgroundColor: "soap200", border: "1px solid transparent", borderColor: "licorice200", borderRadius: "l", padding: "3px", gridGap: "xxs" }, elemProps), collection_1.useListRenderItems(model, children)));
 });

package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.js

@@ -1,19 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSegmentedControlItem = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var collection_1 = require("@workday/canvas-kit-react/collection");
-var useSegmentedControlModel_1 = require("./useSegmentedControlModel");
-exports.useSegmentedControlItem = common_1.composeHooks(collection_1.useListItemSelect, common_1.createElemPropsHook(useSegmentedControlModel_1.useSegmentedControlModel)(function (model, _, elemProps) {
-    if (elemProps === void 0) { elemProps = {}; }
-    var name = elemProps['data-id'] || '';
-    var selected = !!name && collection_1.isSelected(name, model.state);
+const common_1 = require("@workday/canvas-kit-react/common");
+const collection_1 = require("@workday/canvas-kit-react/collection");
+const useSegmentedControlModel_1 = require("./useSegmentedControlModel");
+exports.useSegmentedControlItem = common_1.composeHooks(collection_1.useListItemSelect, common_1.createElemPropsHook(useSegmentedControlModel_1.useSegmentedControlModel)((model, _, elemProps = {}) => {
+    const name = elemProps['data-id'] || '';
+    const selected = !!name && collection_1.isSelected(name, model.state);
     return {
-        id: model.state.id + "-" + name,
+        id: `${model.state.id}-${name}`,
         'aria-pressed': selected,
     };
-}), collection_1.useListItemRegister, common_1.createElemPropsHook(useSegmentedControlModel_1.useSegmentedControlModel)(function (_a) {
-    var state = _a.state;
+}), collection_1.useListItemRegister, common_1.createElemPropsHook(useSegmentedControlModel_1.useSegmentedControlModel)(({ state }) => {
     return {
         // override the default disabled functionality of `useListItemRegister`
         // it shouldn't allow to set disabled state only for one button

package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.js

@@ -1,61 +1,52 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSegmentedControlModel = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var collection_1 = require("@workday/canvas-kit-react/collection");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const collection_1 = require("@workday/canvas-kit-react/collection");
 exports.useSegmentedControlModel = common_1.createModelHook({
-    defaultConfig: __assign(__assign({}, collection_1.useListModel.defaultConfig), { 
+    defaultConfig: {
+        ...collection_1.useListModel.defaultConfig,
         /**
          * Optional id for the whole `SegmentedControl` group. If not provided, a unique id will be created.
          * @default useUniqueId()
          */
-        id: '', 
+        id: '',
         /**
          * An initially selected value. This value must match the `data-id` of the `SegmentedControl.Item` component.
          * If not provided, the first value will be selected.
          */
-        initialValue: '', 
+        initialValue: '',
         /**
          * Sets disabled state for all segmented control buttons
          * @default false
          */
-        disabled: false, 
+        disabled: false,
         /**
          * Sets the size of the segmented control container and its buttons. Can be `small`, `medium` or `large`.
          * @default 'medium'
          */
-        size: 'medium', 
+        size: 'medium',
         /**
          * The SegmentedControl can rendered in a horizontal or vertical orientation.
          * We suggest to use the `vertical` orientation only for icon only variant.
          * @default 'horizontal'
          */
-        orientation: 'horizontal' }),
+        orientation: 'horizontal',
+    },
     requiredConfig: collection_1.useListModel.requiredConfig,
-})(function (config) {
+})(config => {
     var _a;
-    var getId = config.getId || collection_1.defaultGetId;
-    var initialSelectedRef = react_1.default.useRef(config.initialValue);
-    var items = config.items;
-    var model = collection_1.useListModel(collection_1.useListModel.mergeConfig(config, {
+    const getId = config.getId || collection_1.defaultGetId;
+    const initialSelectedRef = react_1.default.useRef(config.initialValue);
+    const items = config.items;
+    const model = collection_1.useListModel(collection_1.useListModel.mergeConfig(config, {
         orientation: config.orientation || 'horizontal',
-        items: items,
-        onRegisterItem: function (data) {
+        items,
+        onRegisterItem(data) {
             if (!initialSelectedRef.current) {
                 initialSelectedRef.current = getId(data.item);
                 events.select({ id: initialSelectedRef.current });
@@ -68,8 +59,17 @@ exports.useSegmentedControlModel = common_1.createModelHook({
                 : [],
         shouldVirtualize: false,
     }));
-    var state = __assign(__assign({}, model.state), { disabled: config.disabled, size: config.size });
-    var events = __assign({}, model.events);
-    return __assign(__assign({}, model), { state: state,
-        events: events });
+    const state = {
+        ...model.state,
+        disabled: config.disabled,
+        size: config.size,
+    };
+    const events = {
+        ...model.events,
+    };
+    return {
+        ...model,
+        state,
+        events,
+    };
 });