@brilo/base-blocks 0.1.14 → 0.1.15

package/src/blocks/usp/usp-group/types.ts

@@ -42,6 +42,9 @@ export interface UspGroupAttributes<
     card: boolean
     direction: TDirection
     align: TAlignment
+    borderColor: string
+    backgroundColor: string
+    textColor: string
     icon: {size: TIconSize; color: TIconColor; background: TIconBackground; bordered?: boolean}
   }
 }

package/src/components/ItemIconControl/ItemIconControl.tsx

@@ -42,7 +42,7 @@ export function ItemIconControl({icon, setAttributes, options, iconTypes}: ItemI
 
       {icon.type === 'media' && (
         <ImagePickerControl
-          value={icon.media}
+          value={icon.media ?? {id: 0, alt: ''}}
           onChange={(val) => setAttributes({icon: {...icon, media: val}})}
           labels={{
             select: __('Vybrat ikonu', 'brilo-blocks'),

package/src/components/ItemIconControl/ItemIconPreview.tsx

@@ -6,7 +6,7 @@ import {ItemIconModal} from './ItemIconModal'
 
 export function ItemIconPreview({icon, className, options, setAttributes}: ItemIconPreviewProps) {
   const [isModalOpen, setModalOpen] = useState(false)
-  const mediaIconUrl = useMediaUrl(icon.media.id)
+  const mediaIconUrl = useMediaUrl(icon.media?.id ?? 0)
   const preselectedIconUrl = icon.type === 'preselected' && icon.src ? `${options.iconsSrc}${icon.src}.svg` : ''
 
   const renderContent = () => {
@@ -41,7 +41,7 @@ export function ItemIconPreview({icon, className, options, setAttributes}: ItemI
     }
 
     if (icon.type === 'media') {
-      if (icon.media.id && mediaIconUrl) {
+      if (icon.media?.id && mediaIconUrl) {
         return (
           <div className={clsx('i-item-icon', className)}>
             <img src={mediaIconUrl} alt={icon.media.alt} className={clsx(className ? `${className}-img` : null, 'i-item-icon__img')} />