@janbox/storefront-builder 2.0.18 → 2.0.20

package/dist/components/composer/dataset.d.ts

@@ -1,19 +1,21 @@
 export declare const defaultResolver: {
     root: ({ children }: import('../../lib/root/root.node').RootNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     unknown: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    fragment: ({ children }: import('../../lib/fragment/fragment.node').FragmentNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    inline: ({ as, contentVariable, sx, children }: import('../../lib/inline/inline.node').InlineNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     button: ({ anchor, ...props }: import('../../lib/button/button.node').ButtonNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    paragraph: (props: import('../../lib/paragraph/paragraph.node').ParagraphNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    heading: (props: import('../../lib/heading/heading.node').HeadingNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    paragraph: ({ children, ...props }: import('../../lib/paragraph/paragraph.node').ParagraphNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    heading: ({ children, ...props }: import('../../lib/heading/heading.node').HeadingNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     grid: (props: import('../../lib/grid/grid.node').GridNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     cell: ({ children, ...props }: import('../../lib/cell/cell.node').CellNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     flexbox: (props: import('../../lib/flexbox/flexbox.node').FlexboxNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     "flex-item": ({ children, ...props }: import('../../lib/flex-item/flex-item.node').FlexItemNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    box: ({ children, ...props }: import('../../lib/box/box.node').BoxNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    box: ({ children, ...props }: import('../..').BoxNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     container: ({ children, ...props }: import('../../lib/container/container.node').ContainerNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     image: (props: import('../../lib/image/image.node').ImageNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     video: ({ ...props }: import('../../lib/video/video.node').VideoNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     icon: (props: import('../../lib/icon/icon.node').IconNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-    link: (props: import('../../lib/link/link.node').LinkNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    link: ({ children, ...props }: import('../../lib/link/link.node').LinkNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     "unordered-list": (props: import('../../lib/unordered-list/unordered-list.node').UnorderedListNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     "list-item": (props: import('../../lib/list-item/list-item.node').ListItemNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     swiper: (props: import('../../lib/swiper/swiper.node').SwiperNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/constants/index.d.ts

@@ -2,6 +2,7 @@ export { ROOT_NODE } from '@craftjs/core';
 export declare enum CoreNodeResolvedEnum {
     Root = "root",
     Unknown = "unknown",
+    Fragment = "fragment",
     Box = "box",
     Paragraph = "paragraph",
     Heading = "heading",
@@ -31,7 +32,8 @@ export declare enum CoreNodeResolvedEnum {
     AccordionSummary = "accordion-summary",
     AccordionContent = "accordion-content",
     Container = "container",
-    CountdownTimer = "countdown-timer"
+    CountdownTimer = "countdown-timer",
+    Inline = "inline"
 }
 export declare enum NodeDatasetAttributes {
     DATA_NODE_ID = "data-node-id",

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

@@ -6,5 +6,4 @@ export * from './degree-picker';
 export * from './image-source-selection';
 export * from './toolbar-field';
 export * from './toolbar-group';
-export * from './text-inline-editor';
 export * from './frame-preview';

package/dist/editor/controls/index.d.ts

@@ -0,0 +1,37 @@
+export * from './text-align';
+export * from './text-style';
+export * from './text-transform';
+export * from './css-width';
+export * from './height';
+export * from './color';
+export * from './background';
+export * from './child-nodes';
+export * from './border';
+export * from './border-radius';
+export * from './text-variant';
+export * from './line-height';
+export * from './font-size';
+export * from './css-font-weight';
+export * from './tag-name';
+export * from './object-fit';
+export * from './display';
+export * from './column-gap';
+export * from './row-gap';
+export * from './svg-source';
+export * from './flex-align-items';
+export * from './justify-content';
+export * from './color-variant';
+export * from './flex';
+export * from './number-field';
+export * from './number-field-mix-options';
+export * from './visibility';
+export * from './justify-items';
+export * from './grid-align-items';
+export * from './aspect-ratio';
+export * from './padding';
+export * from './min-width';
+export * from './order';
+export * from './margin';
+export * from './flex-wrap';
+export * from './text-style-group';
+export * from './html-anchor-target';

package/dist/editor/hooks/index.d.ts

@@ -2,6 +2,7 @@ import { Screen } from '@janbox/storefront-ui/theme';
 import { ToResponsiveProps } from '@janbox/storefront-ui/types';
 import { Get, Paths } from 'type-fest';
 export * from './use-editor';
+export * from './use-inline-editable';
 export declare const useEditorResponsive: () => {
     getResponsiveProp: <O extends object, P extends Paths<O>, R = Get<O, `${P}`>>(record: ToResponsiveProps<O>, field: P, screen?: Screen, options?: {
         condition?: (value?: R) => boolean;

package/dist/editor/hooks/use-editor.d.ts

@@ -1,6 +1,15 @@
 import { Screen, Theme } from '@janbox/storefront-ui/theme';
 import { SerializedNodes } from '../../types';
 export type EditorMode = 'full' | 'compact';
+export type VariableOption = {
+    label: string;
+    value: string;
+};
+export type VariableDefinition = {
+    label: string;
+    key: string;
+    options: [VariableOption, ...VariableOption[]];
+};
 export type EditorHandlers = {
     close: () => void;
     submit: (abc: SerializedNodes) => void | Promise<void>;
@@ -13,8 +22,9 @@ export type EditorState = {
     mode: EditorMode;
     screen: Screen;
     action?: string;
+    variableDefinitions?: VariableDefinition[];
 };
-type MutableEditorState = Pick<EditorState, 'theme' | 'mode' | 'screen' | 'action'>;
+type MutableEditorState = Pick<EditorState, 'theme' | 'mode' | 'screen' | 'action' | 'variableDefinitions'>;
 type EditorStateValue = EditorState & {
     setState: (partial: Partial<MutableEditorState>) => void;
 };

package/dist/editor/hooks/use-inline-editable.d.ts

@@ -0,0 +1 @@
+export declare const useInlineEditable: () => void;

package/dist/editor/index.d.ts

@@ -2,5 +2,6 @@ export * from './lib';
 export * from './hooks';
 export * from './components';
 export * from './types';
+export * from './controls';
 export * from './toolbars';
 export * from './ui';

package/dist/editor/lib/index.d.ts

@@ -1,7 +1,7 @@
 import { Theme } from '@janbox/storefront-ui/theme';
 import { SidebarProps } from './sidebar';
 import { Resolver, SerializedNodes } from '../../types';
-import { EditorHandlers } from '../hooks/use-editor';
+import { EditorHandlers, VariableDefinition } from '../hooks/use-editor';
 import { PropsWithChildren } from 'react';
 export type EditorProps = PropsWithChildren<{
     theme: Theme;
@@ -9,7 +9,8 @@ export type EditorProps = PropsWithChildren<{
     resolver?: Resolver;
     handlers: EditorHandlers;
     serializedNodes?: SerializedNodes;
+    variableDefinitions?: VariableDefinition[];
 }>;
-export type { EditorHandlers } from '../hooks/use-editor';
+export type { EditorHandlers, VariableDefinition, VariableOption } from '../hooks/use-editor';
 export type { InsertTemplate, InsertTemplateGroup } from './sidebar/insert-action';
-export declare const Editor: ({ theme, insert, resolver, handlers, serializedNodes, children }: EditorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Editor: ({ theme, insert, resolver, handlers, serializedNodes, variableDefinitions, children, }: EditorProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/lib/node-renderer/index.d.ts

@@ -1,3 +1 @@
-export * from './node-actions';
-export * from './node-focused';
 export * from './node-renderer';

package/dist/editor/lib/node-renderer/node-renderer.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
-export declare const DefaultNodeRenderer: ({ render }: {
+export declare const NodeRenderer: ({ render }: {
     render: React.ReactElement;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/toolbars/index.d.ts

@@ -1,37 +1,5 @@
-export * from './text-align';
-export * from './text-style';
-export * from './text-transform';
-export * from './css-width';
-export * from './height';
-export * from './color';
-export * from './background';
-export * from './child-nodes';
-export * from './border';
-export * from './border-radius';
-export * from './text-variant';
-export * from './line-height';
-export * from './font-size';
-export * from './css-font-weight';
-export * from './tag-name';
-export * from './object-fit';
-export * from './display';
-export * from './column-gap';
-export * from './row-gap';
-export * from './svg-source';
-export * from './flex-align-items';
-export * from './justify-content';
-export * from './color-variant';
-export * from './flex';
-export * from './number-field';
-export * from './number-field-mix-options';
-export * from './visibility';
-export * from './justify-items';
-export * from './grid-align-items';
-export * from './aspect-ratio';
-export * from './padding';
-export * from './min-width';
-export * from './order';
-export * from './margin';
-export * from './flex-wrap';
-export * from './text-style-group';
-export * from './html-anchor-target';
+export * from './node-drag-toolbar';
+export * from './node-name-toolbar';
+export * from './node-delete-toolbar';
+export * from './insert-inline-toolbar';
+export * from './insert-link-toolbar';

package/dist/editor/toolbars/inline-utils.d.ts

@@ -0,0 +1,20 @@
+import { NodeTree } from '@craftjs/core';
+import { useComposer } from '../../hooks';
+type ComposerReturn = ReturnType<typeof useComposer>;
+type CraftQuery = ComposerReturn['query'];
+type CraftActions = ComposerReturn['actions'];
+export type MakeNodeTree = (text: string) => NodeTree;
+export declare const getCharOffsetShallow: (root: Element, container: Node, nodeOffset: number) => number;
+export declare const getChildLen: (query: CraftQuery, childId: string) => number;
+export declare const findChildAt: (query: CraftQuery, childIds: string[], charOffset: number) => {
+    childId: string;
+    childIndex: number;
+    localOffset: number;
+} | null;
+export declare const convertPlainText: (id: string, actions: CraftActions, query: CraftQuery) => {
+    fragmentId: string | null;
+    fullText: string;
+};
+export declare const spliceChild: (id: string, childId: string, childIndex: number, localStart: number, localEnd: number, makeNodeTree: MakeNodeTree, actions: CraftActions, query: CraftQuery) => string | null;
+export declare const insertAtSelection: (id: string, makeNodeTree: MakeNodeTree, fallbackText: string, frameDocument: Document, actions: CraftActions, query: CraftQuery, onDone: () => void) => string | null;
+export {};

package/dist/editor/toolbars/insert-inline-toolbar.d.ts

@@ -0,0 +1 @@
+export declare const InsertInlineToolbar: () => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/editor/toolbars/insert-link-toolbar.d.ts

@@ -0,0 +1 @@
+export declare const InsertLinkToolbar: () => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/editor/toolbars/node-delete-toolbar.d.ts

@@ -0,0 +1 @@
+export declare const NodeDeleteToolbar: () => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/editor/toolbars/node-drag-toolbar.d.ts

@@ -0,0 +1 @@
+export declare const NodeDragToolbar: () => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/editor/toolbars/node-name-toolbar.d.ts

@@ -0,0 +1 @@
+export declare const NodeNameToolbar: () => import("@emotion/react/jsx-runtime").JSX.Element | null;