@workday/canvas-kit-react 9.0.0-alpha.368-next.6 → 9.0.0-alpha.382-next.2

package/dist/commonjs/tabs/lib/TabsList.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,59 +18,44 @@ 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.useTouchDirection = exports.TabsList = exports.useTabsList = 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 layout_1 = require("@workday/canvas-kit-react/layout");
-var collection_1 = require("@workday/canvas-kit-react/collection");
-var useTabsModel_1 = require("./useTabsModel");
-exports.useTabsList = common_1.composeHooks(common_1.createElemPropsHook(useTabsModel_1.useTabsModel)(function () {
-    var modality = common_1.useModalityType();
+const React = __importStar(require("react"));
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+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 useTabsModel_1 = require("./useTabsModel");
+exports.useTabsList = common_1.composeHooks(common_1.createElemPropsHook(useTabsModel_1.useTabsModel)(() => {
+    const modality = common_1.useModalityType();
     return {
         role: 'tablist',
         overflowX: modality === 'touch' ? 'auto' : undefined,
     };
 }), collection_1.useOverflowListMeasure, collection_1.useListResetCursorOnBlur);
-var StyledStack = common_1.styled(layout_1.Flex)(function (_a) {
-    var maskImage = _a.maskImage;
-    return ({
-        maskImage: maskImage,
-    });
-});
+const StyledStack = common_1.styled(layout_1.Flex)(({ maskImage }) => ({
+    maskImage: maskImage,
+}));
 exports.TabsList = common_1.createSubcomponent('div')({
     displayName: 'Tabs.List',
     modelHook: useTabsModel_1.useTabsModel,
     elemPropsHook: exports.useTabsList,
-})(function (_a, Element, model) {
-    var children = _a.children, overflowButton = _a.overflowButton, elemProps = __rest(_a, ["children", "overflowButton"]);
-    var modality = common_1.useModalityType();
-    var touchStates = exports.useTouchDirection();
-    return (React.createElement(StyledStack, __assign({ as: Element, position: "relative", borderBottom: "1px solid " + tokens_1.commonColors.divider, paddingX: modality === 'touch' ? 'zero' : 'm', gap: "xs", maskImage: modality === 'touch' && touchStates.isDragging
-            ? "linear-gradient(" + (touchStates.direction === 'left' ? 'to left' : 'to right') + ", white 80%, transparent)"
+})(({ children, overflowButton, ...elemProps }, Element, model) => {
+    const modality = common_1.useModalityType();
+    const touchStates = exports.useTouchDirection();
+    return (React.createElement(StyledStack, Object.assign({ as: Element, position: "relative", borderBottom: `1px solid ${tokens_1.commonColors.divider}`, paddingX: modality === 'touch' ? 'zero' : 'm', gap: "xs", maskImage: modality === 'touch' && touchStates.isDragging
+            ? `linear-gradient(${touchStates.direction === 'left' ? 'to left' : 'to right'}, white 80%, transparent)`
             : undefined }, elemProps),
         collection_1.useListRenderItems(model, children),
         overflowButton));
 });
-var useTouchDirection = function () {
-    var _a = React.useState(false), isDragging = _a[0], setIsDragging = _a[1];
-    var _b = React.useState('right'), touchDir = _b[0], setTouchDirection = _b[1];
-    React.useEffect(function () {
-        var prevXPos = window.pageXOffset;
-        var handleTouchMove = function (e) {
-            var currXPos = e.touches[0].clientX;
+const useTouchDirection = () => {
+    const [isDragging, setIsDragging] = React.useState(false);
+    const [touchDir, setTouchDirection] = React.useState('right');
+    React.useEffect(() => {
+        let prevXPos = window.pageXOffset;
+        const handleTouchMove = function (e) {
+            const currXPos = e.touches[0].clientX;
             setIsDragging(true);
             if (currXPos > prevXPos) {
                 setTouchDirection('left');
@@ -92,13 +66,13 @@ var useTouchDirection = function () {
             prevXPos = currXPos;
             e.preventDefault();
         };
-        var handleDragEnd = function () {
+        const handleDragEnd = function () {
             setIsDragging(false);
         };
         window.addEventListener('touchmove', handleTouchMove);
         window.addEventListener('touchstart', handleDragEnd);
         window.addEventListener('touchend', handleDragEnd);
-        return function () {
+        return () => {
             window.removeEventListener('touchmove', handleTouchMove);
             window.removeEventListener('touchstart', handleDragEnd);
             window.removeEventListener('touchend', handleDragEnd);

package/dist/commonjs/tabs/lib/TabsMenuPopper.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,29 +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.TabsMenuPopper = exports.useTabsMenuPopper = 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 menu_1 = require("@workday/canvas-kit-react/menu");
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const popup_1 = require("@workday/canvas-kit-react/popup");
+const menu_1 = require("@workday/canvas-kit-react/menu");
 exports.useTabsMenuPopper = popup_1.usePopupPopper;
 exports.TabsMenuPopper = common_1.createSubcomponent('div')({
     displayName: 'Tabs.MenuPopper',
     modelHook: menu_1.useMenuModel,
     elemPropsHook: exports.useTabsMenuPopper,
-})(function (_a) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return React.createElement(popup_1.Popper, __assign({}, elemProps), children);
+})(({ children, ...elemProps }) => {
+    return React.createElement(popup_1.Popper, Object.assign({}, elemProps), children);
 });

package/dist/commonjs/tabs/lib/TabsOverflowButton.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,39 +18,27 @@ 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.TabsOverflowButton = exports.useTabsOverflowButton = void 0;
-var React = __importStar(require("react"));
-var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-var common_1 = require("@workday/canvas-kit-react/common");
-var icon_1 = require("@workday/canvas-kit-react/icon");
-var collection_1 = require("@workday/canvas-kit-react/collection");
-var menu_1 = require("@workday/canvas-kit-react/menu");
-var useTabsModel_1 = require("./useTabsModel");
-var TabsItem_1 = require("./TabsItem");
-exports.useTabsOverflowButton = common_1.composeHooks(common_1.createElemPropsHook(useTabsModel_1.useTabsModel)(function () {
+const React = __importStar(require("react"));
+const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
+const common_1 = require("@workday/canvas-kit-react/common");
+const icon_1 = require("@workday/canvas-kit-react/icon");
+const collection_1 = require("@workday/canvas-kit-react/collection");
+const menu_1 = require("@workday/canvas-kit-react/menu");
+const useTabsModel_1 = require("./useTabsModel");
+const TabsItem_1 = require("./TabsItem");
+exports.useTabsOverflowButton = common_1.composeHooks(common_1.createElemPropsHook(useTabsModel_1.useTabsModel)(() => {
     return {
         'aria-haspopup': true,
     };
-}), collection_1.useOverflowListTarget, common_1.createSubModelElemPropsHook(useTabsModel_1.useTabsModel)(function (m) { return m.menu; }, menu_1.useMenuTarget));
+}), collection_1.useOverflowListTarget, common_1.createSubModelElemPropsHook(useTabsModel_1.useTabsModel)(m => m.menu, menu_1.useMenuTarget));
 exports.TabsOverflowButton = common_1.createSubcomponent('button')({
     displayName: 'Tabs.OverflowButton',
     modelHook: useTabsModel_1.useTabsModel,
     elemPropsHook: exports.useTabsOverflowButton,
-})(function (_a, Element) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return (React.createElement(TabsItem_1.StyledTabItem, __assign({ type: "button", gap: "xxxs", as: Element }, elemProps),
+})(({ children, ...elemProps }, Element) => {
+    return (React.createElement(TabsItem_1.StyledTabItem, Object.assign({ type: "button", gap: "xxxs", as: Element }, elemProps),
         React.createElement("span", null, children),
         React.createElement(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.chevronDownSmallIcon })));
 });

package/dist/commonjs/tabs/lib/TabsPanel.js

@@ -1,56 +1,32 @@
 "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.TabsPanel = exports.useTabsPanel = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var layout_1 = require("@workday/canvas-kit-react/layout");
-var useTabsModel_1 = require("./useTabsModel");
-var StyledTabsPanel = styled_1.default(layout_1.Box)(common_1.hideMouseFocus);
-exports.useTabsPanel = common_1.createElemPropsHook(useTabsModel_1.useTabsModel)(function (_a, _, elemProps) {
-    var _b;
-    var state = _a.state, events = _a.events;
-    if (elemProps === void 0) { elemProps = {}; }
-    var _c = react_1.default.useState(elemProps['data-id'] || ((_b = elemProps.item) === null || _b === void 0 ? void 0 : _b.id) || ''), localId = _c[0], setLocalId = _c[1];
-    common_1.useMountLayout(function () {
-        var defaultId = state.panelIndexRef.current;
-        var itemId = localId || String(defaultId);
+const react_1 = __importDefault(require("react"));
+const styled_1 = __importDefault(require("@emotion/styled"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const layout_1 = require("@workday/canvas-kit-react/layout");
+const useTabsModel_1 = require("./useTabsModel");
+const StyledTabsPanel = styled_1.default(layout_1.Box)(common_1.hideMouseFocus);
+exports.useTabsPanel = common_1.createElemPropsHook(useTabsModel_1.useTabsModel)(({ state, events }, _, elemProps = {}) => {
+    var _a;
+    const [localId, setLocalId] = react_1.default.useState(elemProps['data-id'] || ((_a = elemProps.item) === null || _a === void 0 ? void 0 : _a.id) || '');
+    common_1.useMountLayout(() => {
+        const defaultId = state.panelIndexRef.current;
+        const itemId = localId || String(defaultId);
         events.registerPanel({ item: { id: itemId }, textValue: '' });
         setLocalId(itemId);
-        return function () {
+        return () => {
             events.unregisterPanel({ id: itemId });
         };
     });
     return {
         role: 'tabpanel',
-        'aria-labelledby': state.id + "-" + localId,
+        'aria-labelledby': `${state.id}-${localId}`,
         hidden: !!localId && localId !== state.selectedIds[0],
-        id: "tabpanel-" + state.id + "-" + localId,
+        id: `tabpanel-${state.id}-${localId}`,
         tabIndex: 0,
     };
 });
@@ -58,7 +34,6 @@ exports.TabsPanel = common_1.createSubcomponent('div')({
     displayName: 'Tabs.Panel',
     modelHook: useTabsModel_1.useTabsModel,
     elemPropsHook: exports.useTabsPanel,
-})(function (_a, Element) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return (react_1.default.createElement(StyledTabsPanel, __assign({ as: Element }, elemProps), children));
+})(({ children, ...elemProps }, Element) => {
+    return (react_1.default.createElement(StyledTabsPanel, Object.assign({ as: Element }, elemProps), children));
 });

package/dist/commonjs/tabs/lib/TabsPanels.js

@@ -20,14 +20,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabsPanels = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var collection_1 = require("@workday/canvas-kit-react/collection");
-var useTabsModel_1 = require("./useTabsModel");
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const collection_1 = require("@workday/canvas-kit-react/collection");
+const useTabsModel_1 = require("./useTabsModel");
 exports.TabsPanels = common_1.createSubcomponent()({
     displayName: 'Tabs.Panels',
     modelHook: useTabsModel_1.useTabsModel,
-})(function (_a, _, model) {
-    var children = _a.children;
+})(({ children }, _, model) => {
     return React.createElement(React.Fragment, null, collection_1.useListRenderItems(model, children));
 });

package/dist/commonjs/tabs/lib/useTabsModel.js

@@ -1,24 +1,13 @@
 "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.useTabsModel = 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");
-var menu_1 = require("@workday/canvas-kit-react/menu");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const collection_1 = require("@workday/canvas-kit-react/collection");
+const menu_1 = require("@workday/canvas-kit-react/menu");
 /**
  * The TabsModel extends the [Collection
  * System](/getting-started/for-developers/resources/collection-api/). Tabs have tab items and
@@ -36,37 +25,40 @@ var menu_1 = require("@workday/canvas-kit-react/menu");
  * ```
  */
 exports.useTabsModel = common_1.createModelHook({
-    defaultConfig: __assign(__assign({}, collection_1.useOverflowListModel.defaultConfig), { 
+    defaultConfig: {
+        ...collection_1.useOverflowListModel.defaultConfig,
         /**
          * Optional id for the whole `Tabs` group. The `aria-controls` of the `Tab.Item` and `id` of the
          * `Tab.Panel` will automatically derived from this id. If not provided, a unique id will be
          * created.
          * @default useUniqueId()
          */
-        id: '', 
+        id: '',
         /**
          * An initially selected tab. This value must match the `name` of the `Tab.Item` component. If
          * not provided, the first tab will be selected.
          */
-        initialTab: '', 
+        initialTab: '',
         /**
          * The default Tabs sub-components only handle rendering of tabs in a horizontal orientation, but
          * the sub-components could be replaced to handle vertical orientations.
          * @default 'horizontal'
          */
-        orientation: 'horizontal', menuConfig: {} }),
+        orientation: 'horizontal',
+        menuConfig: {},
+    },
     requiredConfig: collection_1.useOverflowListModel.requiredConfig,
-})(function (config) {
+})(config => {
     var _a;
-    var initialSelectedRef = react_1.default.useRef(config.initialTab);
-    var getId = config.getId || collection_1.defaultGetId;
-    var modality = common_1.useModalityType();
-    var items = config.items;
-    var model = collection_1.useOverflowListModel(collection_1.useOverflowListModel.mergeConfig(config, {
+    const initialSelectedRef = react_1.default.useRef(config.initialTab);
+    const getId = config.getId || collection_1.defaultGetId;
+    const modality = common_1.useModalityType();
+    const items = config.items;
+    const model = collection_1.useOverflowListModel(collection_1.useOverflowListModel.mergeConfig(config, {
         shouldCalculateOverflow: modality !== 'touch',
         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 });
@@ -79,44 +71,53 @@ exports.useTabsModel = common_1.createModelHook({
                 : [],
         shouldVirtualize: false,
     }));
-    var panels = collection_1.useListModel();
-    var state = __assign(__assign({}, model.state), { getId: getId, orientation: config.orientation || 'horizontal', 
+    const panels = collection_1.useListModel();
+    const state = {
+        ...model.state,
+        getId,
+        orientation: config.orientation || 'horizontal',
         /**
          * A list of panels. Uses `ListModel`
          */
-        panels: panels.state.items, 
+        panels: panels.state.items,
         /**
          * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
          * React state cycle to ensure accurate index tracking as items are registered within the same
          * state setting phase.
          */
-        panelIndexRef: panels.state.indexRef });
-    var overflowItems = react_1.default.useMemo(function () { return (items ? items.filter(function (item) { return state.hiddenIds.includes(getId(item)); }) : undefined); }, 
+        panelIndexRef: panels.state.indexRef,
+    };
+    const overflowItems = react_1.default.useMemo(() => (items ? items.filter(item => state.hiddenIds.includes(getId(item))) : undefined), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [state.hiddenIds, items]);
-    var events = __assign(__assign({}, model.events), { 
+    const events = {
+        ...model.events,
         /**
          * This event registers panels with state.panels. Called when a panel is mounted.
          */
-        registerPanel: panels.events.registerItem, 
+        registerPanel: panels.events.registerItem,
         /**
          * This event unregisters panels with state.panels. Called when a panel is unmounted.
          */
-        unregisterPanel: panels.events.unregisterItem });
-    var menu = menu_1.useMenuModel(menu_1.useMenuModel.mergeConfig(config.menuConfig, {
-        id: "menu-" + model.state.id,
+        unregisterPanel: panels.events.unregisterItem,
+    };
+    const menu = menu_1.useMenuModel(menu_1.useMenuModel.mergeConfig(config.menuConfig, {
+        id: `menu-${model.state.id}`,
         items: overflowItems,
-        nonInteractiveIds: state.nonInteractiveIds.filter(function (key) { return !state.hiddenIds.includes(key); }),
-        onSelect: function (data) {
+        nonInteractiveIds: state.nonInteractiveIds.filter(key => !state.hiddenIds.includes(key)),
+        onSelect(data) {
             menu.events.hide();
             events.select(data);
         },
-        onShow: function () {
+        onShow() {
             // Always select the first item when the menu is opened
             menu.events.goToFirst();
         },
     }));
-    return __assign(__assign({}, model), { state: state,
-        events: events,
-        menu: menu });
+    return {
+        ...model,
+        state,
+        events,
+        menu,
+    };
 });

package/dist/commonjs/testing/lib/ComponentStatesTable.js

@@ -1,23 +1,12 @@
 "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.ComponentStatesTable = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var Table = common_1.styled('table')({
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const Table = common_1.styled('table')({
     width: '100%',
     thead: {
         textAlign: 'left',
@@ -30,18 +19,20 @@ var Table = common_1.styled('table')({
         textAlign: 'left',
     },
 });
-var ComponentStatesTable = function (_a) {
-    var rowProps = _a.rowProps, columnProps = _a.columnProps, children = _a.children;
+const ComponentStatesTable = ({ rowProps, columnProps, children, }) => {
     return (react_1.default.createElement(Table, null,
         react_1.default.createElement("thead", null,
             react_1.default.createElement("tr", null,
                 react_1.default.createElement("th", null, "Variants"),
-                columnProps.map(function (col) { return (react_1.default.createElement("th", { key: "component-table-heading-" + col.label.toLowerCase().replace(' ', ',') }, col.label)); }))),
-        react_1.default.createElement("tbody", null, rowProps.map(function (row) {
+                columnProps.map(col => (react_1.default.createElement("th", { key: `component-table-heading-${col.label.toLowerCase().replace(' ', ',')}` }, col.label))))),
+        react_1.default.createElement("tbody", null, rowProps.map(row => {
             return (react_1.default.createElement("tr", { key: row.label.toLowerCase().replace(' ', '-') },
                 react_1.default.createElement("td", null, row.label),
-                columnProps.map(function (col) {
-                    return (react_1.default.createElement("td", { key: col.label.toLowerCase().replace(' ', '-') }, children(__assign(__assign({}, row.props), col.props))));
+                columnProps.map(col => {
+                    return (react_1.default.createElement("td", { key: col.label.toLowerCase().replace(' ', '-') }, children({
+                        ...row.props,
+                        ...col.props,
+                    })));
                 })));
         }))));
 };

package/dist/commonjs/testing/lib/StaticStates.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,16 @@ 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.StaticStates = exports.convertToStaticStates = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var convertToStaticStates = function (obj) {
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const convertToStaticStates = obj => {
     if (!obj) {
         return obj;
     }
-    return Object.keys(obj).reduce(function (result, key) {
-        var _a;
-        var newKey = key
+    return Object.keys(obj).reduce((result, key) => {
+        const newKey = key
             .replace(/^:/, '&:') // handle shorthand like ":focus"
             .replace(/,(\s+):/g, ',$1&:') // handle selectors like ":focus, :hover"
             .replace(/:(focus|hover|active)/g, '.$1');
@@ -58,16 +35,15 @@ var convertToStaticStates = function (obj) {
         if (/data-whatinput/.test(key)) {
             return result;
         }
-        var value = typeof obj[key] === 'object' ? exports.convertToStaticStates(obj[key]) : obj[key];
-        var newObj = __assign(__assign({}, result), (_a = {}, _a[newKey] = value, _a));
+        const value = typeof obj[key] === 'object' ? exports.convertToStaticStates(obj[key]) : obj[key];
+        const newObj = { ...result, [newKey]: value };
         return newObj;
     }, {});
 };
 exports.convertToStaticStates = convertToStaticStates;
-var StaticStates = function (_a) {
-    var children = _a.children, theme = _a.theme, elemProps = __rest(_a, ["children", "theme"]);
-    var localTheme = common_1.useTheme(theme);
+const StaticStates = ({ children, theme, ...elemProps }) => {
+    const localTheme = common_1.useTheme(theme);
     localTheme._styleRewriteFn = exports.convertToStaticStates;
-    return (React.createElement(common_1.CanvasProvider, __assign({ theme: localTheme }, elemProps), children));
+    return (React.createElement(common_1.CanvasProvider, Object.assign({ theme: localTheme }, elemProps), children));
 };
 exports.StaticStates = StaticStates;