@brilo/base-blocks 0.1.28 → 0.1.29

package/src/blocks/career/job-position-group/factory.tsx

@@ -0,0 +1,56 @@
+import type {BlockConfiguration} from '@wordpress/blocks'
+import {__} from '@wordpress/i18n'
+import {
+  JOB_POSITION_GROUP_MODE,
+  JOB_POSITION_GROUP_MODES,
+  JOB_POSITION_GROUP_PER_PAGE,
+  JOB_POSITION_GROUP_SORT_BY,
+  JOB_POSITION_GROUP_SORT_BYS,
+  JOB_POSITION_GROUP_SORT_ORDER,
+  JOB_POSITION_GROUP_SORT_ORDERS,
+} from './constants'
+import {createJobPositionGroupEdit} from './edit'
+import {icon as defaultIcon} from './icon'
+import type {JobPositionGroupAttributes, JobPositionGroupOptions} from './types'
+
+export type {JobPositionGroupAttributes, JobPositionGroupOptions}
+
+export function createJobPositionGroupBlock(options: JobPositionGroupOptions): BlockConfiguration<JobPositionGroupAttributes> {
+  return {
+    name: options.name,
+    title: options.title ?? __('Pracovní pozice', '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: JOB_POSITION_GROUP_MODE,
+        enum: [...JOB_POSITION_GROUP_MODES],
+      },
+      selectedPositions: {
+        type: 'array',
+        default: [],
+        items: {type: 'number'},
+      },
+      perPage: {
+        type: 'number',
+        default: JOB_POSITION_GROUP_PER_PAGE,
+      },
+      sortBy: {
+        type: 'string',
+        default: JOB_POSITION_GROUP_SORT_BY,
+        enum: [...JOB_POSITION_GROUP_SORT_BYS],
+      },
+      sortOrder: {
+        type: 'string',
+        default: JOB_POSITION_GROUP_SORT_ORDER,
+        enum: [...JOB_POSITION_GROUP_SORT_ORDERS],
+      },
+    },
+    edit: createJobPositionGroupEdit(options),
+    save: () => null,
+  } as unknown as BlockConfiguration<JobPositionGroupAttributes>
+}

package/src/blocks/career/job-position-group/icon.tsx

@@ -0,0 +1,7 @@
+export const icon = (
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="2" y="6" width="16" height="11" rx="1" stroke="black" fill="none" />
+    <path d="M7 6V4C7 3.44772 7.44772 3 8 3H12C12.5523 3 13 3.44772 13 4V6" stroke="black" fill="none" />
+    <line x1="2" y1="11" x2="18" y2="11" stroke="black" />
+  </svg>
+)

package/src/blocks/career/job-position-group/index.ts

@@ -0,0 +1,15 @@
+export type {
+  JobPositionGroupAttributes,
+  JobPositionGroupOptions,
+  JobPositionGroupMode,
+  JobPositionGroupSortBy,
+  JobPositionGroupSortOrder,
+} from './types'
+export {createJobPositionGroupBlock} from './factory'
+export {JobPositionsSelectModal} from './JobPositionsSelectModal'
+
+import type {JobPositionGroupOptions} from './types'
+
+export const jobPositionGroupDefaults: JobPositionGroupOptions = {
+  name: 'brilo/job-position-group',
+}

package/src/blocks/career/job-position-group/types.ts

@@ -0,0 +1,23 @@
+import type {BriloBlockType} from '~/types'
+import type {JOB_POSITION_GROUP_MODES, JOB_POSITION_GROUP_SORT_BYS, JOB_POSITION_GROUP_SORT_ORDERS} from './constants'
+
+export type JobPositionGroupMode = (typeof JOB_POSITION_GROUP_MODES)[number]
+export type JobPositionGroupSortBy = (typeof JOB_POSITION_GROUP_SORT_BYS)[number]
+export type JobPositionGroupSortOrder = (typeof JOB_POSITION_GROUP_SORT_ORDERS)[number]
+
+export interface JobPositionGroupAttributes extends Record<string, unknown> {
+  mode: JobPositionGroupMode
+  selectedPositions: number[]
+  perPage: number
+  sortBy: JobPositionGroupSortBy
+  sortOrder: JobPositionGroupSortOrder
+}
+
+export interface SelectControlProps {
+  selectedItems: number[]
+  onChange: (ids: number[]) => void
+}
+
+export interface JobPositionGroupOptions extends BriloBlockType {
+  renderPositionsControl?: (props: SelectControlProps) => JSX.Element
+}

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

package/src/blocks/share/share/constants.ts

@@ -0,0 +1 @@
+export const SHARE_TITLE_DEFAULT = 'Sdílejte tento obsah'

package/src/blocks/share/share/edit.tsx

@@ -0,0 +1,57 @@
+import {InspectorControls, useBlockProps} from '@wordpress/block-editor'
+import {PanelBody, TextControl, ToggleControl} from '@wordpress/components'
+import {__} from '@wordpress/i18n'
+import type {ShareAttributes, ShareOptions} from './types'
+
+export function createShareEdit(_options: ShareOptions) {
+  return function Edit({attributes, setAttributes}: {attributes: ShareAttributes; setAttributes: (a: Partial<ShareAttributes>) => void}) {
+    const {title, showFacebook, showLinkedin, showX, showEmail, showCopyLink} = attributes
+
+    const blockProps = useBlockProps({className: 'wp-block-section'})
+
+    const enabledNetworks = [
+      showFacebook && 'Facebook',
+      showLinkedin && 'LinkedIn',
+      showX && 'X',
+      showEmail && __('E-mail', 'brilo-blocks'),
+      showCopyLink && __('Kopírovat odkaz', 'brilo-blocks'),
+    ].filter(Boolean)
+
+    return (
+      <>
+        <InspectorControls>
+          <PanelBody title={__('Nastavení sdílení', 'brilo-blocks')} initialOpen>
+            <TextControl
+              label={__('Titulek', 'brilo-blocks')}
+              value={title}
+              onChange={(value) => setAttributes({title: value})}
+              __next40pxDefaultSize
+            />
+            <ToggleControl label="Facebook" checked={showFacebook} onChange={(value) => setAttributes({showFacebook: value})} />
+            <ToggleControl label="LinkedIn" checked={showLinkedin} onChange={(value) => setAttributes({showLinkedin: value})} />
+            <ToggleControl label="X" checked={showX} onChange={(value) => setAttributes({showX: value})} />
+            <ToggleControl
+              label={__('E-mail', 'brilo-blocks')}
+              checked={showEmail}
+              onChange={(value) => setAttributes({showEmail: value})}
+            />
+            <ToggleControl
+              label={__('Kopírovat odkaz', 'brilo-blocks')}
+              checked={showCopyLink}
+              onChange={(value) => setAttributes({showCopyLink: value})}
+            />
+          </PanelBody>
+        </InspectorControls>
+
+        <div {...blockProps}>
+          <div className="components-placeholder">
+            <div className="components-placeholder__label">{title || __('Blok na sdílení', 'brilo-blocks')}</div>
+            <div className="components-placeholder__instructions">
+              {enabledNetworks.length > 0 ? enabledNetworks.join(', ') : __('Žádné sítě nejsou povoleny.', 'brilo-blocks')}
+            </div>
+          </div>
+        </div>
+      </>
+    )
+  }
+}

package/src/blocks/share/share/factory.tsx

@@ -0,0 +1,30 @@
+import type {BlockConfiguration} from '@wordpress/blocks'
+import {__} from '@wordpress/i18n'
+import {SHARE_TITLE_DEFAULT} from './constants'
+import {createShareEdit} from './edit'
+import {icon as defaultIcon} from './icon'
+import type {ShareAttributes, ShareOptions} from './types'
+
+export type {ShareAttributes, ShareOptions}
+
+export function createShareBlock(options: ShareOptions): BlockConfiguration<ShareAttributes> {
+  return {
+    name: options.name,
+    title: options.title ?? __('Blok na sdílení', '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: {
+      title: {type: 'string', default: SHARE_TITLE_DEFAULT},
+      showFacebook: {type: 'boolean', default: true},
+      showLinkedin: {type: 'boolean', default: true},
+      showX: {type: 'boolean', default: true},
+      showEmail: {type: 'boolean', default: true},
+      showCopyLink: {type: 'boolean', default: true},
+    },
+    edit: createShareEdit(options),
+    save: () => null,
+  } as unknown as BlockConfiguration<ShareAttributes>
+}

package/src/blocks/share/share/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">
+    <circle cx="5" cy="10" r="2" stroke="black" fill="none" />
+    <circle cx="15" cy="4" r="2" stroke="black" fill="none" />
+    <circle cx="15" cy="16" r="2" stroke="black" fill="none" />
+    <line x1="6.7" y1="9" x2="13.3" y2="5" stroke="black" />
+    <line x1="6.7" y1="11" x2="13.3" y2="15" stroke="black" />
+  </svg>
+)

package/src/blocks/share/share/index.ts

@@ -0,0 +1,8 @@
+export type {ShareAttributes, ShareOptions} from './types'
+export {createShareBlock} from './factory'
+
+import type {ShareOptions} from './types'
+
+export const shareDefaults: ShareOptions = {
+  name: 'brilo/share',
+}

package/src/blocks/share/share/types.ts

@@ -0,0 +1,12 @@
+import type {BriloBlockType} from '~/types'
+
+export interface ShareAttributes extends Record<string, unknown> {
+  title: string
+  showFacebook: boolean
+  showLinkedin: boolean
+  showX: boolean
+  showEmail: boolean
+  showCopyLink: boolean
+}
+
+export type ShareOptions = BriloBlockType

package/src/index.ts

@@ -165,3 +165,17 @@ 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 {
+  JobPositionGroupAttributes,
+  JobPositionGroupOptions,
+  JobPositionGroupMode,
+  JobPositionGroupSortBy,
+  JobPositionGroupSortOrder,
+} from './blocks/career/job-position-group'
+export {createJobPositionGroupBlock, jobPositionGroupDefaults, JobPositionsSelectModal} from './blocks/career/job-position-group'
+export type {CareerHeaderAttributes, CareerHeaderOptions} from './blocks/career/career-header'
+export {createCareerHeaderBlock, careerHeaderDefaults} from './blocks/career/career-header'
+export type {PostContentAttributes, PostContentOptions} from './blocks/post/post-content'
+export {createPostContentBlock, postContentDefaults} from './blocks/post/post-content'
+export type {ShareAttributes, ShareOptions} from './blocks/share/share'
+export {createShareBlock, shareDefaults} from './blocks/share/share'