@brilo/base-blocks 0.1.6 → 0.1.7

package/build/blocks/groups/content-group/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const SIZES: readonly ["8", "12"];
+//# sourceMappingURL=constants.d.ts.map

package/build/blocks/groups/content-group/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/content-group/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,sBAAuB,CAAA"}

package/build/blocks/groups/content-group/constants.js

@@ -0,0 +1 @@
+export const SIZES = ['8', '12'];

package/build/blocks/groups/content-group/edit.d.ts

@@ -0,0 +1,6 @@
+import type { ContentGroupAttributes, ContentGroupOptions } from './types';
+export declare function createContentGroupEdit(options: ContentGroupOptions): ({ attributes, setAttributes, }: {
+    attributes: ContentGroupAttributes;
+    setAttributes: (a: Partial<ContentGroupAttributes>) => void;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=edit.d.ts.map

package/build/blocks/groups/content-group/edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/content-group/edit.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAmB,MAAM,SAAS,CAAA;AAE1F,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,mBAAmB,IAC5C,gCAGlB;IACD,UAAU,EAAE,sBAAsB,CAAA;IAClC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAA;CAC5D,iCA+BF"}

package/build/blocks/groups/content-group/edit.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { InspectorControls } from '@wordpress/block-editor';
+import { PanelBody, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import clsx from 'clsx';
+import { useGroupBlock } from '../../../hooks/useGroupBlock';
+import { SIZES } from './constants';
+export function createContentGroupEdit(options) {
+    return function Edit({ attributes, setAttributes, }) {
+        var _a, _b;
+        const { size } = attributes;
+        const { blockProps, innerBlocksProps } = useGroupBlock({
+            blockClassName: clsx((_a = options.blockClassName) !== null && _a !== void 0 ? _a : 'g-content-group', `--columns-${size}`),
+            containerClassName: (_b = options.containerClassName) !== null && _b !== void 0 ? _b : 'g-content-group__inner',
+            allowedBlocks: options.allowedBlocks,
+            template: options.template,
+        });
+        return (_jsxs(_Fragment, { children: [_jsx(InspectorControls, { children: _jsx(PanelBody, { title: __('Nastavení', 'brilo-blocks'), children: _jsx(ToggleGroupControl, { label: __('Počet sloupců', 'brilo-blocks'), value: size, onChange: (value) => setAttributes({ size: value }), isBlock: true, children: SIZES.map((s) => (_jsx(ToggleGroupControlOption, { value: s, label: `${s} ${__('sloupců', 'brilo-blocks')}` }, s))) }) }) }), _jsx("div", { ...blockProps, children: _jsx("div", { ...innerBlocksProps }) })] }));
+    };
+}

package/build/blocks/groups/content-group/factory.d.ts

@@ -0,0 +1,4 @@
+import type { BlockConfiguration } from "@wordpress/blocks";
+import type { ContentGroupAttributes, ContentGroupOptions } from "./types";
+export declare function createContentGroupBlock(options: ContentGroupOptions): BlockConfiguration<ContentGroupAttributes>;
+//# sourceMappingURL=factory.d.ts.map

package/build/blocks/groups/content-group/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/content-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAG1D,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAGzE,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,mBAAmB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAkBhH"}

package/build/blocks/groups/content-group/factory.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InnerBlocks } from "@wordpress/block-editor";
+import { __ } from "@wordpress/i18n";
+import { createContentGroupEdit } from "./edit";
+import { icon as defaultIcon } from "./icon";
+export function createContentGroupBlock(options) {
+    var _a, _b, _c;
+    return {
+        name: options.name,
+        title: (_a = options.title) !== null && _a !== void 0 ? _a : __("Obsahová skupina", "brilo-blocks"),
+        description: options.description,
+        category: (_b = options.category) !== null && _b !== void 0 ? _b : "layout",
+        icon: (_c = options.icon) !== null && _c !== void 0 ? _c : { src: defaultIcon },
+        ...(options.parent && { parent: options.parent }),
+        supports: { html: false, customClassName: false },
+        attributes: {
+            size: {
+                type: "string",
+                default: "8",
+            },
+        },
+        edit: createContentGroupEdit(options),
+        save: () => _jsx(InnerBlocks.Content, {}),
+    };
+}

package/build/blocks/groups/content-group/icon.d.ts

@@ -0,0 +1,2 @@
+export declare const icon: import("react").JSX.Element;
+//# sourceMappingURL=icon.d.ts.map

package/build/blocks/groups/content-group/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/content-group/icon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,6BAsBhB,CAAC"}

package/build/blocks/groups/content-group/icon.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const icon = (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { x: "1.5", y: "12.5", width: "17", height: "7", stroke: "black", fill: "none" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.5 15L6 18L11 18L8.5 15Z", fill: "black" }), _jsx("path", { d: "M13 15C13 15.5523 12.5523 16 12 16C11.4477 16 11 15.5523 11 15C11 14.4477 11.4477 14 12 14C12.5523 14 13 14.4477 13 15Z", fill: "black" }), _jsx("path", { d: "M1 3H9V4H1V3Z", fill: "black" }), _jsx("path", { d: "M10 3H18V4H10V3Z", fill: "black" }), _jsx("path", { d: "M1 5H4V6H1V5Z", fill: "black" }), _jsx("path", { d: "M6 5H15V6H6V5Z", fill: "black" }), _jsx("path", { d: "M1 8H2V9H1V8Z", fill: "black" }), _jsx("path", { d: "M3 8H8V9H3V8Z", fill: "black" }), _jsx("path", { d: "M1 10H2V11H1V10Z", fill: "black" }), _jsx("path", { d: "M3 10H10V11H3V10Z", fill: "black" }), _jsx("path", { d: "M8 1C8 0.447715 8.44772 0 9 0H10C10.5523 0 11 0.447715 11 1C11 1.55228 10.5523 2 10 2H9C8.44772 2 8 1.55228 8 1Z", fill: "black" }), _jsx("path", { d: "M1 1C1 0.447715 1.44772 0 2 0H6C6.55228 0 7 0.447715 7 1C7 1.55228 6.55228 2 6 2H2C1.44772 2 1 1.55228 1 1Z", fill: "black" })] }));

package/build/blocks/groups/content-group/index.d.ts

@@ -0,0 +1,5 @@
+export type { ContentGroupAttributes, ContentGroupOptions, ContentGroupSize } from './types';
+export { createContentGroupBlock } from './factory';
+import type { ContentGroupOptions } from './types';
+export declare const contentGroupDefaults: ContentGroupOptions;
+//# sourceMappingURL=index.d.ts.map

package/build/blocks/groups/content-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/content-group/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAC,sBAAsB,EAAE,mBAAmB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAC1F,OAAO,EAAC,uBAAuB,EAAC,MAAM,WAAW,CAAA;AAEjD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAEhD,eAAO,MAAM,oBAAoB,EAAE,mBAmBlC,CAAA"}

package/build/blocks/groups/content-group/index.js

@@ -0,0 +1,21 @@
+export { createContentGroupBlock } from './factory';
+export const contentGroupDefaults = {
+    name: 'brilo/content-group',
+    parent: ['brilo/base-section'],
+    blockClassName: 'g-content-group',
+    containerClassName: 'g-content-group__inner',
+    allowedBlocks: [
+        'core/paragraph',
+        'core/image',
+        'core/heading',
+        'core/list',
+        'core/list-item',
+        'core/quote',
+        'core/table',
+        'core/gallery',
+        'core/embed',
+        'core/video',
+        'core/file',
+        'brilo/link',
+    ],
+};

package/build/blocks/groups/content-group/types.d.ts

@@ -0,0 +1,9 @@
+import type { BriloBlockType } from '../../../types';
+import type { SIZES } from './constants';
+export type ContentGroupSize = (typeof SIZES)[number];
+export interface ContentGroupAttributes extends Record<string, unknown> {
+    size: ContentGroupSize;
+}
+export interface ContentGroupOptions extends BriloBlockType {
+}
+//# sourceMappingURL=types.d.ts.map

package/build/blocks/groups/content-group/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/groups/content-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,aAAa,CAAA;AAEtC,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAA;AAErD,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACrE,IAAI,EAAE,gBAAgB,CAAA;CACvB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;CAAG"}

package/build/blocks/groups/content-group/types.js

@@ -0,0 +1 @@
+export {};

package/build/index.d.ts

@@ -24,6 +24,8 @@ export type { ButtonGroupAttributes, ButtonGroupOptions } from './blocks/groups/
 export { buttonGroupDefaults, createButtonGroupBlock } from './blocks/groups/button-group';
 export type { BannerGroupAttributes, BannerGroupOptions } from './blocks/groups/banner-group';
 export { createBannerGroupBlock, bannerGroupDefaults } from './blocks/groups/banner-group';
+export type { ContentGroupAttributes, ContentGroupOptions, ContentGroupSize } from './blocks/groups/content-group';
+export { createContentGroupBlock, contentGroupDefaults } from './blocks/groups/content-group';
 export type { TextAndMediaGroupAttributes, TextAndMediaGroupOptions } from './blocks/groups/text-and-media-group';
 export { createTextAndMediaGroupBlock, textAndMediaGroupDefaults } from './blocks/groups/text-and-media-group';
 export type { TextAndFormGroupAttributes, TextAndFormGroupOptions } from './blocks/text-and-form/text-and-form-group';

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/build/index.js

@@ -11,6 +11,7 @@ export { createMapGroupBlock, mapGroupDefaults } from './blocks/map/map-group';
 export { basicHeaderGroupDefaults, createBasicHeaderGroupBlock } from './blocks/groups/basic-header-group';
 export { buttonGroupDefaults, createButtonGroupBlock } from './blocks/groups/button-group';
 export { createBannerGroupBlock, bannerGroupDefaults } from './blocks/groups/banner-group';
+export { createContentGroupBlock, contentGroupDefaults } from './blocks/groups/content-group';
 export { createTextAndMediaGroupBlock, textAndMediaGroupDefaults } from './blocks/groups/text-and-media-group';
 export { createTextAndFormGroupBlock, textAndFormGroupDefaults } from './blocks/text-and-form/text-and-form-group';
 export { createTextAndFormTextColumnBlock, textAndFormTextColumnDefaults } from './blocks/text-and-form/text-and-form-text-column';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brilo/base-blocks",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "author": "Brilo",
   "main": "./build/index.js",
   "types": "./build/index.d.ts",

package/src/blocks/groups/content-group/constants.ts

@@ -0,0 +1 @@
+export const SIZES = ['8', '12'] as const

package/src/blocks/groups/content-group/edit.tsx

@@ -0,0 +1,51 @@
+import {InspectorControls} from '@wordpress/block-editor'
+import {
+  PanelBody,
+  __experimentalToggleGroupControl as ToggleGroupControl,
+  __experimentalToggleGroupControlOption as ToggleGroupControlOption,
+} from '@wordpress/components'
+import {__} from '@wordpress/i18n'
+import clsx from 'clsx'
+import {useGroupBlock} from '~/hooks/useGroupBlock'
+import {SIZES} from './constants'
+import type {ContentGroupAttributes, ContentGroupOptions, ContentGroupSize} from './types'
+
+export function createContentGroupEdit(options: ContentGroupOptions) {
+  return function Edit({
+    attributes,
+    setAttributes,
+  }: {
+    attributes: ContentGroupAttributes
+    setAttributes: (a: Partial<ContentGroupAttributes>) => void
+  }) {
+    const {size} = attributes
+    const {blockProps, innerBlocksProps} = useGroupBlock({
+      blockClassName: clsx(options.blockClassName ?? 'g-content-group', `--columns-${size}`),
+      containerClassName: options.containerClassName ?? 'g-content-group__inner',
+      allowedBlocks: options.allowedBlocks,
+      template: options.template,
+    })
+
+    return (
+      <>
+        <InspectorControls>
+          <PanelBody title={__('Nastavení', 'brilo-blocks')}>
+            <ToggleGroupControl
+              label={__('Počet sloupců', 'brilo-blocks')}
+              value={size}
+              onChange={(value) => setAttributes({size: value as ContentGroupSize})}
+              isBlock
+            >
+              {SIZES.map((s) => (
+                <ToggleGroupControlOption key={s} value={s} label={`${s} ${__('sloupců', 'brilo-blocks')}`} />
+              ))}
+            </ToggleGroupControl>
+          </PanelBody>
+        </InspectorControls>
+        <div {...blockProps}>
+          <div {...innerBlocksProps} />
+        </div>
+      </>
+    )
+  }
+}

package/src/blocks/groups/content-group/editor.scss

@@ -0,0 +1,10 @@
+@layer base {
+  .g-content-group {
+    min-height: 44px;
+
+    &.--columns-8 {
+      max-width: 640px;
+      margin-inline: auto !important;
+    }
+  }
+}

package/src/blocks/groups/content-group/factory.tsx

@@ -0,0 +1,26 @@
+import {InnerBlocks} from "@wordpress/block-editor";
+import type {BlockConfiguration} from "@wordpress/blocks";
+import {__} from "@wordpress/i18n";
+import {createContentGroupEdit} from "./edit";
+import type {ContentGroupAttributes, ContentGroupOptions} from "./types";
+import {icon as defaultIcon} from "./icon";
+
+export function createContentGroupBlock(options: ContentGroupOptions): BlockConfiguration<ContentGroupAttributes> {
+  return {
+    name: options.name,
+    title: options.title ?? __("Obsahová skupina", "brilo-blocks"),
+    description: options.description,
+    category: options.category ?? "layout",
+    icon: options.icon ?? {src: defaultIcon},
+    ...(options.parent && {parent: options.parent}),
+    supports: {html: false, customClassName: false},
+    attributes: {
+      size: {
+        type: "string",
+        default: "8",
+      },
+    },
+    edit: createContentGroupEdit(options),
+    save: () => <InnerBlocks.Content />,
+  } as BlockConfiguration<ContentGroupAttributes>;
+}

package/src/blocks/groups/content-group/icon.tsx

@@ -0,0 +1,23 @@
+export const icon = (
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="1.5" y="12.5" width="17" height="7" stroke="black" fill="none" />
+    <path fillRule="evenodd" clipRule="evenodd" d="M8.5 15L6 18L11 18L8.5 15Z" fill="black" />
+    <path
+      d="M13 15C13 15.5523 12.5523 16 12 16C11.4477 16 11 15.5523 11 15C11 14.4477 11.4477 14 12 14C12.5523 14 13 14.4477 13 15Z"
+      fill="black"
+    />
+    <path d="M1 3H9V4H1V3Z" fill="black" />
+    <path d="M10 3H18V4H10V3Z" fill="black" />
+    <path d="M1 5H4V6H1V5Z" fill="black" />
+    <path d="M6 5H15V6H6V5Z" fill="black" />
+    <path d="M1 8H2V9H1V8Z" fill="black" />
+    <path d="M3 8H8V9H3V8Z" fill="black" />
+    <path d="M1 10H2V11H1V10Z" fill="black" />
+    <path d="M3 10H10V11H3V10Z" fill="black" />
+    <path
+      d="M8 1C8 0.447715 8.44772 0 9 0H10C10.5523 0 11 0.447715 11 1C11 1.55228 10.5523 2 10 2H9C8.44772 2 8 1.55228 8 1Z"
+      fill="black"
+    />
+    <path d="M1 1C1 0.447715 1.44772 0 2 0H6C6.55228 0 7 0.447715 7 1C7 1.55228 6.55228 2 6 2H2C1.44772 2 1 1.55228 1 1Z" fill="black" />
+  </svg>
+);

package/src/blocks/groups/content-group/index.ts

@@ -0,0 +1,25 @@
+export type {ContentGroupAttributes, ContentGroupOptions, ContentGroupSize} from './types'
+export {createContentGroupBlock} from './factory'
+
+import type {ContentGroupOptions} from './types'
+
+export const contentGroupDefaults: ContentGroupOptions = {
+  name: 'brilo/content-group',
+  parent: ['brilo/base-section'],
+  blockClassName: 'g-content-group',
+  containerClassName: 'g-content-group__inner',
+  allowedBlocks: [
+    'core/paragraph',
+    'core/image',
+    'core/heading',
+    'core/list',
+    'core/list-item',
+    'core/quote',
+    'core/table',
+    'core/gallery',
+    'core/embed',
+    'core/video',
+    'core/file',
+    'brilo/link',
+  ],
+}

package/src/blocks/groups/content-group/types.ts

@@ -0,0 +1,10 @@
+import type {BriloBlockType} from '~/types'
+import type {SIZES} from './constants'
+
+export type ContentGroupSize = (typeof SIZES)[number]
+
+export interface ContentGroupAttributes extends Record<string, unknown> {
+  size: ContentGroupSize
+}
+
+export interface ContentGroupOptions extends BriloBlockType {}

package/src/index.ts

@@ -44,6 +44,8 @@ export type {ButtonGroupAttributes, ButtonGroupOptions} from './blocks/groups/bu
 export {buttonGroupDefaults, createButtonGroupBlock} from './blocks/groups/button-group'
 export type {BannerGroupAttributes, BannerGroupOptions} from './blocks/groups/banner-group'
 export {createBannerGroupBlock, bannerGroupDefaults} from './blocks/groups/banner-group'
+export type {ContentGroupAttributes, ContentGroupOptions, ContentGroupSize} from './blocks/groups/content-group'
+export {createContentGroupBlock, contentGroupDefaults} from './blocks/groups/content-group'
 export type {TextAndMediaGroupAttributes, TextAndMediaGroupOptions} from './blocks/groups/text-and-media-group'
 export {createTextAndMediaGroupBlock, textAndMediaGroupDefaults} from './blocks/groups/text-and-media-group'
 export type {TextAndFormGroupAttributes, TextAndFormGroupOptions} from './blocks/text-and-form/text-and-form-group'