@itwin/itwinui-react 3.12.0 → 3.12.1

package/esm/core/SearchBox/SearchBox.js

@@ -1,8 +1,3 @@
-import {
-  jsx as _jsx,
-  jsxs as _jsxs,
-  Fragment as _Fragment,
-} from 'react/jsx-runtime';
 import * as React from 'react';
 import cx from 'classnames';
 import {
@@ -55,61 +50,70 @@ const SearchBoxComponent = React.forwardRef((props, ref) => {
       }),
     );
   };
-  return _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: _jsx(InputFlexContainer, {
-      ref: ref,
-      className: cx(
-        'iui-searchbox',
-        {
-          'iui-expandable-searchbox': expandable,
-        },
-        className,
-      ),
-      size: size,
-      isDisabled: isDisabled,
-      'data-iui-expanded': isExpanded,
-      ...rest,
-      children:
-        children ??
-        _jsxs(_Fragment, {
-          children: [
-            _jsx(SearchBoxCollapsedState, {
-              children: _jsx(SearchBoxExpandButton, {}),
-            }),
-            _jsxs(SearchBoxExpandedState, {
-              children: [
-                _jsx(SearchBoxIcon, {}),
-                _jsx(SearchBoxInput, {
-                  ...inputProps,
-                }),
-                expandable ? _jsx(SearchBoxCollapseButton, {}) : null,
-              ],
-            }),
-          ],
-        }),
-    }),
-  });
+    React.createElement(
+      InputFlexContainer,
+      {
+        ref: ref,
+        className: cx(
+          '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 } = useSafeContext(SearchBoxContext);
   if (!expandable || isExpanded) {
     return null;
   }
-  return _jsx(_Fragment, {
-    children: children ?? _jsx(SearchBoxExpandButton, {}),
-  });
+  return React.createElement(
+    React.Fragment,
+    null,
+    children ?? React.createElement(SearchBoxExpandButton, null),
+  );
 };
 SearchBoxCollapsedState.displayName = 'SearchBox.CollapsedState';
 const SearchBoxExpandedState = ({ children }) => {
@@ -117,20 +121,21 @@ const SearchBoxExpandedState = ({ children }) => {
   if (expandable && !isExpanded) {
     return null;
   }
-  return _jsx(_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 _jsx(InputFlexContainerIcon, {
-    'aria-hidden': true,
-    className: cx('iui-search-icon', className),
-    ref: ref,
-    ...rest,
-    children: children ?? _jsx(SvgSearch, {}),
-  });
+  return React.createElement(
+    InputFlexContainerIcon,
+    {
+      'aria-hidden': true,
+      className: cx('iui-search-icon', className),
+      ref: ref,
+      ...rest,
+    },
+    children ?? React.createElement(SvgSearch, null),
+  );
 });
 SearchBoxIcon.displayName = 'SearchBox.Icon';
 const SearchBoxInput = React.forwardRef((props, ref) => {
@@ -142,7 +147,7 @@ const SearchBoxInput = React.forwardRef((props, ref) => {
       setInputId(idProp);
     }
   }, [idProp, inputId, setInputId]);
-  return _jsx(Box, {
+  return React.createElement(Box, {
     as: 'input',
     id: idProp ?? inputId,
     ref: useMergedRefs(ref, inputRef),
@@ -157,13 +162,16 @@ SearchBoxInput.displayName = 'SearchBox.Input';
 const SearchBoxButton = React.forwardRef((props, ref) => {
   const { children, ...rest } = props;
   const { size: sizeContext, isDisabled } = useSafeContext(SearchBoxContext);
-  return _jsx(InputFlexContainerButton, {
-    size: sizeContext,
-    ref: ref,
-    disabled: isDisabled,
-    ...rest,
-    children: children ?? _jsx(SvgSearch, {}),
-  });
+  return React.createElement(
+    InputFlexContainerButton,
+    {
+      size: sizeContext,
+      ref: ref,
+      disabled: isDisabled,
+      ...rest,
+    },
+    children ?? React.createElement(SvgSearch, null),
+  );
 });
 SearchBoxButton.displayName = 'SearchBox.Button';
 const SearchBoxCollapseButton = React.forwardRef((props, ref) => {
@@ -173,15 +181,18 @@ const SearchBoxCollapseButton = React.forwardRef((props, ref) => {
     size: sizeContext,
     isDisabled,
   } = useSafeContext(SearchBoxContext);
-  return _jsx(SearchBoxButton, {
-    ref: ref,
-    'aria-label': 'Close searchbox',
-    size: sizeContext,
-    disabled: isDisabled,
-    onClick: mergeEventHandlers(onClickProp, onCollapse),
-    ...rest,
-    children: children ?? _jsx(SvgCloseSmall, {}),
-  });
+  return React.createElement(
+    SearchBoxButton,
+    {
+      ref: ref,
+      'aria-label': 'Close searchbox',
+      size: sizeContext,
+      disabled: isDisabled,
+      onClick: mergeEventHandlers(onClickProp, onCollapse),
+      ...rest,
+    },
+    children ?? React.createElement(SvgCloseSmall, null),
+  );
 });
 SearchBoxCollapseButton.displayName = 'SearchBox.CollapseButton';
 const SearchBoxExpandButton = React.forwardRef((props, ref) => {
@@ -192,16 +203,19 @@ const SearchBoxExpandButton = React.forwardRef((props, ref) => {
     isDisabled,
     openButtonRef,
   } = useSafeContext(SearchBoxContext);
-  return _jsx(SearchBoxButton, {
-    ref: useMergedRefs(ref, openButtonRef),
-    'aria-label': 'Expand searchbox',
-    size: sizeContext,
-    disabled: isDisabled,
-    onClick: mergeEventHandlers(onClickProp, onExpand),
-    styleType: 'default',
-    ...rest,
-    children: children ?? _jsx(SvgSearch, {}),
-  });
+  return React.createElement(
+    SearchBoxButton,
+    {
+      ref: useMergedRefs(ref, openButtonRef),
+      'aria-label': 'Expand searchbox',
+      size: sizeContext,
+      disabled: isDisabled,
+      onClick: mergeEventHandlers(onClickProp, onExpand),
+      styleType: 'default',
+      ...rest,
+    },
+    children ?? React.createElement(SvgSearch, null),
+  );
 });
 SearchBoxExpandButton.displayName = 'SearchBox.ExpandButton';
 export const SearchBox = Object.assign(SearchBoxComponent, {