@univerjs/ui 0.7.0 → 0.8.0-beta.1

package/lib/locale/en-US.js

@@ -15,11 +15,17 @@ const e = {
   },
   ribbon: {
     start: "Start",
+    startDesc: "Initiate the worksheet and set basic parameters.",
     insert: "Insert",
+    insertDesc: "Insert rows, columns, charts and various other elements.",
     formulas: "Formulas",
+    formulasDesc: "Use functions and formulas for data calculations.",
     data: "Data",
+    dataDesc: "Manage data, including import, sorting and filtering.",
     view: "View",
+    viewDesc: "Switch view modes and adjust the display effect.",
     others: "Others",
+    othersDesc: "Other functions and settings.",
     more: "More"
   },
   fontFamily: {

package/lib/locale/fa-IR.js

@@ -15,11 +15,17 @@ const i = {
   },
   ribbon: {
     start: "شروع",
+    startDesc: "ایجاد کاربرگ و تنظیم پارامترهای اولیه.",
     insert: "درج",
+    insertDesc: "درج ردیف‌ها، ستون‌ها، نمودارها و عناصر مختلف دیگر.",
     formulas: "فرمول‌ها",
+    formulasDesc: "استفاده از توابع و فرمول‌ها برای محاسبات داده‌ها.",
     data: "داده‌ها",
+    dataDesc: "ادغام و تجزیه داده‌ها.",
     view: "نمایش",
+    viewDesc: "تغییر حالت نمایش و تنظیم اثرات نمایشی.",
     others: "دیگر",
+    othersDesc: "سایر عملکردها و تنظیمات.",
     more: "بیشتر"
   },
   fontFamily: {

package/lib/locale/fr-FR.js

@@ -15,11 +15,17 @@ const e = {
   },
   ribbon: {
     start: "Démarrer",
+    startDesc: "Initialiser la feuille de calcul et définir les paramètres de base.",
     insert: "Insérer",
+    insertDesc: "Insérer des lignes, des colonnes, des graphiques et divers autres éléments.",
     formulas: "Formules",
+    formulasDesc: "Utiliser des fonctions et des formules pour les calculs de données.",
     data: "Données",
+    dataDesc: "Gérer les données, y compris l'importation, le tri et le filtrage.",
     view: "Vue",
+    viewDesc: "Changer les modes d'affichage et ajuster l'effet d'affichage.",
     others: "Autres",
+    othersDesc: "Autres fonctions et paramètres.",
     more: "Plus"
   },
   fontFamily: {

package/lib/locale/ru-RU.js

@@ -15,11 +15,17 @@ const i = {
   },
   ribbon: {
     start: "Начало",
+    startDesc: "Инициализация рабочей таблицы и установка основных параметров.",
     insert: "Вставка",
+    insertDesc: "Вставка строк, столбцов, графиков и различных других элементов.",
     formulas: "Формулы",
+    formulasDesc: "Использование функций и формул для вычислений данных.",
     data: "Данные",
+    dataDesc: "Управление данными, включая импорт, сортировку и фильтрацию.",
     view: "Вид",
+    viewDesc: "Смена режимов отображения и настройка эффекта отображения.",
     others: "Другие",
+    othersDesc: "Другие функции и настройки.",
     more: "Больше"
   },
   fontFamily: {

package/lib/locale/vi-VN.js

@@ -1,4 +1,4 @@
-const i = {
+const t = {
   toolbar: {
     heading: {
       normal: "Văn bản",
@@ -15,11 +15,17 @@ const i = {
   },
   ribbon: {
     start: "Bắt đầu",
+    startDesc: "Khởi tạo bảng tính và thiết lập các tham số cơ bản.",
     insert: "Chèn",
+    insertDesc: "Chèn hàng, cột, biểu đồ và các phần tử khác.",
     formulas: "Công thức",
+    formulasDesc: "Sử dụng hàm và công thức để tính toán dữ liệu.",
     data: "Dữ liệu",
+    dataDesc: "Sắp xếp, lọc và phân tích dữ liệu.",
     view: "Xem",
+    viewDesc: "Chuyển đổi chế độ xem và điều chỉnh hiệu ứng hiển thị.",
     others: "Khác",
+    othersDesc: "Các chức năng và cài đặt khác.",
     more: "Thêm"
   },
   fontFamily: {
@@ -77,5 +83,5 @@ const i = {
   }
 };
 export {
-  i as default
+  t as default
 };

package/lib/locale/zh-CN.js

@@ -15,11 +15,17 @@ const t = {
   },
   ribbon: {
     start: "开始",
+    startDesc: "初始化工作表并设置基本参数。",
     insert: "插入",
+    insertDesc: "插入行、列、图表和各种其他元素。",
     formulas: "公式",
+    formulasDesc: "使用函数和公式进行数据计算。",
     data: "数据",
+    dataDesc: "管理数据，包括导入、排序和筛选。",
     view: "视图",
+    viewDesc: "切换视图模式并调整显示效果。",
     others: "其他",
+    othersDesc: "其他功能和设置。",
     more: "更多"
   },
   fontFamily: {

package/lib/locale/zh-TW.js

@@ -15,11 +15,17 @@ const t = {
   },
   ribbon: {
     start: "開始",
+    startDesc: "初始化工作表並設定基本參數。",
     insert: "插入",
+    insertDesc: "插入行、列、圖表和各種其他元素。",
     formulas: "公式",
+    formulasDesc: "使用函數和公式進行數據計算。",
     data: "資料",
+    dataDesc: "管理資料，包括匯入、排序和篩選。",
     view: "視圖",
+    viewDesc: "切換視圖模式並調整顯示效果。",
     others: "其他",
+    othersDesc: "其他功能和設定。",
     more: "更多"
   },
   fontFamily: {

package/lib/types/common/component-manager.d.ts

@@ -1,5 +1,5 @@
-import { IDisposable } from '@univerjs/core';
-import { default as React } from 'react';
+import { IDisposable, Disposable } from '@univerjs/core';
+import { ForwardRefExoticComponent } from 'react';
 import { defineComponent } from 'vue';
 type ComponentFramework = 'vue3' | 'react';
 export interface IComponentOptions {
@@ -11,17 +11,17 @@ export interface IVue3Component<T extends Record<string, any> = Record<string, a
 }
 export interface IReactComponent<T extends Record<string, any> = Record<string, any>> {
     framework: 'react';
-    component: React.ForwardRefExoticComponent<T>;
+    component: ForwardRefExoticComponent<T>;
 }
-export type ComponentType<T extends Record<string, any> = Record<string, any>> = React.ForwardRefExoticComponent<T> | ReturnType<typeof defineComponent>;
+export type ComponentType<T extends Record<string, any> = Record<string, any>> = ForwardRefExoticComponent<T> | ReturnType<typeof defineComponent>;
 export type ComponentList = Map<string, IVue3Component | IReactComponent>;
-export declare class ComponentManager {
+export declare class ComponentManager extends Disposable {
     private _components;
     private _componentsReverse;
     constructor();
     register(name: string, component: ComponentType, options?: IComponentOptions): IDisposable;
     getKey(component: ComponentType): string | undefined;
-    get(name: string): React.ForwardRefExoticComponent<Record<string, any>> | ((props: any) => React.FunctionComponentElement<{
+    get(name: string): ForwardRefExoticComponent<Record<string, any>> | ((props: Record<string, any>) => import('react').FunctionComponentElement<{
         component: ReturnType<typeof defineComponent>;
         props: Record<string, any>;
     }>) | undefined;
@@ -30,5 +30,5 @@ export declare class ComponentManager {
 export declare function VueComponentWrapper(options: {
     component: ReturnType<typeof defineComponent>;
     props: Record<string, any>;
-}): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+}): import('react').DetailedReactHTMLElement<import('react').HTMLAttributes<HTMLElement>, HTMLElement>;
 export {};

package/lib/types/components/{font-size/index.d.ts → color-picker/interface.d.ts}

@@ -13,5 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { FontSize } from './FontSize';
-export { FONT_SIZE_LIST, HEADING_LIST } from './interface';
+export declare const COLOR_PICKER_COMPONENT = "UI_COLOR_PICKER_COMPONENT";

package/lib/types/components/custom-label/CustomLabel.d.ts

@@ -1,12 +1,12 @@
+import { ReactNode } from 'react';
 import { Observable } from 'rxjs';
 import { IMenuSelectorItem } from '../../services/menu/menu';
-import { default as React } from 'react';
 export type ICustomLabelProps<T = undefined> = {
     className?: string;
     value?: string | number | undefined;
     value$?: Observable<T>;
     onChange?(v: string | number): void;
-    title?: React.ReactNode;
+    title?: ReactNode;
 } & Pick<IMenuSelectorItem<unknown>, 'label' | 'icon'>;
 /**
  * The component to render toolbar item label and menu item label.

package/lib/types/components/font-family/interface.d.ts

@@ -2,9 +2,11 @@ import { ICustomComponentProps } from '../../services/menu/menu';
 export interface IFontFamilyProps extends ICustomComponentProps<string> {
     value: string;
 }
+export declare const FONT_FAMILY_COMPONENT = "UI_FONT_FAMILY_COMPONENT";
 export interface IFontFamilyItemProps extends ICustomComponentProps<string> {
     value: string;
 }
+export declare const FONT_FAMILY_ITEM_COMPONENT = "UI_FONT_FAMILY_ITEM_COMPONENT";
 export declare const FONT_FAMILY_LIST: {
     value: string;
 }[];

package/lib/types/components/font-size/interface.d.ts

@@ -16,3 +16,4 @@ export declare const HEADING_LIST: {
     label: string;
     value: NamedStyleType;
 }[];
+export declare const FONT_SIZE_COMPONENT = "UI_FONT_SIZE_COMPONENT";

package/lib/types/components/hooks/update-effect.d.ts

@@ -1,2 +1,2 @@
-import { default as React } from 'react';
-export declare const useUpdateEffect: typeof React.useEffect;
+import { useEffect } from 'react';
+export declare const useUpdateEffect: typeof useEffect;

package/lib/types/components/index.d.ts

@@ -15,8 +15,6 @@
  */
 export * from './common-label';
 export * from './custom-label';
-export * from './font-family';
-export * from './font-size';
 export * from './heading-item';
 export { useScrollYOverContainer } from './hooks/layout';
 export { type ISliderProps, Slider } from './slider';

package/lib/types/controllers/shortcut-display/menu.d.ts

@@ -1,3 +1,2 @@
-import { IAccessor } from '@univerjs/core';
 import { IMenuButtonItem } from '../../services/menu/menu';
-export declare function ShortcutPanelMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
+export declare function ShortcutPanelMenuItemFactory(): IMenuButtonItem;

package/lib/types/controllers/ui/ui.controller.d.ts

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+export type RibbonType = 'default' | 'simple';
 export interface IWorkbenchOptions {
     container?: string | HTMLElement;
     /**
@@ -23,6 +24,7 @@ export interface IWorkbenchOptions {
      * If Univer should make the toolbar bar visible.
      */
     toolbar?: boolean;
+    ribbonType?: RibbonType;
     /**
      * If Univer should make the footer bar visible.
      */

package/lib/types/facade/f-univer.d.ts

@@ -117,10 +117,10 @@ export interface IFUniverUIMixin {
      * @example
      * ```ts
      * // Univer Icon can be viewed at https://univer.ai/en-US/icons
-     * import { SmileSingle } from '@univerjs/icons'
+     * import { SmileIcon } from '@univerjs/icons'
      *
      * // Create a custom menu with an univer icon
-     * univerAPI.registerComponent('custom-menu-icon', SmileSingle);
+     * univerAPI.registerComponent('custom-menu-icon', SmileIcon);
      * univerAPI.createMenu({
      *   id: 'custom-menu',
      *   icon: 'custom-menu-icon',

package/lib/types/index.d.ts

@@ -18,6 +18,12 @@ export * from './common';
 export { getHeaderFooterMenuHiddenObservable, getMenuHiddenObservable } from './common/menu-hidden-observable';
 export { mergeMenuConfigs } from './common/menu-merge-configs';
 export * from './components';
+export { COLOR_PICKER_COMPONENT } from './components/color-picker/interface';
+export { FontSize } from './components/font-size/FontSize';
+export { FontFamily } from './components/font-family/FontFamily';
+export { FontFamilyItem } from './components/font-family/FontFamilyItem';
+export { FONT_SIZE_COMPONENT, FONT_SIZE_LIST, HEADING_LIST } from './components/font-size/interface';
+export { FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT, FONT_FAMILY_LIST, type IFontFamilyItemProps, type IFontFamilyProps } from './components/font-family/interface';
 export { t } from './components/hooks/locale';
 export * from './components/hooks';
 export { RectPopup, type RectPopupDirection } from './views/components/popup/RectPopup';
@@ -87,7 +93,7 @@ export { type IDialogPartMethodOptions } from './views/components/dialog-part/in
 export { FloatDom } from './views/components/dom/FloatDom';
 export { GlobalZone } from './views/components/global-zone/GlobalZone';
 export { CanvasPopup, SingleCanvasPopup } from './views/components/popup/CanvasPopup';
-export { ToolbarButton } from './views/components/ribbon/Button/ToolbarButton';
+export { ToolbarButton } from './views/components/ribbon/ToolbarButton';
 export { useToolbarItemStatus } from './views/components/ribbon/hook';
 export { Ribbon } from './views/components/ribbon/Ribbon';
 export { ToolbarItem } from './views/components/ribbon/ToolbarItem';

package/lib/types/locale/en-US.d.ts

@@ -1,3 +1,100 @@
-import { default as zhCN } from './zh-CN';
-declare const locale: typeof zhCN;
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+declare const locale: {
+    toolbar: {
+        heading: {
+            normal: string;
+            title: string;
+            subTitle: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            tooltip: string;
+        };
+    };
+    ribbon: {
+        start: string;
+        startDesc: string;
+        insert: string;
+        insertDesc: string;
+        formulas: string;
+        formulasDesc: string;
+        data: string;
+        dataDesc: string;
+        view: string;
+        viewDesc: string;
+        others: string;
+        othersDesc: string;
+        more: string;
+    };
+    fontFamily: {
+        TimesNewRoman: string;
+        Arial: string;
+        Tahoma: string;
+        Verdana: string;
+        MicrosoftYaHei: string;
+        SimSun: string;
+        SimHei: string;
+        Kaiti: string;
+        FangSong: string;
+        NSimSun: string;
+        STXinwei: string;
+        STXingkai: string;
+        STLiti: string;
+        HanaleiFill: string;
+        Anton: string;
+        Pacifico: string;
+    };
+    'shortcut-panel': {
+        title: string;
+    };
+    shortcut: {
+        undo: string;
+        redo: string;
+        cut: string;
+        copy: string;
+        paste: string;
+        'shortcut-panel': string;
+    };
+    'common-edit': string;
+    'toggle-shortcut-panel': string;
+    clipboard: {
+        authentication: {
+            title: string;
+            content: string;
+        };
+    };
+    textEditor: {
+        formulaError: string;
+        rangeError: string;
+    };
+    rangeSelector: {
+        title: string;
+        addAnotherRange: string;
+        buttonTooltip: string;
+        placeHolder: string;
+        confirm: string;
+        cancel: string;
+    };
+    'global-shortcut': string;
+    'zoom-slider': {
+        resetTo: string;
+    };
+};
 export default locale;

package/lib/types/locale/fa-IR.d.ts

@@ -1,3 +1,3 @@
-import { default as zhCN } from './zh-CN';
-declare const locale: typeof zhCN;
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
 export default locale;

package/lib/types/locale/ru-RU.d.ts

@@ -1,3 +1,3 @@
-import { default as zhCN } from './zh-CN';
-declare const locale: typeof zhCN;
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
 export default locale;

package/lib/types/locale/vi-VN.d.ts

@@ -1,3 +1,3 @@
-import { default as zhCN } from './zh-CN';
-declare const locale: typeof zhCN;
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
 export default locale;

package/lib/types/locale/zh-CN.d.ts

@@ -1,94 +1,3 @@
-/**
- * Copyright 2023-present DreamNum Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-declare const locale: {
-    toolbar: {
-        heading: {
-            normal: string;
-            title: string;
-            subTitle: string;
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            tooltip: string;
-        };
-    };
-    ribbon: {
-        start: string;
-        insert: string;
-        formulas: string;
-        data: string;
-        view: string;
-        others: string;
-        more: string;
-    };
-    fontFamily: {
-        TimesNewRoman: string;
-        Arial: string;
-        Tahoma: string;
-        Verdana: string;
-        MicrosoftYaHei: string;
-        SimSun: string;
-        SimHei: string;
-        Kaiti: string;
-        FangSong: string;
-        NSimSun: string;
-        STXinwei: string;
-        STXingkai: string;
-        STLiti: string;
-        HanaleiFill: string;
-        Anton: string;
-        Pacifico: string;
-    };
-    'shortcut-panel': {
-        title: string;
-    };
-    shortcut: {
-        undo: string;
-        redo: string;
-        cut: string;
-        copy: string;
-        paste: string;
-        'shortcut-panel': string;
-    };
-    'common-edit': string;
-    'toggle-shortcut-panel': string;
-    clipboard: {
-        authentication: {
-            title: string;
-            content: string;
-        };
-    };
-    textEditor: {
-        formulaError: string;
-        rangeError: string;
-    };
-    rangeSelector: {
-        title: string;
-        addAnotherRange: string;
-        buttonTooltip: string;
-        placeHolder: string;
-        confirm: string;
-        cancel: string;
-    };
-    'global-shortcut': string;
-    'zoom-slider': {
-        resetTo: string;
-    };
-};
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
 export default locale;

package/lib/types/locale/zh-TW.d.ts

@@ -1,3 +1,3 @@
-import { default as zhCN } from './zh-CN';
-declare const locale: typeof zhCN;
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
 export default locale;

package/lib/types/services/global-zone/desktop-global-zone.service.d.ts

@@ -1,8 +1,8 @@
 import { IDisposable } from '@univerjs/core';
 import { ForwardRefExoticComponent } from 'react';
+import { IGlobalZoneService } from './global-zone.service';
 import { Subject } from 'rxjs';
 import { ComponentManager } from '../../common/component-manager';
-import { IGlobalZoneService } from './global-zone.service';
 export declare class DesktopGlobalZoneService implements IGlobalZoneService {
     private readonly _componentManager;
     readonly visible$: Subject<boolean>;

package/lib/types/services/menu/menu.d.ts

@@ -37,6 +37,7 @@ interface IMenuItemBase<V> {
     };
     hidden$?: Observable<boolean>;
     disabled$?: Observable<boolean>;
+    params?: any;
     /** On observable value that should emit the value of the corresponding selection component. */
     value$?: Observable<V>;
 }

package/lib/types/services/menu/types.d.ts

@@ -18,32 +18,37 @@ export declare enum MenuManagerPosition {
     CONTEXT_MENU = "contextMenu"
 }
 export declare enum RibbonPosition {
-    START = "ribbon.start",
-    INSERT = "ribbon.insert",
-    FORMULAS = "ribbon.formulas",
-    DATA = "ribbon.data",
-    VIEW = "ribbon.view",
+    START = "ribbon.start",// RibbonStartGroup
+    INSERT = "ribbon.insert",// RibbonInsertGroup
+    FORMULAS = "ribbon.formulas",// RibbonFormulasGroup
+    DATA = "ribbon.data",// RibbonDataGroup
+    VIEW = "ribbon.view",// RibbonViewGroup
     OTHERS = "ribbon.others"
 }
 export declare enum RibbonStartGroup {
     HISTORY = "ribbon.start.history",
     FORMAT = "ribbon.start.format",
     LAYOUT = "ribbon.start.layout",
-    FORMULAS_INSERT = "ribbon.start.insert",
-    FORMULAS_VIEW = "ribbon.start.view",
-    FILE = "ribbon.start.file",
     OTHERS = "ribbon.start.others"
 }
 export declare enum RibbonInsertGroup {
+    EDIT = "ribbon.insert.edit",
+    MEDIA = "ribbon.insert.media",
     OTHERS = "ribbon.insert.others"
 }
 export declare enum RibbonFormulasGroup {
+    BASIC = "ribbon.formulas.basic",
     OTHERS = "ribbon.formulas.others"
 }
 export declare enum RibbonDataGroup {
+    FORMULAS = "ribbon.data.formulas",
+    RULES = "ribbon.data.rules",
+    ORGANIZATION = "ribbon.data.organization",
     OTHERS = "ribbon.data.others"
 }
 export declare enum RibbonViewGroup {
+    DISPLAY = "ribbon.view.display",
+    VISIBILITY = "ribbon.view.Visibility",
     OTHERS = "ribbon.view.others"
 }
 export declare enum RibbonOthersGroup {

package/lib/types/services/theme-switcher/theme-switcher.service.d.ts

@@ -1,5 +1,7 @@
 import { Theme } from '@univerjs/themes';
-export declare class ThemeSwitcherService {
+import { Disposable } from '@univerjs/core';
+export declare class ThemeSwitcherService extends Disposable {
     private _styleSheetId;
     injectThemeToHead(theme: Theme): void;
+    dispose(): void;
 }

package/lib/types/services/zen-zone/desktop-zen-zone.service.d.ts

@@ -1,6 +1,6 @@
+import { IDisposable } from '@univerjs/core';
 import { ComponentType, ComponentManager } from '../../common/component-manager';
 import { IZenZoneService } from './zen-zone.service';
-import { IDisposable } from '@univerjs/core';
 import { BehaviorSubject, ReplaySubject } from 'rxjs';
 export declare class DesktopZenZoneService implements IZenZoneService, IDisposable {
     private readonly _componentManager;

package/lib/types/views/components/ComponentContainer.d.ts

@@ -1,12 +1,12 @@
 import { Injector } from '@univerjs/core';
-import { ComponentType, default as React } from 'react';
+import { ComponentType, ReactNode } from 'react';
 import { ComponentRenderer } from '../../services/parts/parts.service';
 export interface IComponentContainerProps {
     components?: Set<ComponentType>;
-    fallback?: React.ReactNode;
+    fallback?: ReactNode;
     sharedProps?: Record<string, unknown>;
 }
-export declare function ComponentContainer(props: IComponentContainerProps): React.ReactNode;
+export declare function ComponentContainer(props: IComponentContainerProps): ReactNode;
 /**
  * Get a set of render functions to render components of a part.
  *

package/lib/types/views/components/dom/FloatDom.d.ts

@@ -1,6 +1,5 @@
 import { IFloatDom } from '../../../services/dom/canvas-dom-layer.service';
-import { default as React } from 'react';
-export declare const FloatDomSingle: React.MemoExoticComponent<(props: {
+export declare const FloatDomSingle: import('react').MemoExoticComponent<(props: {
     layer: IFloatDom;
     id: string;
 }) => import("react/jsx-runtime").JSX.Element | null>;

package/lib/types/views/components/popup/CanvasPopup.d.ts

@@ -1,8 +1,8 @@
+import { ReactNode } from 'react';
 import { IPopup } from '../../../services/popup/canvas-popup.service';
-import { default as React } from 'react';
 interface ISingleCanvasPopupProps {
     popup: IPopup;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 export declare const SingleCanvasPopup: ({ popup, children }: ISingleCanvasPopupProps) => import("react/jsx-runtime").JSX.Element | null;
 export declare function CanvasPopup(): import("react/jsx-runtime").JSX.Element[];