@janbox/storefront-builder 2.0.1 → 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 {};

package/dist/editor/ui/button-group/button-group.d.ts

@@ -5,4 +5,4 @@ export type WbButtonGroupProps<T> = ShallowMerge<JSX.IntrinsicElements['div'], {
     value?: T;
     defaultValue?: T;
 }>;
-export declare const WbButtonGroup: <T extends string = string>({ children, defaultValue, value, onSelectionChange, className, ...props }: WbButtonGroupProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbButtonGroup: <T extends string = string>({ children, defaultValue, value, onSelectionChange, ...props }: WbButtonGroupProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/dialog/dialog-body/dialog-body.d.ts

@@ -1,2 +1,2 @@
 import { WbDialogBodyProps } from './types';
-export declare const WbDialogBody: ({ className, ref, ...props }: WbDialogBodyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbDialogBody: ({ ref, ...props }: WbDialogBodyProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/form-label/form-label.d.ts

@@ -3,4 +3,4 @@ import { ShallowMerge } from '@janbox/storefront-ui/types';
 export type FormLabelProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     required?: boolean;
 }>;
-export declare const WbFormLabel: ({ required, className, children, ...props }: FormLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbFormLabel: ({ required, children, ...props }: FormLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/input/input.d.ts

@@ -7,7 +7,6 @@ export type WbInputProps = ShallowMerge<JSX.IntrinsicElements['input'], {
     classes?: {
         input?: string;
         main?: string;
-        container?: string;
     };
     fullWidth?: boolean;
     value?: string | number;
@@ -19,4 +18,4 @@ export type WbInputProps = ShallowMerge<JSX.IntrinsicElements['input'], {
     helperText?: string;
     selectOnFocus?: boolean;
 }>;
-export declare const WbInput: ({ prefix, suffix, classes, className, size, transform, fullWidth, wrapRef, onChange: onChangeProp, mode, debounce, value, ref, error, helperText, selectOnFocus, ...props }: WbInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbInput: ({ prefix, suffix, classes, size, transform, fullWidth, wrapRef, onChange: onChangeProp, mode, debounce, value, ref, error, helperText, selectOnFocus, ...props }: WbInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/loading-overlay/loading-overlay.d.ts

@@ -5,4 +5,4 @@ export type EsLoadingOverlayProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     hideChildrenOnLoading?: boolean;
     size?: number;
 }>;
-export declare const WbLoadingOverlay: ({ className, style, children, isLoading, hideChildrenOnLoading, size, ...props }: EsLoadingOverlayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbLoadingOverlay: ({ style, children, isLoading, hideChildrenOnLoading, size, ...props }: EsLoadingOverlayProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/popover/popover-close.d.ts

@@ -5,4 +5,4 @@ export type WbPopoverCloseProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     event?: keyof HTMLElementEventMap;
     reason?: OpenChangeReason;
 }>;
-export declare const WbPopoverClose: ({ event, reason, className, ref, ...props }: WbPopoverCloseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbPopoverClose: ({ event, reason, ref, ...props }: WbPopoverCloseProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/tabs/tab-content.d.ts

@@ -1,2 +1,2 @@
 import { JSX } from 'react';
-export declare const WbTabContent: ({ children, className, ...props }: JSX.IntrinsicElements["div"]) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbTabContent: ({ children, ...props }: JSX.IntrinsicElements["div"]) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/tabs/tab-list.d.ts

@@ -1,6 +1,4 @@
 import { JSX } from 'react';
 import { ShallowMerge } from '@janbox/storefront-ui/types';
-export type WbTabListProps = ShallowMerge<JSX.IntrinsicElements['ul'], {
-    layout?: 'auto-fit' | 'auto-fill';
-}>;
-export declare const WbTabList: ({ className, children, layout, ...props }: WbTabListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export type WbTabListProps = ShallowMerge<JSX.IntrinsicElements['ul'], {}>;
+export declare const WbTabList: ({ children, ...props }: WbTabListProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/tabs/tab-panel.d.ts

@@ -1,2 +1,2 @@
 import { JSX } from 'react';
-export declare const WbTabPanel: ({ className, ...props }: JSX.IntrinsicElements["div"]) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbTabPanel: ({ ...props }: JSX.IntrinsicElements["div"]) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/tabs/tab.d.ts

@@ -1,8 +1,5 @@
 import { JSX } from 'react';
-import { ShallowMerge } from '@janbox/storefront-ui/types';
 export type WbTabProps = ShallowMerge<JSX.IntrinsicElements['li'], {
-    classes?: {
-        active?: string;
-    };
+    fill?: boolean;
 }>;
-export declare const WbTab: ({ className, classes, ...props }: WbTabProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbTab: ({ fill, ...props }: WbTabProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/editor/ui/tabs/tabs.d.ts

@@ -4,5 +4,5 @@ type WbTabsProps = ShallowMerge<React.JSX.IntrinsicElements['div'], {
     defaultIndex?: number;
     onTabChange?: (tabIndex: number) => void;
 }>;
-export declare const WbTabs: ({ defaultIndex, activeIndex, children, onTabChange, className, ...props }: WbTabsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WbTabs: ({ defaultIndex, activeIndex, children, onTabChange, ...props }: WbTabsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};