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

package/dist/es6/docgen/traverse.js

@@ -1,29 +1,28 @@
 import { guards, getKindNameFromNode } from './traversals';
 export function find(node, predicate) {
-    var nodes = [];
+    const nodes = [];
     if (!node) {
         return nodes;
     }
     if (predicate(node)) {
         nodes.push(node);
     }
-    node.forEachChild(function (n) {
-        nodes.push.apply(nodes, find(n, predicate));
+    node.forEachChild(n => {
+        nodes.push(...find(n, predicate));
     });
     return nodes;
 }
-var t;
+let t;
 // @ts-ignore
-t = function (node) {
+t = node => {
     return {
-        find: function (kind, predicate) {
-            if (predicate === void 0) { predicate = function (n) { return true; }; }
-            return find(node, function (n) { return guards["is" + kind](n) && predicate(n); });
+        find(kind, predicate = n => true) {
+            return find(node, n => guards[`is${kind}`](n) && predicate(n));
         },
     };
 };
 t.getKindNameFromNode = getKindNameFromNode;
-Object.keys(guards).forEach(function (key) {
+Object.keys(guards).forEach(key => {
     // @ts-ignore
     t[key] = guards[key];
 });

package/dist/es6/lib/DescriptionTooltip.js

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import { Tooltip } from '@workday/canvas-kit-react/tooltip';
 import { colors } from '@workday/canvas-kit-react/tokens';
-export var DescriptionTooltip = styled(Tooltip)({
+export const DescriptionTooltip = styled(Tooltip)({
     ':before': {
         borderWidth: 1,
         borderStyle: 'solid',

package/dist/es6/lib/MDXElements.js

@@ -1,25 +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;
-};
 //@ts-ignore
 import { useMDXComponents } from '@mdx-js/react';
 import React from 'react';
@@ -31,10 +9,9 @@ import { HeadingLevelContext, SymbolDialog } from './widgetUtils';
  * Canvas Site. This means our docs can use the same components used in our MDX files without
  * needing to use MDX directly.
  */
-export var MDX = createComponent('div')({
-    Component: function (_a, _ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        var components = useMDXComponents();
+export const MDX = createComponent('div')({
+    Component({ children, ...elemProps }, _ref, Element) {
+        const components = useMDXComponents();
         return React.createElement(components[Element], elemProps, children);
     },
 });
@@ -42,8 +19,8 @@ export var MDX = createComponent('div')({
  * Custom component that allows us to convert any `button` in JSDoc that contains a `[data-symbol]`
  * to a `<SymbolDialog>` component.
  */
-var Button = function (props) {
-    var components = useMDXComponents();
+const Button = (props) => {
+    const components = useMDXComponents();
     if (props['data-symbol'] !== undefined) {
         return (React.createElement("code", null,
             React.createElement(SymbolDialog, { value: {
@@ -60,28 +37,25 @@ var Button = function (props) {
  * processing. This allows us to convert {@link SymbolName Link Text} to a `<SymbolDialog>`!
  */
 function convertLinkToSymbolLinks(input) {
-    return input.replace(/{@link ([a-z0-9.]+)( [a-z0-9.]+)?}/gi, function (substr, symbol, text) {
-        if (text === void 0) { text = ''; }
-        return "<button href=\"#\" data-symbol=\"" + text.trim() + "\" class=\"token symbol\">" + symbol + "</button>";
-    });
+    return input.replace(/{@link ([a-z0-9.]+)( [a-z0-9.]+)?}/gi, (substr, symbol, text = '') => `<button href="#" data-symbol="${text.trim()}" class="token symbol">${symbol}</button>`);
 }
 /**
  * Replace all heading levels in the JSDoc to start at the same heading level as `startingLevel`.
  * This allows JSDoc markdown to seamlessly flow into MDX.
  */
 function rewriteHeadingLevels(input, startingLevel) {
-    var firstHeadingMatch = input.match(/(#+ )[A-Za-z]/);
+    const firstHeadingMatch = input.match(/(#+ )[A-Za-z]/);
     if (!firstHeadingMatch) {
         return input;
     }
-    var firstHeadingLevel = firstHeadingMatch[1];
-    return input.replace(new RegExp(firstHeadingLevel, 'g'), Array.from({ length: startingLevel }, function () { return '#'; }).join('') + ' ');
+    const firstHeadingLevel = firstHeadingMatch[1];
+    return input.replace(new RegExp(firstHeadingLevel, 'g'), Array.from({ length: startingLevel }, () => '#').join('') + ' ');
 }
 /**
  * Custom MDX to JSX parsing
  */
-export var MdxJSToJSX = function (props) {
-    var components = useMDXComponents();
-    var headingLevel = React.useContext(HeadingLevelContext);
-    return (React.createElement(MarkdownToJSX, { options: { overrides: __assign(__assign({}, components), { button: Button }), forceBlock: true } }, rewriteHeadingLevels(convertLinkToSymbolLinks(props.children), headingLevel)));
+export const MdxJSToJSX = (props) => {
+    const components = useMDXComponents();
+    const headingLevel = React.useContext(HeadingLevelContext);
+    return (React.createElement(MarkdownToJSX, { options: { overrides: { ...components, button: Button }, forceBlock: true } }, rewriteHeadingLevels(convertLinkToSymbolLinks(props.children), headingLevel)));
 };

package/dist/es6/lib/MoreTooltip.js

@@ -1,35 +1,12 @@
-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;
-};
 import * as React from 'react';
 import { getTransformFromPlacement, Popper } from '@workday/canvas-kit-react/popup';
 import { mergeCallback } from '@workday/canvas-kit-react/common';
 import { TooltipContainer, useTooltip } from '@workday/canvas-kit-react/tooltip';
-var isOverflowed = function (element) {
+const isOverflowed = (element) => {
     return (element.textContent || '').includes('more');
 };
-function mergeCallbacks(elemProps, componentProps, keys) {
-    if (keys === void 0) { keys = Object.keys(componentProps); }
-    return keys.reduce(function (mergedProps, key) {
+function mergeCallbacks(elemProps, componentProps, keys = Object.keys(componentProps)) {
+    return keys.reduce((mergedProps, key) => {
         if (typeof elemProps[key] === 'function') {
             mergedProps[key] = mergeCallback(componentProps[key], elemProps[key]);
         }
@@ -42,35 +19,38 @@ function mergeCallbacks(elemProps, componentProps, keys) {
 function getTooltipContents(title) {
     if (title instanceof Array) {
         if (title.length && title[0].value) {
-            return title.map(function (v) { return v.value; }).join(', ');
+            return title.map(v => v.value).join(', ');
         }
     }
     return '';
 }
-export var MoreTooltip = function (_a) {
-    var _b = _a.placement, placement = _b === void 0 ? 'top' : _b, children = _a.children, title = _a.title, elemProps = __rest(_a, ["placement", "children", "title"]);
-    var _c = React.useState(''), titleText = _c[0], setTitleText = _c[1];
-    var _d = useTooltip({ type: 'describe' }), targetProps = _d.targetProps, popperProps = _d.popperProps, tooltipProps = _d.tooltipProps;
-    var onMouseEnter = function (event) {
-        var target = event.currentTarget;
+export const MoreTooltip = ({ placement = 'top', children, title, ...elemProps }) => {
+    const [titleText, setTitleText] = React.useState('');
+    const { targetProps, popperProps, tooltipProps } = useTooltip({ type: 'describe' });
+    const onMouseEnter = (event) => {
+        const target = event.currentTarget;
         setTitleText(getTooltipContents(title));
         if (isOverflowed(target)) {
             targetProps.onMouseEnter(event);
         }
     };
-    var onFocus = function (event) {
-        var target = event.currentTarget;
+    const onFocus = (event) => {
+        const target = event.currentTarget;
         setTitleText(getTooltipContents(title));
         if (isOverflowed(target)) {
             targetProps.onFocus(event);
         }
     };
     return (React.createElement(React.Fragment, null,
-        React.cloneElement(children, __assign(__assign(__assign({}, targetProps), { onMouseEnter: onMouseEnter,
-            onFocus: onFocus, 'aria-label': undefined }), mergeCallbacks(__assign(__assign({}, targetProps), { onMouseEnter: onMouseEnter, onFocus: onFocus }), children.props))),
-        React.createElement(Popper, __assign({ placement: placement }, popperProps), function (_a) {
-            var placement = _a.placement;
-            var transformOrigin = getTransformFromPlacement(placement);
-            return (React.createElement(TooltipContainer, __assign({ transformOrigin: transformOrigin }, tooltipProps, elemProps), titleText));
+        React.cloneElement(children, {
+            ...targetProps,
+            onMouseEnter,
+            onFocus,
+            'aria-label': undefined,
+            ...mergeCallbacks({ ...targetProps, onMouseEnter, onFocus }, children.props),
+        }),
+        React.createElement(Popper, Object.assign({ placement: placement }, popperProps), ({ placement }) => {
+            const transformOrigin = getTransformFromPlacement(placement);
+            return (React.createElement(TooltipContainer, Object.assign({ transformOrigin: transformOrigin }, tooltipProps, elemProps), titleText));
         })));
 };

package/dist/es6/lib/Specifications.js

@@ -1,14 +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);
-};
 /* eslint-disable no-param-reassign */
 import React from 'react';
 import { toId } from '@storybook/csf';
@@ -16,53 +5,60 @@ import { Table, TableRow } from '@workday/canvas-kit-react/table';
 import { Hyperlink } from '@workday/canvas-kit-react/button';
 import { specifications } from './specs';
 import { GithubBranch, GithubUrl, StorybookUrl } from './docs';
-function createTableRows(rows, item, index, children, context) {
-    if (context === void 0) { context = { given: [], when: [], then: [], prefix: '' }; }
+function createTableRows(rows, item, index, children, context = { given: [], when: [], then: [], prefix: '' }) {
     if (item.type === 'describe') {
         if (/^given/i.test(item.name)) {
-            context = __assign(__assign({}, context), { given: context.given.concat(context.prefix ? context.prefix + " " + item.name : item.name) });
+            context = {
+                ...context,
+                given: context.given.concat(context.prefix ? `${context.prefix} ${item.name}` : item.name),
+            };
             context.prefix = '';
         }
         else if (/^[wt]hen/i.test(item.name)) {
-            context = __assign(__assign({}, context), { when: context.when.concat(context.prefix ? context.prefix + " " + item.name : item.name) });
+            context = {
+                ...context,
+                when: context.when.concat(context.prefix ? `${context.prefix} ${item.name}` : item.name),
+            };
             context.prefix = '';
         }
         else {
-            context = __assign(__assign({}, context), { prefix: context.prefix ? context.prefix + " " + item.name : item.name });
+            context = { ...context, prefix: context.prefix ? `${context.prefix} ${item.name}` : item.name };
         }
-        item.children.reduce(function (rows, item, index, children) { return createTableRows(rows, item, index, children, context); }, rows);
+        item.children.reduce((rows, item, index, children) => createTableRows(rows, item, index, children, context), rows);
     }
     else {
-        context = __assign(__assign({}, context), { then: context.then.concat(context.prefix ? context.prefix + " " + item.name : item.name) });
+        context = {
+            ...context,
+            then: context.then.concat(context.prefix ? `${context.prefix} ${item.name}` : item.name),
+        };
         rows.push(context);
     }
     return rows;
 }
-export var Specifications = function (_a) {
-    var file = _a.file, name = _a.name;
-    var storybookBaseUrl = React.useContext(StorybookUrl);
-    var githubUrl = React.useContext(GithubUrl);
-    var githubBranch = React.useContext(GithubBranch);
-    var specFile = specifications.find(function (f) { return f.name === file; });
+export const Specifications = ({ file, name }) => {
+    const storybookBaseUrl = React.useContext(StorybookUrl);
+    const githubUrl = React.useContext(GithubUrl);
+    const githubBranch = React.useContext(GithubBranch);
+    const specFile = specifications.find(f => f.name === file);
     if (!specFile) {
         return null;
     }
-    var block = name ? specFile.children.find(function (d) { return d.name === name; }) : specFile.children[0];
+    const block = name ? specFile.children.find(d => d.name === name) : specFile.children[0];
     if (!block) {
         return null;
     }
-    var renderGiven = function (input) {
+    const renderGiven = (input) => {
         if (!input) {
-            return "Could not find a \"given\". Check the spec file.";
+            return `Could not find a "given". Check the spec file.`;
         }
-        var matches = input.match(/(.*)(\[[A-Za-z/\s]+), ([A-Za-z\s]+)\](.*)/);
+        const matches = input.match(/(.*)(\[[A-Za-z/\s]+), ([A-Za-z\s]+)\](.*)/);
         if (matches == null) {
             return input;
         }
-        var first = matches[1], kind = matches[2], name = matches[3], last = matches[4];
+        const [, first, kind, name, last] = matches;
         return React.createElement(React.Fragment, null,
             first.replace(/given /i, ''),
-            React.createElement(Hyperlink, { href: storybookBaseUrl + "?path=/story/" + toId(kind, name.replace('DefaultStory', 'Default Story')) }, name.replace('DefaultStory', 'Default')),
+            React.createElement(Hyperlink, { href: `${storybookBaseUrl}?path=/story/${toId(kind, name.replace('DefaultStory', 'Default Story'))}` }, name.replace('DefaultStory', 'Default')),
             last);
     };
     return block.type === 'describe' ? (React.createElement(React.Fragment, null,
@@ -72,13 +68,13 @@ export var Specifications = function (_a) {
                     React.createElement("th", null, "Given"),
                     React.createElement("th", null, "When"),
                     React.createElement("th", null, "Then"))),
-            React.createElement("tbody", null, block.children.reduce(createTableRows, []).map(function (row, index) { return (React.createElement(TableRow, { key: index },
+            React.createElement("tbody", null, block.children.reduce(createTableRows, []).map((row, index) => (React.createElement(TableRow, { key: index },
                 React.createElement("td", null, renderGiven(row.given[0])),
                 React.createElement("td", null,
-                    React.createElement("ul", null, row.when.map(function (item, index) { return (React.createElement("li", { key: index }, (index !== 0 ? 'AND THEN ' : '') + item.replace(/[tw]hen /i, ''))); }))),
+                    React.createElement("ul", null, row.when.map((item, index) => (React.createElement("li", { key: index }, (index !== 0 ? 'AND THEN ' : '') + item.replace(/[tw]hen /i, '')))))),
                 React.createElement("td", null,
-                    React.createElement("ul", null, row.then.map(function (item, index) { return (React.createElement("li", { key: index }, (item.indexOf('should') === 0 ? 'it ' : '') + item)); }))))); }))),
+                    React.createElement("ul", null, row.then.map((item, index) => (React.createElement("li", { key: index }, (item.indexOf('should') === 0 ? 'it ' : '') + item)))))))))),
         "Source:",
         ' ',
-        React.createElement(Hyperlink, { href: githubUrl + "blob/" + githubBranch + "/cypress/integration/" + file }, file))) : null;
+        React.createElement(Hyperlink, { href: `${githubUrl}blob/${githubBranch}/cypress/integration/${file}` }, file))) : null;
 };

package/dist/es6/lib/StylePropsTable.js

@@ -2,25 +2,24 @@ import React from 'react';
 import { Box } from '@workday/canvas-kit-react/layout';
 import { ExternalHyperlink } from '@workday/canvas-kit-react';
 import { Table } from './Table';
-var camelToKebabCase = function (name) {
+const camelToKebabCase = (name) => {
     return name.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
 };
-export var StylePropsTable = function (_a) {
-    var _b = _a.styleProps, styleProps = _b === void 0 ? [] : _b;
-    var sortedStyleProps = styleProps.sort(function (a, b) { return a.name.localeCompare(b.name); });
+export const StylePropsTable = ({ styleProps = [] }) => {
+    const sortedStyleProps = styleProps.sort((a, b) => a.name.localeCompare(b.name));
     return (React.createElement(Table, null,
         React.createElement(Table.Head, null,
             React.createElement(Table.Row, null,
                 React.createElement(Table.Header, null, "Prop"),
                 React.createElement(Table.Header, null, "CSS Properties"),
                 React.createElement(Table.Header, null, "System"))),
-        React.createElement(Table.Body, null, sortedStyleProps.map(function (styleProp, index) { return (React.createElement(Table.Row, { key: index },
+        React.createElement(Table.Body, null, sortedStyleProps.map((styleProp, index) => (React.createElement(Table.Row, { key: index },
             React.createElement(Table.Data, { fontFamily: "monospace" }, styleProp.name),
-            React.createElement(Table.Data, null, styleProp.properties.map(function (property, i) {
-                var formattedName = camelToKebabCase(property);
-                var mdnUrl = "https://developer.mozilla.org/en-US/docs/Web/CSS/" + formattedName;
+            React.createElement(Table.Data, null, styleProp.properties.map((property, i) => {
+                const formattedName = camelToKebabCase(property);
+                const mdnUrl = `https://developer.mozilla.org/en-US/docs/Web/CSS/${formattedName}`;
                 return (React.createElement(Box, { display: "inline-block", marginInlineEnd: "xxxs" },
                     React.createElement(ExternalHyperlink, { href: mdnUrl, key: i }, formattedName)));
             })),
-            React.createElement(Table.Data, { fontFamily: "monospace" }, styleProp.system === 'none' ? '---' : styleProp.system))); }))));
+            React.createElement(Table.Data, { fontFamily: "monospace" }, styleProp.system === 'none' ? '---' : styleProp.system)))))));
 };

package/dist/es6/lib/Table.js

@@ -1,54 +1,43 @@
-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 { createComponent } from '@workday/canvas-kit-react/common';
 import { Box } from '@workday/canvas-kit-react/layout';
 import { Text } from '@workday/canvas-kit-react/text';
 import styled from '@emotion/styled';
 import { type } from '@workday/canvas-kit-react/tokens';
-var TableHead = createComponent('thead')({
-    Component: function (props, ref, Element) {
-        return React.createElement(Box, __assign({ as: Element, ref: ref }, props));
+const TableHead = createComponent('thead')({
+    Component: (props, ref, Element) => {
+        return React.createElement(Box, Object.assign({ as: Element, ref: ref }, props));
     },
 });
-var TableBody = createComponent('tbody')({
-    Component: function (props, ref, Element) {
-        return React.createElement(Box, __assign({ as: Element, ref: ref }, props));
+const TableBody = createComponent('tbody')({
+    Component: (props, ref, Element) => {
+        return React.createElement(Box, Object.assign({ as: Element, ref: ref }, props));
     },
 });
-var TableRow = createComponent('tr')({
-    Component: function (props, ref, Element) {
-        return (React.createElement(Box, __assign({ as: Element, ref: ref, borderBottom: "solid 1px", borderBottomColor: "soap400" }, props)));
+const TableRow = createComponent('tr')({
+    Component: (props, ref, Element) => {
+        return (React.createElement(Box, Object.assign({ as: Element, ref: ref, borderBottom: "solid 1px", borderBottomColor: "soap400" }, props)));
     },
 });
-var TableHeader = createComponent('th')({
-    Component: function (props, ref, Element) {
-        return (React.createElement(Text, __assign({ as: Element, ref: ref, fontWeight: "medium", paddingX: "xxs", paddingY: "s", textAlign: "start", typeLevel: "subtext.large" }, props)));
+const TableHeader = createComponent('th')({
+    Component: (props, ref, Element) => {
+        return (React.createElement(Text, Object.assign({ as: Element, ref: ref, fontWeight: "medium", paddingX: "xxs", paddingY: "s", textAlign: "start", typeLevel: "subtext.large" }, props)));
     },
 });
-var StyledText = styled(Text)({
+const StyledText = styled(Text)({
     code: {
         fontFamily: type.properties.fontFamilies.monospace,
     },
 });
-var TableData = createComponent('td')({
-    Component: function (props, ref, Element) {
-        return (React.createElement(StyledText, __assign({ as: Element, ref: ref, paddingX: "xxs", paddingY: "s", textAlign: "start", typeLevel: "subtext.large" }, props)));
+const TableData = createComponent('td')({
+    Component: (props, ref, Element) => {
+        return (React.createElement(StyledText, Object.assign({ as: Element, ref: ref, paddingX: "xxs", paddingY: "s", textAlign: "start", typeLevel: "subtext.large" }, props)));
     },
 });
-export var Table = createComponent('table')({
+export const Table = createComponent('table')({
     displayName: 'Table',
-    Component: function (props, ref, Element) {
-        return (React.createElement(Box, __assign({ as: Element, ref: ref, borderCollapse: "collapse", width: "100%" }, props, { marginBottom: "s" })));
+    Component: (props, ref, Element) => {
+        return (React.createElement(Box, Object.assign({ as: Element, ref: ref, borderCollapse: "collapse", width: "100%" }, props, { marginBottom: "s" })));
     },
     subComponents: {
         Head: TableHead,

package/dist/es6/lib/Value.js

@@ -5,13 +5,13 @@ import { MdxJSToJSX } from './MDXElements';
 import { Table } from './Table';
 import { capitalize, IndentLevelContext, RenderContext, indent } from './widgetUtils';
 import { DescriptionTooltip } from './DescriptionTooltip';
-var widgets = {};
+const widgets = {};
 export function registerWidget(key, widget) {
-    widget.displayName = capitalize(key) + "Widget";
+    widget.displayName = `${capitalize(key)}Widget`;
     widgets[key] = widget;
 }
-export var Value = function (props) {
-    var level = React.useContext(IndentLevelContext);
+export const Value = (props) => {
+    const level = React.useContext(IndentLevelContext);
     if (widgets[props.value.kind]) {
         return React.createElement(widgets[props.value.kind], props);
     }
@@ -19,15 +19,14 @@ export var Value = function (props) {
         "unknown ",
         JSON.stringify(props.value, null, '  ').replace(/\n/g, '\n' + indent(level))));
 };
-export var PropertiesInline = function (_a) {
-    var properties = _a.properties;
+export const PropertiesInline = ({ properties }) => {
     if (properties.length === 0) {
         return React.createElement("span", { className: "token punctuation" }, "{}");
     }
-    var level = React.useContext(IndentLevelContext);
+    const level = React.useContext(IndentLevelContext);
     return (React.createElement(React.Fragment, null,
         React.createElement("span", { className: "token punctuation" }, "{"),
-        properties.map(function (p, index) {
+        properties.map((p, index) => {
             return (React.createElement(React.Fragment, { key: index },
                 React.createElement("br", null),
                 indent(level + 1),
@@ -47,16 +46,14 @@ export var PropertiesInline = function (_a) {
         indent(level),
         React.createElement("span", { className: "token punctuation" }, "}")));
 };
-function getTableRows(properties, showDefault, showRequired, level, index) {
-    if (showDefault === void 0) { showDefault = true; }
-    if (showRequired === void 0) { showRequired = false; }
-    return properties.flatMap(function (property, i) {
+function getTableRows(properties, showDefault = true, showRequired = false, level, index) {
+    return properties.flatMap((property, i) => {
         var _a, _b;
         if (!property) {
             return [];
         }
-        var title = (_b = (_a = property.declarations) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.filePath;
-        var propName = (React.createElement(Text, { as: "code", whiteSpace: 'nowrap !important' },
+        const title = (_b = (_a = property.declarations) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.filePath;
+        const propName = (React.createElement(Text, { as: "code", whiteSpace: 'nowrap !important' },
             indent(level),
             level > 0 && '\u2514\u00A0',
             property.name,
@@ -75,12 +72,11 @@ function getTableRows(properties, showDefault, showRequired, level, index) {
         ];
     });
 }
-export var PropertiesTable = function (_a) {
-    var properties = _a.properties, _b = _a.showDefault, showDefault = _b === void 0 ? true : _b, _c = _a.showRequired, showRequired = _c === void 0 ? false : _c;
+export const PropertiesTable = ({ properties, showDefault = true, showRequired = false, }) => {
     if (properties.length === 0) {
         return React.createElement("span", { className: "token punctuation" }, "{}");
     }
-    var tableBody = getTableRows(properties, showDefault, showRequired, 0, 0);
+    const tableBody = getTableRows(properties, showDefault, showRequired, 0, 0);
     return (React.createElement(IndentLevelContext.Provider, { value: 0 },
         React.createElement(Table, null,
             React.createElement(Table.Head, null,