@brilo/base-blocks 0.1.36 → 0.1.38

package/src/components/Event/EventTermSelectModal.tsx

@@ -0,0 +1,58 @@
+import type {View} from '@wordpress/dataviews/wp'
+import {__} from '@wordpress/i18n'
+import {createEntitySelectModal} from './EntitySelectModal'
+
+type EventCategoryRecord = {
+  id: number
+  name: string
+  slug: string
+  count?: number
+}
+
+const DEFAULT_VIEW: View = {
+  type: 'table',
+  search: '',
+  filters: [],
+  page: 1,
+  perPage: 20,
+  sort: {field: 'name', direction: 'asc'},
+  fields: ['slug', 'count'],
+  titleField: 'name',
+}
+
+/**
+ * Manual brilo_event_category picker (table view, search, sort, checkbox
+ * selection, reorderable selection list) with name/slug/count columns. See
+ * `EntitySelectModal` for the shared DataViews wiring.
+ */
+export const EventTermSelectModal = createEntitySelectModal<EventCategoryRecord>({
+  endpoint: '/wp/v2/brilo_event_category?per_page=100&orderby=name&order=asc&_fields=id,name,slug,count',
+  defaultView: DEFAULT_VIEW,
+  buttonLabel: __('Vybrat kategorie', 'brilo-blocks'),
+  modalTitle: __('Vybrat kategorie', 'brilo-blocks'),
+  emptyLabel: __('Nevybrány žádné kategorie.', 'brilo-blocks'),
+  getItemLabel: (item) => item.name,
+  matchesSearch: (item, needle) => item.name.toLowerCase().includes(needle) || item.slug.toLowerCase().includes(needle),
+  sortValue: (item, field) => (item as Record<string, unknown>)[field] as string | number,
+  fields: [
+    {
+      id: 'name',
+      label: __('Název', 'brilo-blocks'),
+      enableHiding: false,
+      enableSorting: true,
+      render: ({item}: {item: EventCategoryRecord}) => item.name || __('(bez názvu)', 'brilo-blocks'),
+    },
+    {
+      id: 'slug',
+      label: __('Slug', 'brilo-blocks'),
+      enableSorting: true,
+      render: ({item}: {item: EventCategoryRecord}) => item.slug || '—',
+    },
+    {
+      id: 'count',
+      label: __('Počet', 'brilo-blocks'),
+      enableSorting: true,
+      render: ({item}: {item: EventCategoryRecord}) => (undefined !== item.count ? String(item.count) : '—'),
+    },
+  ],
+})

package/src/components/Post/PostSelectModal.tsx

@@ -0,0 +1,51 @@
+import type {View} from '@wordpress/dataviews/wp'
+import {__} from '@wordpress/i18n'
+import {createEntitySelectModal} from '~/components/Event/EntitySelectModal'
+
+type PostRecord = {
+  id: number
+  title: {rendered: string}
+  date: string
+}
+
+const DEFAULT_VIEW: View = {
+  type: 'table',
+  search: '',
+  filters: [],
+  page: 1,
+  perPage: 20,
+  sort: {field: 'title', direction: 'asc'},
+  fields: ['date'],
+  titleField: 'title',
+}
+
+/**
+ * Manual post picker (table view, search, sort, checkbox selection,
+ * reorderable selection list) with title/date columns. See `EntitySelectModal`
+ * for the shared DataViews wiring.
+ */
+export const PostSelectModal = createEntitySelectModal<PostRecord>({
+  endpoint: '/wp/v2/posts?per_page=100&orderby=title&order=asc&_fields=id,title,date',
+  defaultView: DEFAULT_VIEW,
+  buttonLabel: __('Vybrat příspěvky', 'brilo-blocks'),
+  modalTitle: __('Vybrat příspěvky', 'brilo-blocks'),
+  emptyLabel: __('Nevybrány žádné příspěvky.', 'brilo-blocks'),
+  getItemLabel: (item) => item.title.rendered,
+  matchesSearch: (item, needle) => item.title.rendered.toLowerCase().includes(needle),
+  sortValue: (item, field) => ('title' === field ? item.title.rendered : ((item as never)[field] ?? '')),
+  fields: [
+    {
+      id: 'title',
+      label: __('Název', 'brilo-blocks'),
+      enableHiding: false,
+      enableSorting: true,
+      render: ({item}: {item: PostRecord}) => item.title.rendered || __('(bez názvu)', 'brilo-blocks'),
+    },
+    {
+      id: 'date',
+      label: __('Datum', 'brilo-blocks'),
+      enableSorting: true,
+      render: ({item}: {item: PostRecord}) => (item.date ? new Date(item.date).toLocaleDateString() : '—'),
+    },
+  ],
+})

package/src/components/Post/PostTermSelectModal.tsx

@@ -0,0 +1,60 @@
+import type {View} from '@wordpress/dataviews/wp'
+import {__} from '@wordpress/i18n'
+import {createEntitySelectModal} from '~/components/Event/EntitySelectModal'
+
+type PostCategoryRecord = {
+  id: number
+  name: string
+  slug: string
+  count?: number
+}
+
+const DEFAULT_VIEW: View = {
+  type: 'table',
+  search: '',
+  filters: [],
+  page: 1,
+  perPage: 20,
+  sort: {field: 'name', direction: 'asc'},
+  fields: ['slug', 'count'],
+  titleField: 'name',
+}
+
+/**
+ * Manual post category picker (table view, search, sort, checkbox
+ * selection, reorderable selection list) with name/slug/count columns. See
+ * `EntitySelectModal` for the shared DataViews wiring.
+ */
+export const PostTermSelectModal = createEntitySelectModal<PostCategoryRecord>({
+  endpoint: '/wp/v2/categories?per_page=100&orderby=name&order=asc&_fields=id,name,slug,count',
+  defaultView: DEFAULT_VIEW,
+  buttonLabel: __('Vybrat kategorie', 'brilo-blocks'),
+  modalTitle: __('Vybrat kategorie', 'brilo-blocks'),
+  emptyLabel: __('Nevybrány žádné kategorie.', 'brilo-blocks'),
+  getItemLabel: (item) => item.name,
+  matchesSearch: (item, needle) => item.name.toLowerCase().includes(needle) || item.slug.toLowerCase().includes(needle),
+  sortValue: (item, field) => (item as Record<string, unknown>)[field] as string | number,
+  fields: [
+    {
+      id: 'name',
+      label: __('Název', 'brilo-blocks'),
+      enableHiding: false,
+      enableSorting: true,
+      render: ({item}: {item: PostCategoryRecord}) => item.name || __('(bez názvu)', 'brilo-blocks'),
+    },
+    {
+      id: 'slug',
+      label: __('Slug', 'brilo-blocks'),
+      enableSorting: true,
+      render: ({item}: {item: PostCategoryRecord}) => item.slug || '—',
+    },
+    {
+      id: 'count',
+      label: __('Počet', 'brilo-blocks'),
+      enableSorting: true,
+      render: ({item}: {item: PostCategoryRecord}) => (undefined !== item.count ? String(item.count) : '—'),
+    },
+  ],
+})
+
+export const PostTermSelect = PostTermSelectModal

package/src/editor.scss

@@ -36,6 +36,8 @@
 @forward "./blocks/usp/usp-item/editor";
 @forward "./blocks/person/person-group/editor";
 @forward "./blocks/person/person-item/editor";
+@forward "./blocks/event/event-calendar-group/editor";
+@forward "./blocks/event/event-list-group/editor";
 @forward "./blocks/responsive-grid/responsive-grid-item/editor";
 @forward "./blocks/layout/layout-aside/editor";
 @forward "./blocks/layout/layout-content/editor";

package/src/index.ts

@@ -150,6 +150,8 @@ export type {PostSliderGroupAttributes, PostSliderGroupOptions} from './blocks/p
 export {createPostSliderGroupBlock, postSliderGroupDefaults} from './blocks/post/post-slider-group'
 export type {PostsGridAttributes, PostsGridOptions} from './blocks/post/posts-grid'
 export {createPostsGridBlock, postsGridDefaults} from './blocks/post/posts-grid'
+export {PostSelectModal} from './components/Post/PostSelectModal'
+export {PostTermSelectModal} from './components/Post/PostTermSelectModal'
 export type {
   DocumentsGridAttributes,
   DocumentsGridOptions,
@@ -157,7 +159,12 @@ export type {
   DocumentsGridMode,
   DocumentsGridSortBy,
 } from './blocks/document/documents-grid'
-export {createDocumentsGridBlock, documentsGridDefaults, DocumentsSelectModal} from './blocks/document/documents-grid'
+export {
+  createDocumentsGridBlock,
+  documentsGridDefaults,
+  DocumentsSelectModal,
+  DocumentTermSelectModal,
+} from './blocks/document/documents-grid'
 export type {LinkItemAttributes, LinkItemIcon, LinkItemOptions} from './blocks/link/link-item'
 export {createLinkItemBlock, linkItemDefaults} from './blocks/link/link-item'
 export type {ContentWithAsideAttributes, ContentWithAsideOptions} from './blocks/layout/layout-content-w-aside'
@@ -166,6 +173,42 @@ export type {ContentAttributes, ContentOptions} from './blocks/layout/layout-con
 export {createContentBlock, contentDefaults} from './blocks/layout/layout-content'
 export type {AsideAttributes, AsideOptions} from './blocks/layout/layout-aside'
 export {createAsideBlock, asideDefaults} from './blocks/layout/layout-aside'
+export type {
+  EventCalendarGroupAttributes,
+  EventCalendarGroupOptions,
+} from './blocks/event/event-calendar-group'
+export {
+  createEventCalendarGroupBlock,
+  eventCalendarGroupDefaults,
+} from './blocks/event/event-calendar-group'
+export type {
+  EventListGroupAttributes,
+  EventListGroupMode,
+  EventListGroupOptions,
+} from './blocks/event/event-list-group'
+export type {
+  EventDetailHeaderAttributes,
+  EventDetailHeaderOptions,
+} from './blocks/event/event-detail-header'
+export {
+  createEventDetailHeaderBlock,
+  eventDetailHeaderDefaults,
+} from './blocks/event/event-detail-header'
+export type {
+  EventDetailContentAttributes,
+  EventDetailContentOptions,
+} from './blocks/event/event-detail-content'
+export {
+  createEventDetailContentBlock,
+  eventDetailContentDefaults,
+} from './blocks/event/event-detail-content'
+export {
+  createEventListGroupBlock,
+  eventListGroupDefaults,
+  EVENT_LIST_GROUP_MODES,
+  EventSelectModal,
+  EventTermSelectModal,
+} from './blocks/event/event-list-group'
 export type {
   JobPositionGroupAttributes,
   JobPositionGroupOptions,

package/src/types.ts

@@ -17,6 +17,11 @@ export interface Icon {
   media: Media
 }
 
+export interface SelectControlProps {
+  selectedItems: number[]
+  onChange: (ids: number[]) => void
+}
+
 export type OptionArray = ReadonlyArray<{value: string; label: string}>
 export type NumberArray = ReadonlyArray<number>
 export type StringArray = ReadonlyArray<string>