@plaudit/gutenberg-api-extensions 2.7.0 → 2.9.0

package/src/controls/shared.ts

@@ -0,0 +1,7 @@
+import apiFetch from "@wordpress/api-fetch";
+import {addQueryArgs} from "@wordpress/url";
+
+export async function requestPostsFromAPI(data: {search?: string, ids?: string, postTypes?: string|undefined}) {
+	return (await apiFetch<Array<{ id: number, title: string }>>({path: addQueryArgs("/plaudit/common/v1/post-table-search", data)}))
+		.map(item => ({id: item.id.toString(), title: item.title}));
+}

package/src/controls/types.ts

@@ -0,0 +1,11 @@
+import type {BlockEditProps} from "@wordpress/blocks";
+
+export type SpecificValueBlockProps<T extends string, V> = {
+	attribute: T, attributes: BlockEditProps<Record<T, V>&Record<string, unknown>>['attributes'],
+	setAttributes: BlockEditProps<any>['setAttributes']
+}
+export type SimpleBlockControlProps<T extends string, V> = SpecificValueBlockProps<T, V>&{
+	label: string
+};
+
+export type PickableOptions<V extends string|number, T extends object = {}> = Array<[V, string|({text: string}&T)]>;

package/src/lib/plaudit-icons/column-1.tsx

@@ -0,0 +1,8 @@
+import React from "react";
+
+export const iconColumn1 = <svg width={34} height={24} viewBox="0 0 34 24">
+	<path
+		d="M32 2H2v20h30V2zM2 0C.9 0 0 .9 0 2v20c0 1.1.9 2 2 2h30c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2H2z"
+		fillRule="evenodd" clipRule="evenodd"
+	/>
+</svg>;

package/src/lib/plaudit-icons/column-2.tsx

@@ -0,0 +1,8 @@
+import React from "react";
+
+export const iconColumn2 = <svg width={34} height={24} viewBox="0 0 34 24">
+	<path
+		d="M32 0c1.1 0 2 .9 2 2v20c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V2C0 .9.9 0 2 0h30zm0 22V2H18v20h14zm-16 0H2V2h14v20z"
+		fillRule="evenodd" clipRule="evenodd"
+	/>
+</svg>;

package/src/lib/plaudit-icons/column-3.tsx

@@ -0,0 +1,8 @@
+import React from "react";
+
+export const iconColumn3 = <svg width={34} height={24} viewBox="0 0 34 24">
+	<path
+		d="M34 2c0-1.1-.9-2-2-2H2C.9 0 0 .9 0 2v20c0 1.1.9 2 2 2h30c1.1 0 2-.9 2-2V2zM21.5 22h-9V2h9v20zm2 0V2H32v20h-8.5zm-13 0H2V2h8.5v20z"
+		fillRule="evenodd" clipRule="evenodd"
+	/>
+</svg>;

package/src/lib/plaudit-icons/placement-center.tsx

@@ -0,0 +1,5 @@
+import React from "react";
+
+export const placementCenter = <svg version="1.1" x="0px" y="0px" focusable={false} viewBox="0 0 24 24" enableBackground="new 0 0 24 24" xmlSpace="preserve">
+	<path d="M20,11h-5V4H9v7H4v1.5h5V20h6v-7.5h5V11z" />
+</svg>;

package/src/lib/plaudit-icons/placement-end.tsx

@@ -0,0 +1,5 @@
+import React from "react";
+
+export const placementEnd = <svg version="1.1" x="0px" y="0px" focusable={false} viewBox="0 0 24 24" enableBackground="new 0 0 24 24" xmlSpace="preserve">
+	<path d="M15,4H9v11h6V4z M4,18.5V20h16v-1.5H4z" />
+</svg>;

package/src/lib/plaudit-icons/placement-start.tsx

@@ -0,0 +1,5 @@
+import React from "react";
+
+export const placementStart = <svg version="1.1" x="0px" y="0px" focusable={false} viewBox="0 0 24 24" enableBackground="new 0 0 24 24" xmlSpace="preserve">
+	<path d="M9,20h6V9H9V20z M4,4v1.5h16V4H4z" />
+</svg>;

package/src/lib/plaudit-icons/placement-stretch.tsx

@@ -0,0 +1,5 @@
+import React from "react";
+
+export const placementStretch = <svg version="1.1" x="0px" y="0px" focusable={false} viewBox="0 0 24 24" enableBackground="new 0 0 24 24" xmlSpace="preserve">
+	<path d="M8.8,6.5h6v11h-6V6.5z M4,18.5h16V20H4V18.5z M4,4h16v1.5H4V4z" />
+</svg>;

package/src/lib/plaudit-icons/plaudit-icon.tsx

@@ -0,0 +1,6 @@
+import React from "react";
+
+export const plauditIcon = <svg width={24} height={24} viewBox="0 0 139 157.6">
+	<path fill="#d20000"
+	      d="M83.3 39.1L101.6 9c2-3.2.9-7.1-2.4-8.5s-6.9.4-7.9 4l-9.7 33.9c-1.1 3.6-.3 4 1.7.7zm-43.9 19L9 40.5c-3.3-1.9-7.1-.7-8.5 2.6s.5 6.8 4.2 7.8l34.1 8.9c3.7 1 4 .2.6-1.7zm16.3-19c2 3.2 2.7 2.9 1.7-.7L47.6 4.5C46.5.8 43-1 39.7.5S35.3 5.8 37.3 9l18.4 30.1zm82.8 4c-1.4-3.3-5.2-4.5-8.5-2.6L99.5 58.1c-3.3 1.9-3 2.7.7 1.7l34.1-8.9c3.7-1 5.6-4.5 4.2-7.8zM88.8 57.7c-10.6-18.3-28-18.3-38.7 0l-38.7 66.6c-10.6 18.3-1.9 33.3 19.3 33.3h77.4c21.3 0 30-15 19.3-33.3L88.8 57.7zm-19.3 1c7.1 0 12.8 5.8 12.7 12.9s-5.8 12.8-12.9 12.7c-7 0-12.7-5.8-12.8-12.8.1-7.1 5.8-12.9 13-12.8zm32 91.2h-64c-17.6 0-24.8-8.1-16-18l32-35.9c8.8-9.9 23.2-9.9 32 0l32 35.9c8.8 9.9 1.6 17.9-16 18z" />
+</svg>;

package/src/lib/plaudit-icons/reusable-block-marker.tsx

@@ -0,0 +1,5 @@
+import React from "react";
+
+export const reusableBlockMarker = <svg viewBox="0 0 24 24">
+	<path d="M21.3 10.8l-5.6-5.6c-.7-.7-1.8-.7-2.5 0l-5.6 5.6c-.7.7-.7 1.8 0 2.5l5.6 5.6c.3.3.8.5 1.2.5s.9-.2 1.2-.5l5.6-5.6c.8-.7.8-1.9.1-2.5zm-1 1.4l-5.6 5.6c-.1.1-.3.1-.4 0l-5.6-5.6c-.1-.1-.1-.3 0-.4l5.6-5.6s.1-.1.2-.1.1 0 .2.1l5.6 5.6c.1.1.1.3 0 .4zm-16.6-.4L10 5.5l-1-1-6.3 6.3c-.7.7-.7 1.8 0 2.5L9 19.5l1.1-1.1-6.3-6.3c-.2 0-.2-.2-.1-.3z" />
+</svg>

package/{build/lib/plaudit-icons.d.ts → src/lib/plaudit-icons.ts}

@@ -1,3 +1,7 @@
+// =============================================
+// Allows sharing of assets in block configurations
+// =============================================
+
 export * from './plaudit-icons/column-1';
 export * from './plaudit-icons/column-2';
 export * from './plaudit-icons/column-3';

package/build/blocks/common-native-property-implementations.d.ts

@@ -1,60 +0,0 @@
-import type { BlockIcon } from "@wordpress/blocks";
-import type { RadioControlProps } from "@wordpress/components/build-types/radio-control/types";
-import type { RangeControlProps } from "@wordpress/components/build-types/range-control/types";
-import type { TextControlProps } from "@wordpress/components/build-types/text-control/types";
-import type { TextareaControlProps } from "@wordpress/components/build-types/textarea-control/types";
-import type { ToggleControlProps } from "@wordpress/components/build-types/toggle-control/types";
-import type { ToggleGroupControlProps } from "@wordpress/components/build-types/toggle-group-control/types";
-import type { PickableOptions } from "../controls/types";
-import type { SimpleNativeProperty } from "./simple-native-property";
-export type ActualBlockEditProps = {
-    attributes: Record<string, any>;
-    setAttributes: (attributes: Record<string, any>) => void;
-    name: string;
-};
-type CommonPropertyConfig<T, V> = {
-    name: string;
-    label: string;
-    default: T;
-    enum?: T[];
-    component?: Partial<V>;
-    help?: string;
-    alwaysStore?: boolean;
-    condition?(blockEditProps: ActualBlockEditProps): boolean;
-};
-export declare function rangeProperty(config: CommonPropertyConfig<number, RangeControlProps> & {
-    min: number;
-    max: number;
-    step?: number;
-    enum?: number[];
-}): SimpleNativeProperty;
-export declare function radioProperty(config: CommonPropertyConfig<string, RadioControlProps> & {
-    options: PickableOptions<string>;
-}): SimpleNativeProperty;
-export declare function selectProperty(config: CommonPropertyConfig<string, never> & {
-    options: PickableOptions<string>;
-}): SimpleNativeProperty;
-export declare function toggleProperty(config: CommonPropertyConfig<boolean, ToggleControlProps>): SimpleNativeProperty;
-type ToggleGroupPropertyConfigBase<T extends string | number> = CommonPropertyConfig<T, ToggleGroupControlProps> & {
-    options: PickableOptions<T, {
-        icon: BlockIcon;
-    }>;
-};
-export type ToggleGroupPropertyConfig = ToggleGroupPropertyConfigBase<string> | ToggleGroupPropertyConfigBase<number>;
-export declare function toggleGroupProperty(config: ToggleGroupPropertyConfig): SimpleNativeProperty;
-export declare function textProperty(config: CommonPropertyConfig<string, TextControlProps>): SimpleNativeProperty;
-export declare function textareaProperty(config: CommonPropertyConfig<string, TextareaControlProps>): SimpleNativeProperty;
-export type ImagePropertyData = {
-    media?: {
-        id?: number;
-        url?: string;
-    };
-    pos?: {
-        x?: number;
-        y?: number;
-    };
-};
-export declare function imageProperty(config: Omit<CommonPropertyConfig<ImagePropertyData, {}>, 'default'> & Partial<Pick<CommonPropertyConfig<ImagePropertyData, {}>, 'default'>> & {
-    enableFocalPointPicker?: boolean;
-}): SimpleNativeProperty;
-export {};

package/build/blocks/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./simple-block";
-export * from "./layered-styles";
-export * from "./simple-native-property";
-export * from './common-native-property-implementations';
-export declare function installGutenbergBlockExtensions(): void;

package/build/blocks/layered-styles.d.ts

@@ -1,31 +0,0 @@
-import type { BlockIcon } from "@wordpress/blocks";
-import type { PickableOptions } from "../controls/types";
-type BaseLayeredBlockStyleLayer = {
-    name: string;
-    title: string;
-    default?: string | undefined;
-};
-type LayeredBlockStyleColorLayer = BaseLayeredBlockStyleLayer & {
-    picker: 'color';
-    options: PickableOptions<string, {
-        color?: string;
-    }>;
-};
-type LayeredBlockStyleToggleLayer = BaseLayeredBlockStyleLayer & {
-    picker?: 'toggle-control';
-    options: PickableOptions<string, {
-        icon: BlockIcon;
-    }>;
-};
-type LayeredBlockStyleSelectOrRadioLayer = BaseLayeredBlockStyleLayer & {
-    picker: 'select' | 'radio';
-    options: PickableOptions<string>;
-};
-export type LayeredBlockStyleLayer = LayeredBlockStyleColorLayer | LayeredBlockStyleToggleLayer | LayeredBlockStyleSelectOrRadioLayer;
-export interface LayeredBlockStylesConfig {
-    block: `${string}/${string}`;
-    layers: LayeredBlockStyleLayer[];
-}
-export declare function registerLayeredBlockStyles(config: LayeredBlockStylesConfig): void;
-export declare function installLayeredBlockStylesSupport(): void;
-export {};

package/build/blocks/simple-block.d.ts

@@ -1,22 +0,0 @@
-import { type Block, type BlockConfiguration, type BlockSaveProps } from "@wordpress/blocks";
-import { InnerBlocks } from "@wordpress/block-editor";
-import type { UseBlockProps } from "@wordpress/block-editor/components/use-block-props";
-import React, { type ComponentType, type ReactNode } from "react";
-export type SimpleBlockTypeConfig<TAttributes extends Record<string, any>> = {
-    icon?: BlockConfiguration<TAttributes>['icon'] | undefined;
-    defaults?: Required<TAttributes>;
-    controls?: NonNullable<Block<TAttributes>['edit']>;
-    renderer: (attributes: BlockSaveProps<TAttributes>, wrapperProps: UseBlockProps | UseBlockProps['save'], InnerBlocks: () => React.ReactElement, mode: "edit" | "save") => ReactNode;
-    innerBlocksProps?: InnerBlocks.Props;
-    settings?: Partial<BlockConfiguration<TAttributes>>;
-};
-declare function applyDefaults<TAttributes extends Record<string, any>, K extends BlockSaveProps<TAttributes>>(config: Omit<SimpleBlockTypeConfig<TAttributes>, 'renderer'>, props: K): Omit<K, "attributes"> & {
-    attributes: { [P in keyof K["attributes"]]: K["attributes"][P]; };
-};
-export declare function registerSimpleBlockType<TAttributes extends Record<string, any> = {}>(metadata: BlockConfiguration<TAttributes>, config: SimpleBlockTypeConfig<TAttributes>): Block<TAttributes> | undefined;
-type SimpleContainerTypeConfig<TAttributes extends Record<string, any>> = Omit<SimpleBlockTypeConfig<TAttributes>, 'renderer'> & {
-    tag?: ComponentType;
-    attributesFromProps?: (arg: ReturnType<typeof applyDefaults<TAttributes, BlockSaveProps<TAttributes>>>, mode: "edit" | "save") => Parameters<UseBlockProps | UseBlockProps['save']>[0];
-};
-export declare function registerSimpleContainerBlock<TAttributes extends Record<string, any> = {}>(metadata: BlockConfiguration<TAttributes>, config: SimpleContainerTypeConfig<TAttributes>): Block<TAttributes> | undefined;
-export {};

package/build/blocks/simple-native-property.d.ts

@@ -1,30 +0,0 @@
-import type { ActualBlockEditProps } from "./common-native-property-implementations";
-import React from "react";
-export type InspectorPanelGroup = 'default' | 'advanced' | 'background' | 'border' | 'color' | 'dimensions' | 'effects' | 'filter' | 'list' | 'position' | 'settings' | 'styles' | 'typography';
-type GenericSimpleNativeProperty<T, V extends 'string' | 'number' | 'boolean' | 'array' | 'object'> = {
-    name: string;
-    type: V;
-    enum?: T[];
-    default: T;
-    alwaysStore?: boolean;
-    renderer(value: T, onChange: (v: T | undefined) => void): React.JSX.Element;
-    condition?(blockEditProps: ActualBlockEditProps): boolean;
-};
-export type SimpleNativeProperty = GenericSimpleNativeProperty<string, 'string'> & {
-    enum?: string[];
-} | GenericSimpleNativeProperty<number, 'number'> & {
-    enum?: number[];
-} | GenericSimpleNativeProperty<boolean, 'boolean'> | GenericSimpleNativeProperty<any[], 'array'> | GenericSimpleNativeProperty<Record<string | number, unknown>, 'object'>;
-export type SimpleNativePanel = {
-    title: string;
-    group?: InspectorPanelGroup;
-    initialOpen?: boolean;
-    properties: SimpleNativeProperty[];
-    condition?(blockEditProps: ActualBlockEditProps): boolean;
-};
-export declare function registerSimpleNativeProperties(config: {
-    block: `${string}/${string}` | Array<`${string}/${string}`>;
-    panel: SimpleNativePanel | Array<SimpleNativePanel>;
-}): void;
-export declare function installSimpleNativePropertiesSupport(): void;
-export {};

package/build/controls/InspectorPanel.d.ts

@@ -1,6 +0,0 @@
-import type { PanelBodyProps } from "@wordpress/components/build-types/panel/types";
-import React from "react";
-export declare function InspectorPanel(props: PanelBodyProps & {
-    group?: string;
-    condition?(): boolean;
-}): React.JSX.Element;

package/build/controls/PickOne.d.ts

@@ -1,19 +0,0 @@
-import type { PickableOptions, SimpleBlockControlProps } from "./types";
-import React, { type ReactElement } from "react";
-export type PickOneFromToggleGroupProps<T extends string> = SimpleBlockControlProps<T, string | number> & {
-    options: PickableOptions<string, {
-        icon: ReactElement;
-    }>;
-};
-export declare function PickOneFromToggleGroup<T extends string>(props: PickOneFromToggleGroupProps<T>): React.JSX.Element;
-export declare function PickOneFromSelect<T extends string>(props: SimpleBlockControlProps<T, string> & {
-    options: PickableOptions<string>;
-}): React.JSX.Element;
-export declare function PickOneFromRadios<T extends string>(props: SimpleBlockControlProps<T, string> & {
-    options: PickableOptions<string>;
-}): React.JSX.Element;
-export declare function PickOneFromColors<T extends string>(props: SimpleBlockControlProps<T, string> & {
-    options: PickableOptions<string, {
-        color?: string | undefined;
-    }>;
-}): React.JSX.Element;

package/build/controls/SimpleToggle.d.ts

@@ -1,3 +0,0 @@
-import type { SimpleBlockControlProps } from "./types";
-import React from "react";
-export declare function SimpleToggle<T extends string>(props: SimpleBlockControlProps<T, boolean>): React.JSX.Element;

package/build/controls/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./InspectorPanel";
-export * from "./SimpleToggle";
-export * from "./PickOne";

package/build/controls/types.d.ts

@@ -1,12 +0,0 @@
-import type { BlockEditProps } from "@wordpress/blocks";
-export type SpecificValueBlockProps<T extends string, V> = {
-    attribute: T;
-    attributes: BlockEditProps<Record<T, V> & Record<string, unknown>>['attributes'];
-    setAttributes: BlockEditProps<any>['setAttributes'];
-};
-export type SimpleBlockControlProps<T extends string, V> = SpecificValueBlockProps<T, V> & {
-    label: string;
-};
-export type PickableOptions<V extends string | number, T extends object = {}> = Array<[V, string | ({
-    text: string;
-} & T)]>;

package/build/lib/plaudit-icons/column-1.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const iconColumn1: React.JSX.Element;

package/build/lib/plaudit-icons/column-2.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const iconColumn2: React.JSX.Element;

package/build/lib/plaudit-icons/column-3.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const iconColumn3: React.JSX.Element;

package/build/lib/plaudit-icons/placement-center.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const placementCenter: React.JSX.Element;

package/build/lib/plaudit-icons/placement-end.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const placementEnd: React.JSX.Element;

package/build/lib/plaudit-icons/placement-start.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const placementStart: React.JSX.Element;

package/build/lib/plaudit-icons/placement-stretch.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const placementStretch: React.JSX.Element;

package/build/lib/plaudit-icons/plaudit-icon.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const plauditIcon: React.JSX.Element;

package/build/lib/plaudit-icons/reusable-block-marker.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const reusableBlockMarker: React.JSX.Element;