@jsenv/navi 0.26.17 → 0.26.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -29361,44 +29361,46 @@ const InputTextualUI = props => {
29361
29361
  };
29362
29362
  const renderInputMemoized = useCallback(renderInput, [type, uiState, innerValue, innerId, autoFocus]);
29363
29363
  let innerChildren;
29364
- if (children) {
29365
- innerChildren = children;
29366
- } else if (type === "search") {
29367
- innerChildren = jsxs(Fragment, {
29368
- children: [jsx(InputLeftSlot, {
29364
+ if (children === undefined) {
29365
+ if (type === "search") {
29366
+ innerChildren = jsxs(Fragment, {
29367
+ children: [jsx(InputLeftSlot, {
29368
+ children: jsx(Icon, {
29369
+ color: "rgba(28, 43, 52, 0.5)",
29370
+ children: jsx(SearchSvg, {})
29371
+ })
29372
+ }), jsx(InputRightSlot, {
29373
+ hideWhileEmpty: true,
29374
+ onClick: () => {
29375
+ uiStateController.setUIState("", {
29376
+ trigger: "cancel_button"
29377
+ });
29378
+ ref.current.value = "";
29379
+ ref.current.dispatchEvent(new Event("navi_delete_content"));
29380
+ },
29381
+ children: jsx(Icon, {
29382
+ color: "rgba(28, 43, 52, 0.5)",
29383
+ children: jsx(CloseSvg, {})
29384
+ })
29385
+ })]
29386
+ });
29387
+ } else if (type === "email") {
29388
+ innerChildren = jsx(InputLeftSlot, {
29369
29389
  children: jsx(Icon, {
29370
29390
  color: "rgba(28, 43, 52, 0.5)",
29371
- children: jsx(SearchSvg, {})
29391
+ children: jsx(EmailSvg, {})
29372
29392
  })
29373
- }), jsx(InputRightSlot, {
29374
- hideWhileEmpty: true,
29375
- onClick: () => {
29376
- uiStateController.setUIState("", {
29377
- trigger: "cancel_button"
29378
- });
29379
- ref.current.value = "";
29380
- ref.current.dispatchEvent(new Event("navi_delete_content"));
29381
- },
29393
+ });
29394
+ } else if (type === "tel") {
29395
+ innerChildren = jsx(InputLeftSlot, {
29382
29396
  children: jsx(Icon, {
29383
29397
  color: "rgba(28, 43, 52, 0.5)",
29384
- children: jsx(CloseSvg, {})
29398
+ children: jsx(PhoneSvg, {})
29385
29399
  })
29386
- })]
29387
- });
29388
- } else if (type === "email") {
29389
- innerChildren = jsx(InputLeftSlot, {
29390
- children: jsx(Icon, {
29391
- color: "rgba(28, 43, 52, 0.5)",
29392
- children: jsx(EmailSvg, {})
29393
- })
29394
- });
29395
- } else if (type === "tel") {
29396
- innerChildren = jsx(InputLeftSlot, {
29397
- children: jsx(Icon, {
29398
- color: "rgba(28, 43, 52, 0.5)",
29399
- children: jsx(PhoneSvg, {})
29400
- })
29401
- });
29400
+ });
29401
+ }
29402
+ } else {
29403
+ innerChildren = children;
29402
29404
  }
29403
29405
  return jsxs(Box, {
29404
29406
  as: "span",