@itwin/itwinui-react 3.0.3 → 3.0.5

package/cjs/core/FileUpload/FileUploadTemplate.js

@@ -1,15 +1,15 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileUploadTemplate = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require('react'));
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const index_js_1 = require('../utils/index.js');
-const Anchor_js_1 = require('../Typography/Anchor.js');
+const React = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const index_js_1 = require("../utils/index.js");
+const Anchor_js_1 = require("../Typography/Anchor.js");
 /**
  * @deprecated Use `FileUploadCard` instead.
  * Default template to be used with the `FileUpload` wrapper component.
@@ -18,49 +18,14 @@ const Anchor_js_1 = require('../Typography/Anchor.js');
  * <FileUploadTemplate onChange={(e) => console.log(e.target.files)} />
  */
 exports.FileUploadTemplate = React.forwardRef((props, ref) => {
-  const {
-    onChange,
-    acceptMultiple = true,
-    acceptType,
-    label = 'Choose a file',
-    subtitle = 'or drag & drop it here.',
-    children,
-    className,
-    ...rest
-  } = props;
-  return React.createElement(
-    index_js_1.Box,
-    {
-      className: (0, classnames_1.default)(
-        'iui-file-upload-template',
-        className,
-      ),
-      ref: ref,
-      ...rest,
-    },
-    React.createElement(index_js_1.SvgUpload, {
-      className: 'iui-template-icon',
-      'aria-hidden': true,
-    }),
-    React.createElement(
-      index_js_1.Box,
-      { className: 'iui-template-text' },
-      React.createElement(
-        Anchor_js_1.Anchor,
-        { as: 'label' },
-        React.createElement(index_js_1.Box, {
-          as: 'input',
-          className: 'iui-browse-input',
-          type: 'file',
-          onChange: onChange,
-          multiple: acceptMultiple,
-          accept: acceptType,
-        }),
-        label,
-      ),
-      React.createElement('div', null, subtitle),
-      children,
-    ),
-  );
+    const { onChange, acceptMultiple = true, acceptType, label = 'Choose a file', subtitle = 'or drag & drop it here.', children, className, ...rest } = props;
+    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-file-upload-template', className), ref: ref, ...rest },
+        React.createElement(index_js_1.SvgUpload, { className: 'iui-template-icon', "aria-hidden": true }),
+        React.createElement(index_js_1.Box, { className: 'iui-template-text' },
+            React.createElement(Anchor_js_1.Anchor, { as: 'label' },
+                React.createElement(index_js_1.Box, { as: 'input', className: 'iui-browse-input', type: 'file', onChange: onChange, multiple: acceptMultiple, accept: acceptType }),
+                label),
+            React.createElement("div", null, subtitle),
+            children)));
 });
 exports.default = exports.FileUploadTemplate;

package/cjs/core/Flex/Flex.js

@@ -1,87 +1,71 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Flex = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require('react'));
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const Box_js_1 = require('../utils/components/Box.js');
-const sizeTokens = ['3xs', '2xs', 'xs', 's', 'm', 'l', 'xl', '2xl', '3xl'];
+const React = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const Box_js_1 = require("../utils/components/Box.js");
+const sizeTokens = [
+    '3xs',
+    '2xs',
+    'xs',
+    's',
+    'm',
+    'l',
+    'xl',
+    '2xl',
+    '3xl',
+];
 const getValueForToken = (token) => {
-  if (sizeTokens.includes(token)) {
-    return `var(--iui-size-${token})`;
-  }
-  return token;
+    if (sizeTokens.includes(token)) {
+        return `var(--iui-size-${token})`;
+    }
+    return token;
 };
 // ----------------------------------------------------------------------------
 // Main Flex component
 const FlexComponent = React.forwardRef((props, ref) => {
-  const {
-    display,
-    flexDirection,
-    justifyContent,
-    alignItems,
-    gap,
-    flexWrap,
-    className,
-    style,
-    ...rest
-  } = props;
-  return React.createElement(Box_js_1.Box, {
-    className: (0, classnames_1.default)('iui-flex', className),
-    style: {
-      '--iui-flex-display': display,
-      '--iui-flex-direction': flexDirection,
-      '--iui-flex-justify': justifyContent,
-      '--iui-flex-align': alignItems,
-      '--iui-flex-gap': getValueForToken(gap),
-      '--iui-flex-wrap': flexWrap,
-      ...style,
-    },
-    ref: ref,
-    ...rest,
-  });
+    const { display, flexDirection, justifyContent, alignItems, gap, flexWrap, className, style, ...rest } = props;
+    return (React.createElement(Box_js_1.Box, { className: (0, classnames_1.default)('iui-flex', className), style: {
+            '--iui-flex-display': display,
+            '--iui-flex-direction': flexDirection,
+            '--iui-flex-justify': justifyContent,
+            '--iui-flex-align': alignItems,
+            '--iui-flex-gap': getValueForToken(gap),
+            '--iui-flex-wrap': flexWrap,
+            ...style,
+        }, ref: ref, ...rest }));
 });
 FlexComponent.displayName = 'Flex';
 // ----------------------------------------------------------------------------
 // Flex.Spacer component
 const FlexSpacer = React.forwardRef((props, ref) => {
-  const { flex, className, style, ...rest } = props;
-  return React.createElement(Box_js_1.Box, {
-    className: (0, classnames_1.default)('iui-flex-spacer', className),
-    style: { '--iui-flex-spacer-flex': flex, ...style },
-    ref: ref,
-    ...rest,
-  });
+    const { flex, className, style, ...rest } = props;
+    return (React.createElement(Box_js_1.Box, { className: (0, classnames_1.default)('iui-flex-spacer', className), style: { '--iui-flex-spacer-flex': flex, ...style }, ref: ref, ...rest }));
 });
 FlexSpacer.displayName = 'Flex.Spacer';
 // ----------------------------------------------------------------------------
 // Flex.Item subcomponent
 const FlexItem = React.forwardRef((props, ref) => {
-  const { gapBefore, gapAfter, flex, alignSelf, className, style, ...rest } =
-    props;
-  const _style = {
-    '--iui-flex-item-flex': flex,
-    '--iui-flex-item-align': alignSelf,
-    '--iui-flex-item-gap-before': getValueForToken(gapBefore),
-    '--iui-flex-item-gap-after': getValueForToken(gapAfter),
-    ...(gapBefore !== undefined && {
-      '--iui-flex-item-gap-before-toggle': 'var(--iui-on)',
-    }),
-    ...(gapAfter !== undefined && {
-      '--iui-flex-item-gap-after-toggle': 'var(--iui-on)',
-    }),
-    ...style,
-  };
-  return React.createElement(Box_js_1.Box, {
-    className: (0, classnames_1.default)('iui-flex-item', className),
-    ref: ref,
-    style: _style,
-    ...rest,
-  });
+    const { gapBefore, gapAfter, flex, alignSelf, className, style, ...rest } = props;
+    const _style = {
+        '--iui-flex-item-flex': flex,
+        '--iui-flex-item-align': alignSelf,
+        '--iui-flex-item-gap-before': getValueForToken(gapBefore),
+        '--iui-flex-item-gap-after': getValueForToken(gapAfter),
+        ...(gapBefore !== undefined && {
+            '--iui-flex-item-gap-before-toggle': 'var(--iui-on)',
+        }),
+        ...(gapAfter !== undefined && {
+            '--iui-flex-item-gap-after-toggle': 'var(--iui-on)',
+        }),
+        ...style,
+    };
+    return (React.createElement(Box_js_1.Box, { className: (0, classnames_1.default)('iui-flex-item', className), ref: ref, style: _style, ...rest }));
 });
 FlexItem.displayName = 'Flex.Item';
 // ----------------------------------------------------------------------------
@@ -115,34 +99,34 @@ FlexItem.displayName = 'Flex.Item';
  * </Flex>
  */
 exports.Flex = Object.assign(FlexComponent, {
-  /**
-   * Subcomponent that allows customizing flex items through the
-   * `flex`, `alignSelf` and `gapBefore`/`gapAfter` props.
-   *
-   * The `gapBefore`/`gapAfter` props can used to override the gap at an
-   * individual level, for when you need a different gap than the one
-   * set in the parent `Flex`.
-   *
-   * @example
-   * <Flex gap='l'>
-   *   <Flex.Item>...</Flex.Item>
-   *   <Flex.Item>...</Flex.Item>
-   *   <Flex.Item gapBefore='s'>...</Flex.Item>
-   *   <Flex.Item>...</Flex.Item>
-   * </Flex>
-   */
-  Item: FlexItem,
-  /**
-   * Subcomponent that fills up the available space using a really large `flex` value.
-   * Useful when you want to push certain items to one edge.
-   *
-   * @example
-   * <Flex>
-   *   <div>this stays on the left</div>
-   *   <Flex.Spacer /> // this fills up the available empty space
-   *   <div>this gets pushed all the way to the end</div>
-   * </Flex>
-   */
-  Spacer: FlexSpacer,
+    /**
+     * Subcomponent that allows customizing flex items through the
+     * `flex`, `alignSelf` and `gapBefore`/`gapAfter` props.
+     *
+     * The `gapBefore`/`gapAfter` props can used to override the gap at an
+     * individual level, for when you need a different gap than the one
+     * set in the parent `Flex`.
+     *
+     * @example
+     * <Flex gap='l'>
+     *   <Flex.Item>...</Flex.Item>
+     *   <Flex.Item>...</Flex.Item>
+     *   <Flex.Item gapBefore='s'>...</Flex.Item>
+     *   <Flex.Item>...</Flex.Item>
+     * </Flex>
+     */
+    Item: FlexItem,
+    /**
+     * Subcomponent that fills up the available space using a really large `flex` value.
+     * Useful when you want to push certain items to one edge.
+     *
+     * @example
+     * <Flex>
+     *   <div>this stays on the left</div>
+     *   <Flex.Spacer /> // this fills up the available empty space
+     *   <div>this gets pushed all the way to the end</div>
+     * </Flex>
+     */
+    Spacer: FlexSpacer,
 });
 exports.default = exports.Flex;

package/cjs/core/Footer/Footer.js

@@ -1,54 +1,54 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Footer = exports.defaultFooterElements = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require('react'));
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const index_js_1 = require('../utils/index.js');
-const FooterItem_js_1 = require('./FooterItem.js');
-const FooterSeparator_js_1 = require('./FooterSeparator.js');
-const FooterList_js_1 = require('./FooterList.js');
+const React = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const index_js_1 = require("../utils/index.js");
+const FooterItem_js_1 = require("./FooterItem.js");
+const FooterSeparator_js_1 = require("./FooterSeparator.js");
+const FooterList_js_1 = require("./FooterList.js");
 const footerTranslations = {
-  cookies: 'Cookies',
-  legalNotices: 'Legal notices',
-  privacy: 'Privacy',
-  termsOfService: 'Terms of service',
-  termsOfUse: 'Terms of use',
+    cookies: 'Cookies',
+    legalNotices: 'Legal notices',
+    privacy: 'Privacy',
+    termsOfService: 'Terms of service',
+    termsOfUse: 'Terms of use',
 };
 exports.defaultFooterElements = [
-  {
-    key: 'copyright',
-    title: `© ${new Date().getFullYear()} Bentley Systems, Incorporated`,
-  },
-  {
-    key: 'termsOfService',
-    title: footerTranslations.termsOfService,
-    url: 'https://connect-agreementportal.bentley.com/AgreementApp/Home/Eula/view/readonly/BentleyConnect',
-  },
-  {
-    key: 'privacy',
-    title: footerTranslations.privacy,
-    url: 'https://www.bentley.com/en/privacy-policy',
-  },
-  {
-    key: 'termsOfUse',
-    title: footerTranslations.termsOfUse,
-    url: 'https://www.bentley.com/en/terms-of-use-and-select-online-agreement',
-  },
-  {
-    key: 'cookies',
-    title: footerTranslations.cookies,
-    url: 'https://www.bentley.com/en/cookie-policy',
-  },
-  {
-    key: 'legalNotices',
-    title: footerTranslations.legalNotices,
-    url: 'https://connect.bentley.com/Legal',
-  },
+    {
+        key: 'copyright',
+        title: `© ${new Date().getFullYear()} Bentley Systems, Incorporated`,
+    },
+    {
+        key: 'termsOfService',
+        title: footerTranslations.termsOfService,
+        url: 'https://connect-agreementportal.bentley.com/AgreementApp/Home/Eula/view/readonly/BentleyConnect',
+    },
+    {
+        key: 'privacy',
+        title: footerTranslations.privacy,
+        url: 'https://www.bentley.com/en/privacy-policy',
+    },
+    {
+        key: 'termsOfUse',
+        title: footerTranslations.termsOfUse,
+        url: 'https://www.bentley.com/en/terms-of-use-and-select-online-agreement',
+    },
+    {
+        key: 'cookies',
+        title: footerTranslations.cookies,
+        url: 'https://www.bentley.com/en/cookie-policy',
+    },
+    {
+        key: 'legalNotices',
+        title: footerTranslations.legalNotices,
+        url: 'https://connect.bentley.com/Legal',
+    },
 ];
 /**
  * Footer element with all needed legal and info links.
@@ -63,73 +63,34 @@ exports.defaultFooterElements = [
  * @example <caption>Changing a url</caption>
  * <Footer customElements={(defaultElements) => defaultElements.map(element => ({ ...element, url: element.key === 'privacy' ? customPrivacyUrl : element.url }))} />
  */
-exports.Footer = Object.assign(
-  (props) => {
-    const { children, customElements, translatedTitles, className, ...rest } =
-      props;
+exports.Footer = Object.assign((props) => {
+    const { children, customElements, translatedTitles, className, ...rest } = props;
     const titles = { ...footerTranslations, ...translatedTitles };
     const translatedElements = exports.defaultFooterElements.map((element) => {
-      if (element.key && titles.hasOwnProperty(element.key)) {
-        const key = element.key;
-        return {
-          ...element,
-          title: titles[key],
-        };
-      }
-      return element;
+        if (element.key && titles.hasOwnProperty(element.key)) {
+            const key = element.key;
+            return {
+                ...element,
+                title: titles[key],
+            };
+        }
+        return element;
     });
     let elements = translatedElements;
     if (customElements) {
-      elements =
-        typeof customElements === 'function'
-          ? customElements(translatedElements)
-          : [...translatedElements, ...customElements];
+        elements =
+            typeof customElements === 'function'
+                ? customElements(translatedElements)
+                : [...translatedElements, ...customElements];
     }
-    return React.createElement(
-      index_js_1.Box,
-      {
-        as: 'footer',
-        className: (0, classnames_1.default)('iui-legal-footer', className),
-        ...rest,
-      },
-      children
-        ? children
-        : React.createElement(
-            FooterList_js_1.FooterList,
-            null,
-            elements.map((element, index) => {
-              return React.createElement(
-                React.Fragment,
-                { key: element.key || `${element.title}-${index}` },
-                index > 0 &&
-                  React.createElement(
-                    FooterSeparator_js_1.FooterSeparator,
-                    null,
-                  ),
-                React.createElement(
-                  FooterItem_js_1.FooterItem,
-                  null,
-                  element.url
-                    ? React.createElement(
-                        'a',
-                        {
-                          href: element.url,
-                          target: '_blank',
-                          rel: 'noreferrer',
-                        },
-                        element.title,
-                      )
-                    : element.title,
-                ),
-              );
-            }),
-          ),
-    );
-  },
-  {
+    return (React.createElement(index_js_1.Box, { as: 'footer', className: (0, classnames_1.default)('iui-legal-footer', className), ...rest }, children ? (children) : (React.createElement(FooterList_js_1.FooterList, null, elements.map((element, index) => {
+        return (React.createElement(React.Fragment, { key: element.key || `${element.title}-${index}` },
+            index > 0 && React.createElement(FooterSeparator_js_1.FooterSeparator, null),
+            React.createElement(FooterItem_js_1.FooterItem, null, element.url ? (React.createElement("a", { href: element.url, target: '_blank', rel: 'noreferrer' }, element.title)) : (element.title))));
+    })))));
+}, {
     List: FooterList_js_1.FooterList,
     Item: FooterItem_js_1.FooterItem,
     Separator: FooterSeparator_js_1.FooterSeparator,
-  },
-);
+});
 exports.default = exports.Footer;

package/cjs/core/Footer/FooterItem.js

@@ -1,11 +1,11 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterItem = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const index_js_1 = require('../utils/index.js');
+const index_js_1 = require("../utils/index.js");
 /**
  * Footer item. Recommended to use inside `Footer.List`.
  */

package/cjs/core/Footer/FooterList.js

@@ -1,11 +1,11 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterList = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const index_js_1 = require('../utils/index.js');
+const index_js_1 = require("../utils/index.js");
 /**
  * Footer list. Recommended to use inside `Footer` with `Footer.Item` and `Footer.Separator`.
  */

package/cjs/core/Footer/FooterSeparator.js

@@ -1,18 +1,15 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterSeparator = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const index_js_1 = require('../utils/index.js');
+const index_js_1 = require("../utils/index.js");
 /**
  * Footer separator. Recommended to use inside `Footer.List`.
  */
-exports.FooterSeparator = index_js_1.polymorphic.li(
-  'iui-legal-footer-separator',
-  {
+exports.FooterSeparator = index_js_1.polymorphic.li('iui-legal-footer-separator', {
     'aria-hidden': true,
-  },
-);
+});
 exports.default = exports.FooterSeparator;

package/cjs/core/Header/Header.js

@@ -1,18 +1,18 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Header = void 0;
-const tslib_1 = require('tslib');
+const tslib_1 = require("tslib");
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const React = tslib_1.__importStar(require('react'));
-const IconButton_js_1 = require('../Buttons/IconButton.js');
-const index_js_1 = require('../utils/index.js');
-const DropdownMenu_js_1 = require('../DropdownMenu/DropdownMenu.js');
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const IconButton_js_1 = require("../Buttons/IconButton.js");
+const index_js_1 = require("../utils/index.js");
+const DropdownMenu_js_1 = require("../DropdownMenu/DropdownMenu.js");
 const defaultTranslations = {
-  moreOptions: 'More options',
+    moreOptions: 'More options',
 };
 /**
  * Application header
@@ -42,63 +42,18 @@ const defaultTranslations = {
  * />
  */
 exports.Header = React.forwardRef((props, forwardedRef) => {
-  const {
-    appLogo,
-    breadcrumbs,
-    isSlim = false,
-    actions,
-    menuItems,
-    translatedStrings,
-    className,
-    children,
-    ...rest
-  } = props;
-  const headerTranslations = { ...defaultTranslations, ...translatedStrings };
-  return React.createElement(
-    index_js_1.Box,
-    {
-      as: 'header',
-      className: (0, classnames_1.default)('iui-page-header', className),
-      'data-iui-size': isSlim ? 'slim' : undefined,
-      ref: forwardedRef,
-      ...rest,
-    },
-    React.createElement(
-      index_js_1.Box,
-      { className: 'iui-page-header-left' },
-      appLogo,
-      breadcrumbs &&
-        React.createElement(index_js_1.Box, {
-          className: 'iui-page-header-divider',
-        }),
-      breadcrumbs,
-    ),
-    children &&
-      React.createElement(
-        index_js_1.Box,
-        { className: 'iui-page-header-center' },
-        children,
-      ),
-    React.createElement(
-      index_js_1.Box,
-      { className: 'iui-page-header-right' },
-      actions,
-      menuItems &&
-        React.createElement(
-          DropdownMenu_js_1.DropdownMenu,
-          { menuItems: menuItems },
-          React.createElement(
-            IconButton_js_1.IconButton,
-            {
-              styleType: 'borderless',
-              'aria-label': headerTranslations.moreOptions,
-            },
-            React.createElement(index_js_1.SvgMoreVertical, {
-              'aria-hidden': true,
-            }),
-          ),
-        ),
-    ),
-  );
+    const { appLogo, breadcrumbs, isSlim = false, actions, menuItems, translatedStrings, className, children, ...rest } = props;
+    const headerTranslations = { ...defaultTranslations, ...translatedStrings };
+    return (React.createElement(index_js_1.Box, { as: 'header', className: (0, classnames_1.default)('iui-page-header', className), "data-iui-size": isSlim ? 'slim' : undefined, ref: forwardedRef, ...rest },
+        React.createElement(index_js_1.Box, { className: 'iui-page-header-left' },
+            appLogo,
+            breadcrumbs && React.createElement(index_js_1.Box, { className: 'iui-page-header-divider' }),
+            breadcrumbs),
+        children && React.createElement(index_js_1.Box, { className: 'iui-page-header-center' }, children),
+        React.createElement(index_js_1.Box, { className: 'iui-page-header-right' },
+            actions,
+            menuItems && (React.createElement(DropdownMenu_js_1.DropdownMenu, { menuItems: menuItems },
+                React.createElement(IconButton_js_1.IconButton, { styleType: 'borderless', "aria-label": headerTranslations.moreOptions },
+                    React.createElement(index_js_1.SvgMoreVertical, { "aria-hidden": true })))))));
 });
 exports.default = exports.Header;