@brilo/base-blocks 0.1.42 → 0.1.44

package/src/blocks/video/video-group/editor.scss

@@ -0,0 +1,105 @@
+.g-video {
+  padding: 8px;
+
+  &.--size-md {
+    max-width: 720px;
+    margin-inline: auto;
+  }
+}
+
+.g-video__media {
+  position: relative;
+  background: #f0f0f0;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.g-video__youtube-preview {
+  position: relative;
+
+  img {
+    width: 100%;
+    display: block;
+  }
+}
+
+.g-video__play-icon {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.2);
+  pointer-events: none;
+
+  &::after {
+    content: "";
+    width: 64px;
+    height: 64px;
+    background: rgba(200, 0, 0, 0.9);
+    border-radius: 12px;
+    clip-path: polygon(30% 20%, 80% 50%, 30% 80%);
+  }
+}
+
+.g-video__empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 240px;
+  border: 2px dashed #bbb;
+  border-radius: 4px;
+  cursor: pointer;
+  background: none;
+  width: 100%;
+  padding: 0;
+  font: inherit;
+
+  &.--invalid {
+    border-color: #d63638;
+    background: #fff5f5;
+  }
+}
+
+.g-video__empty-label {
+  color: #888;
+  font-size: 14px;
+
+  .--invalid & {
+    color: #d63638;
+  }
+}
+
+.g-video__media-inner {
+  position: relative;
+
+  video {
+    width: 100%;
+    display: block;
+  }
+}
+
+.g-video__change-btn {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+}
+
+.g-video__caption {
+  margin-top: 8px;
+  color: #555;
+  font-size: 14px;
+  min-height: 1.4em;
+}
+
+.g-video__poster-control {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.g-video__poster-preview {
+  width: 100%;
+  border-radius: 4px;
+  display: block;
+}

package/src/blocks/video/video-group/factory.tsx

@@ -0,0 +1,55 @@
+import type {BlockConfiguration} from '@wordpress/blocks'
+import {__} from '@wordpress/i18n'
+import {SIZES, VIDEO_TYPES} from './constants'
+import {createVideoGroupEdit} from './edit'
+import {icon as defaultIcon} from './icon'
+import type {VideoGroupAttributes, VideoGroupOptions} from './types'
+
+export type {VideoGroupAttributes, VideoGroupOptions}
+
+export function createVideoGroupBlock(options: VideoGroupOptions): BlockConfiguration<VideoGroupAttributes> {
+  return {
+    name: options.name,
+    title: options.title ?? __('Video', 'brilo-blocks'),
+    description: options.description ?? __('Video blok s podporou YouTube a WP médií', 'brilo-blocks'),
+    category: options.category ?? 'layout',
+    ...(options.parent && {parent: options.parent}),
+    icon: options.icon ?? {src: defaultIcon},
+    supports: {html: false, customClassName: false},
+    attributes: {
+      type: {
+        type: 'string',
+        default: VIDEO_TYPES[0].value,
+      },
+      url: {
+        type: 'string',
+        default: '',
+      },
+      mediaId: {
+        type: 'number',
+        default: 0,
+      },
+      caption: {
+        type: 'string',
+        default: '',
+      },
+      size: {
+        type: 'string',
+        default: SIZES[0].value,
+      },
+      poster: {
+        type: 'object',
+        default: {
+          src: '',
+          id: 0,
+        },
+      },
+      playButtonTitle: {
+        type: 'string',
+        default: __('Přehrát video', 'brilo-blocks'),
+      },
+    },
+    edit: createVideoGroupEdit(options),
+    save: () => null,
+  } as unknown as BlockConfiguration<VideoGroupAttributes>
+}

package/src/blocks/video/video-group/icon.tsx

@@ -0,0 +1,17 @@
+export const icon = (
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <title>Video Group</title>
+    <rect x="1.5" y="8.5" width="17" height="10" stroke="currentColor" fill="none" />
+    <path fillRule="evenodd" clipRule="evenodd" d="M13 13.5L8 11L8 16L13 13.5Z" fill="currentColor" />
+    <path d="M4 5H9V6H4V5Z" fill="currentColor" />
+    <path d="M10 5H16V6H10V5Z" fill="currentColor" />
+    <path
+      d="M12 3C12 2.44772 12.4477 2 13 2H14C14.5523 2 15 2.44772 15 3C15 3.55228 14.5523 4 14 4H13C12.4477 4 12 3.55228 12 3Z"
+      fill="currentColor"
+    />
+    <path
+      d="M5 3C5 2.44772 5.44772 2 6 2H10C10.5523 2 11 2.44772 11 3C11 3.55228 10.5523 4 10 4H6C5.44772 4 5 3.55228 5 3Z"
+      fill="currentColor"
+    />
+  </svg>
+)

package/src/blocks/video/video-group/index.ts

@@ -0,0 +1,9 @@
+import type {VideoGroupOptions} from './types'
+
+export type {VideoGroupAttributes, VideoGroupOptions, VideoPoster, VideoSize, VideoType} from './types'
+export {createVideoGroupBlock} from './factory'
+
+export const videoGroupDefaults: VideoGroupOptions = {
+  name: 'brilo/video-group',
+  parent: ['brilo/base-section'],
+}

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

@@ -0,0 +1,22 @@
+import type {BriloBlockType} from '~/types'
+import type {SIZES, VIDEO_TYPES} from './constants'
+
+export type VideoType = (typeof VIDEO_TYPES)[number]['value']
+export type VideoSize = (typeof SIZES)[number]['value']
+
+export interface VideoPoster {
+  src: string
+  id: number
+}
+
+export interface VideoGroupAttributes extends Record<string, unknown> {
+  type: VideoType
+  url: string
+  mediaId: number
+  caption: string
+  size: VideoSize
+  poster: VideoPoster
+  playButtonTitle: string
+}
+
+export interface VideoGroupOptions extends BriloBlockType {}

package/src/components/Document/DocumentTermSelectModal.tsx

@@ -1,6 +1,6 @@
 import type {View} from '@wordpress/dataviews/wp'
 import {__} from '@wordpress/i18n'
-import {createEntitySelectModal} from '~/components/Event/EntitySelectModal'
+import {createEntitySelectModal} from '~/components/EntitySelectModal/EntitySelectModal'
 
 type DocumentCategoryRecord = {
   id: number

package/src/components/Event/EventSelectModal.tsx

@@ -1,6 +1,6 @@
 import type {View} from '@wordpress/dataviews/wp'
 import {__} from '@wordpress/i18n'
-import {createEntitySelectModal} from './EntitySelectModal'
+import {createEntitySelectModal} from '~/components/EntitySelectModal/EntitySelectModal'
 
 type EventRecord = {
   id: number

package/src/components/Event/EventTermSelectModal.tsx

@@ -1,6 +1,6 @@
 import type {View} from '@wordpress/dataviews/wp'
 import {__} from '@wordpress/i18n'
-import {createEntitySelectModal} from './EntitySelectModal'
+import {createEntitySelectModal} from '~/components/EntitySelectModal/EntitySelectModal'
 
 type EventCategoryRecord = {
   id: number

package/src/components/ImagePicker/ImagePicker.tsx

@@ -2,7 +2,7 @@ import {MediaUpload, MediaUploadCheck} from '@wordpress/block-editor'
 import {Button, TextControl} from '@wordpress/components'
 import {useSelect} from '@wordpress/data'
 import {__} from '@wordpress/i18n'
-import {CSSProperties} from 'react'
+import type {CSSProperties} from 'react'
 
 export interface ImageValue {
   id: number

package/src/components/Post/PostSelectModal.tsx

@@ -1,6 +1,6 @@
 import type {View} from '@wordpress/dataviews/wp'
 import {__} from '@wordpress/i18n'
-import {createEntitySelectModal} from '~/components/Event/EntitySelectModal'
+import {createEntitySelectModal} from '~/components/EntitySelectModal/EntitySelectModal'
 
 type PostRecord = {
   id: number

package/src/components/Post/PostTermSelectModal.tsx

@@ -1,6 +1,6 @@
 import type {View} from '@wordpress/dataviews/wp'
 import {__} from '@wordpress/i18n'
-import {createEntitySelectModal} from '~/components/Event/EntitySelectModal'
+import {createEntitySelectModal} from '~/components/EntitySelectModal/EntitySelectModal'
 
 type PostCategoryRecord = {
   id: number

package/src/editor.scss

@@ -10,6 +10,7 @@
 @forward "./blocks/contact/contact-item/editor";
 @forward "./blocks/core/basic-button/editor";
 @forward "./blocks/core/basic-heading/editor";
+@forward "./blocks/core/basic-icon/editor";
 @forward "./blocks/core/basic-overline/editor";
 @forward "./blocks/faq/faq-group/editor";
 @forward "./blocks/faq/faq-item/editor";
@@ -45,3 +46,9 @@
 @forward "./components/IconControl/editor";
 @forward "./components/ImagePicker/editor";
 @forward "./components/ItemIconControl/editor";
+@forward "./blocks/priceplan/priceplan-group/editor";
+@forward "./blocks/priceplan/priceplan-item/editor";
+@forward "./blocks/priceplan/priceplan-list-item/editor";
+@forward "./blocks/video/video-group/editor";
+@forward "./blocks/review/review-group/editor";
+@forward "./blocks/review/review-item/editor";

package/src/index.ts

@@ -48,6 +48,13 @@ export type {BasicHeadingAttributes, BasicHeadingOptions} from './blocks/core/ba
 export {basicHeadingDefaults, createBasicHeadingBlock} from './blocks/core/basic-heading'
 export type {BasicOverlineAttributes, BasicOverlineOptions} from './blocks/core/basic-overline'
 export {basicOverlineDefaults, createBasicOverlineBlock} from './blocks/core/basic-overline'
+export type {
+  BasicIconAlignment,
+  BasicIconAttributes,
+  BasicIconBackgroundShape,
+  BasicIconOptions,
+} from './blocks/core/basic-icon'
+export {basicIconDefaults, createBasicIconBlock} from './blocks/core/basic-icon'
 export type {HeroItemAttributes, HeroItemOptions} from './blocks/hero/hero-item'
 export {createHeroItemBlock, heroItemDefaults} from './blocks/hero/hero-item'
 export type {HeroGroupAttributes, HeroGroupOptions} from './blocks/hero/hero-group'
@@ -227,3 +234,15 @@ export type {ShareAttributes, ShareOptions} from './blocks/share/share'
 export {createShareBlock, shareDefaults} from './blocks/share/share'
 export type {BoxAttributes, BoxBorderRadius, BoxOptions, BoxSpacing} from './blocks/layout/box'
 export {createBoxBlock, boxDefaults} from './blocks/layout/box'
+export type {PriceplanGroupAttributes, PriceplanGroupOptions} from './blocks/priceplan/priceplan-group'
+export {createPriceplanGroupBlock, priceplanGroupDefaults} from './blocks/priceplan/priceplan-group'
+export type {PriceplanItemAttributes, PriceplanItemOptions} from './blocks/priceplan/priceplan-item'
+export {createPriceplanItemBlock, priceplanItemDefaults} from './blocks/priceplan/priceplan-item'
+export type {PriceplanListItemAttributes, PriceplanListItemOptions} from './blocks/priceplan/priceplan-list-item'
+export {createPriceplanListItemBlock, priceplanListItemDefaults} from './blocks/priceplan/priceplan-list-item'
+export type {VideoGroupAttributes, VideoGroupOptions} from './blocks/video/video-group'
+export {createVideoGroupBlock, videoGroupDefaults} from './blocks/video/video-group'
+export type {ReviewGroupAttributes, ReviewGroupOptions} from './blocks/review/review-group'
+export {createReviewGroupBlock, reviewGroupDefaults} from './blocks/review/review-group'
+export type {ReviewAuthor, ReviewItemAttributes, ReviewItemOptions, ReviewRating} from './blocks/review/review-item'
+export {createReviewItemBlock, reviewItemDefaults} from './blocks/review/review-item'

package/src/types.ts

@@ -1,4 +1,4 @@
-import {BlockTypeIconDescriptor} from '@wordpress/blocks'
+import type {BlockTypeIconDescriptor} from '@wordpress/blocks'
 
 export interface SelectOption {
   value: string

package/build/components/Event/EntitySelectModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EntitySelectModal.d.ts","sourceRoot":"","sources":["../../../src/components/Event/EntitySelectModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,KAAK,EAAE,KAAK,IAAI,EAAC,MAAM,yBAAyB,CAAA;AAIxE,OAAO,KAAqC,MAAM,OAAO,CAAA;AACzD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,KAAK,YAAY,GAAG;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,CAAA;AA0BhC,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,YAAY,IAAI;IAC5D,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IAClB,WAAW,EAAE,IAAI,CAAA;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAA;IACjC,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAA;IACnD,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;IACtD,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AA2FD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,YAAY,EAAE,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,iCACnC,kBAAkB,uBAwGhF"}