@grapesjs/studio-sdk-plugins 1.0.12 → 1.0.13-rc.1

package/dist/iconifyComponent/index.d.ts

@@ -0,0 +1,3 @@
+import { IconifyComponentOptions } from './types';
+declare const _default: import('../utils').PluginWithInit<IconifyComponentOptions>;
+export default _default;

package/dist/iconifyComponent/types.d.ts

@@ -0,0 +1,42 @@
+import { BlockProperties, Editor, Component } from 'grapesjs';
+import { IconifyComponentOptions as IconifyComponentOptionsSchema } from './typesSchema';
+export interface IconifyComponentOptions extends Omit<IconifyComponentOptionsSchema, 'block'> {
+    block?: Partial<BlockProperties> | false;
+}
+export interface IconifyCollection {
+    prefix: string;
+    icons: Record<string, {
+        body: string;
+    }>[];
+    height: number;
+    width: number;
+}
+export interface OpenIconPickerProps {
+    collectionIds?: string[];
+    editor: Editor;
+    component: Component;
+}
+export interface IconPickerListProps {
+    editor: Editor;
+    handleClick: IconClickHandler;
+    collectionId: string;
+    collection: IconifyCollection;
+    collectionFiltered?: IconifyCollection;
+}
+export interface IconPickerHeaderProps extends Omit<IconPickerListProps, 'collection' | 'collectionFiltered'> {
+    collectionsList: Array<IconifyCollections & {
+        id: string;
+    }>;
+}
+export type IconifyCollections = Record<string, {
+    category: string;
+    name: string;
+    total: number;
+    height?: number;
+    displayHeight?: number;
+}>;
+export type IconClickHandler = ({ icon, collectionId, iconId }: {
+    icon: string;
+    collectionId: string;
+    iconId: string;
+}) => void;

package/dist/iconifyComponent/typesSchema.d.ts

@@ -0,0 +1,19 @@
+import { SDKPluginOptions } from '../utils';
+export interface IconifyComponentOptions extends SDKPluginOptions {
+    /**
+     * Additional Block properties of the component. Pass `false` to avoid adding the block.
+     * @example
+     * { category: 'Extra', label: 'My label' }
+     */
+    block?: 'Block';
+    /**
+     * List of icon collections to load.
+     * @example ['mdi', 'fa-solid']
+     */
+    collections?: string[];
+    /**
+     * Extend the default icon component.
+     * @default true
+     */
+    extendIconComponent?: boolean;
+}

package/dist/iconifyComponent/utils.d.ts

@@ -0,0 +1,18 @@
+import { Editor } from 'grapesjs';
+import { OpenIconPickerProps } from './types';
+export declare const resizableAnglesIcons: {
+    ratioDefault: boolean;
+    tc: boolean;
+    cl: boolean;
+    cr: boolean;
+    bc: boolean;
+};
+export declare const svgContentIcons = "<svg viewBox=\"0 0 24 24\">\n  <path d=\"M19 0H9C7.9 0 7 .9 7 2V18C7 19.1 7.9 20 9 20H19C20.1 20 21 19.1 21 18V2C21 .9 20.1 0 19 0M19 18H9V2H19V18M3 4V22C3 23.1 3.9 24 5 24H17V22H5V4H3M14 5L11 10L14 15L17 10L14 5Z\" />\n</svg>";
+export declare function getIconPickerButtonTrait(): {
+    type: string;
+    label: string;
+    name: string;
+    changeProp: boolean;
+    command(editor: Editor): void;
+};
+export declare function openIconPicker({ collectionIds, editor, component }: OpenIconPickerProps): Promise<void>;

package/dist/index.cjs.d.ts

@@ -1,4 +1,5 @@
 export { default as dialogComponent } from './dialogComponent';
+export { default as iconifyComponent } from './iconifyComponent';
 export { default as tableComponent } from './tableComponent';
 export { default as listPagesComponent } from './listPagesComponent';
 export { default as fsLightboxComponent } from './fsLightboxComponent';
@@ -6,3 +7,4 @@ export { default as lightGalleryComponent } from './lightGalleryComponent';
 export { default as swiperComponent } from './swiperComponent';
 export { default as rteTinyMce } from './rteTinyMce';
 export { default as rteProseMirror } from './prosemirror';
+export { default as youtubeAssetProvider } from './youtubeAssetProvider';