@janbox/storefront-builder 2.0.2 → 2.0.3

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

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

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

@@ -8,15 +8,3 @@ export declare const useEditorResponsive: () => {
     }) => R;
     currentScreen: Screen;
 };
-export declare const useEditorQueryParams: () => {
-    queryParams: {
-        mode: "compact" | "full";
-        screen: Screen;
-        action: string | undefined;
-    };
-    setQueryParams: (newParams: Partial<{
-        mode: "compact" | "full";
-        screen: Screen;
-        action: string | undefined;
-    }>, navigateOpts?: import('react-router').NavigateOptions) => void;
-};

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

@@ -1,5 +1,6 @@
-import { Theme } from '@janbox/storefront-ui/theme';
+import { Screen, Theme } from '@janbox/storefront-ui/theme';
 import { SerializedNodes } from '../../types';
+export type EditorMode = 'full' | 'compact';
 export type EditorHandlers = {
     close: () => void;
     submit: (abc: SerializedNodes) => void | Promise<void>;
@@ -8,8 +9,11 @@ export type EditorHandlers = {
 export type EditorState = {
     theme: Theme;
     handlers: Readonly<EditorHandlers>;
+    mode: EditorMode;
+    screen: Screen;
+    action?: string;
 };
-type MutableEditorState = Pick<EditorState, 'theme'>;
+type MutableEditorState = Pick<EditorState, 'theme' | 'mode' | 'screen' | 'action'>;
 type EditorStateValue = EditorState & {
     setState: (partial: Partial<MutableEditorState>) => void;
 };

package/dist/editor/index.d.ts

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

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

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

package/dist/editor/toolbars/css-font-weight/index.d.ts

@@ -0,0 +1,9 @@
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export type CssFontWeightToolbarValue = Pick<StyledCSS, 'fontWeight'>;
+export interface CssFontWeightToolbarProps {
+    responsive?: boolean;
+    name?: string;
+    value?: CssFontWeightToolbarValue;
+    onChange?: (value: CssFontWeightToolbarValue) => void;
+}
+export declare const CssFontWeightToolbar: ({ value, responsive, name, onChange }: CssFontWeightToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/toolbars/{width/width.d.ts → css-width/index.d.ts}

@@ -1,20 +1,20 @@
 import { StyledCSS } from '@janbox/storefront-ui/types';
-export type CssWidthValue = {
+export type CssWidthToolbarValue = {
     width?: StyledCSS['width'];
 };
 type MenuOptionState = {
     visible?: boolean;
     clearable?: boolean;
 };
-interface WidthToolbarProps {
+interface CssWidthToolbarProps {
     name?: string;
     responsive?: boolean;
-    value?: CssWidthValue;
-    onChange?: (value: CssWidthValue) => void;
+    value?: CssWidthToolbarValue;
+    onChange?: (value: CssWidthToolbarValue) => void;
     menu?: {
         autoOption?: MenuOptionState;
         fitContentOption?: MenuOptionState;
     };
 }
-export declare const WidthToolbar: ({ name, value, onChange, responsive, menu }: WidthToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CssWidthToolbar: ({ name, value, onChange, responsive, menu }: CssWidthToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor/toolbars/html-anchor-target/index.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributeAnchorTarget } from 'react';
+export type HtmlAnchorTargetToolbarProps = {
+    value?: HTMLAttributeAnchorTarget;
+    onChange?: (value: HTMLAttributeAnchorTarget) => void;
+    name?: string;
+};
+export declare const HtmlAnchorTargetToolbar: ({ value, onChange, name }: HtmlAnchorTargetToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 export * from './text-align';
 export * from './text-style';
 export * from './text-transform';
-export * from './width';
+export * from './css-width';
 export * from './height';
 export * from './color';
 export * from './background';
@@ -12,7 +12,7 @@ export * from './border-radius';
 export * from './text-variant';
 export * from './line-height';
 export * from './font-size';
-export * from './font-weight';
+export * from './css-font-weight';
 export * from './tag-name';
 export * from './object-fit';
 export * from './display';
@@ -35,4 +35,4 @@ export * from './order';
 export * from './margin';
 export * from './flex-wrap';
 export * from './text-style-group';
-export * from './anchor-target';
+export * from './html-anchor-target';

package/dist/editor/toolbars/text-align/index.d.ts

@@ -1 +1,9 @@
-export * from './text-align';
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export type CssTextAlignToolbarValue = Pick<StyledCSS, 'textAlign'>;
+interface TextAlignToolbarProps {
+    value?: CssTextAlignToolbarValue;
+    onChange?: (value: CssTextAlignToolbarValue) => void;
+    label?: string;
+}
+export declare const CssTextAlignToolbar: ({ value, onChange, label }: TextAlignToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};