@itwin/itwinui-react 3.13.4 → 3.14.0

package/DEV-cjs/core/Footer/Footer.js

@@ -1,103 +1,137 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
 function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
     });
 }
 _export(exports, {
-    Footer: function() {
-        return Footer;
-    },
-    defaultFooterElements: function() {
-        return defaultFooterElements;
-    }
+  Footer: function () {
+    return Footer;
+  },
+  defaultFooterElements: function () {
+    return defaultFooterElements;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _classnames = _interop_require_default._(require("classnames"));
-const _index = require("../../utils/index.js");
-const _FooterItem = require("./FooterItem.js");
-const _FooterSeparator = require("./FooterSeparator.js");
-const _FooterList = require("./FooterList.js");
-const _Anchor = require("../Typography/Anchor.js");
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _index = require('../../utils/index.js');
+const _FooterItem = require('./FooterItem.js');
+const _FooterSeparator = require('./FooterSeparator.js');
+const _FooterList = require('./FooterList.js');
+const _Anchor = require('../Typography/Anchor.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',
 };
 const 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',
+  },
 ];
-const Footer = Object.assign((props)=>{
-    let { children, customElements, translatedTitles, className, ...rest } = props;
+const Footer = Object.assign(
+  (props) => {
+    let { children, customElements, translatedTitles, className, ...rest } =
+      props;
     let titles = {
-        ...footerTranslations,
-        ...translatedTitles
+      ...footerTranslations,
+      ...translatedTitles,
     };
-    let translatedElements = defaultFooterElements.map((element)=>{
-        if (element.key && titles.hasOwnProperty(element.key)) {
-            let key = element.key;
-            return {
-                ...element,
-                title: titles[key]
-            };
-        }
-        return element;
+    let translatedElements = defaultFooterElements.map((element) => {
+      if (element.key && titles.hasOwnProperty(element.key)) {
+        let key = element.key;
+        return {
+          ...element,
+          title: titles[key],
+        };
+      }
+      return element;
     });
     let elements = translatedElements;
-    if (customElements) elements = 'function' == typeof customElements ? customElements(translatedElements) : [
-        ...translatedElements,
-        ...customElements
-    ];
-    return _react.createElement(_index.Box, {
-        as: "footer",
+    if (customElements)
+      elements =
+        'function' == typeof customElements
+          ? customElements(translatedElements)
+          : [...translatedElements, ...customElements];
+    return _react.createElement(
+      _index.Box,
+      {
+        as: 'footer',
         className: (0, _classnames.default)('iui-legal-footer', className),
-        ...rest
-    }, children ? children : _react.createElement(_FooterList.FooterList, null, elements.map((element, index)=>_react.createElement(_react.Fragment, {
-            key: element.key || `${element.title}-${index}`
-        }, index > 0 && _react.createElement(_FooterSeparator.FooterSeparator, null), _react.createElement(_FooterItem.FooterItem, null, element.url ? _react.createElement(_Anchor.Anchor, {
-            href: element.url,
-            target: "_blank",
-            rel: "noreferrer"
-        }, element.title) : element.title)))));
-}, {
+        ...rest,
+      },
+      children
+        ? children
+        : _react.createElement(
+            _FooterList.FooterList,
+            null,
+            elements.map((element, index) =>
+              _react.createElement(
+                _react.Fragment,
+                {
+                  key: element.key || `${element.title}-${index}`,
+                },
+                index > 0 &&
+                  _react.createElement(_FooterSeparator.FooterSeparator, null),
+                _react.createElement(
+                  _FooterItem.FooterItem,
+                  null,
+                  element.url
+                    ? _react.createElement(
+                        _Anchor.Anchor,
+                        {
+                          href: element.url,
+                          target: '_blank',
+                          rel: 'noreferrer',
+                        },
+                        element.title,
+                      )
+                    : element.title,
+                ),
+              ),
+            ),
+          ),
+    );
+  },
+  {
     List: _FooterList.FooterList,
     Item: _FooterItem.FooterItem,
-    Separator: _FooterSeparator.FooterSeparator
-});
+    Separator: _FooterSeparator.FooterSeparator,
+  },
+);
 Footer.displayName = 'Footer';

package/DEV-cjs/core/Footer/FooterItem.js

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "FooterItem", {
-    enumerable: true,
-    get: function() {
-        return FooterItem;
-    }
+Object.defineProperty(exports, 'FooterItem', {
+  enumerable: true,
+  get: function () {
+    return FooterItem;
+  },
 });
-const _index = require("../../utils/index.js");
+const _index = require('../../utils/index.js');
 const FooterItem = _index.polymorphic.li('iui-legal-footer-item');
 FooterItem.displayName = 'Footer.Item';

package/DEV-cjs/core/Footer/FooterList.js

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "FooterList", {
-    enumerable: true,
-    get: function() {
-        return FooterList;
-    }
+Object.defineProperty(exports, 'FooterList', {
+  enumerable: true,
+  get: function () {
+    return FooterList;
+  },
 });
-const _index = require("../../utils/index.js");
+const _index = require('../../utils/index.js');
 const FooterList = _index.polymorphic.ul('iui-legal-footer-list');
 FooterList.displayName = 'Footer.List';

package/DEV-cjs/core/Footer/FooterSeparator.js

@@ -1,15 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "FooterSeparator", {
-    enumerable: true,
-    get: function() {
-        return FooterSeparator;
-    }
+Object.defineProperty(exports, 'FooterSeparator', {
+  enumerable: true,
+  get: function () {
+    return FooterSeparator;
+  },
 });
-const _index = require("../../utils/index.js");
+const _index = require('../../utils/index.js');
 const FooterSeparator = _index.polymorphic.li('iui-legal-footer-separator', {
-    'aria-hidden': true
+  'aria-hidden': true,
 });
 FooterSeparator.displayName = 'Footer.Separator';

package/DEV-cjs/core/Header/Header.js

@@ -1,50 +1,92 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "Header", {
-    enumerable: true,
-    get: function() {
-        return Header;
-    }
+Object.defineProperty(exports, 'Header', {
+  enumerable: true,
+  get: function () {
+    return Header;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _classnames = _interop_require_default._(require("classnames"));
-const _react = _interop_require_wildcard._(require("react"));
-const _IconButton = require("../Buttons/IconButton.js");
-const _index = require("../../utils/index.js");
-const _DropdownMenu = require("../DropdownMenu/DropdownMenu.js");
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _classnames = _interop_require_default._(require('classnames'));
+const _react = _interop_require_wildcard._(require('react'));
+const _IconButton = require('../Buttons/IconButton.js');
+const _index = require('../../utils/index.js');
+const _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
 const defaultTranslations = {
-    moreOptions: 'More options'
+  moreOptions: 'More options',
 };
-const Header = _react.forwardRef((props, forwardedRef)=>{
-    let { appLogo, breadcrumbs, isSlim = false, actions, menuItems, translatedStrings, className, children, ...rest } = props;
-    let headerTranslations = {
-        ...defaultTranslations,
-        ...translatedStrings
-    };
-    return _react.createElement(_index.Box, {
-        as: "header",
-        className: (0, _classnames.default)('iui-page-header', className),
-        "data-iui-size": isSlim ? 'slim' : void 0,
-        ref: forwardedRef,
-        ...rest
-    }, _react.createElement(_index.Box, {
-        className: "iui-page-header-left"
-    }, appLogo, breadcrumbs && _react.createElement(_index.Box, {
-        className: "iui-page-header-divider"
-    }), breadcrumbs), children && _react.createElement(_index.Box, {
-        className: "iui-page-header-center"
-    }, children), _react.createElement(_index.Box, {
-        className: "iui-page-header-right"
-    }, actions, menuItems && _react.createElement(_DropdownMenu.DropdownMenu, {
-        menuItems: menuItems
-    }, _react.createElement(_IconButton.IconButton, {
-        styleType: "borderless",
-        "aria-label": headerTranslations.moreOptions
-    }, _react.createElement(_index.SvgMoreVertical, {
-        "aria-hidden": true
-    })))));
+const Header = _react.forwardRef((props, forwardedRef) => {
+  let {
+    appLogo,
+    breadcrumbs,
+    isSlim = false,
+    actions,
+    menuItems,
+    translatedStrings,
+    className,
+    children,
+    ...rest
+  } = props;
+  let headerTranslations = {
+    ...defaultTranslations,
+    ...translatedStrings,
+  };
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'header',
+      className: (0, _classnames.default)('iui-page-header', className),
+      'data-iui-size': isSlim ? 'slim' : void 0,
+      ref: forwardedRef,
+      ...rest,
+    },
+    _react.createElement(
+      _index.Box,
+      {
+        className: 'iui-page-header-left',
+      },
+      appLogo,
+      breadcrumbs &&
+        _react.createElement(_index.Box, {
+          className: 'iui-page-header-divider',
+        }),
+      breadcrumbs,
+    ),
+    children &&
+      _react.createElement(
+        _index.Box,
+        {
+          className: 'iui-page-header-center',
+        },
+        children,
+      ),
+    _react.createElement(
+      _index.Box,
+      {
+        className: 'iui-page-header-right',
+      },
+      actions,
+      menuItems &&
+        _react.createElement(
+          _DropdownMenu.DropdownMenu,
+          {
+            menuItems: menuItems,
+          },
+          _react.createElement(
+            _IconButton.IconButton,
+            {
+              styleType: 'borderless',
+              'aria-label': headerTranslations.moreOptions,
+            },
+            _react.createElement(_index.SvgMoreVertical, {
+              'aria-hidden': true,
+            }),
+          ),
+        ),
+    ),
+  );
 });
 Header.displayName = 'Header';

package/DEV-cjs/core/Header/HeaderBasicButton.js

@@ -1,23 +1,33 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "HeaderBasicButton", {
-    enumerable: true,
-    get: function() {
-        return HeaderBasicButton;
-    }
+Object.defineProperty(exports, 'HeaderBasicButton', {
+  enumerable: true,
+  get: function () {
+    return HeaderBasicButton;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _classnames = _interop_require_default._(require("classnames"));
-const _react = _interop_require_wildcard._(require("react"));
-const _index = require("../../utils/index.js");
-const HeaderBasicButton = _react.forwardRef((props, ref)=>{
-    let { className, children, startIcon, endIcon, styleType, size, ...rest } = props;
-    return _react.createElement(_index.ButtonBase, {
-        className: (0, _classnames.default)('iui-header-breadcrumb-button', className),
-        ref: ref,
-        ...rest
-    }, startIcon, children, endIcon);
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _classnames = _interop_require_default._(require('classnames'));
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const HeaderBasicButton = _react.forwardRef((props, ref) => {
+  let { className, children, startIcon, endIcon, styleType, size, ...rest } =
+    props;
+  return _react.createElement(
+    _index.ButtonBase,
+    {
+      className: (0, _classnames.default)(
+        'iui-header-breadcrumb-button',
+        className,
+      ),
+      ref: ref,
+      ...rest,
+    },
+    startIcon,
+    children,
+    endIcon,
+  );
 });

package/DEV-cjs/core/Header/HeaderBreadcrumbs.js

@@ -1,41 +1,64 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "HeaderBreadcrumbs", {
-    enumerable: true,
-    get: function() {
-        return HeaderBreadcrumbs;
-    }
+Object.defineProperty(exports, 'HeaderBreadcrumbs', {
+  enumerable: true,
+  get: function () {
+    return HeaderBreadcrumbs;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _classnames = _interop_require_default._(require("classnames"));
-const _index = require("../../utils/index.js");
-const HeaderBreadcrumbs = _react.forwardRef((props, forwardedRef)=>{
-    let { className, items, ...rest } = props;
-    return _react.createElement(_index.Box, {
-        as: "nav",
-        "aria-label": "breadcrumbs",
-        className: (0, _classnames.default)('iui-breadcrumbs', 'iui-header-breadcrumbs', className),
-        ref: forwardedRef,
-        ...rest
-    }, _react.createElement(_index.Box, {
-        as: "ol",
-        className: (0, _classnames.default)('iui-breadcrumbs-list', 'iui-header-breadcrumbs-list')
-    }, items.reduce((previous, current, index)=>[
-            ...previous,
-            current,
-            index !== items.length - 1 && _react.createElement(_index.Box, {
-                as: "li",
-                className: "iui-breadcrumbs-separator",
-                key: index
-            }, _react.createElement(_index.SvgChevronRight, {
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _index = require('../../utils/index.js');
+const HeaderBreadcrumbs = _react.forwardRef((props, forwardedRef) => {
+  let { className, items, ...rest } = props;
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'nav',
+      'aria-label': 'breadcrumbs',
+      className: (0, _classnames.default)(
+        'iui-breadcrumbs',
+        'iui-header-breadcrumbs',
+        className,
+      ),
+      ref: forwardedRef,
+      ...rest,
+    },
+    _react.createElement(
+      _index.Box,
+      {
+        as: 'ol',
+        className: (0, _classnames.default)(
+          'iui-breadcrumbs-list',
+          'iui-header-breadcrumbs-list',
+        ),
+      },
+      items.reduce(
+        (previous, current, index) => [
+          ...previous,
+          current,
+          index !== items.length - 1 &&
+            _react.createElement(
+              _index.Box,
+              {
+                as: 'li',
+                className: 'iui-breadcrumbs-separator',
+                key: index,
+              },
+              _react.createElement(_index.SvgChevronRight, {
                 key: `chevron${index}`,
-                "aria-hidden": true,
-                className: "iui-chevron"
-            }))
-        ], [])));
+                'aria-hidden': true,
+                className: 'iui-chevron',
+              }),
+            ),
+        ],
+        [],
+      ),
+    ),
+  );
 });
 HeaderBreadcrumbs.displayName = 'HeaderBreadcrumbs';