@itwin/itwinui-react 3.0.4 → 3.0.6

package/cjs/core/SideNavigation/SideNavigation.js

@@ -1,16 +1,16 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.SideNavigation = 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 IconButton_js_1 = require('../Buttons/IconButton.js');
-const Tooltip_js_1 = require('../Tooltip/Tooltip.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 IconButton_js_1 = require("../Buttons/IconButton.js");
+const Tooltip_js_1 = require("../Tooltip/Tooltip.js");
 /**
  * Left side navigation menu component.
  * @example
@@ -26,135 +26,26 @@ const Tooltip_js_1 = require('../Tooltip/Tooltip.js');
  * />
  */
 exports.SideNavigation = React.forwardRef((props, forwardedRef) => {
-  const {
-    items,
-    secondaryItems,
-    expanderPlacement = 'top',
-    className,
-    isExpanded = false,
-    onExpanderClick,
-    submenu,
-    isSubmenuOpen = false,
-    wrapperProps,
-    contentProps,
-    topProps,
-    bottomProps,
-    ...rest
-  } = props;
-  const [_isExpanded, _setIsExpanded] = React.useState(isExpanded);
-  React.useEffect(() => {
-    _setIsExpanded(isExpanded);
-  }, [isExpanded]);
-  const ExpandButton = React.createElement(
-    IconButton_js_1.IconButton,
-    {
-      label: 'Toggle icon labels',
-      'aria-expanded': _isExpanded,
-      className: 'iui-sidenav-button iui-expand',
-      onClick: React.useCallback(() => {
-        _setIsExpanded((expanded) => !expanded);
-        onExpanderClick?.();
-      }, [onExpanderClick]),
-    },
-    React.createElement(index_js_1.SvgChevronRight, null),
-  );
-  return React.createElement(
-    index_js_1.Box,
-    {
-      ...wrapperProps,
-      className: (0, classnames_1.default)(
-        'iui-side-navigation-wrapper',
-        wrapperProps?.className,
-      ),
-      ref: forwardedRef,
-    },
-    React.createElement(
-      index_js_1.Box,
-      {
-        as: 'div',
-        className: (0, classnames_1.default)(
-          'iui-side-navigation',
-          {
-            'iui-expanded': _isExpanded,
-            'iui-collapsed': !_isExpanded,
-          },
-          className,
-        ),
-        ...rest,
-      },
-      expanderPlacement === 'top' && ExpandButton,
-      React.createElement(
-        index_js_1.Box,
-        {
-          as: 'div',
-          ...contentProps,
-          className: (0, classnames_1.default)(
-            'iui-sidenav-content',
-            contentProps?.className,
-          ),
-        },
-        React.createElement(
-          index_js_1.Box,
-          {
-            as: 'div',
-            ...topProps,
-            className: (0, classnames_1.default)(
-              'iui-top',
-              topProps?.className,
-            ),
-          },
-          items.map((sidenavButton, index) =>
-            !_isExpanded
-              ? React.createElement(
-                  Tooltip_js_1.Tooltip,
-                  {
-                    content: sidenavButton.props.children,
-                    placement: 'right',
-                    key: index,
-                  },
-                  sidenavButton,
-                )
-              : sidenavButton,
-          ),
-        ),
-        React.createElement(
-          index_js_1.Box,
-          {
-            as: 'div',
-            ...bottomProps,
-            className: (0, classnames_1.default)(
-              'iui-bottom',
-              bottomProps?.className,
-            ),
-          },
-          secondaryItems?.map((sidenavButton, index) =>
-            !_isExpanded
-              ? React.createElement(
-                  Tooltip_js_1.Tooltip,
-                  {
-                    content: sidenavButton.props.children,
-                    placement: 'right',
-                    key: index,
-                  },
-                  sidenavButton,
-                )
-              : sidenavButton,
-          ),
-        ),
-      ),
-      expanderPlacement === 'bottom' && ExpandButton,
-    ),
-    submenu &&
-      React.createElement(
-        index_js_1.WithCSSTransition,
-        {
-          in: isSubmenuOpen,
-          dimension: 'width',
-          timeout: 200,
-          classNames: 'iui',
-        },
-        submenu,
-      ),
-  );
+    const { items, secondaryItems, expanderPlacement = 'top', className, isExpanded = false, onExpanderClick, submenu, isSubmenuOpen = false, wrapperProps, contentProps, topProps, bottomProps, ...rest } = props;
+    const [_isExpanded, _setIsExpanded] = React.useState(isExpanded);
+    React.useEffect(() => {
+        _setIsExpanded(isExpanded);
+    }, [isExpanded]);
+    const ExpandButton = (React.createElement(IconButton_js_1.IconButton, { label: 'Toggle icon labels', "aria-expanded": _isExpanded, className: 'iui-sidenav-button iui-expand', onClick: React.useCallback(() => {
+            _setIsExpanded((expanded) => !expanded);
+            onExpanderClick?.();
+        }, [onExpanderClick]) },
+        React.createElement(index_js_1.SvgChevronRight, null)));
+    return (React.createElement(index_js_1.Box, { ...wrapperProps, className: (0, classnames_1.default)('iui-side-navigation-wrapper', wrapperProps?.className), ref: forwardedRef },
+        React.createElement(index_js_1.Box, { as: 'div', className: (0, classnames_1.default)('iui-side-navigation', {
+                'iui-expanded': _isExpanded,
+                'iui-collapsed': !_isExpanded,
+            }, className), ...rest },
+            expanderPlacement === 'top' && ExpandButton,
+            React.createElement(index_js_1.Box, { as: 'div', ...contentProps, className: (0, classnames_1.default)('iui-sidenav-content', contentProps?.className) },
+                React.createElement(index_js_1.Box, { as: 'div', ...topProps, className: (0, classnames_1.default)('iui-top', topProps?.className) }, items.map((sidenavButton, index) => !_isExpanded ? (React.createElement(Tooltip_js_1.Tooltip, { content: sidenavButton.props.children, placement: 'right', key: index }, sidenavButton)) : (sidenavButton))),
+                React.createElement(index_js_1.Box, { as: 'div', ...bottomProps, className: (0, classnames_1.default)('iui-bottom', bottomProps?.className) }, secondaryItems?.map((sidenavButton, index) => !_isExpanded ? (React.createElement(Tooltip_js_1.Tooltip, { content: sidenavButton.props.children, placement: 'right', key: index }, sidenavButton)) : (sidenavButton)))),
+            expanderPlacement === 'bottom' && ExpandButton),
+        submenu && (React.createElement(index_js_1.WithCSSTransition, { in: isSubmenuOpen, dimension: 'width', timeout: 200, classNames: 'iui' }, submenu))));
 });
 exports.default = exports.SideNavigation;

package/cjs/core/SideNavigation/SidenavButton.js

@@ -1,42 +1,20 @@
-'use strict';
+"use strict";
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-Object.defineProperty(exports, '__esModule', { value: true });
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.SidenavButton = void 0;
-const tslib_1 = require('tslib');
-const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const React = tslib_1.__importStar(require('react'));
-const Button_js_1 = require('../Buttons/Button.js');
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const Button_js_1 = require("../Buttons/Button.js");
 /**
  * Wrapper around Button to be used as SideNavigation items.
  * Label is hidden when sidenav is collapsed.
  */
 exports.SidenavButton = React.forwardRef((props, ref) => {
-  const {
-    className,
-    children,
-    isActive = false,
-    disabled = false,
-    isSubmenuOpen = false,
-    ...rest
-  } = props;
-  return React.createElement(
-    Button_js_1.Button,
-    {
-      className: (0, classnames_1.default)(
-        'iui-sidenav-button',
-        { 'iui-submenu-open': isSubmenuOpen },
-        className,
-      ),
-      'data-iui-active': isActive,
-      size: 'large',
-      disabled: disabled,
-      ref: ref,
-      ...rest,
-    },
-    children,
-  );
+    const { className, children, isActive = false, disabled = false, isSubmenuOpen = false, ...rest } = props;
+    return (React.createElement(Button_js_1.Button, { className: (0, classnames_1.default)('iui-sidenav-button', { 'iui-submenu-open': isSubmenuOpen }, className), "data-iui-active": isActive, size: 'large', disabled: disabled, ref: ref, ...rest }, children));
 });
 exports.default = exports.SidenavButton;

package/cjs/core/SideNavigation/SidenavSubmenu.js

@@ -1,14 +1,14 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.SidenavSubmenu = 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 index_js_1 = require('../utils/index.js');
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 /**
  * Subcomponent to be used in the `submenu` prop of `SideNavigation`.
  * @example
@@ -18,22 +18,8 @@ const index_js_1 = require('../utils/index.js');
  * </SidenavSubmenu>
  */
 exports.SidenavSubmenu = React.forwardRef((props, ref) => {
-  const { children, className, ...rest } = props;
-  return React.createElement(
-    index_js_1.Box,
-    {
-      className: (0, classnames_1.default)(
-        'iui-side-navigation-submenu',
-        className,
-      ),
-      ref: ref,
-      ...rest,
-    },
-    React.createElement(
-      index_js_1.Box,
-      { className: 'iui-side-navigation-submenu-content' },
-      children,
-    ),
-  );
+    const { children, className, ...rest } = props;
+    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-side-navigation-submenu', className), ref: ref, ...rest },
+        React.createElement(index_js_1.Box, { className: 'iui-side-navigation-submenu-content' }, children)));
 });
 exports.default = exports.SidenavSubmenu;

package/cjs/core/SideNavigation/SidenavSubmenuHeader.js

@@ -1,14 +1,14 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.SidenavSubmenuHeader = 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 index_js_1 = require('../utils/index.js');
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 /**
  * Header content for `SidenavSubmenu`. Supports truncated label and actions buttons.
  * @example
@@ -24,28 +24,9 @@ const index_js_1 = require('../utils/index.js');
  * </SidenavSubmenuHeader>
  */
 exports.SidenavSubmenuHeader = React.forwardRef((props, forwardedRef) => {
-  const { children, actions, className, ...rest } = props;
-  return React.createElement(
-    index_js_1.Box,
-    {
-      className: (0, classnames_1.default)(
-        'iui-side-navigation-submenu-header',
-        className,
-      ),
-      ref: forwardedRef,
-      ...rest,
-    },
-    React.createElement(
-      index_js_1.Box,
-      { className: 'iui-side-navigation-submenu-header-label' },
-      children,
-    ),
-    actions &&
-      React.createElement(
-        index_js_1.Box,
-        { className: 'iui-side-navigation-submenu-header-actions' },
-        actions,
-      ),
-  );
+    const { children, actions, className, ...rest } = props;
+    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-side-navigation-submenu-header', className), ref: forwardedRef, ...rest },
+        React.createElement(index_js_1.Box, { className: 'iui-side-navigation-submenu-header-label' }, children),
+        actions && (React.createElement(index_js_1.Box, { className: 'iui-side-navigation-submenu-header-actions' }, actions))));
 });
 exports.default = exports.SidenavSubmenuHeader;

package/cjs/core/SkipToContentLink/SkipToContentLink.js

@@ -1,14 +1,14 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.SkipToContentLink = 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 React = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const index_js_1 = require("../utils/index.js");
 /**
  * `SkipToContentLink` is for screen reader and keyboard users and will not be visible unless tabbed to.
  * Provides a shortcut to the main content of the page without navigating through the header, etc.
@@ -18,19 +18,7 @@ const index_js_1 = require('../utils/index.js');
  * <body><SkipToContentLink href='#main-content-id'>{localizedLabel}</SkipToContentLink> ... </body>
  */
 exports.SkipToContentLink = React.forwardRef((props, ref) => {
-  const { children = 'Skip to main content', className, ...rest } = props;
-  return React.createElement(
-    index_js_1.Box,
-    {
-      as: 'a',
-      ref: ref,
-      className: (0, classnames_1.default)(
-        'iui-skip-to-content-link',
-        className,
-      ),
-      ...rest,
-    },
-    children,
-  );
+    const { children = 'Skip to main content', className, ...rest } = props;
+    return (React.createElement(index_js_1.Box, { as: 'a', ref: ref, className: (0, classnames_1.default)('iui-skip-to-content-link', className), ...rest }, children));
 });
 exports.default = exports.SkipToContentLink;