@brilo/base-blocks 0.1.27 → 0.1.29

package/src/blocks/document/documents-group/DocumentsSelectModal.tsx

@@ -0,0 +1,273 @@
+import apiFetch from '@wordpress/api-fetch'
+import {Button, Card, CardBody, __experimentalHStack as HStack, Modal, __experimentalVStack as VStack} from '@wordpress/components'
+import {DataViews, type View} from '@wordpress/dataviews/wp'
+import {__} from '@wordpress/i18n'
+import {arrowDown, arrowUp, close, plusCircle} from '@wordpress/icons'
+// biome-ignore lint/correctness/noUnusedImports: required in scope for classic JSX transform
+import React, {useEffect, useMemo, useState} from 'react'
+import type {SelectControlProps} from './types'
+
+type DocumentRecord = {
+  id: number
+  title: {rendered: string}
+  date: string
+  document_alt_title?: string
+  document_url?: string
+  document_file_display?: string
+  document_category_names?: string
+}
+
+const DEFAULT_VIEW: View = {
+  type: 'table',
+  search: '',
+  filters: [],
+  page: 1,
+  perPage: 20,
+  sort: {field: 'title', direction: 'asc'},
+  fields: ['document_file_display', 'document_category_names', 'document_alt_title', 'document_url'],
+  titleField: 'title',
+}
+
+function useDocuments() {
+  const [documents, setDocuments] = useState<DocumentRecord[]>([])
+  const [isLoading, setIsLoading] = useState(true)
+
+  useEffect(() => {
+    setIsLoading(true)
+    apiFetch<DocumentRecord[]>({
+      path:
+        '/wp/v2/document?per_page=100&orderby=title&order=asc&' +
+        '_fields=id,title,date,document_alt_title,document_url,document_file_display,document_category_names',
+    })
+      .then((result) => setDocuments(result))
+      .catch(() => setDocuments([]))
+      .finally(() => setIsLoading(false))
+  }, [])
+
+  return {documents, isLoading}
+}
+
+function SelectedOrderList({
+  items,
+  onChange,
+  onRemove,
+}: {
+  items: DocumentRecord[]
+  onChange: (ids: number[]) => void
+  onRemove: (id: number) => void
+}) {
+  if (0 === items.length) {
+    return <p className="i-documents-select-modal__empty">{__('Nevybrány žádné dokumenty.', 'brilo-blocks')}</p>
+  }
+
+  const move = (index: number, direction: -1 | 1) => {
+    const target = index + direction
+
+    if (target < 0 || target >= items.length) {
+      return
+    }
+
+    const next = [...items]
+    ;[next[index], next[target]] = [next[target], next[index]]
+    onChange(next.map((item) => item.id))
+  }
+
+  return (
+    <VStack spacing={2}>
+      {items.map((item, index) => (
+        <Card size="small" className="i-documents-select-modal__item" key={item.id}>
+          <CardBody>
+            <HStack alignment="center">
+              <span
+                className="i-documents-select-modal__item-title"
+                style={{
+                  flexGrow: 1,
+                  minWidth: 0,
+                  textAlign: 'left',
+                  overflow: 'hidden',
+                  textOverflow: 'ellipsis',
+                  whiteSpace: 'nowrap',
+                }}
+              >
+                {item.title.rendered || __('(bez názvu)', 'brilo-blocks')}
+              </span>
+
+              <HStack expanded={false} spacing={1}>
+                <Button
+                  size="small"
+                  icon={arrowUp}
+                  label={__('Posunout výš', 'brilo-blocks')}
+                  onClick={() => move(index, -1)}
+                  disabled={0 === index}
+                />
+                <Button
+                  size="small"
+                  icon={arrowDown}
+                  label={__('Posunout níž', 'brilo-blocks')}
+                  onClick={() => move(index, 1)}
+                  disabled={index === items.length - 1}
+                />
+                <Button size="small" icon={close} isDestructive label={__('Odebrat', 'brilo-blocks')} onClick={() => onRemove(item.id)} />
+              </HStack>
+            </HStack>
+          </CardBody>
+        </Card>
+      ))}
+    </VStack>
+  )
+}
+
+/**
+ * Manual document picker built on the real @wordpress/dataviews package: a
+ * fill-size modal (table view, search, sort, checkbox selection) for
+ * browsing/selecting documents, plus an up/down-reorderable list of the
+ * current selection below (drag-and-drop conflicted with the block editor's
+ * own native block dragging — see git history). Local to this block — not a
+ * shared @brilo/gutenberg-toolkit component.
+ */
+export function DocumentsSelectModal({selectedItems, onChange}: SelectControlProps) {
+  const {documents, isLoading} = useDocuments()
+  const [isOpen, setIsOpen] = useState(false)
+  const [view, setView] = useState<View>(DEFAULT_VIEW)
+
+  const selectedDocuments = useMemo(
+    () => selectedItems.map((id) => documents.find((doc) => doc.id === id)).filter((doc): doc is DocumentRecord => undefined !== doc),
+    [selectedItems, documents],
+  )
+
+  const fields = useMemo(
+    () => [
+      {
+        id: 'title',
+        label: __('Název', 'brilo-blocks'),
+        enableHiding: false,
+        enableSorting: true,
+        render: ({item}: {item: DocumentRecord}) => item.title.rendered || __('(bez názvu)', 'brilo-blocks'),
+      },
+      {
+        id: 'document_file_display',
+        label: __('Soubor', 'brilo-blocks'),
+        enableSorting: false,
+        render: ({item}: {item: DocumentRecord}) => item.document_file_display || '—',
+      },
+      {
+        id: 'document_category_names',
+        label: __('Kategorie', 'brilo-blocks'),
+        enableSorting: false,
+        render: ({item}: {item: DocumentRecord}) => item.document_category_names || '—',
+      },
+      {
+        id: 'document_alt_title',
+        label: __('Alternativní titulek', 'brilo-blocks'),
+        enableSorting: false,
+        render: ({item}: {item: DocumentRecord}) => item.document_alt_title || '—',
+      },
+      {
+        id: 'document_url',
+        label: __('Alternativní URL', 'brilo-blocks'),
+        enableSorting: false,
+        render: ({item}: {item: DocumentRecord}) => item.document_url || '—',
+      },
+      {
+        id: 'date',
+        label: __('Datum', 'brilo-blocks'),
+        enableSorting: true,
+        render: ({item}: {item: DocumentRecord}) => (item.date ? new Date(item.date).toLocaleDateString() : '—'),
+      },
+    ],
+    [],
+  )
+
+  const {data, paginationInfo} = useMemo(() => {
+    let filtered = documents
+
+    if (view.search) {
+      const needle = view.search.toLowerCase()
+      filtered = filtered.filter((doc) => doc.title.rendered.toLowerCase().includes(needle))
+    }
+
+    if (view.sort?.field) {
+      const {field, direction} = view.sort
+      const sorted = [...filtered]
+
+      sorted.sort((a, b) => {
+        const valueA = 'title' === field ? a.title.rendered : ((a as never)[field] ?? '')
+        const valueB = 'title' === field ? b.title.rendered : ((b as never)[field] ?? '')
+        const result = String(valueA).localeCompare(String(valueB))
+
+        return 'desc' === direction ? -result : result
+      })
+
+      filtered = sorted
+    }
+
+    const perPage = view.perPage ?? 20
+    const page = view.page ?? 1
+    const start = (page - 1) * perPage
+
+    return {
+      data: filtered.slice(start, start + perPage),
+      paginationInfo: {totalItems: filtered.length, totalPages: Math.ceil(filtered.length / perPage) || 1},
+    }
+  }, [documents, view])
+
+  const toggleSelected = (id: number) => {
+    onChange(selectedItems.includes(id) ? selectedItems.filter((itemId) => itemId !== id) : [...selectedItems, id])
+  }
+
+  return (
+    <VStack spacing={3} className="i-documents-select-modal">
+      <Button variant="secondary" icon={plusCircle} onClick={() => setIsOpen(true)}>
+        {__('Vybrat dokumenty', 'brilo-blocks')}
+      </Button>
+
+      <SelectedOrderList
+        items={selectedDocuments}
+        onChange={onChange}
+        onRemove={(id) => onChange(selectedItems.filter((itemId) => itemId !== id))}
+      />
+
+      {isOpen && (
+        <Modal title={__('Vybrat dokumenty', 'brilo-blocks')} onRequestClose={() => setIsOpen(false)} size="fill">
+          <VStack spacing={4} style={{height: '100%'}}>
+            <div style={{flexGrow: 1, minHeight: 0}}>
+              <DataViews<DocumentRecord>
+                data={data}
+                fields={fields}
+                view={view}
+                onChangeView={setView}
+                paginationInfo={paginationInfo}
+                isLoading={isLoading}
+                defaultLayouts={{table: {}}}
+                getItemId={(item) => String(item.id)}
+                selection={selectedItems.map(String)}
+                onChangeSelection={(ids) => onChange(ids.map(Number))}
+                actions={[
+                  {
+                    id: 'toggle',
+                    label: (items) =>
+                      items.length && selectedItems.includes(items[0].id) ? __('Odebrat', 'brilo-blocks') : __('Přidat', 'brilo-blocks'),
+                    // supportsBulk is what makes DataViews render a checkbox per row —
+                    // without it there's no way to select items other than this menu.
+                    supportsBulk: true,
+                    callback: (items) => {
+                      items.forEach((item) => {
+                        toggleSelected(item.id)
+                      })
+                    },
+                  },
+                ]}
+              />
+            </div>
+
+            <HStack justify="flex-end">
+              <Button variant="primary" onClick={() => setIsOpen(false)}>
+                {__('Hotovo', 'brilo-blocks')}
+              </Button>
+            </HStack>
+          </VStack>
+        </Modal>
+      )}
+    </VStack>
+  )
+}

package/src/blocks/document/documents-group/constants.ts

@@ -0,0 +1,7 @@
+import type {DocumentsGroupColumns, DocumentsGroupMode, DocumentsGroupListingStyle, DocumentsGroupSortBy} from './types'
+
+export const DOCUMENTS_GROUP_MODE_DEFAULT: DocumentsGroupMode = 'manual'
+export const DOCUMENTS_GROUP_LISTING_STYLE_DEFAULT: DocumentsGroupListingStyle = 'classic'
+export const DOCUMENTS_GROUP_SORT_BY_DEFAULT: DocumentsGroupSortBy = 'manual-order'
+export const DOCUMENTS_GROUP_COLUMNS_DEFAULT: DocumentsGroupColumns = 1
+export const DOCUMENTS_GROUP_COLUMNS: DocumentsGroupColumns[] = [1, 2, 3, 4, 6]

package/src/blocks/document/documents-group/edit.tsx

@@ -0,0 +1,96 @@
+import {InspectorControls, useBlockProps} from '@wordpress/block-editor'
+import {
+  PanelBody,
+  __experimentalToggleGroupControl as ToggleGroupControl,
+  __experimentalToggleGroupControlOption as ToggleGroupControlOption,
+} from '@wordpress/components'
+import {__} from '@wordpress/i18n'
+import {DOCUMENTS_GROUP_COLUMNS} from './constants'
+import type {DocumentsGroupAttributes, DocumentsGroupOptions} from './types'
+
+export function createDocumentsGroupEdit(options: DocumentsGroupOptions) {
+  return function Edit({
+    attributes,
+    setAttributes,
+  }: {
+    attributes: DocumentsGroupAttributes
+    setAttributes: (a: Partial<DocumentsGroupAttributes>) => void
+  }) {
+    const {mode, listingStyle, sortBy, columns, selectedDocuments, selectedCategories} = attributes
+
+    const blockProps = useBlockProps({className: 'wp-block-section'})
+
+    return (
+      <>
+        <InspectorControls>
+          <PanelBody title={__('Nastavení výpisu', 'brilo-blocks')} initialOpen>
+            <ToggleGroupControl
+              label={__('Zdroj dokumentů', 'brilo-blocks')}
+              value={mode}
+              onChange={(value) => {
+                const nextMode = value as DocumentsGroupAttributes['mode']
+                setAttributes({
+                  mode: nextMode,
+                  sortBy: 'manual' === nextMode ? sortBy : sortBy === 'manual-order' ? 'menu_order' : sortBy,
+                })
+              }}
+              isBlock
+            >
+              <ToggleGroupControlOption value="manual" label={__('Ruční výběr', 'brilo-blocks')} />
+              <ToggleGroupControlOption value="category" label={__('Dle kategorie', 'brilo-blocks')} />
+            </ToggleGroupControl>
+
+            <ToggleGroupControl
+              label={__('Styl výpisu', 'brilo-blocks')}
+              value={listingStyle}
+              onChange={(value) => setAttributes({listingStyle: value as DocumentsGroupAttributes['listingStyle']})}
+              isBlock
+            >
+              <ToggleGroupControlOption value="classic" label={__('Klasický výpis', 'brilo-blocks')} />
+              <ToggleGroupControlOption value="group-by-category" label={__('Dle kategorií', 'brilo-blocks')} />
+            </ToggleGroupControl>
+
+            <ToggleGroupControl
+              label={__('Řazení', 'brilo-blocks')}
+              value={sortBy}
+              onChange={(value) => setAttributes({sortBy: value as DocumentsGroupAttributes['sortBy']})}
+              isBlock
+            >
+              <ToggleGroupControlOption value="menu_order" label={__('Pořadí', 'brilo-blocks')} />
+              <ToggleGroupControlOption value="date" label={__('Datum', 'brilo-blocks')} />
+              {'manual' === mode && <ToggleGroupControlOption value="manual-order" label={__('Dle výběru', 'brilo-blocks')} />}
+            </ToggleGroupControl>
+
+            <ToggleGroupControl
+              label={__('Počet sloupců', 'brilo-blocks')}
+              help={
+                'group-by-category' === listingStyle ? __('Platí pro seznam dokumentů uvnitř každé kategorie.', 'brilo-blocks') : undefined
+              }
+              value={String(columns)}
+              onChange={(value) => setAttributes({columns: Number(value) as DocumentsGroupAttributes['columns']})}
+              isBlock
+            >
+              {DOCUMENTS_GROUP_COLUMNS.map((c) => (
+                <ToggleGroupControlOption key={c} value={String(c)} label={String(c)} />
+              ))}
+            </ToggleGroupControl>
+          </PanelBody>
+        </InspectorControls>
+
+        <div {...blockProps}>
+          {'category' === mode &&
+            options.renderCategoryControl?.({
+              selectedItems: selectedCategories,
+              onChange: (ids: number[]) => setAttributes({selectedCategories: ids}),
+            })}
+
+          {'manual' === mode &&
+            options.renderDocumentsControl?.({
+              selectedItems: selectedDocuments,
+              onChange: (ids: number[]) => setAttributes({selectedDocuments: ids}),
+            })}
+        </div>
+      </>
+    )
+  }
+}

package/src/blocks/document/documents-group/factory.tsx

@@ -0,0 +1,59 @@
+import type {BlockConfiguration} from '@wordpress/blocks'
+import {__} from '@wordpress/i18n'
+import {
+  DOCUMENTS_GROUP_COLUMNS_DEFAULT,
+  DOCUMENTS_GROUP_LISTING_STYLE_DEFAULT,
+  DOCUMENTS_GROUP_MODE_DEFAULT,
+  DOCUMENTS_GROUP_SORT_BY_DEFAULT,
+} from './constants'
+import {createDocumentsGroupEdit} from './edit'
+import {icon as defaultIcon} from './icon'
+import type {DocumentsGroupAttributes, DocumentsGroupOptions} from './types'
+
+export type {DocumentsGroupAttributes, DocumentsGroupOptions}
+
+export function createDocumentsGroupBlock(options: DocumentsGroupOptions): BlockConfiguration<DocumentsGroupAttributes> {
+  return {
+    name: options.name,
+    title: options.title ?? __('Dokumenty', 'brilo-blocks'),
+    description: options.description,
+    category: options.category ?? 'widgets',
+    ...(options.parent && {parent: options.parent}),
+    icon: options.icon ?? {src: defaultIcon},
+    supports: {html: false, customClassName: false},
+    attributes: {
+      mode: {
+        type: 'string',
+        default: DOCUMENTS_GROUP_MODE_DEFAULT,
+        enum: ['manual', 'category'],
+      },
+      listingStyle: {
+        type: 'string',
+        default: DOCUMENTS_GROUP_LISTING_STYLE_DEFAULT,
+        enum: ['classic', 'group-by-category'],
+      },
+      sortBy: {
+        type: 'string',
+        default: DOCUMENTS_GROUP_SORT_BY_DEFAULT,
+        enum: ['menu_order', 'date', 'manual-order'],
+      },
+      columns: {
+        type: 'number',
+        default: DOCUMENTS_GROUP_COLUMNS_DEFAULT,
+        enum: [1, 2, 3, 4, 6],
+      },
+      selectedDocuments: {
+        type: 'array',
+        default: [],
+        items: {type: 'number'},
+      },
+      selectedCategories: {
+        type: 'array',
+        default: [],
+        items: {type: 'number'},
+      },
+    },
+    edit: createDocumentsGroupEdit(options),
+    save: () => null,
+  } as unknown as BlockConfiguration<DocumentsGroupAttributes>
+}

package/src/blocks/document/documents-group/icon.tsx

@@ -0,0 +1,9 @@
+export const icon = (
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M4 1H12L16 5V19H4V1Z" stroke="black" fill="none" />
+    <path d="M12 1V5H16" stroke="black" fill="none" />
+    <line x1="6.5" y1="9" x2="13.5" y2="9" stroke="black" />
+    <line x1="6.5" y1="12" x2="13.5" y2="12" stroke="black" />
+    <line x1="6.5" y1="15" x2="11" y2="15" stroke="black" />
+  </svg>
+)

package/src/blocks/document/documents-group/index.ts

@@ -0,0 +1,15 @@
+export type {
+  DocumentsGroupAttributes,
+  DocumentsGroupOptions,
+  DocumentsGroupListingStyle,
+  DocumentsGroupMode,
+  DocumentsGroupSortBy,
+} from './types'
+export {createDocumentsGroupBlock} from './factory'
+export {DocumentsSelectModal} from './DocumentsSelectModal'
+
+import type {DocumentsGroupOptions} from './types'
+
+export const documentsGroupDefaults: DocumentsGroupOptions = {
+  name: 'brilo/documents-group',
+}

package/src/blocks/document/documents-group/types.ts

@@ -0,0 +1,25 @@
+import type {BriloBlockType} from '~/types'
+
+export type DocumentsGroupMode = 'manual' | 'category'
+export type DocumentsGroupListingStyle = 'classic' | 'group-by-category'
+export type DocumentsGroupSortBy = 'menu_order' | 'date' | 'manual-order'
+export type DocumentsGroupColumns = 1 | 2 | 3 | 4 | 6
+
+export interface DocumentsGroupAttributes extends Record<string, unknown> {
+  mode: DocumentsGroupMode
+  listingStyle: DocumentsGroupListingStyle
+  sortBy: DocumentsGroupSortBy
+  columns: DocumentsGroupColumns
+  selectedDocuments: number[]
+  selectedCategories: number[]
+}
+
+export interface SelectControlProps {
+  selectedItems: number[]
+  onChange: (ids: number[]) => void
+}
+
+export interface DocumentsGroupOptions extends BriloBlockType {
+  renderCategoryControl?: (props: SelectControlProps) => JSX.Element
+  renderDocumentsControl?: (props: SelectControlProps) => JSX.Element
+}

package/src/blocks/layout/layout-aside/factory.tsx

@@ -6,9 +6,7 @@ import {createAsideEdit} from './edit'
 import {icon as defaultIcon} from './icon'
 import type {AsideAttributes, AsideOptions} from './types'
 
-export function createAsideBlock(
-  options: AsideOptions,
-): BlockConfiguration<AsideAttributes> {
+export function createAsideBlock(options: AsideOptions): BlockConfiguration<AsideAttributes> {
   return {
     name: options.name,
     title: options.title ?? __('Postranní panel', 'brilo-blocks'),

package/src/blocks/layout/layout-aside/icon.tsx

@@ -2,11 +2,6 @@ import React from 'react'
 
 export const icon = (
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M8 4H20V20H8V4ZM10 6H18V18H10V6Z"
-      fill="currentColor"
-    />
+    <path fillRule="evenodd" clipRule="evenodd" d="M8 4H20V20H8V4ZM10 6H18V18H10V6Z" fill="currentColor" />
   </svg>
 )

package/src/blocks/layout/layout-content/editor.scss

@@ -6,4 +6,4 @@
     padding: 8px;
     min-height: 120px;
   }
-}
+}

package/src/blocks/layout/layout-content/factory.tsx

@@ -6,9 +6,7 @@ import {createContentEdit} from './edit'
 import {icon as defaultIcon} from './icon'
 import type {ContentAttributes, ContentOptions} from './types'
 
-export function createContentBlock(
-  options: ContentOptions,
-): BlockConfiguration<ContentAttributes> {
+export function createContentBlock(options: ContentOptions): BlockConfiguration<ContentAttributes> {
   return {
     name: options.name,
     title: options.title ?? __('Obsah', 'brilo-blocks'),

package/src/blocks/layout/layout-content/icon.tsx

@@ -2,11 +2,6 @@ import React from 'react'
 
 export const icon = (
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M4 4H16V20H4V4ZM6 6H14V18H6V6Z"
-      fill="currentColor"
-    />
+    <path fillRule="evenodd" clipRule="evenodd" d="M4 4H16V20H4V4ZM6 6H14V18H6V6Z" fill="currentColor" />
   </svg>
 )

package/src/blocks/layout/layout-content-w-aside/edit.tsx

@@ -1,5 +1,9 @@
 import {InspectorControls} from '@wordpress/block-editor'
-import {PanelBody, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption} from '@wordpress/components'
+import {
+  PanelBody,
+  __experimentalToggleGroupControl as ToggleGroupControl,
+  __experimentalToggleGroupControlOption as ToggleGroupControlOption,
+} from '@wordpress/components'
 import {__} from '@wordpress/i18n'
 import React from 'react'
 import {useGroupBlock} from '~/hooks/useGroupBlock'

package/src/blocks/layout/layout-content-w-aside/factory.tsx

@@ -8,9 +8,7 @@ import {createContentWithAsideEdit} from './edit'
 import {icon as defaultIcon} from './icon'
 import type {ContentWithAsideAttributes, ContentWithAsideOptions} from './types'
 
-export function createContentWithAsideBlock<
-  TAsideSizes extends OptionArray = typeof ASIDE_SIZES,
->(
+export function createContentWithAsideBlock<TAsideSizes extends OptionArray = typeof ASIDE_SIZES>(
   options: ContentWithAsideOptions<TAsideSizes>,
 ): BlockConfiguration<ContentWithAsideAttributes<TAsideSizes[number]['value']>> {
   const asideSizes = options.asideSizes ?? ASIDE_SIZES

package/src/blocks/layout/layout-content-w-aside/icon.tsx

@@ -2,11 +2,6 @@ import React from 'react'
 
 export const icon = (
   <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M4 4H20V20H4V4ZM6 6H13V18H6V6ZM15 6H18V18H15V6Z"
-      fill="currentColor"
-    />
+    <path fillRule="evenodd" clipRule="evenodd" d="M4 4H20V20H4V4ZM6 6H13V18H6V6ZM15 6H18V18H15V6Z" fill="currentColor" />
   </svg>
 )

package/src/blocks/post/post-content/edit.tsx

@@ -0,0 +1,18 @@
+import {useBlockProps} from '@wordpress/block-editor'
+import {__} from '@wordpress/i18n'
+import type {PostContentAttributes, PostContentOptions} from './types'
+
+export function createPostContentEdit(_options: PostContentOptions) {
+  return function Edit(_props: {attributes: PostContentAttributes; setAttributes: (a: Partial<PostContentAttributes>) => void}) {
+    const blockProps = useBlockProps({className: 'wp-block-section'})
+
+    return (
+      <div {...blockProps}>
+        <div className="components-placeholder">
+          <div className="components-placeholder__label">{__('Obsah postu', 'brilo-blocks')}</div>
+          <div className="components-placeholder__instructions">{__('Zobrazí obsah aktuální postu.', 'brilo-blocks')}</div>
+        </div>
+      </div>
+    )
+  }
+}

package/src/blocks/post/post-content/factory.tsx

@@ -0,0 +1,22 @@
+import type {BlockConfiguration} from '@wordpress/blocks'
+import {__} from '@wordpress/i18n'
+import {createPostContentEdit} from './edit'
+import {icon as defaultIcon} from './icon'
+import type {PostContentAttributes, PostContentOptions} from './types'
+
+export type {PostContentAttributes, PostContentOptions}
+
+export function createPostContentBlock(options: PostContentOptions): BlockConfiguration<PostContentAttributes> {
+  return {
+    name: options.name,
+    title: options.title ?? __('Content postu', 'brilo-blocks'),
+    description: options.description,
+    category: options.category ?? 'widgets',
+    ...(options.parent && {parent: options.parent}),
+    icon: options.icon ?? {src: defaultIcon},
+    supports: {html: false, customClassName: false},
+    attributes: {},
+    edit: createPostContentEdit(options),
+    save: () => null,
+  } as unknown as BlockConfiguration<PostContentAttributes>
+}

package/src/blocks/post/post-content/icon.tsx

@@ -0,0 +1,9 @@
+export const icon = (
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="3" y="2" width="14" height="16" rx="1" stroke="black" fill="none" />
+    <line x1="6" y1="6" x2="14" y2="6" stroke="black" />
+    <line x1="6" y1="9" x2="14" y2="9" stroke="black" />
+    <line x1="6" y1="12" x2="14" y2="12" stroke="black" />
+    <line x1="6" y1="15" x2="10" y2="15" stroke="black" />
+  </svg>
+)

package/src/blocks/post/post-content/index.ts

@@ -0,0 +1,8 @@
+export type {PostContentAttributes, PostContentOptions} from './types'
+export {createPostContentBlock} from './factory'
+
+import type {PostContentOptions} from './types'
+
+export const postContentDefaults: PostContentOptions = {
+  name: 'brilo/post-content',
+}

package/src/blocks/post/post-content/types.ts

@@ -0,0 +1,6 @@
+import type {BriloBlockType} from '~/types'
+
+// biome-ignore lint/complexity/noBannedTypes: no block-specific attributes, matches BriloBlockType's generic constraint shape
+export interface PostContentAttributes extends Record<string, unknown> {}
+
+export type PostContentOptions = BriloBlockType