@itwin/itwinui-react 3.12.0 → 3.12.2

package/cjs/core/SearchBox/SearchBox.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'SearchBox', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _classnames = _interop_require_default._(require('classnames'));
 const _index = require('../../utils/index.js');
@@ -52,54 +51,59 @@ const SearchBoxComponent = _react.forwardRef((props, ref) => {
       }),
     );
   };
-  return (0, _jsxruntime.jsx)(SearchBoxContext.Provider, {
-    value: {
-      size,
-      isDisabled,
-      onCollapse,
-      onExpand,
-      inputRef,
-      inputId,
-      setInputId,
-      openButtonRef,
-      isExpanded,
-      expandable,
+  return _react.createElement(
+    SearchBoxContext.Provider,
+    {
+      value: {
+        size,
+        isDisabled,
+        onCollapse,
+        onExpand,
+        inputRef,
+        inputId,
+        setInputId,
+        openButtonRef,
+        isExpanded,
+        expandable,
+      },
     },
-    children: (0, _jsxruntime.jsx)(_index.InputFlexContainer, {
-      ref: ref,
-      className: (0, _classnames.default)(
-        'iui-searchbox',
-        {
-          'iui-expandable-searchbox': expandable,
-        },
-        className,
-      ),
-      size: size,
-      isDisabled: isDisabled,
-      'data-iui-expanded': isExpanded,
-      ...rest,
-      children:
-        children ??
-        (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-          children: [
-            (0, _jsxruntime.jsx)(SearchBoxCollapsedState, {
-              children: (0, _jsxruntime.jsx)(SearchBoxExpandButton, {}),
-            }),
-            (0, _jsxruntime.jsxs)(SearchBoxExpandedState, {
-              children: [
-                (0, _jsxruntime.jsx)(SearchBoxIcon, {}),
-                (0, _jsxruntime.jsx)(SearchBoxInput, {
-                  ...inputProps,
-                }),
-                expandable
-                  ? (0, _jsxruntime.jsx)(SearchBoxCollapseButton, {})
-                  : null,
-              ],
-            }),
-          ],
-        }),
-    }),
-  });
+    _react.createElement(
+      _index.InputFlexContainer,
+      {
+        ref: ref,
+        className: (0, _classnames.default)(
+          'iui-searchbox',
+          {
+            'iui-expandable-searchbox': expandable,
+          },
+          className,
+        ),
+        size: size,
+        isDisabled: isDisabled,
+        'data-iui-expanded': isExpanded,
+        ...rest,
+      },
+      children ??
+        _react.createElement(
+          _react.Fragment,
+          null,
+          _react.createElement(
+            SearchBoxCollapsedState,
+            null,
+            _react.createElement(SearchBoxExpandButton, null),
+          ),
+          _react.createElement(
+            SearchBoxExpandedState,
+            null,
+            _react.createElement(SearchBoxIcon, null),
+            _react.createElement(SearchBoxInput, inputProps),
+            expandable
+              ? _react.createElement(SearchBoxCollapseButton, null)
+              : null,
+          ),
+        ),
+    ),
+  );
 });
 const SearchBoxCollapsedState = ({ children }) => {
   const { isExpanded, expandable } = (0, _index.useSafeContext)(
@@ -108,9 +112,11 @@ const SearchBoxCollapsedState = ({ children }) => {
   if (!expandable || isExpanded) {
     return null;
   }
-  return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-    children: children ?? (0, _jsxruntime.jsx)(SearchBoxExpandButton, {}),
-  });
+  return _react.createElement(
+    _react.Fragment,
+    null,
+    children ?? _react.createElement(SearchBoxExpandButton, null),
+  );
 };
 SearchBoxCollapsedState.displayName = 'SearchBox.CollapsedState';
 const SearchBoxExpandedState = ({ children }) => {
@@ -120,20 +126,21 @@ const SearchBoxExpandedState = ({ children }) => {
   if (expandable && !isExpanded) {
     return null;
   }
-  return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-    children: children,
-  });
+  return _react.createElement(_react.Fragment, null, children);
 };
 SearchBoxExpandedState.displayName = 'SearchBox.ExpandedState';
 const SearchBoxIcon = _react.forwardRef((props, ref) => {
   const { className, children, ...rest } = props;
-  return (0, _jsxruntime.jsx)(_index.InputFlexContainerIcon, {
-    'aria-hidden': true,
-    className: (0, _classnames.default)('iui-search-icon', className),
-    ref: ref,
-    ...rest,
-    children: children ?? (0, _jsxruntime.jsx)(_index.SvgSearch, {}),
-  });
+  return _react.createElement(
+    _index.InputFlexContainerIcon,
+    {
+      'aria-hidden': true,
+      className: (0, _classnames.default)('iui-search-icon', className),
+      ref: ref,
+      ...rest,
+    },
+    children ?? _react.createElement(_index.SvgSearch, null),
+  );
 });
 SearchBoxIcon.displayName = 'SearchBox.Icon';
 const SearchBoxInput = _react.forwardRef((props, ref) => {
@@ -145,7 +152,7 @@ const SearchBoxInput = _react.forwardRef((props, ref) => {
       setInputId(idProp);
     }
   }, [idProp, inputId, setInputId]);
-  return (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(_index.Box, {
     as: 'input',
     id: idProp ?? inputId,
     ref: (0, _index.useMergedRefs)(ref, inputRef),
@@ -162,13 +169,16 @@ const SearchBoxButton = _react.forwardRef((props, ref) => {
   const { size: sizeContext, isDisabled } = (0, _index.useSafeContext)(
     SearchBoxContext,
   );
-  return (0, _jsxruntime.jsx)(_index.InputFlexContainerButton, {
-    size: sizeContext,
-    ref: ref,
-    disabled: isDisabled,
-    ...rest,
-    children: children ?? (0, _jsxruntime.jsx)(_index.SvgSearch, {}),
-  });
+  return _react.createElement(
+    _index.InputFlexContainerButton,
+    {
+      size: sizeContext,
+      ref: ref,
+      disabled: isDisabled,
+      ...rest,
+    },
+    children ?? _react.createElement(_index.SvgSearch, null),
+  );
 });
 SearchBoxButton.displayName = 'SearchBox.Button';
 const SearchBoxCollapseButton = _react.forwardRef((props, ref) => {
@@ -178,15 +188,18 @@ const SearchBoxCollapseButton = _react.forwardRef((props, ref) => {
     size: sizeContext,
     isDisabled,
   } = (0, _index.useSafeContext)(SearchBoxContext);
-  return (0, _jsxruntime.jsx)(SearchBoxButton, {
-    ref: ref,
-    'aria-label': 'Close searchbox',
-    size: sizeContext,
-    disabled: isDisabled,
-    onClick: (0, _index.mergeEventHandlers)(onClickProp, onCollapse),
-    ...rest,
-    children: children ?? (0, _jsxruntime.jsx)(_index.SvgCloseSmall, {}),
-  });
+  return _react.createElement(
+    SearchBoxButton,
+    {
+      ref: ref,
+      'aria-label': 'Close searchbox',
+      size: sizeContext,
+      disabled: isDisabled,
+      onClick: (0, _index.mergeEventHandlers)(onClickProp, onCollapse),
+      ...rest,
+    },
+    children ?? _react.createElement(_index.SvgCloseSmall, null),
+  );
 });
 SearchBoxCollapseButton.displayName = 'SearchBox.CollapseButton';
 const SearchBoxExpandButton = _react.forwardRef((props, ref) => {
@@ -197,16 +210,19 @@ const SearchBoxExpandButton = _react.forwardRef((props, ref) => {
     isDisabled,
     openButtonRef,
   } = (0, _index.useSafeContext)(SearchBoxContext);
-  return (0, _jsxruntime.jsx)(SearchBoxButton, {
-    ref: (0, _index.useMergedRefs)(ref, openButtonRef),
-    'aria-label': 'Expand searchbox',
-    size: sizeContext,
-    disabled: isDisabled,
-    onClick: (0, _index.mergeEventHandlers)(onClickProp, onExpand),
-    styleType: 'default',
-    ...rest,
-    children: children ?? (0, _jsxruntime.jsx)(_index.SvgSearch, {}),
-  });
+  return _react.createElement(
+    SearchBoxButton,
+    {
+      ref: (0, _index.useMergedRefs)(ref, openButtonRef),
+      'aria-label': 'Expand searchbox',
+      size: sizeContext,
+      disabled: isDisabled,
+      onClick: (0, _index.mergeEventHandlers)(onClickProp, onExpand),
+      styleType: 'default',
+      ...rest,
+    },
+    children ?? _react.createElement(_index.SvgSearch, null),
+  );
 });
 SearchBoxExpandButton.displayName = 'SearchBox.ExpandButton';
 const SearchBox = Object.assign(SearchBoxComponent, {