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

package/dist/es6/lib/widgetUtils.js

@@ -1,30 +1,3 @@
-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 __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
 import React from 'react';
 import styled from '@emotion/styled';
 import { createComponent } from '@workday/canvas-kit-react/common';
@@ -38,29 +11,29 @@ import { Value } from './Value';
 /**
  * This context allows us to keep track if we're within a nested stack of dialog
  */
-var NestedContext = React.createContext(false);
+const NestedContext = React.createContext(false);
 /**
  * Context to help keep track of breadcrumbs and update them
  */
-var SymbolDocBreadcrumbsContext = React.createContext(undefined);
+const SymbolDocBreadcrumbsContext = React.createContext(undefined);
 /** React context to track the current rendering context to avoid tables inside tables */
-export var RenderContext = React.createContext('table');
+export const RenderContext = React.createContext('table');
 /**
  * React context to track the current heading level. This is useful to relatively change heading
  * levels of a subtree
  */
-export var HeadingLevelContext = React.createContext(3);
+export const HeadingLevelContext = React.createContext(3);
 /**
  * React context to keep track of the current indent level
  */
-export var IndentLevelContext = React.createContext(0);
+export const IndentLevelContext = React.createContext(0);
 /**
  * Utility function for getting non-breaking space for code formatting. It will print a string of
  * non-breaking spaces according to the level provided. These characters are safe for a React render
  * function.
  */
 export function indent(level) {
-    return __spreadArray([], Array(level * 2)).map(function (v) { return '\u00A0'; }).join('');
+    return [...Array(level * 2)].map(v => '\u00A0').join('');
 }
 export function capitalize(input) {
     return input.charAt(0).toUpperCase() + input.slice(1);
@@ -69,45 +42,43 @@ export function capitalize(input) {
  * Special heading component that uses @mdx-js/react heading components, but is also aware of
  * relative heading levels.
  */
-export var Heading = createComponent('h4')({
+export const Heading = createComponent('h4')({
     displayName: 'MDXHeading',
-    Component: function (_a) {
-        var _b = _a.headingOffset, headingOffset = _b === void 0 ? 0 : _b, elemProps = __rest(_a, ["headingOffset"]);
-        var headingLevel = React.useContext(HeadingLevelContext);
-        var as = "h" + (headingLevel + headingOffset); // Make Typescript happy
-        return React.createElement(MDX, __assign({ as: as }, elemProps));
+    Component({ headingOffset = 0, ...elemProps }) {
+        const headingLevel = React.useContext(HeadingLevelContext);
+        const as = `h${headingLevel + headingOffset}`; // Make Typescript happy
+        return React.createElement(MDX, Object.assign({ as: as }, elemProps));
     },
 });
 export function renderTypeParameters(typeParameters) {
     return typeParameters && typeParameters.length ? (React.createElement(RenderContext.Provider, { value: "inline" },
         React.createElement("span", null, "<"),
-        typeParameters.map(function (p, index) {
+        typeParameters.map((p, index) => {
             return (React.createElement(React.Fragment, { key: index },
                 index !== 0 && React.createElement("span", { className: "token punctuation" }, ", "),
                 React.createElement(Value, { value: p })));
         }),
         React.createElement("span", null, ">"))) : ('');
 }
-var ButtonHyperLink = Hyperlink.as('button');
-export var SymbolDialog = function (_a) {
-    var value = _a.value;
-    var _b = React.useState(undefined), symbol = _b[0], setSymbol = _b[1];
-    var _c = React.useContext(SymbolDocBreadcrumbsContext), breadcrumbsList = _c.breadcrumbsList, updateBreadcrumbs = _c.updateBreadcrumbs;
-    var nestedContext = React.useContext(NestedContext);
-    var model = useDialogModel({
-        onShow: function () {
-            setSymbol(docs.find(function (d) { return value.name === d.name; }) || undefined);
+const ButtonHyperLink = Hyperlink.as('button');
+export const SymbolDialog = ({ value }) => {
+    const [symbol, setSymbol] = React.useState(undefined);
+    const { breadcrumbsList, updateBreadcrumbs } = React.useContext(SymbolDocBreadcrumbsContext);
+    const nestedContext = React.useContext(NestedContext);
+    const model = useDialogModel({
+        onShow() {
+            setSymbol(docs.find(d => value.name === d.name) || undefined);
         },
-        onHide: function () {
+        onHide() {
             // Reset breadcrumbs when the dialog is closed
             updateBreadcrumbs([]);
         },
     });
-    var handleTargetClick = function (e) {
+    const handleTargetClick = (e) => {
         e.preventDefault();
         updateBreadcrumbs(breadcrumbsList.concat(value.name));
     };
-    var handleBreadcrumbClick = function (e, index) {
+    const handleBreadcrumbClick = (e, index) => {
         e.preventDefault();
         if (e.currentTarget.textContent &&
             breadcrumbsList.length &&
@@ -141,9 +112,9 @@ export var SymbolDialog = function (_a) {
                         value.name,
                         " "),
                     breadcrumbsList.length > 1 && (React.createElement(Breadcrumbs, { "aria-label": "Breadcrumbs" },
-                        React.createElement(Breadcrumbs.List, { paddingX: "xxs" }, breadcrumbsList.map(function (item, index) {
+                        React.createElement(Breadcrumbs.List, { paddingX: "xxs" }, breadcrumbsList.map((item, index) => {
                             return (React.createElement(React.Fragment, null, item === breadcrumbsList[breadcrumbsList.length - 1] ? (React.createElement(Breadcrumbs.CurrentItem, { key: index }, item)) : (React.createElement(Breadcrumbs.Item, { key: index },
-                                React.createElement(Breadcrumbs.Link, { onClick: function (e) { return handleBreadcrumbClick(e, index); }, href: '#' }, item)))));
+                                React.createElement(Breadcrumbs.Link, { onClick: e => handleBreadcrumbClick(e, index), href: '#' }, item)))));
                         })))),
                     React.createElement(Dialog.Body, null,
                         React.createElement(RenderContext.Provider, { value: "table" },
@@ -159,7 +130,7 @@ function createColor(color) {
         color: colors[color],
     };
 }
-var StyledSymbolDoc = styled('div')({
+const StyledSymbolDoc = styled('div')({
     marginBottom: space.m,
     'button[data-symbol]': {
         border: 'none',
@@ -200,9 +171,8 @@ function getSymbolDocChildren(doc, meta, name) {
     }
     return React.createElement("div", null, "Not found");
 }
-function findDoc(_a) {
-    var name = _a.name, fileName = _a.fileName;
-    var doc = (docs || []).find(function (d) {
+function findDoc({ name, fileName }) {
+    const doc = (docs || []).find(d => {
         return d.name === name && (fileName ? d.fileName.includes(fileName) : true);
     });
     if ((doc === null || doc === void 0 ? void 0 : doc.type.kind) === 'alias') {
@@ -210,36 +180,35 @@ function findDoc(_a) {
     }
     return doc;
 }
-export var useDoc = function (criteria) {
+export const useDoc = (criteria) => {
     // Listen to criteria.name and criteria.fileName so that we can re-fetch docs in the dialog
-    var doc = React.useMemo(function () { return findDoc(criteria); }, [criteria.name, criteria.fileName || '']);
+    const doc = React.useMemo(() => findDoc(criteria), [criteria.name, criteria.fileName || '']);
     return doc;
 };
 /**
  * Renders the `<Value>` of a exported symbol without any wrapper. This should be used when nesting
  * inside a `<SymbolDoc>` component.
  */
-export var SymbolValue = function (props) {
-    var doc = useDoc(props);
+export const SymbolValue = (props) => {
+    const doc = useDoc(props);
     return getSymbolDocChildren(doc);
 };
 /**
  * Renders just the description of an exported symbol.
  */
-export var SymbolDescription = function (props) {
-    var doc = useDoc(props);
+export const SymbolDescription = (props) => {
+    const doc = useDoc(props);
     return doc ? React.createElement(MdxJSToJSX, null, doc.description) : null;
 };
 /**
  * Renders an exported symbol as a doc object. This will render JSDoc tags, description and setup
  * rendering contexts for headers.
  */
-export var SymbolDoc = function (_a) {
-    var name = _a.name, fileName = _a.fileName, _b = _a.headingStart, headingStart = _b === void 0 ? 3 : _b, _c = _a.hideDescription, hideDescription = _c === void 0 ? false : _c, _d = _a.hideHeading, hideHeading = _d === void 0 ? false : _d, descriptionOverride = _a.descriptionOverride, meta = _a.meta, elemProps = __rest(_a, ["name", "fileName", "headingStart", "hideDescription", "hideHeading", "descriptionOverride", "meta"]);
-    var doc = useDoc({ name: name, fileName: fileName });
-    var symbolDocBreadcrumb = React.useContext(SymbolDocBreadcrumbsContext);
-    var children = getSymbolDocChildren(doc, meta, name);
-    var requiresCodeWrapper = [
+export const SymbolDoc = ({ name, fileName, headingStart = 3, hideDescription = false, hideHeading = false, descriptionOverride, meta, ...elemProps }) => {
+    const doc = useDoc({ name, fileName });
+    const symbolDocBreadcrumb = React.useContext(SymbolDocBreadcrumbsContext);
+    const children = getSymbolDocChildren(doc, meta, name);
+    const requiresCodeWrapper = [
         'symbol',
         'generic',
         'array',
@@ -263,16 +232,15 @@ export var SymbolDoc = function (_a) {
         'function',
         'callExpression',
     ].includes((doc === null || doc === void 0 ? void 0 : doc.type.kind) || 'notFound');
-    var contents = requiresCodeWrapper ? (React.createElement("code", { style: { display: 'block' } }, children)) : (children);
-    var symbolDocContents = (React.createElement(StyledSymbolDoc, __assign({}, elemProps),
+    const contents = requiresCodeWrapper ? (React.createElement("code", { style: { display: 'block' } }, children)) : (children);
+    const symbolDocContents = (React.createElement(StyledSymbolDoc, Object.assign({}, elemProps),
         React.createElement(HeadingLevelContext.Provider, { value: headingStart },
             !hideHeading && React.createElement(Heading, null, name),
             !hideDescription && doc && (React.createElement(MdxJSToJSX, null, descriptionOverride || doc.description)),
             contents)));
     return symbolDocBreadcrumb === undefined ? (React.createElement(SymbolDocWrapper, null, symbolDocContents)) : (symbolDocContents);
 };
-var SymbolDocWrapper = function (_a) {
-    var children = _a.children;
-    var _b = React.useState([]), breadcrumbsList = _b[0], updateBreadcrumbs = _b[1];
-    return (React.createElement(SymbolDocBreadcrumbsContext.Provider, { value: { breadcrumbsList: breadcrumbsList, updateBreadcrumbs: updateBreadcrumbs } }, children));
+const SymbolDocWrapper = ({ children }) => {
+    const [breadcrumbsList, updateBreadcrumbs] = React.useState([]);
+    return (React.createElement(SymbolDocBreadcrumbsContext.Provider, { value: { breadcrumbsList, updateBreadcrumbs } }, children));
 };

package/dist/es6/lib/widgets/array.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import { registerWidget, Value } from '../Value';
 import { RenderContext } from '../widgetUtils';
-registerWidget('array', function (_a) {
-    var value = _a.value;
+registerWidget('array', ({ value }) => {
     return (React.createElement(RenderContext.Provider, { value: "inline" },
         React.createElement(Value, { value: value.value }),
         React.createElement("span", { className: "token punctuation" }, "[]")));

package/dist/es6/lib/widgets/callExpression.js

@@ -1,13 +1,12 @@
 import React from 'react';
 import { registerWidget, Value } from '../Value';
 import { IndentLevelContext, indent } from '../widgetUtils';
-registerWidget('callExpression', function (_a) {
-    var value = _a.value;
-    var level = React.useContext(IndentLevelContext);
+registerWidget('callExpression', ({ value }) => {
+    const level = React.useContext(IndentLevelContext);
     return (React.createElement(React.Fragment, null,
         value.name && React.createElement(Value, { value: value.name }),
         React.createElement("span", { className: "token punctuation" }, "("),
-        React.createElement(React.Fragment, null, value.parameters.map(function (p, index) { return (React.createElement(React.Fragment, { key: index },
+        React.createElement(React.Fragment, null, value.parameters.map((p, index) => (React.createElement(React.Fragment, { key: index },
             index !== 0 && React.createElement("span", { className: "token punctuation" }, ", "),
             value.parameters.length > 1 && (React.createElement(React.Fragment, null,
                 React.createElement("br", null),
@@ -16,6 +15,6 @@ registerWidget('callExpression', function (_a) {
                 React.createElement(Value, { value: p }))) : (React.createElement(Value, { value: p })),
             index === value.parameters.length - 1 && index > 0 && (React.createElement(React.Fragment, null,
                 React.createElement("br", null),
-                indent(level))))); })),
+                indent(level))))))),
         React.createElement("span", { className: "token punctuation" }, ")")));
 });

package/dist/es6/lib/widgets/canvasColor.js

@@ -2,6 +2,6 @@ import React from 'react';
 import { colors } from '@workday/canvas-kit-react/tokens';
 import { ColorPicker } from '@workday/canvas-kit-preview-react/color-picker';
 import { registerWidget } from '../Value';
-registerWidget('canvasColor', function () {
-    return (React.createElement(ColorPicker, { style: { width: 170 }, colorSet: Object.values(colors), onColorChange: function () { } }));
+registerWidget('canvasColor', () => {
+    return (React.createElement(ColorPicker, { style: { width: 170 }, colorSet: Object.values(colors), onColorChange: () => { } }));
 });

package/dist/es6/lib/widgets/component.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import { PropertiesTable, registerWidget } from '../Value';
 import { Heading } from '../widgetUtils';
-registerWidget('component', function (_a) {
-    var value = _a.value, doc = _a.doc, meta = _a.meta;
+registerWidget('component', ({ value, doc, meta }) => {
     return (React.createElement(React.Fragment, null,
         React.createElement(Heading, { headingOffset: 1 }, "Props"),
         React.createElement(PropertiesTable, { properties: value.props })));

package/dist/es6/lib/widgets/conditional.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { registerWidget, Value } from '../Value';
-registerWidget('conditional', function (_a) {
-    var value = _a.value;
+registerWidget('conditional', ({ value }) => {
     return (React.createElement(React.Fragment, null,
         React.createElement(Value, { value: value.check }),
         " ",

package/dist/es6/lib/widgets/enhancedComponent.js

@@ -5,7 +5,7 @@ import { MDX } from '../MDXElements';
 import { SymbolDoc } from '../SymbolDoc';
 import { PropertiesTable, registerWidget, Value } from '../Value';
 import { Heading, HeadingLevelContext, SymbolDialog } from '../widgetUtils';
-var ParentComponentNameContext = React.createContext('');
+const ParentComponentNameContext = React.createContext('');
 /**
  * Used to keep track of JSDoc in subcomponent definitions.
  *
@@ -17,8 +17,8 @@ var ParentComponentNameContext = React.createContext('');
  * }
  * ```
  */
-var ParentComponentJSDocContext = React.createContext(defaultJSDoc);
-var fileNameToCategoryMap = {
+const ParentComponentJSDocContext = React.createContext(defaultJSDoc);
+const fileNameToCategoryMap = {
     Layout: [
         'utils/layout',
         'utils/gridArea',
@@ -33,11 +33,10 @@ var fileNameToCategoryMap = {
     Text: ['utils/text'],
     Other: ['utils/other'],
 };
-registerWidget('enhancedComponent', function (_a) {
-    var value = _a.value, doc = _a.doc, meta = _a.meta;
-    var groups = groupProps(value.props);
-    var parentComponentName = React.useContext(ParentComponentNameContext);
-    var headingLevel = React.useContext(HeadingLevelContext);
+registerWidget('enhancedComponent', ({ value, doc, meta }) => {
+    const groups = groupProps(value.props);
+    const parentComponentName = React.useContext(ParentComponentNameContext);
+    const headingLevel = React.useContext(HeadingLevelContext);
     // We don't want to re-document a subcomponent that is a container component with a different
     // model. If we detect another container, only render the intro and a link to the container
     // component
@@ -72,7 +71,7 @@ registerWidget('enhancedComponent', function (_a) {
                 " prop will change the element interface."))),
         value.componentType === 'container' && value.model ? (React.createElement(MDX, { as: "p" },
             "Props extend from ",
-            React.createElement(SymbolDialog, { value: { kind: 'symbol', name: value.model + "Config" } }),
+            React.createElement(SymbolDialog, { value: { kind: 'symbol', name: `${value.model}Config` } }),
             ". If a ",
             React.createElement("code", null, "model"),
             " is passed, props from ",
@@ -80,7 +79,7 @@ registerWidget('enhancedComponent', function (_a) {
                 value.model,
                 "Config"),
             " are ignored.")) : null,
-        Object.keys(groups).map(function (key) {
+        Object.keys(groups).map(key => {
             return (React.createElement(React.Fragment, { key: key }, key === 'Local' ? (React.createElement(PropertiesTable, { properties: groups[key] })) : (React.createElement(Expandable, null,
                 React.createElement(Expandable.Target, { headingLevel: "h5" },
                     React.createElement(Expandable.Title, null, key),
@@ -90,30 +89,30 @@ registerWidget('enhancedComponent', function (_a) {
         }),
         value.elemPropsHook ? (React.createElement(SymbolDoc, { name: value.elemPropsHook, headingStart: headingLevel + 1 })) : null,
         value.subComponents
-            ? value.subComponents.map(function (c, i) {
+            ? value.subComponents.map((c, i) => {
                 return (React.createElement(React.Fragment, { key: i },
                     React.createElement(Heading, null,
                         parentComponentName ? parentComponentName : value.displayName,
                         ".",
                         c.name),
-                    React.createElement(ParentComponentNameContext.Provider, { value: (parentComponentName ? parentComponentName : value.displayName) + "." + c.name },
+                    React.createElement(ParentComponentNameContext.Provider, { value: `${parentComponentName ? parentComponentName : value.displayName}.${c.name}` },
                         React.createElement(ParentComponentJSDocContext.Provider, { value: c },
                             React.createElement(SymbolDoc, { name: c.symbol, hideHeading: true, descriptionOverride: c.description })))));
             })
             : null,
         value.componentType === 'container' && value.model ? (React.createElement(React.Fragment, null,
             React.createElement(Heading, { headingOffset: -1 }, "Model"),
-            React.createElement(SymbolDoc, { name: "use" + value.model }))) : null));
+            React.createElement(SymbolDoc, { name: `use${value.model}` }))) : null));
 });
 function groupProps(props) {
-    var categories = { Local: [] };
-    for (var key in fileNameToCategoryMap) {
+    const categories = { Local: [] };
+    for (const key in fileNameToCategoryMap) {
         categories[key] = [];
     }
-    var _loop_1 = function (prop) {
-        var found = false;
-        for (var key in fileNameToCategoryMap) {
-            if (fileNameToCategoryMap[key].find(function (match) { var _a; return (_a = prop.declarations[0]) === null || _a === void 0 ? void 0 : _a.filePath.includes(match); })) {
+    for (const prop of props) {
+        let found = false;
+        for (const key in fileNameToCategoryMap) {
+            if (fileNameToCategoryMap[key].find(match => { var _a; return (_a = prop.declarations[0]) === null || _a === void 0 ? void 0 : _a.filePath.includes(match); })) {
                 found = true;
                 categories[key].push(prop);
             }
@@ -121,13 +120,9 @@ function groupProps(props) {
         if (!found) {
             categories.Local.push(prop);
         }
-    };
-    for (var _i = 0, props_1 = props; _i < props_1.length; _i++) {
-        var prop = props_1[_i];
-        _loop_1(prop);
     }
     // clear out categories that don't have anything in them
-    return Object.keys(categories).reduce(function (result, key) {
+    return Object.keys(categories).reduce((result, key) => {
         if (categories[key].length) {
             result[key] = categories[key];
         }

package/dist/es6/lib/widgets/external.js

@@ -1,7 +1,4 @@
 import React from 'react';
 import { ExternalHyperlink } from '@workday/canvas-kit-react/button';
 import { registerWidget } from '../Value';
-registerWidget('external', function (_a) {
-    var value = _a.value;
-    return (React.createElement(ExternalHyperlink, { href: value.url }, value.name));
-});
+registerWidget('external', ({ value }) => (React.createElement(ExternalHyperlink, { href: value.url }, value.name)));

package/dist/es6/lib/widgets/function.js

@@ -3,14 +3,13 @@ import { DescriptionTooltip } from '../DescriptionTooltip';
 import { MdxJSToJSX } from '../MDXElements';
 import { registerWidget, Value } from '../Value';
 import { RenderContext, IndentLevelContext, indent, renderTypeParameters } from '../widgetUtils';
-registerWidget('function', function (_a) {
-    var value = _a.value;
-    var level = React.useContext(IndentLevelContext);
+registerWidget('function', ({ value }) => {
+    const level = React.useContext(IndentLevelContext);
     return (React.createElement(RenderContext.Provider, { value: "inline" },
         value.name && React.createElement(Value, { value: value.name }),
         renderTypeParameters(value.typeParameters),
         React.createElement("span", { className: "token punctuation" }, "("),
-        React.createElement(React.Fragment, null, value.parameters.map(function (p, index) { return (React.createElement(React.Fragment, { key: index },
+        React.createElement(React.Fragment, null, value.parameters.map((p, index) => (React.createElement(React.Fragment, { key: index },
             index !== 0 && React.createElement("span", { className: "token punctuation" }, ", "),
             value.parameters.length > 1 && (React.createElement(React.Fragment, null,
                 React.createElement("br", null),
@@ -19,12 +18,11 @@ registerWidget('function', function (_a) {
                 React.createElement(Value, { value: p }))) : (React.createElement(Value, { value: p })),
             index === value.parameters.length - 1 && index > 0 && (React.createElement(React.Fragment, null,
                 React.createElement("br", null),
-                indent(level))))); })),
+                indent(level))))))),
         React.createElement("span", { className: "token operator" }, ")\u00A0=>\u00A0"),
         React.createElement(Value, { value: value.returnType })));
 });
-registerWidget('parameter', function (_a) {
-    var value = _a.value;
+registerWidget('parameter', ({ value }) => {
     return (React.createElement(RenderContext.Provider, { value: "inline" },
         value.description ? (React.createElement(DescriptionTooltip, { style: { maxWidth: '50em' }, title: React.createElement(MdxJSToJSX, null, value.description) },
             React.createElement("span", { className: "token property", style: {

package/dist/es6/lib/widgets/intersection.js

@@ -1,9 +1,8 @@
 import React from 'react';
 import { registerWidget, Value } from '../Value';
 import { RenderContext } from '../widgetUtils';
-registerWidget('intersection', function (_a) {
-    var value = _a.value;
-    return (React.createElement(RenderContext.Provider, { value: "inline" }, value.value.map(function (v, i) { return (React.createElement(React.Fragment, { key: i },
+registerWidget('intersection', ({ value }) => {
+    return (React.createElement(RenderContext.Provider, { value: "inline" }, value.value.map((v, i) => (React.createElement(React.Fragment, { key: i },
         i !== 0 && React.createElement("span", { className: "token punctuation" }, " & "),
-        React.createElement(Value, { value: v }))); })));
+        React.createElement(Value, { value: v }))))));
 });

package/dist/es6/lib/widgets/model.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import { PropertiesTable, registerWidget, Value } from '../Value';
 import { Heading } from '../widgetUtils';
-registerWidget('model', function (_a) {
-    var value = _a.value;
+registerWidget('model', ({ value }) => {
     return (React.createElement(React.Fragment, null,
         React.createElement(Heading, null, "State"),
         React.createElement(PropertiesTable, { properties: value.state, showDefault: false }),
@@ -12,8 +11,7 @@ registerWidget('model', function (_a) {
             React.createElement(Heading, null, "Additional Properties"),
             React.createElement(PropertiesTable, { properties: value.modelProperties, showDefault: false })))));
 });
-registerWidget('modelHook', function (_a) {
-    var value = _a.value, doc = _a.doc;
+registerWidget('modelHook', ({ value, doc }) => {
     return (React.createElement("code", null,
         React.createElement("span", { className: "token symbol" }, value.name),
         ' ',
@@ -21,7 +19,7 @@ registerWidget('modelHook', function (_a) {
         React.createElement("span", { className: "value symbol" }, "config"),
         ":",
         ' ',
-        React.createElement(Value, { value: { kind: 'symbol', name: value.name.replace('use', '') + "Config" } }),
+        React.createElement(Value, { value: { kind: 'symbol', name: `${value.name.replace('use', '')}Config` } }),
         React.createElement("span", { className: "token punctuation" }, "): "),
-        React.createElement(Value, { value: { kind: 'symbol', name: "" + value.name.replace('use', '') } })));
+        React.createElement(Value, { value: { kind: 'symbol', name: `${value.name.replace('use', '')}` } })));
 });

package/dist/es6/lib/widgets/object.js

@@ -1,9 +1,8 @@
 import React from 'react';
 import { PropertiesInline, PropertiesTable, registerWidget } from '../Value';
 import { RenderContext } from '../widgetUtils';
-registerWidget('object', function (_a) {
-    var value = _a.value;
-    var renderContext = React.useContext(RenderContext);
+registerWidget('object', ({ value }) => {
+    const renderContext = React.useContext(RenderContext);
     return renderContext === 'inline' ? (React.createElement(PropertiesInline, { properties: value.properties })) : (React.createElement(RenderContext.Provider, { value: "inline" },
         React.createElement(PropertiesTable, { properties: value.properties })));
 });

package/dist/es6/lib/widgets/parenthesis.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { registerWidget, Value } from '../Value';
-registerWidget('parenthesis', function (_a) {
-    var value = _a.value;
+registerWidget('parenthesis', ({ value }) => {
     return (React.createElement("span", null,
         React.createElement("span", { className: "token punctuation" }, "("),
         React.createElement(Value, { value: value.value }),

package/dist/es6/lib/widgets/primitives.js

@@ -1,31 +1,15 @@
 import React from 'react';
 import { registerWidget, Value } from '../Value';
 import { renderTypeParameters } from '../widgetUtils';
-registerWidget('primitive', function (_a) {
-    var value = _a.value;
-    return (React.createElement("span", { className: "token primitive" }, value.value));
-});
-registerWidget('boolean', function (_a) {
-    var value = _a.value;
-    return (React.createElement("span", { className: "token primitive" }, String(value.value)));
-});
-registerWidget('string', function (_a) {
-    var value = _a.value;
-    return (React.createElement("span", { className: "token string" },
-        "'",
-        value.value,
-        "'"));
-});
-registerWidget('number', function (_a) {
-    var value = _a.value;
-    return (React.createElement("span", { className: "token number" }, value.value));
-});
-registerWidget('generic', function (_a) {
-    var value = _a.value;
-    return (React.createElement("span", { className: "token symbol" }, value.name));
-});
-registerWidget('type', function (_a) {
-    var value = _a.value, doc = _a.doc;
+registerWidget('primitive', ({ value }) => (React.createElement("span", { className: "token primitive" }, value.value)));
+registerWidget('boolean', ({ value }) => (React.createElement("span", { className: "token primitive" }, String(value.value))));
+registerWidget('string', ({ value }) => (React.createElement("span", { className: "token string" },
+    "'",
+    value.value,
+    "'")));
+registerWidget('number', ({ value }) => (React.createElement("span", { className: "token number" }, value.value)));
+registerWidget('generic', ({ value }) => (React.createElement("span", { className: "token symbol" }, value.name)));
+registerWidget('type', ({ value, doc }) => {
     return (React.createElement(React.Fragment, null,
         (doc === null || doc === void 0 ? void 0 : doc.name) && (React.createElement(React.Fragment, null,
             React.createElement("span", { className: "token keyword" }, "type"),
@@ -37,17 +21,11 @@ registerWidget('type', function (_a) {
             ' ')),
         React.createElement(Value, { value: value.value })));
 });
-registerWidget('infer', function (_a) {
-    var value = _a.value;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("span", { className: "token keyword" }, "infer"),
-        " ",
-        React.createElement(Value, { value: value.value })));
-});
-registerWidget('keyof', function (_a) {
-    var value = _a.value;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("span", { className: "token keyword" }, "keyof"),
-        " ",
-        React.createElement(Value, { value: value.name })));
-});
+registerWidget('infer', ({ value }) => (React.createElement(React.Fragment, null,
+    React.createElement("span", { className: "token keyword" }, "infer"),
+    " ",
+    React.createElement(Value, { value: value.value }))));
+registerWidget('keyof', ({ value }) => (React.createElement(React.Fragment, null,
+    React.createElement("span", { className: "token keyword" }, "keyof"),
+    " ",
+    React.createElement(Value, { value: value.name }))));

package/dist/es6/lib/widgets/qualifiedName.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { registerWidget, Value } from '../Value';
-registerWidget('qualifiedName', function (_a) {
-    var value = _a.value;
+registerWidget('qualifiedName', ({ value }) => {
     return (React.createElement(React.Fragment, null,
         React.createElement(Value, { value: value.left }),
         React.createElement("span", { className: "token punctuation" }, "."),

package/dist/es6/lib/widgets/symbol.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { registerWidget } from '../Value';
 import { SymbolDialog } from '../widgetUtils';
-registerWidget('symbol', function (_a) {
-    var value = _a.value;
+registerWidget('symbol', ({ value }) => {
     return React.createElement(SymbolDialog, { value: value });
 });

package/dist/es6/lib/widgets/tuple.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import { registerWidget, Value } from '../Value';
 import { RenderContext } from '../widgetUtils';
-registerWidget('tuple', function (_a) {
-    var value = _a.value;
+registerWidget('tuple', ({ value }) => {
     return (React.createElement(RenderContext.Provider, { value: "inline" },
         React.createElement("span", { className: "token punctuation" }, "["),
-        value.value.map(function (v, i) { return (React.createElement(Value, { key: i, value: v })); }),
+        value.value.map((v, i) => (React.createElement(Value, { key: i, value: v }))),
         React.createElement("span", { className: "token punctuation" }, "]")));
 });