@hanzo/ui 4.2.0 → 4.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "4.2.0",
+  "version": "4.2.2",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

package/primitives/combobox.tsx

@@ -67,9 +67,9 @@ const DefaultTriggerInner = <T,>(
     disabled={disabled}
   >
     <div className='flex justify-start items-center gap-2'>
-    {current ? (
+    {(current && imageUrl) ? (
       <img
-        src={imageUrl!}
+        src={imageUrl}
         alt={currentLabel + ' image'}
         height={imageSize}
         width={imageSize}
@@ -158,7 +158,7 @@ const Combobox = <T, P extends ComboboxTriggerProps<T>>({
     return !!curr && adaptor.equals(el, curr)
   }  
 
-  const toSpread = current ? {
+  const _triggerProps = current ? {
     ...triggerProps,
     current,
     currentLabel: adaptor.getLabel ? adaptor.getLabel(current) : adaptor.getValue(current),
@@ -176,9 +176,9 @@ const Combobox = <T, P extends ComboboxTriggerProps<T>>({
     <Popover open={_open} onOpenChange={_setOpen}>
       <PopoverTrigger asChild>
         {Trigger ? (
-          <Trigger<T, P> {...toSpread} />
+          <Trigger<T, P> {..._triggerProps} />
         ) : (
-          <DefaultTrigger<T, P> {...toSpread} />
+          <DefaultTrigger<T, P> {..._triggerProps} />
         )}
       </PopoverTrigger>
       <PopoverContent className={cn('p-0', popoverClx)} align={popoverAlign} sideOffset={popoverSideOffset}>
@@ -202,7 +202,7 @@ const Combobox = <T, P extends ComboboxTriggerProps<T>>({
                 <div className='flex justify-start items-center gap-2'>
                 { (adaptor.getImageUrl && adaptor.getImageUrl(el)) ? (
                   <img
-                    src={adaptor.getImageUrl(el)}
+                    src={adaptor.getImageUrl(el)!}
                     alt={adaptor.getValue(el) + ' image'}
                     height={listItemImageSize}
                     width={listItemImageSize}

package/primitives/list-adaptor.ts

@@ -3,7 +3,7 @@ interface ListAdaptor<T> {
   equals:     (el1: T, el2: T) => boolean
   valueEquals: (el: T, v: string) => boolean
   getLabel?:  (el: T) => string 
-  getImageUrl?:  (el: T) => string
+  getImageUrl?:  (el: T) => string | null
 }
 
 export {

package/primitives/switch.tsx

@@ -6,8 +6,9 @@ import { cn } from '../util'
 
 const Switch = React.forwardRef<
   React.ElementRef<typeof SwitchPrimitives.Root>,
-  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
->(({ className, ...props }, ref) => (
+  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & 
+  { thumbClx?: string }
+>(({ className, thumbClx='', ...props }, ref) => (
   <SwitchPrimitives.Root
     className={cn(
       'peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full ' + 
@@ -21,10 +22,11 @@ const Switch = React.forwardRef<
     ref={ref}
   >
     <SwitchPrimitives.Thumb
-      className={
+      className={cn(
         'pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ' + 
-        'ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0'
-      }
+        'ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',
+        thumbClx
+)}
     />
   </SwitchPrimitives.Root>
 ))