@soul-refiner/design-system 1.4.2 → 1.6.1-alpha.0

package/dist/components/editor/plugins/index.js

@@ -1,112 +1,4 @@
-/**
- * PLUGINS
- */
-import { createBlockquotePlugin, createCodeBlockPlugin, createHeadingPlugin, createHorizontalRulePlugin, createIndentListPlugin, createImagePlugin, createTextIndentPlugin, createListPlugin, createMediaEmbedPlugin, createResetNodePlugin, createTablePlugin, createBoldPlugin, createCodePlugin, createFontBackgroundColorPlugin, createFontSizePlugin, createFontFamilyPlugin, createItalicPlugin, createStrikethroughPlugin, createSubscriptPlugin, createSuperscriptPlugin, createUnderlinePlugin, createAlignPlugin, createIndentPlugin, createLineHeightPlugin, createExitBreakPlugin, createHistoryPlugin, createSelectOnBackspacePlugin, createSoftBreakPlugin, } from '@udecode/plate';
-import { createLinkPlugin } from '@udecode/plate-link';
-import { createButtonsPlugin } from './buttons';
-import { exitBreakPlugin } from './exitBreak';
-import { resetBlockTypePlugin } from './resetBlockType';
-import { selectOnBackspace } from './selectOnBackspace';
-import { softBreakPlugin } from './softBreak';
-import { createParagraphPlugin, createHOnePlugin, createHTwoPlugin, createHThreePlugin, createHFourPlugin, createHFivePlugin, createHSixPlugin, } from './text';
-import { LinkFloatingMenu } from './link';
-import { createQAPlugin } from './qa';
-import { createVideoTitlePlugin } from './video';
-/**
- * ELEMENT TYPES
- */
-import { ELEMENT_PARAGRAPH, ELEMENT_H1, ELEMENT_H2, ELEMENT_H3, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6, ELEMENT_OL, ELEMENT_UL, } from '../constants';
-/**
- * ELEMENT TYPES
- */
-export const blocks = [
-    createButtonsPlugin(),
-    createBlockquotePlugin(),
-    createCodeBlockPlugin(),
-    createHeadingPlugin(),
-    createHorizontalRulePlugin(),
-    createImagePlugin({
-        options: {
-            disableUploadInsert: true,
-            disableEmbedInsert: true,
-        },
-    }),
-    createQAPlugin(),
-    createTextIndentPlugin(),
-    createIndentListPlugin({
-        inject: {
-            props: {
-                validTypes: [
-                    ELEMENT_PARAGRAPH,
-                    ELEMENT_H1,
-                    ELEMENT_H2,
-                    ELEMENT_H3,
-                    ELEMENT_H4,
-                    ELEMENT_H5,
-                    ELEMENT_H6,
-                    ELEMENT_OL,
-                    ELEMENT_UL,
-                ],
-            },
-        },
-    }),
-    createListPlugin(),
-    createMediaEmbedPlugin(),
-    createParagraphPlugin(),
-    createHOnePlugin(),
-    createHTwoPlugin(),
-    createHThreePlugin(),
-    createHFourPlugin(),
-    createHFivePlugin(),
-    createHSixPlugin(),
-    createResetNodePlugin(),
-    createTablePlugin(),
-    createVideoTitlePlugin(),
-];
-export const marks = [
-    createBoldPlugin(),
-    createCodePlugin(),
-    createFontBackgroundColorPlugin(),
-    createFontSizePlugin(),
-    createFontFamilyPlugin(),
-    createItalicPlugin(),
-    createStrikethroughPlugin(),
-    createSubscriptPlugin(),
-    createSuperscriptPlugin(),
-    createUnderlinePlugin(),
-];
-export const inline = [
-    createAlignPlugin({
-        inject: {
-            props: {
-                validTypes: [
-                    ELEMENT_PARAGRAPH,
-                    ELEMENT_H1,
-                    ELEMENT_H2,
-                    ELEMENT_H3,
-                    ELEMENT_H4,
-                    ELEMENT_H5,
-                    ELEMENT_H6,
-                ],
-            },
-        },
-    }),
-    createIndentPlugin({
-        inject: {
-            props: {
-                validTypes: [ELEMENT_PARAGRAPH, ELEMENT_H1],
-            },
-        },
-    }),
-    createLineHeightPlugin(),
-    createLinkPlugin({
-        renderBeforeEditable: LinkFloatingMenu,
-    }),
-];
-export const utils = [
-    createExitBreakPlugin(exitBreakPlugin),
-    createHistoryPlugin(),
-    createResetNodePlugin(resetBlockTypePlugin),
-    createSelectOnBackspacePlugin(selectOnBackspace),
-    createSoftBreakPlugin(softBreakPlugin),
-];
+export { blocks } from './blocks';
+export { leafs } from './leafs';
+export { marks } from './marks';
+export { utils } from './utils';

package/dist/components/editor/plugins/leafs/index.d.ts

@@ -0,0 +1 @@
+export { leafs } from './leafs';

package/dist/components/editor/plugins/leafs/index.js

@@ -0,0 +1 @@
+export { leafs } from './leafs';

package/dist/components/editor/plugins/leafs/leafs.d.ts

@@ -0,0 +1 @@
+export declare const leafs: (import("@udecode/plate-core").PlatePlugin<import("@udecode/utils").AnyObject, import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> | import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-indent").IndentPlugin, import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> | import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").ToggleMarkPlugin, import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> | import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-link").LinkPlugin, import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>>)[];

package/dist/components/editor/plugins/leafs/leafs.js

@@ -0,0 +1,33 @@
+import { createAlignPlugin, createCodePlugin, createIndentPlugin, createLineHeightPlugin, } from '@udecode/plate';
+import { createLinkPlugin } from '@udecode/plate-link';
+import { LinkFloatingMenu } from './link';
+import { ELEMENT_PARAGRAPH, ELEMENT_H1, ELEMENT_H2, ELEMENT_H3, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6, } from '../../constants';
+export const leafs = [
+    createAlignPlugin({
+        inject: {
+            props: {
+                validTypes: [
+                    ELEMENT_PARAGRAPH,
+                    ELEMENT_H1,
+                    ELEMENT_H2,
+                    ELEMENT_H3,
+                    ELEMENT_H4,
+                    ELEMENT_H5,
+                    ELEMENT_H6,
+                ],
+            },
+        },
+    }),
+    createIndentPlugin({
+        inject: {
+            props: {
+                validTypes: [ELEMENT_PARAGRAPH, ELEMENT_H1],
+            },
+        },
+    }),
+    createLineHeightPlugin(),
+    createCodePlugin(),
+    createLinkPlugin({
+        renderBeforeEditable: LinkFloatingMenu,
+    }),
+];

package/dist/components/editor/plugins/{link.js → leafs/link.js}

@@ -1,8 +1,8 @@
 import React from 'react';
 import styled from 'styled-components';
 import { FloatingLinkUrlInput, LinkOpenButton, PlateElement, useFloatingLinkEdit, useFloatingLinkEditState, useFloatingLinkInsert, useFloatingLinkInsertState, useFloatingLinkSelectors, useLink, } from '@udecode/plate';
-import { Box } from '../../';
-import { AASansSerif, Link, Upload } from '../../../icons';
+import { Box } from '../../..';
+import { AASansSerif, Link, Upload } from '../../../../icons';
 export const LinkElement = React.forwardRef(({ children, ...props }, ref) => {
     const { props: linkProps } = useLink({ element: props.element });
     return (React.createElement(PlateElement, { asChild: true, ref: ref, ...linkProps, ...props },

package/dist/components/editor/plugins/marks/index.d.ts

@@ -0,0 +1 @@
+export { marks } from './marks';

package/dist/components/editor/plugins/marks/index.js

@@ -0,0 +1 @@
+export { marks } from './marks';

package/dist/components/editor/plugins/marks/marks.d.ts

@@ -0,0 +1 @@
+export declare const marks: (import("@udecode/plate-core").PlatePlugin<import("@udecode/utils").AnyObject, import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> | import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").ToggleMarkPlugin, import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>>)[];

package/dist/components/editor/plugins/marks/marks.js

@@ -0,0 +1,12 @@
+import { createBoldPlugin, createFontBackgroundColorPlugin, createFontSizePlugin, createFontFamilyPlugin, createItalicPlugin, createStrikethroughPlugin, createSubscriptPlugin, createSuperscriptPlugin, createUnderlinePlugin, } from '@udecode/plate';
+export const marks = [
+    createBoldPlugin(),
+    createFontBackgroundColorPlugin(),
+    createFontSizePlugin(),
+    createFontFamilyPlugin(),
+    createItalicPlugin(),
+    createStrikethroughPlugin(),
+    createSubscriptPlugin(),
+    createSuperscriptPlugin(),
+    createUnderlinePlugin(),
+];

package/dist/components/editor/plugins/plate.d.ts

@@ -0,0 +1,99 @@
+/// <reference types="react" />
+export declare const plateUI: {
+    p: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-utils").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    h1: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-utils").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    h2: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-utils").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    h3: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-utils").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    h4: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-utils").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    h5: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-utils").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    h6: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-utils").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    blockquote: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-utils").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    a: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-utils").PlateElementProps<import("@udecode/slate").Value, import("@udecode/plate-link").TLinkElement>, "ref"> & import("react").RefAttributes<any>>;
+    ol: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
+        element: import("@udecode/slate").TElement;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        as?: import("react").ElementType<any> | undefined;
+        asChild?: boolean | undefined;
+    } & import("react").RefAttributes<any> & {
+        elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
+    } & {
+        variant: "ol" | "ul";
+    }, "ref"> & import("react").RefAttributes<any>>;
+    ul: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
+        element: import("@udecode/slate").TElement;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        as?: import("react").ElementType<any> | undefined;
+        asChild?: boolean | undefined;
+    } & import("react").RefAttributes<any> & {
+        elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
+    } & {
+        variant: "ol" | "ul";
+    }, "ref"> & import("react").RefAttributes<any>>;
+    img: import("react").ForwardRefExoticComponent<Omit<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
+        element: import("@udecode/slate").TElement;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        as?: import("react").ElementType<any> | undefined;
+        asChild?: boolean | undefined;
+    } & import("react").RefAttributes<any> & {
+        elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<unknown>>;
+    button: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-utils").PlateElementProps, "ref"> & import("react").RefAttributes<any>>;
+    table: import("react").ForwardRefExoticComponent<Omit<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
+        element: import("@udecode/slate").TElement;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        as?: import("react").ElementType<any> | undefined;
+        asChild?: boolean | undefined;
+    } & import("react").RefAttributes<any> & {
+        elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<unknown>>;
+    td: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
+        element: import("@udecode/slate").TElement;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        as?: import("react").ElementType<any> | undefined;
+        asChild?: boolean | undefined;
+    } & import("react").RefAttributes<any> & {
+        elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        hideBorder?: boolean | undefined;
+        isHeader?: boolean | undefined;
+    } & import("react").RefAttributes<any>>;
+    th: import("react").ForwardRefExoticComponent<Omit<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
+        element: import("@udecode/slate").TElement;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        as?: import("react").ElementType<any> | undefined;
+        asChild?: boolean | undefined;
+    } & import("react").RefAttributes<any> & {
+        elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        hideBorder?: boolean | undefined;
+        isHeader?: boolean | undefined;
+    } & import("react").RefAttributes<any>, "ref"> & import("react").RefAttributes<any>>;
+    tr: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderElementProps, "element"> & {
+        element: import("@udecode/slate").TElement;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        as?: import("react").ElementType<any> | undefined;
+        asChild?: boolean | undefined;
+    } & import("react").RefAttributes<any> & {
+        elementToAttributes?: ((element: import("@udecode/slate").TElement) => any) | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        hideBorder?: boolean | undefined;
+    } & import("react").RefAttributes<any>>;
+    subscript: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderLeafProps, "text" | "leaf"> & {
+        leaf: import("@udecode/slate").TText;
+        text: import("@udecode/slate").TText;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        as?: import("react").ElementType<any> | undefined;
+        asChild?: boolean | undefined;
+    } & import("react").RefAttributes<any> & {
+        leafToAttributes?: ((leaf: import("@udecode/slate").TText) => any) | undefined;
+    } & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<any>>;
+    superscript: import("react").ForwardRefExoticComponent<Omit<import("@udecode/plate-core").PlateRenderNodeProps<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> & Omit<import("slate-react").RenderLeafProps, "text" | "leaf"> & {
+        leaf: import("@udecode/slate").TText;
+        text: import("@udecode/slate").TText;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        as?: import("react").ElementType<any> | undefined;
+        asChild?: boolean | undefined;
+    } & import("react").RefAttributes<any> & {
+        leafToAttributes?: ((leaf: import("@udecode/slate").TText) => any) | undefined;
+    } & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<any>>;
+};

package/dist/components/editor/plugins/plate.js

@@ -0,0 +1,37 @@
+import { withProps } from '@udecode/cn';
+import { PlateLeaf } from '@udecode/plate-common';
+import { BlockquoteElement } from './blocks/blockquote';
+import { Button } from './blocks/buttons';
+import { ImageElement } from './blocks/image';
+import { ListElement } from './blocks/list';
+import { TableElement } from './blocks/table';
+import { TableCellElement, TableCellHeaderElement } from './blocks/table-cell';
+import { TableRowElement } from './blocks/table-row';
+import { ParagraphElement, HOneElement, HTwoElement, HThreeElement, HFourElement, HFiveElement, HSixElement, } from './blocks/text';
+import { LinkElement } from './leafs/link';
+import * as Elements from '../constants';
+export const plateUI = {
+    [Elements.ELEMENT_PARAGRAPH]: ParagraphElement,
+    [Elements.ELEMENT_H1]: HOneElement,
+    [Elements.ELEMENT_H2]: HTwoElement,
+    [Elements.ELEMENT_H3]: HThreeElement,
+    [Elements.ELEMENT_H4]: HFourElement,
+    [Elements.ELEMENT_H5]: HFiveElement,
+    [Elements.ELEMENT_H6]: HSixElement,
+    [Elements.ELEMENT_BLOCKQUOTE]: BlockquoteElement,
+    [Elements.ELEMENT_LINK]: LinkElement,
+    [Elements.ELEMENT_OL]: withProps(ListElement, {
+        variant: Elements.ELEMENT_OL,
+    }),
+    [Elements.ELEMENT_UL]: withProps(ListElement, {
+        variant: Elements.ELEMENT_UL,
+    }),
+    [Elements.ELEMENT_IMAGE]: ImageElement,
+    [Elements.ELEMENT_BUTTON]: Button,
+    [Elements.ELEMENT_TABLE]: TableElement,
+    [Elements.ELEMENT_TD]: TableCellElement,
+    [Elements.ELEMENT_TH]: TableCellHeaderElement,
+    [Elements.ELEMENT_TR]: TableRowElement,
+    [Elements.MARK_SUBSCRIPT]: withProps(PlateLeaf, { as: 'sub' }),
+    [Elements.MARK_SUPERSCRIPT]: withProps(PlateLeaf, { as: 'sup' }),
+};

package/dist/components/editor/plugins/{exitBreak.js → utils/exitBreak.js}

@@ -1,5 +1,5 @@
 import { KEYS_HEADING } from '@udecode/plate';
-import { ELEMENT_BLOCKQUOTE, ELEMENT_BUTTON, ELEMENT_MEDIA, ELEMENT_MEDIA_EMBED, ELEMENT_OL, ELEMENT_UL, } from '../constants';
+import { ELEMENT_BLOCKQUOTE, ELEMENT_BUTTON, ELEMENT_MEDIA, ELEMENT_MEDIA_EMBED, ELEMENT_OL, ELEMENT_UL, } from '../../constants';
 export const exitBreakPlugin = {
     options: {
         rules: [

package/dist/components/editor/plugins/utils/index.d.ts

@@ -0,0 +1 @@
+export { utils } from './utils';

package/dist/components/editor/plugins/utils/index.js

@@ -0,0 +1 @@
+export { utils } from './utils';

package/dist/components/editor/plugins/{resetBlockType.js → utils/resetBlockType.js}

@@ -1,5 +1,5 @@
 import { isBlockAboveEmpty, isSelectionAtBlockStart } from '@udecode/plate';
-import { ELEMENT_BLOCKQUOTE, ELEMENT_PARAGRAPH, ELEMENT_TODO_LI, } from '../constants';
+import { ELEMENT_BLOCKQUOTE, ELEMENT_PARAGRAPH, ELEMENT_TODO_LI, } from '../../constants';
 const resetBlockTypesCommonRule = {
     types: [ELEMENT_BLOCKQUOTE, ELEMENT_TODO_LI],
     defaultType: ELEMENT_PARAGRAPH,

package/dist/components/editor/plugins/{selectOnBackspace.js → utils/selectOnBackspace.js}

@@ -1,4 +1,4 @@
-import { ELEMENT_HR, ELEMENT_IMAGE, ELEMENT_MEDIA_EMBED } from '../constants';
+import { ELEMENT_HR, ELEMENT_IMAGE, ELEMENT_MEDIA_EMBED, } from '../../constants';
 export const selectOnBackspace = {
     options: {
         query: { allow: [ELEMENT_HR, ELEMENT_IMAGE, ELEMENT_MEDIA_EMBED] },

package/dist/components/editor/plugins/utils/utils.d.ts

@@ -0,0 +1 @@
+export declare const utils: (import("@udecode/plate-core").PlatePlugin<import("@udecode/utils").AnyObject, import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> | import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-reset-node").ResetNodePlugin<import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>>, import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> | import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-break").ExitBreakPlugin, import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> | import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-select").SelectOnBackspacePlugin, import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>> | import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-break").SoftBreakPlugin, import("@udecode/slate").Value, import("@udecode/plate-core").PlateEditor<import("@udecode/slate").Value>>)[];

package/dist/components/editor/plugins/utils/utils.js

@@ -0,0 +1,12 @@
+import { createResetNodePlugin, createExitBreakPlugin, createHistoryPlugin, createSelectOnBackspacePlugin, createSoftBreakPlugin, } from '@udecode/plate';
+import { exitBreakPlugin } from './exitBreak';
+import { resetBlockTypePlugin } from './resetBlockType';
+import { selectOnBackspace } from './selectOnBackspace';
+import { softBreakPlugin } from './softBreak';
+export const utils = [
+    createExitBreakPlugin(exitBreakPlugin),
+    createHistoryPlugin(),
+    createResetNodePlugin(resetBlockTypePlugin),
+    createSelectOnBackspacePlugin(selectOnBackspace),
+    createSoftBreakPlugin(softBreakPlugin),
+];

package/dist/components/editor/simple_editor/plugins.js

@@ -1,12 +1,12 @@
 import { createPlugins, createHeadingPlugin, createIndentListPlugin, createImagePlugin, createTextIndentPlugin, createListPlugin, createMediaEmbedPlugin, createResetNodePlugin, createBoldPlugin, createCodePlugin, createFontBackgroundColorPlugin, createFontSizePlugin, createFontFamilyPlugin, createItalicPlugin, createStrikethroughPlugin, createSubscriptPlugin, createSuperscriptPlugin, createUnderlinePlugin, createAlignPlugin, createIndentPlugin, createLineHeightPlugin, createLinkPlugin, createExitBreakPlugin, createHistoryPlugin, createSelectOnBackspacePlugin, createSoftBreakPlugin, } from '@udecode/plate';
-import { createParagraphPlugin, createHOnePlugin, createHTwoPlugin, createHThreePlugin, createHFourPlugin, createHFivePlugin, createHSixPlugin, } from '../plugins/text';
+import { createParagraphPlugin, createHOnePlugin, createHTwoPlugin, createHThreePlugin, createHFourPlugin, createHFivePlugin, createHSixPlugin, } from '../plugins/blocks/text';
 import { ELEMENT_PARAGRAPH, ELEMENT_H1, ELEMENT_H2, ELEMENT_H3, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6, ELEMENT_OL, ELEMENT_UL, } from '../constants';
-import { exitBreakPlugin } from '../plugins/exitBreak';
-import { LinkFloatingMenu } from '../plugins/link';
-import { resetBlockTypePlugin } from '../plugins/resetBlockType';
-import { selectOnBackspace } from '../plugins/selectOnBackspace';
-import { softBreakPlugin } from '../plugins/softBreak';
-import { plateUI } from '../plate';
+import { exitBreakPlugin } from '../plugins/utils/exitBreak';
+import { LinkFloatingMenu } from '../plugins/leafs/link';
+import { resetBlockTypePlugin } from '../plugins/utils/resetBlockType';
+import { selectOnBackspace } from '../plugins/utils/selectOnBackspace';
+import { softBreakPlugin } from '../plugins/utils/softBreak';
+import { plateUI } from '../plugins/plate';
 export const plugins = createPlugins([
     createHeadingPlugin(),
     createImagePlugin({

package/dist/components/iconography/avatar/avatar.d.ts

@@ -16,13 +16,14 @@ export interface AvatarProps extends NativeProps {
     title?: React.ReactNode;
     tooltipContent?: React.ReactElement;
     tooltipSx?: string;
+    fallbackImg?: string;
 }
 /**
  *
  * Avatar
  */
 declare const Avatar: {
-    ({ as, href, image, size, status, subtitle, sx, textPosition, title, tooltipContent, tooltipSx, ...rest }: AvatarProps): React.JSX.Element;
+    ({ as, href, image, fallbackImg, size, status, subtitle, sx, textPosition, title, tooltipContent, tooltipSx, ...rest }: AvatarProps): React.JSX.Element;
     displayName: string;
     Group: {
         ({ children, numDisplayed, total }: AvatarGroupProps): React.JSX.Element;

package/dist/components/iconography/avatar/avatar.js

@@ -4,6 +4,7 @@ import Image from 'next/image';
 import styled from 'styled-components';
 import { Box, H, P } from '../../';
 import { Approved, Busy, Declined, Default, Focus, Locked, Offline, Online, Subscribed, } from './icons';
+import DefaultAvatar from './assets/default_avatar.png';
 /**
  * Lookup tables for sizes
  */
@@ -58,7 +59,7 @@ const iconOffsetY = {
  *
  * Avatar
  */
-const Avatar = ({ as = 'button', href, image, size = 64, status, subtitle, sx, textPosition = 'left', title, tooltipContent, tooltipSx, ...rest }) => {
+const Avatar = ({ as = 'button', href, image, fallbackImg = DefaultAvatar, size = 64, status, subtitle, sx, textPosition = 'left', title, tooltipContent, tooltipSx, ...rest }) => {
     const [displayDefault, setDisplayDefault] = React.useState(false);
     const Icon = iconReference?.[status ?? 'none'];
     return (React.createElement(Box, { "$align": "center", "$gap": 18, sx: `
@@ -71,7 +72,7 @@ const Avatar = ({ as = 'button', href, image, size = 64, status, subtitle, sx, t
         ${sx}
       `, ...rest },
         React.createElement(Container, { as: as, "$size": size, href: href },
-            !displayDefault && (React.createElement(Image, { alt: "avatar image", height: size, onError: () => setDisplayDefault(true), quality: 100, sizes: "96 | 72 | 64 | 56 | 48 | 40 | 36 | 32 | 24 | 16", src: image ?? '', width: size })),
+            !displayDefault && (React.createElement(Image, { alt: "avatar image", height: size, onError: () => setDisplayDefault(true), quality: 100, sizes: "96 | 72 | 64 | 56 | 48 | 40 | 36 | 32 | 24 | 16", src: image ?? fallbackImg, width: size })),
             displayDefault && React.createElement(Default, null),
             React.createElement("div", null,
                 React.createElement(Icon, null))),

package/dist/components/iconography/avatar/avatar.stories.d.ts

@@ -0,0 +1,7 @@
+import { StoryFn, Meta } from '@storybook/react';
+import { AvatarGroupProps, AvatarProps } from './avatar';
+declare const meta: Meta;
+export declare const Default: StoryFn<AvatarProps>;
+export declare const Group: StoryFn<AvatarGroupProps>;
+export declare const WithTooltip: StoryFn<AvatarProps>;
+export default meta;

package/dist/components/iconography/avatar/icons/default.js

@@ -1,4 +1,3 @@
 import React from 'react';
-export const Default = () => (React.createElement("svg", { viewBox: "0 0 229 228", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("rect", { width: "228", height: "228", transform: "translate(0.599976)", fill: "#F8F9F9" }),
-    React.createElement("path", { d: "M114.6 114C107.381 114 101.202 111.43 96.0609 106.289C90.9203 101.148 88.35 94.9688 88.35 87.75C88.35 80.5312 90.9203 74.3516 96.0609 69.2109C101.202 64.0703 107.381 61.5 114.6 61.5C121.819 61.5 127.998 64.0703 133.139 69.2109C138.28 74.3516 140.85 80.5312 140.85 87.75C140.85 94.9688 138.28 101.148 133.139 106.289C127.998 111.43 121.819 114 114.6 114ZM62.1 166.5V148.125C62.1 144.406 63.0581 140.987 64.9744 137.868C66.8862 134.753 69.4281 132.375 72.6 130.734C79.3812 127.344 86.2719 124.8 93.2719 123.102C100.272 121.409 107.381 120.562 114.6 120.562C121.819 120.562 128.928 121.409 135.928 123.102C142.928 124.8 149.819 127.344 156.6 130.734C159.772 132.375 162.314 134.753 164.226 137.868C166.142 140.987 167.1 144.406 167.1 148.125V166.5H62.1ZM75.225 153.375H153.975V148.125C153.975 146.922 153.675 145.828 153.076 144.844C152.472 143.859 151.678 143.094 150.694 142.547C144.787 139.594 138.827 137.378 132.811 135.899C126.795 134.425 120.725 133.688 114.6 133.688C108.475 133.688 102.405 134.425 96.389 135.899C90.3734 137.378 84.4125 139.594 78.5062 142.547C77.5219 143.094 76.73 143.859 76.1306 144.844C75.5269 145.828 75.225 146.922 75.225 148.125V153.375ZM114.6 100.875C118.209 100.875 121.3 99.5887 123.873 97.0162C126.441 94.4481 127.725 91.3594 127.725 87.75C127.725 84.1406 126.441 81.0519 123.873 78.4837C121.3 75.9112 118.209 74.625 114.6 74.625C110.991 74.625 107.902 75.9112 105.334 78.4837C102.761 81.0519 101.475 84.1406 101.475 87.75C101.475 91.3594 102.761 94.4481 105.334 97.0162C107.902 99.5887 110.991 100.875 114.6 100.875Z", fill: "#D4E7FA" })));
+export const Default = () => (React.createElement("svg", { version: "1.0", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 228.000000 228.000000", preserveAspectRatio: "xMidYMid meet" },
+    React.createElement("g", { transform: "translate(0.000000,228.000000) scale(0.100000,-0.100000)", fill: "#000000", stroke: "none" })));

package/dist/components/input/text_input/text_input.d.ts

@@ -13,6 +13,7 @@ export type Props = {
     name?: string;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     onMultipleChange?: (values: string[]) => void;
+    onSubmit?: React.FormEventHandler<HTMLInputElement>;
     placeholder?: string;
     size?: TextInputSize;
     sx?: string;

package/dist/components/media/video-player/playlist-item.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 interface PlaylistItemProps {
-    duration: number;
+    duration?: number;
     onClick: () => void;
     playable?: boolean;
     progress?: number;
-    shortDescription: string;
+    shortDescription?: string;
     thumbnail: string;
     title: string;
 }

package/dist/components/media/video-player/playlist-item.js

@@ -4,17 +4,17 @@ import styled from 'styled-components';
 import { Box } from '../../atoms/box';
 import { SecToDuration } from '../../atoms/seconds_to_duration';
 import { P } from '../../atoms/typography';
-import { PlaySolid } from '../../../icons/audio_video';
+import { Lock, PlaySolid } from '../../../icons';
 export const PlaylistItem = ({ duration, onClick, playable, progress = 0, shortDescription, thumbnail, title, }) => {
     return (React.createElement(Wrapper, { onClick: playable ? onClick : undefined, "$playable": playable },
-        React.createElement(PlaySolid, { color: "white", size: 16, sx: "position: absolute; left: 8px; bottom: 4px;" }),
+        playable ? (React.createElement(PlaySolid, { color: "white", size: 16, sx: "position: absolute; left: 8px; bottom: 4px;" })) : (React.createElement(Lock, { color: "white", size: 16, sx: "position: absolute; left: 8px; bottom: 4px;" })),
         React.createElement(Image, { alt: `thumbnail for ${title}`, height: 75, quality: 100, src: thumbnail, width: 133 }),
-        React.createElement(ProgressBar, { progressPercent: progress / duration }),
+        progress && duration && (React.createElement(ProgressBar, { progressPercent: progress / duration })),
         React.createElement(Box, { "$dir": "column", "$gap": 4, sx: "margin-left: 16px; margin-right: auto; flex: 0 1 auto; flex-basis: content;" },
             React.createElement(P, { "$color": "grey-10", "$semiBold": true }, title),
-            React.createElement(P, { "$color": "grey-9", "$fontSize": 14, "$lineHeight": 20, "$textClampLines": 2, sx: "max-width: min(500px, 75%);" }, shortDescription)),
-        React.createElement(P, { "$color": "grey-8", "$fontSize": 14, "$lineHeight": 20, sx: "flex-shrink: 0;" },
-            React.createElement(SecToDuration, { seconds: duration }))));
+            shortDescription && (React.createElement(P, { "$color": "grey-9", "$fontSize": 14, "$lineHeight": 20, "$textClampLines": 2, sx: "max-width: min(500px, 75%);" }, shortDescription))),
+        duration && (React.createElement(P, { "$color": "grey-8", "$fontSize": 14, "$lineHeight": 20, sx: "flex-shrink: 0;" },
+            React.createElement(SecToDuration, { seconds: duration })))));
 };
 const Wrapper = styled.div `
   width: 100%;

package/dist/components/media/video-player/video.d.ts

@@ -10,6 +10,12 @@ interface MediaItem {
     thumbnail: string;
     title: string;
 }
+interface Trailer {
+    id: number;
+    src: string;
+    subtitles: Subtitle[];
+    thumbnail: string;
+}
 export interface VideoPlayerProps {
     /**
      * @param activeIndex the media item from the playlist currently playing
@@ -42,6 +48,10 @@ export interface VideoPlayerProps {
      * @param playlist the media items in the player
      */
     playlist: MediaItem[];
+    /**
+     * @param setMediaItem sets the index of the item to be played
+     */
+    setMediaItem: (index: number) => void;
     /**
      * @param subtitle the video player's subtitle
      */
@@ -51,13 +61,13 @@ export interface VideoPlayerProps {
      */
     title: string;
     /**
-     * @param setMediaItem sets the index of the item to be played
+     * @param trailer if in
      */
-    setMediaItem: (index: number) => void;
+    trailer?: Trailer;
 }
 /**
  * ReactPlayer props reference -> https://www.npmjs.com/package/react-player#props
  * HLS Option props reference -> https://github.com/video-dev/hls.js/blob/master/docs/API.md#fine-tuning
  */
-export declare const VideoPlayer: ({ activeIndex, pip, playable, playlist, onPipChange, onProgress, orientation, setMediaItem, subtitle, title, }: VideoPlayerProps) => React.JSX.Element | null;
+export declare const VideoPlayer: ({ activeIndex, pip, playable, playlist, onPipChange, onProgress, orientation, setMediaItem, subtitle, title, trailer, }: VideoPlayerProps) => React.JSX.Element | null;
 export {};