@brilo/base-blocks 0.1.27 → 0.1.29

package/src/blocks/sections/base-section/controls.tsx

@@ -14,7 +14,13 @@ import {
 import {__} from '@wordpress/i18n'
 import {useTenantColorPalette} from '~/hooks/useTenantColorPalette'
 import type {BaseBlockAttributes, ExcludableBaseAttr, FluidDecoration, FluidDecorationImage} from './types'
-import {FLUID_DECORATION_DEFAULT_HEIGHT, FLUID_DECORATION_HEIGHT_PRESETS, FLUID_DECORATION_UNITS, SPACING_POSITIONS, SPACING_SIZES} from './constants'
+import {
+  FLUID_DECORATION_DEFAULT_HEIGHT,
+  FLUID_DECORATION_HEIGHT_PRESETS,
+  FLUID_DECORATION_UNITS,
+  SPACING_POSITIONS,
+  SPACING_SIZES,
+} from './constants'
 
 interface FluidDecorationControlProps {
   label: string

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

@@ -149,6 +149,14 @@ 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 type {
+  DocumentsGroupAttributes,
+  DocumentsGroupOptions,
+  DocumentsGroupListingStyle,
+  DocumentsGroupMode,
+  DocumentsGroupSortBy,
+} from './blocks/document/documents-group'
+export {createDocumentsGroupBlock, documentsGroupDefaults, DocumentsSelectModal} from './blocks/document/documents-group'
 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'
@@ -157,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'