@antscorp/antsomi-ui 2.0.84 → 2.0.86-text-editor-beta.1

package/es/components/molecules/VirtualizedMenu/utils.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="lodash" />
-import { ItemType, SerializedItemType } from './types';
-export declare const getFlattenItems: (args: {
+import { ItemType } from './types';
+import { NormalizedTreeState } from '@antscorp/antsomi-ui/es/utils/tree';
+export declare const itemToTreeNode: (item: ItemType) => any;
+export declare const serializeItems: (args: {
     items: ItemType[];
-}) => SerializedItemType[];
+}) => NormalizedTreeState<ItemType>;
 export declare const CLS: {
     readonly Root: {
         readonly default: string;
@@ -27,7 +29,8 @@ export declare const CLS: {
         readonly disabled: string;
         readonly selected: string;
         readonly expanded: string;
+        readonly selectedDescendant: string;
     };
 };
-export declare const getItemSize: ((itemSize: number, itemSpacing: number) => (index: number) => number) & import("lodash").MemoizedFunction;
-export declare const calInlineListSize: (itemLength: number, itemSize: number, itemSpacing: number) => number;
+export declare const getItemSize: ((itemSize?: number, itemSpacing?: number) => (index: number) => number) & import("lodash").MemoizedFunction;
+export declare const calInlineListSize: (itemLength: number, itemSize?: number, itemSpacing?: number) => number;

package/es/components/molecules/VirtualizedMenu/utils.js

@@ -1,22 +1,16 @@
 import { antsomiClsx } from '@antscorp/antsomi-ui/es/utils';
-import { COMPONENT_NAME, MODE } from './config';
+import { COMPONENT_NAME, ITEM_SIZE, ITEM_SPACING, MODE } from './config';
 import { memoize } from 'lodash';
-export const getFlattenItems = (args) => {
+import { normalizeTreeData } from '@antscorp/antsomi-ui/es/utils/tree';
+export const itemToTreeNode = (item) => ({
+    id: item.key,
+    data: item,
+    children: item.children?.map(itemToTreeNode),
+});
+export const serializeItems = (args) => {
     const { items } = args;
-    const result = [];
-    function recursively(items, level, pathKey, parent) {
-        items.forEach((item, idx) => {
-            const currentPathKey = [...pathKey, idx, item.key.toString()];
-            result.push({ ...item, level, pathKey: currentPathKey, parent });
-            if (item.children && item.children.length > 0) {
-                recursively(item.children, level + 1, currentPathKey, item);
-            }
-        });
-    }
-    if (items.length) {
-        recursively(items, 1, [], null);
-    }
-    return result;
+    const nodes = items.map(itemToTreeNode);
+    return normalizeTreeData(nodes);
 };
 const componentCls = antsomiClsx(COMPONENT_NAME);
 export const CLS = {
@@ -43,15 +37,16 @@ export const CLS = {
         disabled: componentCls('item-disabled'),
         selected: componentCls('item-selected'),
         expanded: componentCls('item-expanded'),
+        selectedDescendant: componentCls('item-selected-descendant'),
     },
 };
-export const getItemSize = memoize((itemSize, itemSpacing) => (index) => {
+export const getItemSize = memoize((itemSize = ITEM_SIZE, itemSpacing = ITEM_SPACING) => (index) => {
     if (index === 0) {
         return itemSize;
     }
     return itemSize + itemSpacing;
 });
-export const calInlineListSize = (itemLength, itemSize, itemSpacing) => {
+export const calInlineListSize = (itemLength, itemSize = ITEM_SIZE, itemSpacing = ITEM_SPACING) => {
     let result = 0;
     const calItemSize = getItemSize(itemSize, itemSpacing);
     for (let i = 0; i < itemLength; i++) {

package/es/components/molecules/index.d.ts

@@ -67,6 +67,7 @@ export * from './EmojiCollections';
 export * from './EmojiPopover';
 export * from './DisplayFormat';
 export * from './CodeStructure';
+export * from './FontSizeInput';
 export { EditorScript } from './EditorScript';
 export { EditorTab } from './EditorTab';
 export { SelectAccount } from './SelectAccount';

package/es/components/molecules/index.js

@@ -67,6 +67,7 @@ export * from './EmojiCollections';
 export * from './EmojiPopover';
 export * from './DisplayFormat';
 export * from './CodeStructure';
+export * from './FontSizeInput';
 export { EditorScript } from './EditorScript';
 export { EditorTab } from './EditorTab';
 export { SelectAccount } from './SelectAccount';

package/es/components/molecules/index.scss

@@ -0,0 +1 @@
+@import url('./FontSizeInput/styles.scss');