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

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

@@ -1,10 +1,8 @@
 /// <reference types="lodash" />
-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: {
+import { ItemType, SerializedItemType } from './types';
+export declare const getFlattenItems: (args: {
     items: ItemType[];
-}) => NormalizedTreeState<ItemType>;
+}) => SerializedItemType[];
 export declare const CLS: {
     readonly Root: {
         readonly default: string;
@@ -29,8 +27,7 @@ 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,16 +1,22 @@
 import { antsomiClsx } from '@antscorp/antsomi-ui/es/utils';
-import { COMPONENT_NAME, ITEM_SIZE, ITEM_SPACING, MODE } from './config';
+import { COMPONENT_NAME, MODE } from './config';
 import { memoize } from 'lodash';
-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) => {
+export const getFlattenItems = (args) => {
     const { items } = args;
-    const nodes = items.map(itemToTreeNode);
-    return normalizeTreeData(nodes);
+    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 componentCls = antsomiClsx(COMPONENT_NAME);
 export const CLS = {
@@ -37,16 +43,15 @@ 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 = ITEM_SIZE, itemSpacing = ITEM_SPACING) => (index) => {
+export const getItemSize = memoize((itemSize, itemSpacing) => (index) => {
     if (index === 0) {
         return itemSize;
     }
     return itemSize + itemSpacing;
 });
-export const calInlineListSize = (itemLength, itemSize = ITEM_SIZE, itemSpacing = ITEM_SPACING) => {
+export const calInlineListSize = (itemLength, itemSize, itemSpacing) => {
     let result = 0;
     const calItemSize = getItemSize(itemSize, itemSpacing);
     for (let i = 0; i < itemLength; i++) {

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

@@ -67,7 +67,6 @@ 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,7 +67,6 @@ 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/organism/index.d.ts

@@ -15,5 +15,4 @@ export { AccountProfile, type AccountSettingProps } from './AccountProfile';
 export * from './Login';
 export * from './Filter';
 export { ActivityTimeline, type ActivityTimeLineProps } from './ActivityTimeline';
-export { TextEditor, TextEditorProvider, type TextEditorProps, type TextEditorRef, type TextEditorJSONContent, } from './TextEditor';
 export { WhatsappMobile, SAMPLE_PREVIEW } from './PreviewCollections';

package/es/components/organism/index.js

@@ -15,5 +15,4 @@ export { AccountProfile } from './AccountProfile';
 export * from './Login';
 export * from './Filter';
 export { ActivityTimeline } from './ActivityTimeline';
-export { TextEditor, TextEditorProvider, } from './TextEditor';
 export { WhatsappMobile, SAMPLE_PREVIEW } from './PreviewCollections';

package/es/components/template/Layout/constants/permission.d.ts

@@ -16,6 +16,7 @@ export declare const MARKETING_CHANNEL_CODE: {
 export declare const MENU_PERMISSIONS: {
     DF_DATA_SOURCE: string;
     DESTINATION: string;
+    WEB_PERSONALIZE: string;
 };
 /**
  * In the dev environment, menu items will be removed the hash from menu_item_path,

package/es/components/template/Layout/constants/permission.js

@@ -17,7 +17,7 @@ export const MENU_PERMISSIONS = {
     DF_DATA_SOURCE: 'DF_DATA_SOURCE',
     DESTINATION: 'DESTINATION',
     // REPORT: 'REPORT',
-    // WEB_PERSONALIZE: 'WEB_PERSONALIZE',
+    WEB_PERSONALIZE: 'WEB_PERSONALIZE',
 };
 /**
  * In the dev environment, menu items will be removed the hash from menu_item_path,

package/es/hooks/index.d.ts

@@ -26,4 +26,3 @@ export * from './useCustomRouter';
 export * from './useUpdateEffect';
 export * from './useOutsideClick';
 export * from './useDebouncedCallbackV2';
-export * from './useElementSize';

package/es/hooks/index.js

@@ -45,4 +45,3 @@ export * from './useCustomRouter';
 export * from './useUpdateEffect';
 export * from './useOutsideClick';
 export * from './useDebouncedCallbackV2';
-export * from './useElementSize';

package/es/utils/common.d.ts

@@ -66,14 +66,17 @@ export declare const searchParamsToObject: (searchParams?: string) => Record<str
 export declare const getShuffleArray: <T>(array: T[]) => T[];
 export declare const snakeCaseToCamelCase: <T = Record<string, any>>(object: Record<string, any> | Record<string, any>[], recursive?: boolean) => T;
 export declare const camelCaseToSnakeCase: <T = Record<string, any>>(object: Record<string, any>, recursive?: boolean) => T;
-export declare function generateKey(): string;
+export declare function generateKey(): any;
 export declare const formatUserId: (userId?: number) => string;
 /**
- * Checks string matching based on a query, supporting fuzzy matching,
- * where the query characters must appear in order within the target string.
- * Allows for missing characters in the query relative to the target,
- * and ignores case, diacritics, and spaces.
- *
+ * Function to remove accent
+ * @param str - String want to remove accent
+ * @returns {string} - Result after remove accent
+ */
+export declare const removeAccent: (str: string) => string;
+/** Remove all accents and convert string to lower case, remove leading and trailing white space */
+export declare const simplifyString: (str: string) => string;
+/**
  * @param str target string
  * @param queryStr search query
  * @returns true if target string includes search query

package/es/utils/common.js

@@ -430,56 +430,35 @@ export function generateKey() {
 }
 export const formatUserId = (userId) => String(userId || '').replace(/(\d{3})(\d{3})(\d{0,})/, `$1-$2-$3`);
 /**
- * Normalizes a string for searching by:
- * 1. Converting to NFD Unicode form and removing diacritics.
- * 2. Converting to lowercase.
- * 3. Removing all whitespace.
- * @param str The string to normalize.
- * @returns The normalized string.
+ * Function to remove accent
+ * @param str - String want to remove accent
+ * @returns {string} - Result after remove accent
  */
-function normalizeStringForSearch(str) {
-    if (!str) {
-        return ''; // Handle null, undefined, or empty string inputs
-    }
-    return str
-        .normalize('NFD') // Decompose accented characters (e.g., "á" -> "a" + "´")
-        .replace(/[\u0300-\u036f]/g, '') // Remove diacritical marks
-        .toLowerCase() // Convert to lowercase
-        .replace(/\s+/g, ''); // Remove all whitespace
-}
+export const removeAccent = (str) => {
+    str = str.replace(/[àáạảãâầấậẩẫăằắặẳẵ]/g, 'a');
+    str = str.replace(/[èéẹẻẽêềếệểễ]/g, 'e');
+    str = str.replace(/[ìíịỉĩ]/g, 'i');
+    str = str.replace(/[òóọỏõôồốộổỗơờớợởỡ]/g, 'o');
+    str = str.replace(/[ùúụủũưừứựửữ]/g, 'u');
+    str = str.replace(/[ỳýỵỷỹ]/g, 'y');
+    str = str.replace(/đ/g, 'd');
+    str = str.replace(/[ÀÁẠẢÃÂẦẤẬẨẪĂẰẮẶẲẴ]/g, 'A');
+    str = str.replace(/[ÈÉẸẺẼÊỀẾỆỂỄ]/g, 'E');
+    str = str.replace(/[ÌÍỊỈĨ]/g, 'I');
+    str = str.replace(/[ÒÓỌỎÕÔỒỐỘỔỖƠỜỚỢỞỠ]/g, 'O');
+    str = str.replace(/Ù|Ú|Ụ|Ủ|Ũ|Ư|Ừ|Ứ|Ự|Ử|Ữ/g, 'U');
+    str = str.replace(/Ỳ|Ý|Ỵ|Ỷ|Ỹ/g, 'Y');
+    str = str.replace(/Đ/g, 'D');
+    return str;
+};
+/** Remove all accents and convert string to lower case, remove leading and trailing white space */
+export const simplifyString = (str) => removeAccent(`${str || ''}`.toLowerCase().trim()) || '';
 /**
- * Checks string matching based on a query, supporting fuzzy matching,
- * where the query characters must appear in order within the target string.
- * Allows for missing characters in the query relative to the target,
- * and ignores case, diacritics, and spaces.
- *
  * @param str target string
  * @param queryStr search query
  * @returns true if target string includes search query
  */
-export const searchStringQuery = (str, queryStr) => {
-    const normalizedQuery = normalizeStringForSearch(queryStr);
-    const normalizedItem = normalizeStringForSearch(str);
-    // Optimization: if normalized query is longer than normalized item,
-    // it cannot be a subsequence.
-    if (normalizedQuery.length > normalizedItem.length) {
-        return false;
-    }
-    // Subsequence check:
-    // Iterate through both normalized strings.
-    // If characters match, advance the query pointer.
-    // Always advance the item pointer.
-    let queryIndex = 0;
-    let itemIndex = 0;
-    while (queryIndex < normalizedQuery.length && itemIndex < normalizedItem.length) {
-        if (normalizedQuery[queryIndex] === normalizedItem[itemIndex]) {
-            queryIndex++;
-        }
-        itemIndex++;
-    }
-    // If queryIndex reached the end of normalizedQuery, all its characters were found in order.
-    return queryIndex === normalizedQuery.length;
-};
+export const searchStringQuery = (str, queryStr) => simplifyString(str).includes(simplifyString(queryStr || ''));
 /**
  * Checks if any of the provided values match the search value.
  *

package/es/utils/index.d.ts

@@ -9,4 +9,3 @@ export * from './actionButtons';
 export * from './dataTable';
 export * from './cookie';
 export * from './attribute';
-export * from './web';

package/es/utils/index.js

@@ -9,4 +9,3 @@ export * from './actionButtons';
 export * from './dataTable';
 export * from './cookie';
 export * from './attribute';
-export * from './web';

package/es/utils/web.d.ts

@@ -8,7 +8,3 @@ export declare const getPreventKeyboardAction: (actions?: Array<'undo' | 'copy'
     onKeyDown: (e: React.KeyboardEvent | KeyboardEvent) => false | undefined;
     onKeyUp: (e: React.KeyboardEvent | KeyboardEvent) => void;
 };
-export declare const getPlatform: () => "mac" | "window" | "linux" | "unknown";
-export declare const isMacOS: () => boolean;
-export declare const isWindows: () => boolean;
-export declare const isLinux: () => boolean;

package/es/utils/web.js

@@ -24,28 +24,3 @@ export const getPreventKeyboardAction = (actions = []) => ({
         }
     },
 });
-export const getPlatform = () => {
-    // Modern API (userAgentData)
-    const navAny = navigator;
-    if (navAny.userAgentData && typeof navAny.userAgentData.platform === 'string') {
-        const platform = navAny.userAgentData.platform.toLowerCase();
-        if (platform.includes('mac'))
-            return 'mac';
-        if (platform.includes('win'))
-            return 'window';
-        if (platform.includes('linux') || platform.includes('x11'))
-            return 'linux';
-    }
-    // Fallback for older browsers
-    const ua = navigator.userAgent.toLowerCase();
-    if (ua.includes('mac'))
-        return 'mac';
-    if (ua.includes('win'))
-        return 'window';
-    if (ua.includes('linux') || ua.includes('x11'))
-        return 'linux';
-    return 'unknown';
-};
-export const isMacOS = () => getPlatform() === 'mac';
-export const isWindows = () => getPlatform() === 'window';
-export const isLinux = () => getPlatform() === 'linux';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "2.0.86-text-editor-beta.5",
+  "version": "2.0.86",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -36,7 +36,7 @@
     "test:ui": "vitest --ui",
     "coverage": "vitest run --coverage",
     "ts-compile": "tsc -p tsconfig.esm.json",
-    "copy-files": "copyfiles -u 1 \"src/**/*.json\" \"src/**/*.svg\" \"src/**/*.png\" \"src/**/*.scss\" es",
+    "copy-files": "copyfiles -u 1 src/**/*.json src/**/*.svg src/**/*.scss src/**/*.png es",
     "icons:export": "sh -e scripts/generate-export-icon.sh",
     "icons:format": "prettier --loglevel warn --write \"src/components/icons/*.tsx\"",
     "icons:update": "sh -e scripts/update-icons.sh",
@@ -69,7 +69,6 @@
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@emotion/react": "^11.11.1",
-    "@floating-ui/react": "^0.27.8",
     "@fortawesome/fontawesome-svg-core": "6.1.1",
     "@fortawesome/free-brands-svg-icons": "6.1.1",
     "@fortawesome/free-regular-svg-icons": "6.1.1",
@@ -79,26 +78,6 @@
     "@tanstack/react-query": "4.20.4",
     "@tanstack/react-query-devtools": "4.20.4",
     "@tinymce/tinymce-react": "^3.7.0",
-    "@tiptap/core": "^2.12.0",
-    "@tiptap/extension-color": "^2.12.0",
-    "@tiptap/extension-font-family": "^2.12.0",
-    "@tiptap/extension-highlight": "^2.12.0",
-    "@tiptap/extension-image": "^2.12.0",
-    "@tiptap/extension-link": "^2.12.0",
-    "@tiptap/extension-list-item": "^2.12.0",
-    "@tiptap/extension-strike": "^2.12.0",
-    "@tiptap/extension-subscript": "^2.12.0",
-    "@tiptap/extension-superscript": "^2.12.0",
-    "@tiptap/extension-task-item": "^2.12.0",
-    "@tiptap/extension-task-list": "^2.12.0",
-    "@tiptap/extension-text-align": "^2.12.0",
-    "@tiptap/extension-text-style": "^2.12.0",
-    "@tiptap/extension-typography": "^2.12.0",
-    "@tiptap/extension-underline": "^2.12.0",
-    "@tiptap/pm": "^2.12.0",
-    "@tiptap/react": "^2.12.0",
-    "@tiptap/starter-kit": "^2.12.0",
-    "@tiptap/suggestion": "^2.12.0",
     "@types/currency-formatter": "1.5.1",
     "@types/react-custom-scrollbars": "^4.0.13",
     "@types/react-frame-component": "^4.1.6",
@@ -129,7 +108,6 @@
     "immer": "3.0.0",
     "konva": "^9.3.6",
     "lodash": "^4.17.21",
-    "lucide-react": "^0.510.0",
     "moment": "2.29.2",
     "pako": "2.0.4",
     "qs": "6.10.3",
@@ -142,7 +120,6 @@
     "react-custom-scrollbars": "^4.2.1",
     "react-device-detect": "^2.2.3",
     "react-draggable": "^4.4.5",
-    "react-fast-compare": "^3.2.1",
     "react-frame-component": "^5.2.6",
     "react-google-recaptcha": "^3.1.0",
     "react-helmet": "^6.1.0",
@@ -159,11 +136,9 @@
     "socket.io-client": "^4.7.5",
     "string-replace-to-array": "^2.1.0",
     "swiper": "^11.0.7",
-    "tinycolor2": "^1.6.0",
     "tui-image-editor": "^3.15.3",
     "uniqid": "^5.4.0",
     "use-context-selector": "^1.4.4",
-    "use-debounce": "^10.0.4",
     "use-image": "^1.1.1",
     "use-immer": "^0.4.1",
     "zustand": "^4.5.2"
@@ -212,8 +187,6 @@
     "@types/react-resizable": "^3.0.7",
     "@types/react-syntax-highlighter": "^15.5.11",
     "@types/styled-components": "^5.1.26",
-    "@types/tinycolor2": "^1.4.6",
-    "@types/uniqid": "^5.3.4",
     "@types/yaireo__tagify": "^4.27.0",
     "@typescript-eslint/eslint-plugin": "^5.55.0",
     "@typescript-eslint/parser": "^5.55.0",
@@ -253,6 +226,7 @@
     "prettier": "^3.3.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-fast-compare": "^3.2.1",
     "react-i18next": "11.16.7",
     "react-router-dom": "5.1.0 || 6.14.2",
     "sass": "^1.77.8",

package/es/components/index.scss

@@ -1,2 +0,0 @@
-@import url('./organism/index.scss');
-@import url('./molecules/index.scss');

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { FontSizeInputProps, HandlerRef } from './types';
-export declare const FontSizeInput: import("react").ForwardRefExoticComponent<FontSizeInputProps & import("react").RefAttributes<HandlerRef>>;

package/es/components/molecules/FontSizeInput/FontSizeInput.js

@@ -1,128 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback, useState, useImperativeHandle, useEffect, useRef, useMemo, } from 'react';
-import clsx from 'clsx';
-import { useElementSize } from '@antscorp/antsomi-ui/es/hooks';
-import { DEFAULT_FONT_SIZE, DEFAULT_FONT_SIZE_OPTIONS } from './constants';
-import { CLS } from './utils';
-import { FontSizeDropdown } from './components/FontSizeDropdown';
-import { FontSizeControl } from './components/FontSizeControl';
-const getFontSizeLabel = (value) => `${value} px`;
-export const FontSizeInput = forwardRef((props, ref) => {
-    const { min = 1, max = 300, value: valueProp, defaultValue = DEFAULT_FONT_SIZE, options = DEFAULT_FONT_SIZE_OPTIONS, placeholder, style, className, disabled, dropdownProps, onFocus, onBlur, onChange = () => undefined, } = props;
-    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
-    const [isPopoverOpen, setIsPopoverOpen] = useState(false);
-    const [popoverValue, setPopoverValue] = useState(null);
-    const [inputRef, { width: inputWidth }] = useElementSize();
-    const isControlled = valueProp !== undefined;
-    const value = isControlled ? +valueProp : +uncontrolledValue;
-    const popoverItemRefs = useRef(new Map());
-    const fontSizeOptions = useMemo(() => options.map(option => ({
-        size: option,
-        label: getFontSizeLabel(option),
-        className: clsx(CLS.PopoverListItem, {
-            [CLS.PopoverListItemSelected]: option === value,
-        }),
-    })), [options, value]);
-    useEffect(() => {
-        if (!isPopoverOpen) {
-            setPopoverValue(null);
-        }
-        if (isPopoverOpen && popoverValue) {
-            popoverItemRefs.current.get(popoverValue)?.focus({
-                preventScroll: true,
-            });
-        }
-    }, [popoverValue, isPopoverOpen]);
-    const handleInputFocus = (event) => {
-        onFocus?.(value, event);
-        setIsPopoverOpen(true);
-    };
-    const handleInputBlur = (event) => {
-        onBlur?.(value, event);
-        if (!popoverValue) {
-            setIsPopoverOpen(false);
-        }
-    };
-    const handleValueChange = useCallback((newValue, info) => {
-        if (!isControlled) {
-            setUncontrolledValue(newValue);
-        }
-        onChange(newValue, info);
-    }, [isControlled, onChange]);
-    const handleKeyDown = useCallback((e) => {
-        const currentSize = popoverValue ?? value;
-        const currentFocusIndex = fontSizeOptions.findIndex(item => item.size === currentSize);
-        const firstFontSize = fontSizeOptions.at(0);
-        const lastFontSize = fontSizeOptions.at(-1);
-        switch (e.key) {
-            case 'Enter': {
-                inputRef.current?.blur();
-                break;
-            }
-            case 'ArrowDown': {
-                e.preventDefault();
-                if (currentFocusIndex !== -1) {
-                    const nextFocusIndex = Math.min(fontSizeOptions.length - 1, currentFocusIndex + 1);
-                    setPopoverValue(fontSizeOptions[nextFocusIndex].size);
-                }
-                else if (firstFontSize) {
-                    setPopoverValue(firstFontSize.size);
-                }
-                break;
-            }
-            case 'ArrowUp': {
-                e.preventDefault();
-                if (currentFocusIndex !== -1) {
-                    const nextFocusIndex = Math.max(0, currentFocusIndex - 1);
-                    setPopoverValue(fontSizeOptions[nextFocusIndex].size);
-                }
-                else if (lastFontSize) {
-                    setPopoverValue(lastFontSize.size);
-                }
-                break;
-            }
-            default:
-                break;
-        }
-    }, [fontSizeOptions, inputRef, value, popoverValue]);
-    const handleClickPopoverItem = useCallback((size) => {
-        handleValueChange(size, { type: 'dropdown' });
-        setIsPopoverOpen(false);
-        inputRef.current?.blur();
-    }, [handleValueChange, inputRef]);
-    const handlePopoverItemKeydown = useCallback((e, size) => {
-        const currentFocusIndex = fontSizeOptions.findIndex(item => item.size === popoverValue);
-        switch (e.key) {
-            case 'Enter': {
-                handleClickPopoverItem(size);
-                break;
-            }
-            case 'ArrowDown': {
-                const nextFocusIndex = Math.min(fontSizeOptions.length - 1, currentFocusIndex + 1);
-                setPopoverValue(fontSizeOptions[nextFocusIndex].size);
-                e.stopPropagation();
-                break;
-            }
-            case 'ArrowUp': {
-                const nextFocusIndex = Math.max(0, currentFocusIndex - 1);
-                setPopoverValue(fontSizeOptions[nextFocusIndex].size);
-                e.stopPropagation();
-                break;
-            }
-            default:
-                break;
-        }
-    }, [fontSizeOptions, popoverValue, handleClickPopoverItem]);
-    useImperativeHandle(ref, () => ({
-        closeDropdown: () => setIsPopoverOpen(false),
-    }));
-    const content = (_jsx(FontSizeControl, { disabled: disabled, ref: inputRef, className: className, value: popoverValue ?? value, max: max, min: min, keyboard: false, defaultValue: defaultValue, style: style, placeholder: placeholder, onFocus: handleInputFocus, onBlur: handleInputBlur, onKeyDown: handleKeyDown, onChange: newValue => {
-            if (newValue === null)
-                return;
-            handleValueChange(Number(newValue), { type: 'input' });
-        }, onIncrement: () => handleValueChange(value + 1, { type: 'input' }), onDecrement: () => handleValueChange(value - 1, { type: 'input' }) }));
-    if (options.length) {
-        return (_jsx(FontSizeDropdown, { isOpen: isPopoverOpen, options: fontSizeOptions, popoverValue: popoverValue, width: inputWidth, itemRefs: popoverItemRefs, onItemClick: handleClickPopoverItem, onItemKeyDown: handlePopoverItemKeydown, onClose: () => setIsPopoverOpen(false), getPopupContainer: () => dropdownProps?.getPopupContainer?.() || document.body, children: content }));
-    }
-    return content;
-});

package/es/components/molecules/FontSizeInput/components/FontSizeControl.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { InputNumberProps } from 'antd';
-interface FontSizeControlProps extends InputNumberProps {
-    onIncrement: () => void;
-    onDecrement: () => void;
-}
-export declare const FontSizeControl: import("react").ForwardRefExoticComponent<FontSizeControlProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/es/components/molecules/FontSizeInput/components/FontSizeControl.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, InputNumber } from 'antd';
-import { MinusIcon, PlusIcon } from 'lucide-react';
-import { forwardRef } from 'react';
-import { InputRoot } from '../styled';
-import { CLS } from '../utils';
-import clsx from 'clsx';
-export const FontSizeControl = forwardRef(({ onIncrement, onDecrement, ...rest }, ref) => (_jsxs(InputRoot, { children: [_jsx(Button, { size: "small", type: "text", onClick: onDecrement, disabled: rest.disabled ||
-                typeof rest.value !== 'number' ||
-                typeof rest.min !== 'number' ||
-                rest.value <= rest.min, children: _jsx(MinusIcon, { size: 14 }) }), _jsx(InputNumber, { ref: ref, className: clsx(CLS.Input, rest.className), formatter: value => `${value} px`, parser: value => value?.replace(/[^\d]/g, ''), controls: false, ...rest }), _jsx(Button, { size: "small", type: "text", onClick: onIncrement, disabled: rest.disabled ||
-                typeof rest.value !== 'number' ||
-                typeof rest.max !== 'number' ||
-                rest.value >= rest.max, children: _jsx(PlusIcon, { size: 14 }) })] })));

package/es/components/molecules/FontSizeInput/components/FontSizeDropdown.d.ts

@@ -1,20 +0,0 @@
-import { RefObject } from 'react';
-type FontSizeOption = {
-    size: number;
-    label: string;
-    className: string;
-};
-interface FontSizeDropdownProps {
-    children: React.ReactNode;
-    isOpen: boolean;
-    options: FontSizeOption[];
-    popoverValue: number | null;
-    width: number;
-    itemRefs: RefObject<Map<number, HTMLLIElement>>;
-    onItemClick: (size: number) => void;
-    onItemKeyDown: (e: React.KeyboardEvent, size: number) => void;
-    onClose: () => void;
-    getPopupContainer?: () => HTMLElement;
-}
-export declare const FontSizeDropdown: ({ children, isOpen, options, popoverValue, width, itemRefs, onItemClick, onItemKeyDown, onClose, getPopupContainer, }: FontSizeDropdownProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/es/components/molecules/FontSizeInput/components/FontSizeDropdown.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Popover } from 'antd';
-import { StyledListFont, StyledListItemFont } from '../styled';
-import { CLS } from '../utils';
-export const FontSizeDropdown = ({ children, isOpen, options, popoverValue, width, itemRefs, onItemClick, onItemKeyDown, onClose, getPopupContainer, }) => {
-    const content = (_jsx(StyledListFont, { role: "list", className: CLS.PopoverList, style: { width: `${width}px` }, onMouseDown: e => e.preventDefault(), children: options.map((i, idx) => {
-            const isFocused = i.size === popoverValue;
-            return (_jsx(StyledListItemFont, { ref: el => {
-                    if (!el || !itemRefs.current)
-                        return;
-                    itemRefs.current.set(i.size, el);
-                }, role: "listitem", className: i.className, "aria-posinset": idx + 1, "aria-setsize": options.length, tabIndex: isFocused ? 0 : -1, onClick: () => onItemClick(i.size), onKeyDown: e => onItemKeyDown(e, i.size), ...(isFocused && {
-                    onBlur: onClose,
-                }), children: i.label }));
-        }) }));
-    return (_jsx(Popover, { arrow: false, open: isOpen, overlayClassName: CLS.Popover, content: content, getPopupContainer: getPopupContainer, children: children }));
-};

package/es/components/molecules/FontSizeInput/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const DEFAULT_FONT_SIZE_OPTIONS: number[];
-export declare const DEFAULT_FONT_SIZE: number;

package/es/components/molecules/FontSizeInput/constants.js

@@ -1,5 +0,0 @@
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const DEFAULT_FONT_SIZE_OPTIONS = [
-    8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72, 96,
-];
-export const DEFAULT_FONT_SIZE = THEME.token?.fontSize || 14;

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

@@ -1,2 +0,0 @@
-export * from './FontSizeInput';
-export type { FontSizeInputProps, HandlerRef as FontSizeInputHandlerRef } from './types';

package/es/components/molecules/FontSizeInput/index.js

@@ -1 +0,0 @@
-export * from './FontSizeInput';

package/es/components/molecules/FontSizeInput/styled.d.ts

@@ -1,3 +0,0 @@
-export declare const StyledListFont: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const StyledListItemFont: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const InputRoot: import("styled-components").StyledComponent<"div", any, {}, never>;