@itwin/itwinui-react 3.13.4 → 3.14.0

package/DEV-cjs/core/Select/Select.types-test.js

@@ -1,90 +1,115 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-const _react = require("react");
-const _Select = require("./Select.js");
-()=>{
-    let ref = (0, _react.useRef)(null);
-    return React.createElement(React.Fragment, null, React.createElement(_Select.Select, {
-        options: [
-            {
-                value: 1,
-                label: 'Option 1'
-            },
-            {
-                value: 2,
-                label: 'Option 2'
-            },
-            {
-                value: 3,
-                label: 'Option 3'
-            }
-        ],
-        onChange: (value)=>{
-            let returnValue = value;
-            return returnValue;
+const _react = require('react');
+const _Select = require('./Select.js');
+() => {
+  let ref = (0, _react.useRef)(null);
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(_Select.Select, {
+      options: [
+        {
+          value: 1,
+          label: 'Option 1',
         },
-        ref: ref
-    }));
+        {
+          value: 2,
+          label: 'Option 2',
+        },
+        {
+          value: 3,
+          label: 'Option 3',
+        },
+      ],
+      onChange: (value) => {
+        let returnValue = value;
+        return returnValue;
+      },
+      ref: ref,
+    }),
+  );
 };
-()=>React.createElement(React.Fragment, null, React.createElement(_Select.Select, {
-        options: [
-            {
-                value: 1,
-                label: 'Option 1'
-            },
-            {
-                value: 2,
-                label: 'Option 2'
-            },
-            {
-                value: 3,
-                label: 'Option 3'
-            }
-        ],
-        onChange: (value)=>{
-            let returnValue = value;
-            return returnValue;
-        }
-    }));
-()=>React.createElement(React.Fragment, null, React.createElement(_Select.Select, {
-        options: [
-            {
-                value: '1',
-                label: 'Option 1'
-            },
-            {
-                value: '2',
-                label: 'Option 2'
-            },
-            {
-                value: '3',
-                label: 'Option 3'
-            }
-        ],
-        onChange: (value)=>{
-            let returnValue = value;
-            return returnValue;
-        }
-    }));
-()=>React.createElement(React.Fragment, null, React.createElement(_Select.Select, {
-        label: "Select Label",
-        options: [
-            {
-                value: 1,
-                label: 'Item #1'
-            }
-        ],
-        onChange: (value)=>{
-            let returnValue = value;
-            return returnValue;
-        }
-    }));
-()=>React.createElement(React.Fragment, null, React.createElement(_Select.Select, {
-        styleType: 'borderless',
-        options: []
-    }), React.createElement(_Select.Select, {
-        styleType: 'default',
-        options: []
-    }));
+() =>
+  React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(_Select.Select, {
+      options: [
+        {
+          value: 1,
+          label: 'Option 1',
+        },
+        {
+          value: 2,
+          label: 'Option 2',
+        },
+        {
+          value: 3,
+          label: 'Option 3',
+        },
+      ],
+      onChange: (value) => {
+        let returnValue = value;
+        return returnValue;
+      },
+    }),
+  );
+() =>
+  React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(_Select.Select, {
+      options: [
+        {
+          value: '1',
+          label: 'Option 1',
+        },
+        {
+          value: '2',
+          label: 'Option 2',
+        },
+        {
+          value: '3',
+          label: 'Option 3',
+        },
+      ],
+      onChange: (value) => {
+        let returnValue = value;
+        return returnValue;
+      },
+    }),
+  );
+() =>
+  React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(_Select.Select, {
+      label: 'Select Label',
+      options: [
+        {
+          value: 1,
+          label: 'Item #1',
+        },
+      ],
+      onChange: (value) => {
+        let returnValue = value;
+        return returnValue;
+      },
+    }),
+  );
+() =>
+  React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(_Select.Select, {
+      styleType: 'borderless',
+      options: [],
+    }),
+    React.createElement(_Select.Select, {
+      styleType: 'default',
+      options: [],
+    }),
+  );

package/DEV-cjs/core/Select/SelectTag.js

@@ -1,27 +1,35 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "SelectTag", {
-    enumerable: true,
-    get: function() {
-        return SelectTag;
-    }
+Object.defineProperty(exports, 'SelectTag', {
+  enumerable: true,
+  get: function () {
+    return SelectTag;
+  },
 });
-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 SelectTag = _react.forwardRef((props, forwardedRef)=>{
-    let { className, label, ...rest } = props;
-    return _react.createElement(_index.Box, {
-        as: "span",
-        className: (0, _classnames.default)('iui-select-tag', className),
-        ref: forwardedRef,
-        ...rest
-    }, _react.createElement(_index.Box, {
-        as: "span",
-        className: "iui-select-tag-label"
-    }, label));
+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 SelectTag = _react.forwardRef((props, forwardedRef) => {
+  let { className, label, ...rest } = props;
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'span',
+      className: (0, _classnames.default)('iui-select-tag', className),
+      ref: forwardedRef,
+      ...rest,
+    },
+    _react.createElement(
+      _index.Box,
+      {
+        as: 'span',
+        className: 'iui-select-tag-label',
+      },
+      label,
+    ),
+  );
 });

package/DEV-cjs/core/Select/SelectTagContainer.js

@@ -1,28 +1,41 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "SelectTagContainer", {
-    enumerable: true,
-    get: function() {
-        return SelectTagContainer;
-    }
+Object.defineProperty(exports, 'SelectTagContainer', {
+  enumerable: true,
+  get: function () {
+    return SelectTagContainer;
+  },
 });
-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 _SelectTag = require("./SelectTag.js");
-const SelectTagContainer = _react.forwardRef((props, ref)=>{
-    let { tags, className, ...rest } = props;
-    let [containerRef, visibleCount] = (0, _index.useOverflow)(tags);
-    let refs = (0, _index.useMergedRefs)(ref, containerRef);
-    return _react.createElement(_index.Box, {
-        className: (0, _classnames.default)('iui-select-tag-container', className),
-        ref: refs,
-        ...rest
-    }, _react.createElement(_react.Fragment, null, visibleCount < tags.length ? tags.slice(0, visibleCount - 1) : tags, visibleCount < tags.length && _react.createElement(_SelectTag.SelectTag, {
-        label: `+${tags.length - visibleCount + 1} item(s)`
-    })));
+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 _SelectTag = require('./SelectTag.js');
+const SelectTagContainer = _react.forwardRef((props, ref) => {
+  let { tags, className, ...rest } = props;
+  let [containerRef, visibleCount] = (0, _index.useOverflow)(tags);
+  let refs = (0, _index.useMergedRefs)(ref, containerRef);
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)(
+        'iui-select-tag-container',
+        className,
+      ),
+      ref: refs,
+      ...rest,
+    },
+    _react.createElement(
+      _react.Fragment,
+      null,
+      visibleCount < tags.length ? tags.slice(0, visibleCount - 1) : tags,
+      visibleCount < tags.length &&
+        _react.createElement(_SelectTag.SelectTag, {
+          label: `+${tags.length - visibleCount + 1} item(s)`,
+        }),
+    ),
+  );
 });

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

@@ -1,74 +1,142 @@
-"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, {
-    SideNavigation: function() {
-        return SideNavigation;
-    },
-    SidenavExpandedContext: function() {
-        return SidenavExpandedContext;
-    }
+  SideNavigation: function () {
+    return SideNavigation;
+  },
+  SidenavExpandedContext: function () {
+    return SidenavExpandedContext;
+  },
 });
-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 _IconButton = require("../Buttons/IconButton.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 _IconButton = require('../Buttons/IconButton.js');
 const SidenavExpandedContext = _react.createContext(void 0);
-const SideNavigation = _react.forwardRef((props, forwardedRef)=>{
-    let { items, secondaryItems, expanderPlacement = 'top', className, isExpanded: isExpandedProp, onExpanderClick, submenu, isSubmenuOpen = false, wrapperProps, contentProps, topProps, bottomProps, ...rest } = props;
-    let [isExpanded, setIsExpanded] = (0, _index.useControlledState)(false, isExpandedProp);
-    let ExpandButton = _react.createElement(_IconButton.IconButton, {
-        label: "Toggle icon labels",
-        "aria-expanded": isExpanded,
-        className: "iui-sidenav-button iui-expand",
-        size: "small",
-        onClick: _react.useCallback(()=>{
-            setIsExpanded((expanded)=>!expanded);
-            onExpanderClick?.();
-        }, [
-            onExpanderClick,
-            setIsExpanded
-        ])
-    }, _react.createElement(_index.SvgChevronRight, null));
-    return _react.createElement(SidenavExpandedContext.Provider, {
-        value: isExpanded
-    }, _react.createElement(_index.Box, {
+const SideNavigation = _react.forwardRef((props, forwardedRef) => {
+  let {
+    items,
+    secondaryItems,
+    expanderPlacement = 'top',
+    className,
+    isExpanded: isExpandedProp,
+    onExpanderClick,
+    submenu,
+    isSubmenuOpen = false,
+    wrapperProps,
+    contentProps,
+    topProps,
+    bottomProps,
+    ...rest
+  } = props;
+  let [isExpanded, setIsExpanded] = (0, _index.useControlledState)(
+    false,
+    isExpandedProp,
+  );
+  let ExpandButton = _react.createElement(
+    _IconButton.IconButton,
+    {
+      label: 'Toggle icon labels',
+      'aria-expanded': isExpanded,
+      className: 'iui-sidenav-button iui-expand',
+      size: 'small',
+      onClick: _react.useCallback(() => {
+        setIsExpanded((expanded) => !expanded);
+        onExpanderClick?.();
+      }, [onExpanderClick, setIsExpanded]),
+    },
+    _react.createElement(_index.SvgChevronRight, null),
+  );
+  return _react.createElement(
+    SidenavExpandedContext.Provider,
+    {
+      value: isExpanded,
+    },
+    _react.createElement(
+      _index.Box,
+      {
         ...wrapperProps,
-        className: (0, _classnames.default)('iui-side-navigation-wrapper', wrapperProps?.className),
-        ref: forwardedRef
-    }, _react.createElement(_index.Box, {
-        as: "div",
-        className: (0, _classnames.default)('iui-side-navigation', {
-            'iui-expanded': isExpanded,
-            'iui-collapsed': !isExpanded
-        }, className),
-        ...rest
-    }, 'top' === expanderPlacement && ExpandButton, _react.createElement(_index.Box, {
-        as: "div",
-        ...contentProps,
-        className: (0, _classnames.default)('iui-sidenav-content', contentProps?.className)
-    }, _react.createElement(_index.Box, {
-        as: "div",
-        ...topProps,
-        className: (0, _classnames.default)('iui-top', topProps?.className)
-    }, items), _react.createElement(_index.Box, {
-        as: "div",
-        ...bottomProps,
-        className: (0, _classnames.default)('iui-bottom', bottomProps?.className)
-    }, secondaryItems)), 'bottom' === expanderPlacement && ExpandButton), submenu && _react.createElement(_index.WithCSSTransition, {
-        in: isSubmenuOpen,
-        dimension: "width",
-        timeout: 200,
-        classNames: "iui"
-    }, submenu)));
+        className: (0, _classnames.default)(
+          'iui-side-navigation-wrapper',
+          wrapperProps?.className,
+        ),
+        ref: forwardedRef,
+      },
+      _react.createElement(
+        _index.Box,
+        {
+          as: 'div',
+          className: (0, _classnames.default)(
+            'iui-side-navigation',
+            {
+              'iui-expanded': isExpanded,
+              'iui-collapsed': !isExpanded,
+            },
+            className,
+          ),
+          ...rest,
+        },
+        'top' === expanderPlacement && ExpandButton,
+        _react.createElement(
+          _index.Box,
+          {
+            as: 'div',
+            ...contentProps,
+            className: (0, _classnames.default)(
+              'iui-sidenav-content',
+              contentProps?.className,
+            ),
+          },
+          _react.createElement(
+            _index.Box,
+            {
+              as: 'div',
+              ...topProps,
+              className: (0, _classnames.default)(
+                'iui-top',
+                topProps?.className,
+              ),
+            },
+            items,
+          ),
+          _react.createElement(
+            _index.Box,
+            {
+              as: 'div',
+              ...bottomProps,
+              className: (0, _classnames.default)(
+                'iui-bottom',
+                bottomProps?.className,
+              ),
+            },
+            secondaryItems,
+          ),
+        ),
+        'bottom' === expanderPlacement && ExpandButton,
+      ),
+      submenu &&
+        _react.createElement(
+          _index.WithCSSTransition,
+          {
+            in: isSubmenuOpen,
+            dimension: 'width',
+            timeout: 200,
+            classNames: 'iui',
+          },
+          submenu,
+        ),
+    ),
+  );
 });
 SideNavigation.displayName = 'SideNavigation';

package/DEV-cjs/core/SideNavigation/SidenavButton.js

@@ -1,37 +1,59 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "SidenavButton", {
-    enumerable: true,
-    get: function() {
-        return SidenavButton;
-    }
+Object.defineProperty(exports, 'SidenavButton', {
+  enumerable: true,
+  get: function () {
+    return SidenavButton;
+  },
 });
-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 _Button = require("../Buttons/Button.js");
-const _Tooltip = require("../Tooltip/Tooltip.js");
-const _SideNavigation = require("./SideNavigation.js");
-const SidenavButton = _react.forwardRef((props, ref)=>{
-    let { className, children, isActive = false, disabled = false, isSubmenuOpen = false, ...rest } = props;
-    let isExpanded = true === _react.useContext(_SideNavigation.SidenavExpandedContext);
-    let sidenavButton = _react.createElement(_Button.Button, {
-        className: (0, _classnames.default)('iui-sidenav-button', {
-            'iui-submenu-open': isSubmenuOpen
-        }, className),
-        "data-iui-active": isActive,
-        size: "large",
-        disabled: disabled,
-        ref: ref,
-        ...rest
-    }, children);
-    return isExpanded ? sidenavButton : _react.createElement(_Tooltip.Tooltip, {
-        content: children,
-        placement: "right",
-        ariaStrategy: "none"
-    }, sidenavButton);
+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 _Button = require('../Buttons/Button.js');
+const _Tooltip = require('../Tooltip/Tooltip.js');
+const _SideNavigation = require('./SideNavigation.js');
+const SidenavButton = _react.forwardRef((props, ref) => {
+  let {
+    className,
+    children,
+    isActive = false,
+    disabled = false,
+    isSubmenuOpen = false,
+    ...rest
+  } = props;
+  let isExpanded =
+    true === _react.useContext(_SideNavigation.SidenavExpandedContext);
+  let sidenavButton = _react.createElement(
+    _Button.Button,
+    {
+      className: (0, _classnames.default)(
+        'iui-sidenav-button',
+        {
+          'iui-submenu-open': isSubmenuOpen,
+        },
+        className,
+      ),
+      'data-iui-active': isActive,
+      size: 'large',
+      disabled: disabled,
+      ref: ref,
+      ...rest,
+    },
+    children,
+  );
+  return isExpanded
+    ? sidenavButton
+    : _react.createElement(
+        _Tooltip.Tooltip,
+        {
+          content: children,
+          placement: 'right',
+          ariaStrategy: 'none',
+        },
+        sidenavButton,
+      );
 });
 SidenavButton.displayName = 'SidenavButton';