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

package/dist/commonjs/search-form/lib/themes.js

@@ -1,17 +1,16 @@
 "use strict";
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.searchThemes = exports.SearchTheme = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
+const common_1 = require("@workday/canvas-kit-react/common");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
 var SearchTheme;
 (function (SearchTheme) {
     SearchTheme[SearchTheme["Light"] = 0] = "Light";
     SearchTheme[SearchTheme["Dark"] = 1] = "Dark";
     SearchTheme[SearchTheme["Transparent"] = 2] = "Transparent";
 })(SearchTheme = exports.SearchTheme || (exports.SearchTheme = {}));
-exports.searchThemes = (_a = {},
-    _a[SearchTheme.Transparent] = {
+exports.searchThemes = {
+    [SearchTheme.Transparent]: {
         background: 'rgba(0, 0, 0, 0)',
         backgroundFocus: 'rgba(0, 0, 0, 0)',
         color: tokens_1.colors.blackPepper300,
@@ -21,7 +20,7 @@ exports.searchThemes = (_a = {},
         boxShadow: 'none',
         boxShadowFocus: 'none',
     },
-    _a[SearchTheme.Light] = {
+    [SearchTheme.Light]: {
         background: tokens_1.colors.soap200,
         backgroundFocus: tokens_1.colors.soap200,
         backgroundHover: tokens_1.colors.soap300,
@@ -30,7 +29,7 @@ exports.searchThemes = (_a = {},
         boxShadow: 'none',
         boxShadowFocus: common_1.focusRing().boxShadow,
     },
-    _a[SearchTheme.Dark] = {
+    [SearchTheme.Dark]: {
         background: 'rgba(0, 0, 0, 0.2)',
         backgroundFocus: tokens_1.colors.frenchVanilla100,
         color: tokens_1.colors.frenchVanilla100,
@@ -39,4 +38,4 @@ exports.searchThemes = (_a = {},
         placeholderColorFocus: tokens_1.colors.licorice300,
         boxShadow: 'none',
     },
-    _a);
+};

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

@@ -1,5 +1,2 @@
-import Combobox from './lib/Combobox';
-export default Combobox;
-export { Combobox };
 export * from './lib/Combobox';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAC,QAAQ,EAAC,CAAC;AAClB,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/es6/combobox/index.js

@@ -1,4 +1 @@
-import Combobox from './lib/Combobox';
-export default Combobox;
-export { Combobox };
 export * from './lib/Combobox';

package/dist/es6/combobox/lib/AutocompleteList.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
-import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
 import { ComboBoxMenuItemGroup } from './Combobox';
 interface AutocompleteListProps {
     /**
      * The autocomplete items of the Combobox. This array of menu items is shown under the text input.
      */
-    autocompleteItems: React.ReactElement<MenuItemProps>[] | ComboBoxMenuItemGroup[];
+    autocompleteItems: React.ReactElement<any>[] | ComboBoxMenuItemGroup[];
     /**
      * Index of the active autocomplete item
      */
@@ -13,7 +12,7 @@ interface AutocompleteListProps {
     /**
      * The function called when an autocomplete item is selected
      */
-    handleAutocompleteClick: (event: React.SyntheticEvent<Element, Event>, menuItemProps: MenuItemProps) => void;
+    handleAutocompleteClick: (event: React.SyntheticEvent<Element, Event>, menuItemProps: any) => void;
     /**
      * The id of the form field.
      */
@@ -27,6 +26,6 @@ interface AutocompleteListProps {
      */
     showGroupText: boolean;
 }
-declare const AutocompleteList: ({ autocompleteItems, comboboxId, selectedIndex, handleAutocompleteClick, labelId, showGroupText, }: AutocompleteListProps) => JSX.Element | null;
-export default AutocompleteList;
+export declare const AutocompleteList: ({ autocompleteItems, comboboxId, selectedIndex, handleAutocompleteClick, labelId, showGroupText, }: AutocompleteListProps) => JSX.Element | null;
+export {};
 //# sourceMappingURL=AutocompleteList.d.ts.map

package/dist/es6/combobox/lib/AutocompleteList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteList.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/AutocompleteList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAAiD,MAAM,YAAY,CAAC;AAYjG,UAAU,qBAAqB;IAC7B;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACjF;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,uBAAuB,EAAE,CACvB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EAC3C,aAAa,EAAE,aAAa,KACzB,IAAI,CAAC;IACV;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,gBAAgB,uGAOnB,qBAAqB,uBAiFvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"AutocompleteList.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/AutocompleteList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAC,qBAAqB,EAAiD,MAAM,YAAY,CAAC;AAYjG,UAAU,qBAAqB;IAC7B;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACvE;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,uBAAuB,EAAE,CACvB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EAC3C,aAAa,EAAE,GAAG,KACf,IAAI,CAAC;IACV;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,uGAO1B,qBAAqB,uBAiFvB,CAAC"}

package/dist/es6/combobox/lib/AutocompleteList.js

@@ -1,58 +1,40 @@
-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 __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
 import React, { Fragment, useState } from 'react';
 import styled from '@emotion/styled';
 import { space } from '@workday/canvas-kit-react/tokens';
 import { accessibleHide, generateUniqueId } from '@workday/canvas-kit-react/common';
 import { getOptionId, listBoxIdPart, getTextFromElement } from './Combobox';
-var Autocomplete = styled('ul')({
+const Autocomplete = styled('ul')({
     margin: 0,
     maxHeight: 200,
     boxSizing: 'border-box',
     overflowY: 'auto',
-    padding: space.xxs + " 0",
+    padding: `${space.xxs} 0`,
 });
-var AccessibleHide = styled('span')(accessibleHide);
-var AutocompleteList = function (_a) {
-    var autocompleteItems = _a.autocompleteItems, comboboxId = _a.comboboxId, selectedIndex = _a.selectedIndex, handleAutocompleteClick = _a.handleAutocompleteClick, labelId = _a.labelId, showGroupText = _a.showGroupText;
-    var randomComponentId = useState(generateUniqueId)[0]; // https://codesandbox.io/s/p2ndq
-    var componentId = comboboxId || randomComponentId;
-    var listBoxProps = {
+const AccessibleHide = styled('span')(accessibleHide);
+export const AutocompleteList = ({ autocompleteItems, comboboxId, selectedIndex, handleAutocompleteClick, labelId, showGroupText, }) => {
+    const [randomComponentId] = useState(generateUniqueId); // https://codesandbox.io/s/p2ndq
+    const componentId = comboboxId || randomComponentId;
+    const listBoxProps = {
         role: 'listbox',
-        id: componentId + "-" + listBoxIdPart,
+        id: `${componentId}-${listBoxIdPart}`,
         'aria-labelledby': labelId,
     };
-    var createListItem = function (listboxItem, itemIndex, groupMessage) {
-        var children = __spreadArrays([
-            React.createElement(AccessibleHide, { key: "group-message-" + itemIndex }, groupMessage)
-        ], React.Children.toArray(listboxItem.props.children));
+    const createListItem = (listboxItem, itemIndex, groupMessage) => {
+        const children = [
+            React.createElement(AccessibleHide, { key: `group-message-${itemIndex}` }, groupMessage),
+            ...React.Children.toArray(listboxItem.props.children),
+        ];
         return (React.createElement(Fragment, { key: itemIndex }, React.cloneElement(listboxItem, {
             children: children,
             id: getOptionId(componentId, itemIndex),
             role: 'option',
             isFocused: selectedIndex === itemIndex,
             'aria-selected': selectedIndex === itemIndex ? true : undefined,
-            onMouseDown: function (event) {
+            onMouseDown: (event) => {
                 // prevent focus from shifting away from the the combobox
                 event.preventDefault();
             },
-            onClick: function (event) {
+            onClick: (event) => {
                 event.preventDefault();
                 handleAutocompleteClick(event, listboxItem.props);
             },
@@ -62,30 +44,26 @@ var AutocompleteList = function (_a) {
         return null;
     }
     else if (autocompleteItems[0].hasOwnProperty('header')) {
-        var itemIndex_1 = 0;
-        return (React.createElement(Autocomplete, __assign({}, listBoxProps), autocompleteItems.map(function (_a, groupIndex) {
-            var header = _a.header, items = _a.items;
-            var groupLabel = "itemGroup-" + componentId + "-" + groupIndex;
+        let itemIndex = 0;
+        return (React.createElement(Autocomplete, Object.assign({}, listBoxProps), autocompleteItems.map(({ header, items }, groupIndex) => {
+            const groupLabel = `itemGroup-${componentId}-${groupIndex}`;
             return (React.createElement(Fragment, { key: groupLabel },
                 React.cloneElement(header, {
                     role: 'presentation',
-                    style: { pointerEvents: "none" },
+                    style: { pointerEvents: `none` },
                 }),
-                items.map(function (listboxItem) {
-                    var headerName = getTextFromElement(header);
-                    var groupMessage = showGroupText
-                        ? "Entering group " + headerName + ", with " + items.length + " options."
+                items.map((listboxItem) => {
+                    const headerName = getTextFromElement(header);
+                    const groupMessage = showGroupText
+                        ? `Entering group ${headerName}, with ${items.length} options.`
                         : undefined;
-                    var item = createListItem(listboxItem, itemIndex_1, groupMessage);
-                    itemIndex_1++;
+                    const item = createListItem(listboxItem, itemIndex, groupMessage);
+                    itemIndex++;
                     return item;
                 })));
         })));
     }
     else {
-        return (React.createElement(Autocomplete, __assign({}, listBoxProps), autocompleteItems.map(function (listboxItem, index) {
-            return createListItem(listboxItem, index);
-        })));
+        return (React.createElement(Autocomplete, Object.assign({}, listBoxProps), autocompleteItems.map((listboxItem, index) => createListItem(listboxItem, index))));
     }
 };
-export default AutocompleteList;

package/dist/es6/combobox/lib/Combobox.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
 import { GrowthBehavior } from '@workday/canvas-kit-react/common';
-import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
 import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
 import { TextInputProps } from '@workday/canvas-kit-react/text-input';
 export interface ComboBoxMenuItemGroup {
-    header: React.ReactElement<MenuItemProps>;
-    items: React.ReactElement<MenuItemProps>[];
+    header: React.ReactElement<any>;
+    items: React.ReactElement<any>[];
 }
 export interface ComboboxProps extends GrowthBehavior, React.HTMLAttributes<HTMLElement> {
     /**
@@ -33,7 +32,7 @@ export interface ComboboxProps extends GrowthBehavior, React.HTMLAttributes<HTML
     /**
      * The autocomplete items of the Combobox. This array of menu items is shown under the text input.
      */
-    autocompleteItems?: React.ReactElement<MenuItemProps>[] | ComboBoxMenuItemGroup[];
+    autocompleteItems?: React.ReactElement<any>[] | ComboBoxMenuItemGroup[];
     /**
      * The function called when the Combobox text input changes.
      */
@@ -58,6 +57,5 @@ export interface ComboboxProps extends GrowthBehavior, React.HTMLAttributes<HTML
 export declare const listBoxIdPart = "listbox";
 export declare const getOptionId: (baseId?: string | undefined, index?: number | undefined) => string;
 export declare const getTextFromElement: (children?: React.ReactNode) => string;
-declare const Combobox: ({ autocompleteItems, children, grow, initialValue, onChange, onFocus, onBlur, showClearButton, clearButtonVariant, clearButtonAriaLabel, labelId, getStatusText, id, ...elemProps }: ComboboxProps) => JSX.Element;
-export default Combobox;
+export declare const Combobox: ({ autocompleteItems, children, grow, initialValue, onChange, onFocus, onBlur, showClearButton, clearButtonVariant, clearButtonAriaLabel, labelId, getStatusText, id, ...elemProps }: ComboboxProps) => JSX.Element;
 //# sourceMappingURL=Combobox.d.ts.map

package/dist/es6/combobox/lib/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,EAKf,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AAErE,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAErF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAKpE,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAE1C,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACpD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAClF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA2DD,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,WAAW,qEACc,CAAC;AAEvC,eAAO,MAAM,kBAAkB,cAAe,MAAM,SAAS,WAc5D,CAAC;AAYF,QAAA,MAAM,QAAQ,wLAeX,aAAa,gBA0Tf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,EAKf,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAErF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAKpE,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAEhC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACpD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACxE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA2DD,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,WAAW,qEACc,CAAC;AAEvC,eAAO,MAAM,kBAAkB,cAAe,MAAM,SAAS,WAc5D,CAAC;AAYF,eAAO,MAAM,QAAQ,wLAelB,aAAa,gBAuTf,CAAC"}