release(toolbar): v0.4.2

index.json

@@ -334,7 +334,7 @@
   },
   "toolbar": {
     "react": true,
-    "version": "0.4.1",
+    "version": "0.4.2",
     "style": true,
     "icon": false,
     "test": true,

src/toolbar/README.md

@@ -35,15 +35,15 @@ toolbar.appendText('Test')
 
 ## Api
 
-### appendHtml(html: string | HTMLElement): ToolbarHtml
+### appendHtml(html: string | HTMLElement): LunaToolbarHtml
 
 Append html.
 
 ### appendInput(key: string, value: string, placeholder?: string): ToolbarInput
 
 Append text input.
 
-### appendSelect(key: string, value: string, options: PlainObj<string>): ToolbarSelect
+### appendSelect(key: string, value: string, options: PlainObj<string>): LunaToolbarSelect
 
 Append select.
 
@@ -55,14 +55,14 @@ Append separator.
 
 Append item that fills the remaining space.
 
-### appendText(text: string): ToolbarText
+### appendText(text: string): LunaToolbarText
 
 Append text.
 
 ### clear(): void
 
 Clear all.
 
-### remove(item: ToolbarItem): void
+### remove(item: LunaToolbarItem): void
 
 Remove item.

src/toolbar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "toolbar",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "Application toolbar",
   "luna": {
     "react": true

src/toolbar/react.tsx

@@ -6,6 +6,7 @@ import {
   cloneElement,
   Children,
   ReactElement,
+  isValidElement,
 } from 'react'
 import types from 'licia/types'
 import Toolbar, {
@@ -39,11 +40,13 @@ const LunaToolbar: FC<PropsWithChildren<IToolbarProps>> = (props) => {
 
   return (
     <div className={props.className || ''} ref={toolbarRef}>
-      {Children.map(props.children, (child) =>
-        cloneElement(child as ReactElement, {
-          toolbar: toolbar.current,
-        })
-      )}
+      {Children.map(props.children, (child) => {
+        if (isValidElement(child)) {
+          return cloneElement(child as ReactElement, {
+            toolbar: toolbar.current,
+          })
+        }
+      })}
     </div>
   )
 }
@@ -150,7 +153,9 @@ export const LunaToolbarSpace: FC<IToolbarItemProps> = (props) => {
   return null
 }
 
-export const LunaToolbarHtml: FC<PropsWithChildren<IToolbarItemProps>> = (props) => {
+export const LunaToolbarHtml: FC<PropsWithChildren<IToolbarItemProps>> = (
+  props
+) => {
   const toolbarHtml = useRef<ToolbarHtml>()
   const forceUpdate = useForceUpdate()
 

src/toolbar/story.js

@@ -78,6 +78,7 @@ const def = story(
               Loading
             </span>
           </LunaToolbarHtml>
+          {null}
           <LunaToolbarText text="Status: OK" />
         </LunaToolbar>
       )