@workday/canvas-kit-react 7.1.4 → 7.2.0-427-next.2

package/dist/es6/tabs/lib/useTabsModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTabsModel.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/useTabsModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,YAAY;IAGrB;;;;;OAKG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAsCH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;QAYH;;WAEG;;;;;QAEH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAhFH;;;;;OAKG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCH;;OAEG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;IAYH;;OAEG;;;;;IAEH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA1BH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;QAYH;;WAEG;;;;;QAEH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BL,CAAC"}
+{"version":3,"file":"useTabsModel.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/useTabsModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY;IAGrB;;;;;OAKG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAuCH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WA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"}

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

@@ -1,50 +1,59 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import React from 'react';
 import { createModelHook, useModalityType } from '@workday/canvas-kit-react/common';
 import { defaultGetId, useListModel, useOverflowListModel, } from '@workday/canvas-kit-react/collection';
 import { useMenuModel } from '@workday/canvas-kit-react/menu';
-export var useTabsModel = createModelHook({
-    defaultConfig: __assign(__assign({}, useOverflowListModel.defaultConfig), { 
+/**
+ * The TabsModel extends the [Collection
+ * System](/getting-started/for-developers/resources/collection-api/). Tabs have tab items and
+ * panels. Tabs can be overflowed if there isn't enough room to render and will overflow to a
+ * {@link MenuModel} sub-model.
+ *
+ * ```tsx
+ * const model = useTabsModel({
+ *   onSelect(data) {
+ *     console.log('Selected Tab', data)
+ *   }
+ * })
+ *
+ * <Tabs model={model}>{Tabs child components}</Tabs>
+ * ```
+ */
+export const useTabsModel = createModelHook({
+    defaultConfig: {
+        ...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: useOverflowListModel.requiredConfig,
-})(function (config) {
+    contextOverride: useOverflowListModel.Context,
+})(config => {
     var _a;
-    var initialSelectedRef = React.useRef(config.initialTab);
-    var getId = config.getId || defaultGetId;
-    var modality = useModalityType();
-    var items = config.items;
-    var model = useOverflowListModel(useOverflowListModel.mergeConfig(config, {
+    const initialSelectedRef = React.useRef(config.initialTab);
+    const getId = config.getId || defaultGetId;
+    const modality = useModalityType();
+    const items = config.items;
+    const model = useOverflowListModel(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 });
@@ -52,48 +61,58 @@ export var useTabsModel = createModelHook({
         },
         initialSelectedIds: config.initialTab
             ? [config.initialTab]
-            : ((_a = config.items) === null || _a === void 0 ? void 0 : _a.length) ? [getId(config.items[0])]
+            : ((_a = config.items) === null || _a === void 0 ? void 0 : _a.length)
+                ? [getId(config.items[0])]
                 : [],
         shouldVirtualize: false,
     }));
-    var panels = useListModel();
-    var state = __assign(__assign({}, model.state), { getId: getId, orientation: config.orientation || 'horizontal', 
+    const panels = 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.useMemo(function () { return (items ? items.filter(function (item) { return state.hiddenIds.includes(getId(item)); }) : undefined); }, 
+        panelIndexRef: panels.state.indexRef,
+    };
+    const overflowItems = React.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 = useMenuModel(useMenuModel.mergeConfig(config.menuConfig, {
-        id: "menu-" + model.state.id,
+        unregisterPanel: panels.events.unregisterItem,
+    };
+    const menu = useMenuModel(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/es6/testing/index.d.ts

@@ -0,0 +1,5 @@
+export * from './lib/ComponentStatesTable';
+export * from './lib/StaticStates';
+export * from './lib/permutateProps';
+export * from './lib/propTypes';
+//# sourceMappingURL=index.d.ts.map

package/dist/es6/testing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../testing/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC"}

package/dist/es6/testing/index.js

@@ -0,0 +1,4 @@
+export * from './lib/ComponentStatesTable';
+export * from './lib/StaticStates';
+export * from './lib/permutateProps';
+export * from './lib/propTypes';

package/dist/es6/testing/lib/ComponentStatesTable.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { PropCombination, Props } from './propTypes';
+/**
+ * A helper to generate a table of all possible states for component visual testing.
+ */
+export interface ComponentStatesTableProps {
+    /**
+     * The props that will be passed to the component when it is rendered and the corresponding
+     * row label for that permutation. It is encouraged to use the result of permutateProps()
+     * rather than passing in a list so we don't miss any combinations.
+     */
+    rowProps: PropCombination[];
+    /**
+     * The props that will be passed to the component when it is rendered and the corresponding
+     * column label for that permutation. It is encouraged to use the result of permutateProps()
+     * rather than passing in a list so we don't miss any combinations.
+     */
+    columnProps: PropCombination[];
+    /**
+     * The render function called to render the component in each cell of the table. This gives you
+     * the ability to add extra styling or markup (a blue background for an inverse variant, for example).
+     */
+    children(props: Props): React.ReactNode;
+}
+export declare const ComponentStatesTable: ({ rowProps, columnProps, children, }: ComponentStatesTableProps) => JSX.Element;
+//# sourceMappingURL=ComponentStatesTable.d.ts.map

package/dist/es6/testing/lib/ComponentStatesTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentStatesTable.d.ts","sourceRoot":"","sources":["../../../../testing/lib/ComponentStatesTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B;;;;OAIG;IACH,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC;CACzC;AAgBD,eAAO,MAAM,oBAAoB,yCAI9B,yBAAyB,gBAkC3B,CAAC"}

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import { styled } from '@workday/canvas-kit-react/common';
+const Table = styled('table')({
+    width: '100%',
+    thead: {
+        textAlign: 'left',
+        paddingBottom: 16,
+    },
+    'td, th': {
+        minWidth: 100,
+        paddingBottom: 16,
+        paddingRight: 16,
+        textAlign: 'left',
+    },
+});
+export const ComponentStatesTable = ({ rowProps, columnProps, children, }) => {
+    return (React.createElement(Table, null,
+        React.createElement("thead", null,
+            React.createElement("tr", null,
+                React.createElement("th", null, "Variants"),
+                columnProps.map(col => (React.createElement("th", { key: `component-table-heading-${col.label.toLowerCase().replace(' ', ',')}` }, col.label))))),
+        React.createElement("tbody", null, rowProps.map(row => {
+            return (React.createElement("tr", { key: row.label.toLowerCase().replace(' ', '-') },
+                React.createElement("td", null, row.label),
+                columnProps.map(col => {
+                    return (React.createElement("td", { key: col.label.toLowerCase().replace(' ', '-') }, children({
+                        ...row.props,
+                        ...col.props,
+                    })));
+                })));
+        }))));
+};

package/dist/es6/testing/lib/StaticStates.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { PartialEmotionCanvasTheme, StyleRewriteFn } from '@workday/canvas-kit-react/common';
+export declare const convertToStaticStates: StyleRewriteFn;
+export declare const StaticStates: React.FC<React.PropsWithChildren<{
+    theme?: PartialEmotionCanvasTheme;
+} & React.HTMLAttributes<HTMLElement>>>;
+//# sourceMappingURL=StaticStates.d.ts.map

package/dist/es6/testing/lib/StaticStates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticStates.d.ts","sourceRoot":"","sources":["../../../../testing/lib/StaticStates.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,yBAAyB,EACzB,cAAc,EACf,MAAM,kCAAkC,CAAC;AAG1C,eAAO,MAAM,qBAAqB,EAAE,cAoBnC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CACzD;IAAC,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CACxE,CASA,CAAC"}

package/dist/es6/testing/lib/StaticStates.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { useTheme, CanvasProvider, } from '@workday/canvas-kit-react/common';
+export const convertToStaticStates = obj => {
+    if (!obj) {
+        return obj;
+    }
+    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');
+        // Remove any selectors that use data-whatinput. Leaving them in would cause focus rings to disappear when the user clicks with a mouse.
+        if (/data-whatinput/.test(key)) {
+            return result;
+        }
+        const value = typeof obj[key] === 'object' ? convertToStaticStates(obj[key]) : obj[key];
+        const newObj = { ...result, [newKey]: value };
+        return newObj;
+    }, {});
+};
+export const StaticStates = ({ children, theme, ...elemProps }) => {
+    const localTheme = useTheme(theme);
+    localTheme._styleRewriteFn = convertToStaticStates;
+    return (React.createElement(CanvasProvider, Object.assign({ theme: localTheme }, elemProps), children));
+};

package/dist/es6/testing/lib/permutateProps.d.ts

@@ -0,0 +1,5 @@
+import { PropCombination, PropDeclaration, Props, PropsDeclaration } from './propTypes';
+export declare const permutateProps: (allProps: PropsDeclaration, filter?: ((props: Props) => boolean) | undefined, remainingProps?: string[], values?: {
+    [key: string]: PropDeclaration;
+}) => PropCombination[];
+//# sourceMappingURL=permutateProps.d.ts.map

package/dist/es6/testing/lib/permutateProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"permutateProps.d.ts","sourceRoot":"","sources":["../../../../testing/lib/permutateProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAEtF,eAAO,MAAM,cAAc,aACf,gBAAgB,oBACT,KAAK,KAAK,OAAO,gCAClB,MAAM,EAAE;;MAEvB,eAAe,EAuCjB,CAAC"}

package/dist/es6/testing/lib/permutateProps.js

@@ -0,0 +1,30 @@
+export const permutateProps = (allProps, filter, remainingProps = Object.keys(allProps), values = {}) => {
+    // When there are no more props to combine with, return result
+    const prop = remainingProps[0];
+    if (!prop) {
+        const props = {};
+        Object.keys(values).forEach(prop => {
+            var _a;
+            props[prop] = (_a = values === null || values === void 0 ? void 0 : values[prop]) === null || _a === void 0 ? void 0 : _a.value;
+        });
+        if (filter && !filter(props)) {
+            return [];
+        }
+        const label = Object.keys(values)
+            .map(prop => { var _a; return (_a = values === null || values === void 0 ? void 0 : values[prop]) === null || _a === void 0 ? void 0 : _a.label; })
+            .join(' ');
+        return [
+            {
+                label,
+                props,
+            },
+        ];
+    }
+    const possiblePropValues = allProps[prop];
+    const permutations = possiblePropValues === null || possiblePropValues === void 0 ? void 0 : possiblePropValues.map((value) => {
+        const newValues = { ...values }; // Required so we don't overwrite previous references
+        newValues[prop] = value;
+        return permutateProps(allProps, filter, remainingProps.slice(1, remainingProps.length), newValues);
+    });
+    return permutations.flat();
+};

package/dist/es6/testing/lib/propTypes.d.ts

@@ -0,0 +1,15 @@
+export declare type PropDeclaration = {
+    value: any;
+    label: string;
+};
+export declare type PropsDeclaration = {
+    [key: string]: PropDeclaration[];
+};
+export declare type Props = {
+    [key: string]: any;
+};
+export declare type PropCombination = {
+    label: string;
+    props: Props;
+};
+//# sourceMappingURL=propTypes.d.ts.map

package/dist/es6/testing/lib/propTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"propTypes.d.ts","sourceRoot":"","sources":["../../../../testing/lib/propTypes.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,EAAE,CAAA;CAAC,CAAC;AAElE,oBAAY,KAAK,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;CACd,CAAC"}

package/dist/es6/testing/lib/propTypes.js

@@ -0,0 +1 @@
+export {};

package/dist/es6/text/index.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/Text';
+export * from './lib/TypeLevelComponents';
+export * from './lib/LabelText';
+//# sourceMappingURL=index.d.ts.map

package/dist/es6/text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../text/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC"}

package/dist/es6/text/index.js

@@ -0,0 +1,3 @@
+export * from './lib/Text';
+export * from './lib/TypeLevelComponents';
+export * from './lib/LabelText';

package/dist/es6/text/lib/LabelText.d.ts

@@ -0,0 +1,25 @@
+import { Property } from 'csstype';
+import { TextProps } from './Text';
+export interface TypeLabelProps extends TextProps {
+    cursor?: Property.Cursor;
+    disabled?: boolean;
+}
+/**
+ * This component is intended to be used for labeling input fields. It's built on top of the
+ * {@link Text} component, so it has access to all `TextProps`. By default, it renders a semantic
+ * `label` element.
+ *
+ * It also uses the `subtext.large` typeLevel by default:
+ * - font-size: 14px (0.875rem)
+ * - font-weight: regular (400)
+ *
+ * ```tsx
+ * import { LabelText } from '@workday/canvas-kit-react/text';
+ *
+ * const CustomLabelText = () => (
+ *   <LabelText>Input Label Text</LabelText>
+ * );
+ * ```
+ */
+export declare const LabelText: import("@workday/canvas-kit-react/common").ElementComponent<"label", TypeLabelProps>;
+//# sourceMappingURL=LabelText.d.ts.map

package/dist/es6/text/lib/LabelText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelText.d.ts","sourceRoot":"","sources":["../../../../text/lib/LabelText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAGvC,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS,sFAgBpB,CAAC"}

package/dist/es6/text/lib/LabelText.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { createComponent } from '@workday/canvas-kit-react/common';
+import { Text } from './Text';
+import { inputColors } from '@workday/canvas-kit-react/tokens';
+/**
+ * This component is intended to be used for labeling input fields. It's built on top of the
+ * {@link Text} component, so it has access to all `TextProps`. By default, it renders a semantic
+ * `label` element.
+ *
+ * It also uses the `subtext.large` typeLevel by default:
+ * - font-size: 14px (0.875rem)
+ * - font-weight: regular (400)
+ *
+ * ```tsx
+ * import { LabelText } from '@workday/canvas-kit-react/text';
+ *
+ * const CustomLabelText = () => (
+ *   <LabelText>Input Label Text</LabelText>
+ * );
+ * ```
+ */
+export const LabelText = createComponent('label')({
+    displayName: 'Label',
+    Component: ({ cursor, disabled, variant, ...elemProps }, ref, Element) => {
+        return (React.createElement(Text, Object.assign({ ref: ref, as: Element, typeLevel: "subtext.large", color: disabled && variant !== 'inverse' ? inputColors.disabled.text : undefined, cursor: cursor && !disabled ? cursor : 'default', opacity: disabled && variant === 'inverse' ? '.4' : '1', variant: variant }, elemProps)));
+    },
+});

package/dist/es6/text/lib/Text.d.ts

@@ -0,0 +1,54 @@
+import { CanvasTypeHierarchy, CanvasTypeVariants } from '@workday/canvas-kit-react/tokens';
+import { BoxProps } from '@workday/canvas-kit-react/layout';
+export interface TextProps extends BoxProps {
+    /**
+     * Type token as string with level and size separated by dot.
+     * These values map to our [Canvas type levels](https://canvas.workday.com/tokens/type#type-styles).
+     *
+     * ```tsx
+     * <Text typeLevel="body.small">Small body text</Text>
+     * ```
+    */
+    typeLevel?: `${keyof CanvasTypeHierarchy}.${'large' | 'medium' | 'small'}`;
+    /**
+     * Type variant token names: `error`, `hint` or `inverse`.
+     *
+     * ```tsx
+     * <Text variant="error" typeLevel="subtext.large">Error text</Text>
+     * ```
+    */
+    variant?: keyof CanvasTypeVariants;
+}
+/**
+ * This is a generic base component intended to render any text. It's built on top of the
+ * {@link Box} component. It also has `typeLevel` and `variant` style props that simplify navigating
+ * our type hierarchy and using [Canvas type
+ * tokens](https://canvas.workday.com/tokens/type#type-styles). By default, it renders a semantic
+ * `span` element, but you can adjust this as needed with the `as` prop.
+ *
+ * The type hierarchy is organized into four levels, which correspond to our [Canvas type
+ * levels](https://canvas.workday.com/tokens/type#type-styles).
+ *
+ * - `title`: Intended to be used for large page titles.
+ * - `heading`: Intended to be used for headings and large text.
+ * - `body`: Intended to be used for standard body text.
+ * - `subtext`: Intended to be used for small subtext content or in tight spaces.
+ *
+ * Each level has three sizes: `large`, `medium`, and `small`.
+ *
+ * You can provide any level and size to the `typeLevel` prop, and it will apply the correct styles
+ * accordingly. In the example below we're providing the `subtext` level and `small` size to the
+ * component with the value `subtext.small`.
+ *
+ * ```tsx
+ * import { Text } from '@workday/canvas-kit-react/text';
+ *
+ * const CustomErrorText = () => (
+ *   <Text typeLevel="subtext.small" variant="error">
+ *     Error Text
+ *   </Text>
+ * );
+ * ```
+*/
+export declare const Text: import("@workday/canvas-kit-react/common").ElementComponent<"span", TextProps>;
+//# sourceMappingURL=Text.d.ts.map

package/dist/es6/text/lib/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../text/lib/Text.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,mBAAmB,EAAE,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAC/F,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;;;;;MAOE;IACF,SAAS,CAAC,EAAE,GAAG,MAAM,mBAAmB,IAAI,OAAO,GAAC,QAAQ,GAAC,OAAO,EAAE,CAAC;IACvE;;;;;;MAME;IACF,OAAO,CAAC,EAAE,MAAM,kBAAkB,CAAC;CACpC;AA2CD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BE;AACF,eAAO,MAAM,IAAI,gFAOf,CAAC"}

package/dist/es6/text/lib/Text.js

@@ -0,0 +1,73 @@
+import * as React from 'react';
+import { createComponent } from '@workday/canvas-kit-react/common';
+// type changes no need
+import { type } from '@workday/canvas-kit-react/tokens';
+import { Box } from '@workday/canvas-kit-react/layout';
+/**
+ * Function returns updated props by token and variant values
+*/
+const validateProps = ({ typeLevel, variant, ...props }) => {
+    let updatedProps = props;
+    const tokenPropNames = [
+        'color',
+        'fontFamily',
+        'fontSize',
+        'fontWeight',
+        'letterSpacing',
+        'lineHeight',
+    ];
+    /*
+    If token provided it updates undefined values of token styles:
+    `fontFamily`, `fontSize`, `lineHeight`, `fontWeight`, `color`
+    by replacing them by token value
+    */
+    if (typeLevel) {
+        const [level, size] = typeLevel.split('.');
+        const tokenProps = type.levels[level][size];
+        tokenPropNames.forEach(item => {
+            if (!props[item]) {
+                updatedProps[item] = tokenProps[item];
+            }
+        });
+    }
+    // If variant provided it updates color value by variant color
+    if (variant) {
+        updatedProps = { ...updatedProps, ...type.variants[variant] };
+    }
+    return updatedProps;
+};
+/**
+ * This is a generic base component intended to render any text. It's built on top of the
+ * {@link Box} component. It also has `typeLevel` and `variant` style props that simplify navigating
+ * our type hierarchy and using [Canvas type
+ * tokens](https://canvas.workday.com/tokens/type#type-styles). By default, it renders a semantic
+ * `span` element, but you can adjust this as needed with the `as` prop.
+ *
+ * The type hierarchy is organized into four levels, which correspond to our [Canvas type
+ * levels](https://canvas.workday.com/tokens/type#type-styles).
+ *
+ * - `title`: Intended to be used for large page titles.
+ * - `heading`: Intended to be used for headings and large text.
+ * - `body`: Intended to be used for standard body text.
+ * - `subtext`: Intended to be used for small subtext content or in tight spaces.
+ *
+ * Each level has three sizes: `large`, `medium`, and `small`.
+ *
+ * You can provide any level and size to the `typeLevel` prop, and it will apply the correct styles
+ * accordingly. In the example below we're providing the `subtext` level and `small` size to the
+ * component with the value `subtext.small`.
+ *
+ * ```tsx
+ * import { Text } from '@workday/canvas-kit-react/text';
+ *
+ * const CustomErrorText = () => (
+ *   <Text typeLevel="subtext.small" variant="error">
+ *     Error Text
+ *   </Text>
+ * );
+ * ```
+*/
+export const Text = createComponent('span')({
+    displayName: 'Text',
+    Component: ({ children, ...elemProps }, ref, Element) => (React.createElement(Box, Object.assign({ ref: ref, as: Element }, validateProps(elemProps)), children)),
+});