@univerjs/ui 1.0.0-beta.0 → 1.0.0-beta.2

package/lib/types/views/emoji-picker/emoji-picker-utils.d.ts

@@ -15,25 +15,38 @@
  */
 import type { LocaleService } from '@univerjs/core';
 import { emojis } from './emojis.generated';
-export interface IEmojiItem {
+export interface IEmojiVariant {
     emoji: string;
     title: string;
 }
+export interface IEmojiItem extends IEmojiVariant {
+    skinToneVariants?: IEmojiVariant[];
+}
 export interface IEmojiLocaleData {
     emojiSearchIndex?: Record<string, string>;
     emojiTitles?: Record<string, string>;
 }
 export type EmojiCategory = Exclude<keyof typeof emojis, 'frequent'>;
+export declare const EMOJI_SKIN_TONES: readonly ["", "🏻", "🏼", "🏽", "🏾", "🏿"];
+export type EmojiSkinTone = (typeof EMOJI_SKIN_TONES)[number];
+export declare const EMOJI_SKIN_TONE_OPTIONS: ReadonlyArray<IEmojiVariant & {
+    value: EmojiSkinTone;
+}>;
 export declare const EMOJI_RECENT_LIMIT = 11;
 export declare const EMOJI_CATEGORIES: {
     key: EmojiCategory;
-    titleKey: "ui.column" | "ui.row" | "ui.common-edit" | "ui.toggle-shortcut-panel" | "ui.global-shortcut" | "ui.fontFamily.not-supported" | "ui.fontFamily.arial" | "ui.fontFamily.times-new-roman" | "ui.fontFamily.tahoma" | "ui.fontFamily.verdana" | "ui.fontFamily.microsoft-yahei" | "ui.fontFamily.simsun" | "ui.fontFamily.simhei" | "ui.fontFamily.kaiti" | "ui.fontFamily.fangsong" | "ui.fontFamily.nsimsun" | "ui.fontFamily.stxinwei" | "ui.fontFamily.stxingkai" | "ui.fontFamily.stliti" | "ui.ribbon.start" | "ui.ribbon.view" | "ui.ribbon.insert" | "ui.ribbon.data" | "ui.ribbon.startDesc" | "ui.ribbon.insertDesc" | "ui.ribbon.formulas" | "ui.ribbon.formulasDesc" | "ui.ribbon.dataDesc" | "ui.ribbon.viewDesc" | "ui.ribbon.others" | "ui.ribbon.othersDesc" | "ui.ribbon.more" | "ui.clipboard.authentication.title" | "ui.clipboard.authentication.content" | "ui.featureSearch.title" | "ui.featureSearch.empty" | "ui.featureSearch.placeholder" | "ui.featureSearch.ribbon" | "ui.featureSearch.contextMenu" | "ui.emojiPicker.search" | "ui.emojiPicker.objects" | "ui.emojiPicker.random" | "ui.emojiPicker.recents" | "ui.emojiPicker.emojis" | "ui.emojiPicker.animals" | "ui.emojiPicker.food" | "ui.emojiPicker.activities" | "ui.emojiPicker.places" | "ui.emojiPicker.symbols" | "ui.emojiPicker.searchResults" | "ui.emojiPicker.noResults" | `ui.emojiPicker.emojiSearchIndex.${string}` | `ui.emojiPicker.emojiTitles.${string}` | "ui.symbolPicker.mathematics" | "ui.symbolPicker.greek" | "ui.symbolPicker.common" | "ui.toolbar.heading.title" | "ui.toolbar.heading.normal" | "ui.toolbar.heading.subTitle" | "ui.toolbar.heading.tooltip" | "ui.shortcut-panel.title" | "ui.shortcut.copy" | "ui.shortcut.cut" | "ui.shortcut.paste" | "ui.shortcut.shortcut-panel" | "ui.shortcut.undo" | "ui.shortcut.redo" | "ui.navigation.next" | "ui.navigation.back" | "ui.navigation.previous" | "ui.sidebar.close" | "ui.sidebar.resize" | "ui.sidebar.panel" | "ui.beforeClose.title" | "ui.textEditor.formulaError" | "ui.textEditor.rangeError" | "ui.rangeSelector.title" | "ui.rangeSelector.cancel" | "ui.rangeSelector.addAnotherRange" | "ui.rangeSelector.buttonTooltip" | "ui.rangeSelector.placeHolder" | "ui.rangeSelector.confirm" | "ui.zoom-slider.resetTo";
+    titleKey: "ui.column" | "ui.row" | "ui.common-edit" | "ui.toggle-shortcut-panel" | "ui.global-shortcut" | "ui.fontFamily.not-supported" | "ui.ribbon.start" | "ui.ribbon.view" | "ui.ribbon.insert" | "ui.ribbon.data" | "ui.ribbon.startDesc" | "ui.ribbon.insertDesc" | "ui.ribbon.formulas" | "ui.ribbon.formulasDesc" | "ui.ribbon.dataDesc" | "ui.ribbon.viewDesc" | "ui.ribbon.others" | "ui.ribbon.othersDesc" | "ui.ribbon.more" | "ui.clipboard.authentication.title" | "ui.clipboard.authentication.content" | "ui.featureSearch.title" | "ui.featureSearch.empty" | "ui.featureSearch.placeholder" | "ui.featureSearch.ribbon" | "ui.featureSearch.contextMenu" | "ui.emojiPicker.search" | "ui.emojiPicker.objects" | "ui.emojiPicker.random" | "ui.emojiPicker.recents" | "ui.emojiPicker.emojis" | "ui.emojiPicker.animals" | "ui.emojiPicker.food" | "ui.emojiPicker.activities" | "ui.emojiPicker.places" | "ui.emojiPicker.symbols" | "ui.emojiPicker.searchResults" | "ui.emojiPicker.noResults" | `ui.emojiPicker.emojiSearchIndex.${string}` | `ui.emojiPicker.emojiTitles.${string}` | "ui.symbolPicker.mathematics" | "ui.symbolPicker.greek" | "ui.symbolPicker.common" | "ui.toolbar.heading.title" | "ui.toolbar.heading.normal" | "ui.toolbar.heading.subTitle" | "ui.shortcut-panel.title" | "ui.shortcut.copy" | "ui.shortcut.cut" | "ui.shortcut.paste" | "ui.shortcut.shortcut-panel" | "ui.shortcut.undo" | "ui.shortcut.redo" | "ui.navigation.next" | "ui.navigation.back" | "ui.navigation.previous" | "ui.sidebar.close" | "ui.sidebar.resize" | "ui.sidebar.panel" | "ui.beforeClose.title" | "ui.rangeSelector.cancel";
 }[];
 export declare function getDefaultRecentEmojis(): IEmojiItem[];
 export declare function getAllEmojis(): IEmojiItem[];
 export declare function searchEmojis(keyword: string, searchIndex?: Record<string, string>): IEmojiItem[];
 export declare function promoteRecentEmoji(recents: IEmojiItem[], item: IEmojiItem): IEmojiItem[];
 export declare function parseStoredRecentEmojis(value: IEmojiItem[] | string | null): IEmojiItem[];
-export declare function getRandomEmoji(random?: () => number): IEmojiItem;
+export declare function getRandomEmoji(random?: () => number, skinTone?: EmojiSkinTone): IEmojiItem;
+export declare function applyEmojiSkinTone(item: IEmojiItem, skinTone: EmojiSkinTone): IEmojiItem;
+export declare function getEmojiFamilyKey(emoji: string): string;
+export declare function getEmojiFamilyVariants(emoji: string): IEmojiVariant[];
+export declare function hasMixedSkinToneVariants(item: IEmojiItem): boolean;
+export declare function parseStoredEmojiSkinTone(value: unknown): EmojiSkinTone;
 export declare function getLocalizedEmojiTitle(item: IEmojiItem, emojiTitles?: Record<string, string>): string;
 export declare function getEmojiLocaleData(localeService: Pick<LocaleService, 'getLocales'>): IEmojiLocaleData;

package/lib/types/views/emoji-picker/emojis.generated.d.ts

@@ -3,10 +3,18 @@ export declare const emojis: {
         emoji: string;
         title: string;
     }[];
-    people: {
+    people: ({
         emoji: string;
         title: string;
-    }[];
+        skinToneVariants?: undefined;
+    } | {
+        emoji: string;
+        title: string;
+        skinToneVariants: {
+            emoji: string;
+            title: string;
+        }[];
+    })[];
     nature: {
         emoji: string;
         title: string;

package/lib/types/views/hooks/prevent-browser-zoom.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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.
+ */
+export declare function preventBrowserZoomInContainers(containers: readonly HTMLElement[]): () => void;

package/lib/types/views/hooks/virtual-list.d.ts

@@ -13,9 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import type { RefObject } from 'react';
 type ItemHeight<T> = (index: number, data: T) => number;
 export interface IVirtualListOptions<T> {
-    containerTarget: React.RefObject<HTMLElement>;
+    containerTarget: RefObject<HTMLElement | null>;
     itemHeight: number | ItemHeight<T>;
     overscan?: number;
 }