@antscorp/antsomi-ui 1.3.3-beta.50 → 1.3.3-beta.52

package/es/components/atoms/Empty/Empty.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare const Empty: import("react").FC<import("antd").EmptyProps> & {
-    PRESENTED_IMAGE_DEFAULT: import("react").ReactNode;
-    PRESENTED_IMAGE_SIMPLE: import("react").ReactNode;
-};
+import React from 'react';
+import { EmptyProps } from 'antd';
+export interface IEmpty extends EmptyProps {
+    loading?: boolean;
+}
+export declare const Empty: React.FC<IEmpty>;

package/es/components/atoms/Empty/Empty.js

@@ -1,2 +1,8 @@
+import React from 'react';
 import { Empty as AntdEmpty } from 'antd';
-export const Empty = AntdEmpty;
+import { Spin } from '../Spin';
+import { LoadingOutlined } from '@ant-design/icons';
+export const Empty = props => {
+    const { loading, description } = props;
+    return (React.createElement(AntdEmpty, Object.assign({}, props, { description: loading ? (React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) })) : (description) })));
+};

package/es/components/molecules/ShareAccess/components/GeneralAccess/styled.js

@@ -1,5 +1,5 @@
 var _a;
-import { THEME } from 'src/constants';
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
 import styled from 'styled-components';
 export const StyledGeneralAccessRoot = styled.div `
   display: flex;

package/es/components/molecules/ShareAccess/components/SearchUser/SearchUser.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import React, { useEffect, useState } from 'react';
 import { Avatar, Select } from 'antd';
-import { useDebounce } from 'use-debounce';
+import { useDebounce } from '@antscorp/antsomi-ui/es/hooks/useDebounceV2';
 import { StyledSearchUserRoot, StyledSelectItem } from './styled';
 import { isEmail } from '@antscorp/antsomi-ui/es/utils';
 import { useShareAccess } from '../../hooks';
@@ -23,7 +23,7 @@ export const SearchUser = (props) => {
     const [users, setUsers] = useState([]);
     const [isFetching, setIsFetching] = useState(false);
     const [searchTerm, setSearchTerm] = useState('');
-    const [debounceSearchTerm] = useDebounce(searchTerm, 700);
+    const debounceSearchTerm = useDebounce(searchTerm, 700);
     useEffect(() => {
         if (!isEmail(debounceSearchTerm) || !getUserInfo)
             return;

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

@@ -18,12 +18,13 @@ export { IconSelection } from './IconSelection';
 export { IconSelectionRenderer } from './IconSelection/components/Icon';
 export { AlignSetting } from './AlignSetting';
 export { EdgeSetting } from './EdgeSetting';
+export { ShareAccess } from './ShareAccess';
+export { Collapse } from './Collapse';
 export { TreeSelect } from './TreeSelect';
 export { Result } from './Result';
 export { Card } from './Card';
 export { InputNumberWithUnit } from './InputNumberWithUnit';
 export { GradientSetting } from './GradientSetting';
-export { Collapse } from './Collapse';
 export { SettingWrapperPopover } from './SettingWrapperPopover';
 export { FontWeightSelect } from './FontWeightSelect';
 export { FontFamilySelect } from './FontFamilySelect';
@@ -35,7 +36,6 @@ export { ResizeGrid } from './ResizeGrid';
 export * from './RichMenu';
 export { ModalV2 } from './ModalV2';
 export * from './PreviewModal';
-export { ShareAccess } from './ShareAccess';
 export * from './Drawer';
 export type { AdvancedPickerProps, TAdvancedPickerOption, TAdvancedRangePickerTimeRange, } from './DatePicker';
 export type { ColorPickerProps } from './ColorPicker';

package/es/components/molecules/index.js

@@ -18,12 +18,13 @@ export { IconSelection } from './IconSelection';
 export { IconSelectionRenderer } from './IconSelection/components/Icon';
 export { AlignSetting } from './AlignSetting';
 export { EdgeSetting } from './EdgeSetting';
+export { ShareAccess } from './ShareAccess';
+export { Collapse } from './Collapse';
 export { TreeSelect } from './TreeSelect';
 export { Result } from './Result';
 export { Card } from './Card';
 export { InputNumberWithUnit } from './InputNumberWithUnit';
 export { GradientSetting } from './GradientSetting';
-export { Collapse } from './Collapse';
 export { SettingWrapperPopover } from './SettingWrapperPopover';
 export { FontWeightSelect } from './FontWeightSelect';
 export { FontFamilySelect } from './FontFamilySelect';
@@ -35,5 +36,4 @@ export { ResizeGrid } from './ResizeGrid';
 export * from './RichMenu';
 export { ModalV2 } from './ModalV2';
 export * from './PreviewModal';
-export { ShareAccess } from './ShareAccess';
 export * from './Drawer';

package/es/hooks/useDebounceCallback.d.ts

@@ -0,0 +1 @@
+export declare function useDebounceCallback<T extends (...args: any[]) => any>(callback: T, delay?: number): T;

package/es/hooks/useDebounceCallback.js

@@ -0,0 +1,5 @@
+import { useDebounce } from './useDebounceV2';
+export function useDebounceCallback(callback, delay = 500) {
+    const debouncedCallback = useDebounce(callback, delay);
+    return debouncedCallback;
+}

package/es/hooks/useDebounceV2.d.ts

@@ -0,0 +1 @@
+export declare function useDebounce<T>(value: T, delay?: number): T;

package/es/hooks/useDebounceV2.js

@@ -0,0 +1,11 @@
+import { useEffect, useState } from 'react';
+export function useDebounce(value, delay) {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+        const timer = setTimeout(() => setDebouncedValue(value), delay || 500);
+        return () => {
+            clearTimeout(timer);
+        };
+    }, [value, delay]);
+    return debouncedValue;
+}

package/es/utils/common.d.ts

@@ -47,10 +47,10 @@ export declare function getEntriesV2(res: any, def: any): {
     messageAPI?: undefined;
 };
 export declare const getNumberFromString: (str: string) => number;
+export declare const isEmail: (email: string) => boolean;
 /**
  * Maps a number to its corresponding ordinal text representation.
  * @param {number} num - The number to be mapped.
  * @return {string} The ordinal text representation of the number.
  */
 export declare function mapNumberToOrdinalText(num: number): string;
-export declare const isEmail: (email: string) => boolean;

package/es/utils/common.js

@@ -336,6 +336,10 @@ export const getNumberFromString = (str) => {
         return 0;
     }
 };
+export const isEmail = (email) => {
+    const emailRegex = /^[A-Za-z0-9_!#$%&'*+\/=?`{|}~^.-]+@[A-Za-z0-9.-]+$/gm;
+    return emailRegex.test(email);
+};
 /**
  * Maps a number to its corresponding ordinal text representation.
  * @param {number} num - The number to be mapped.
@@ -369,7 +373,3 @@ export function mapNumberToOrdinalText(num) {
             return '';
     }
 }
-export const isEmail = (email) => {
-    const emailRegex = /^[A-Za-z0-9_!#$%&'*+\/=?`{|}~^.-]+@[A-Za-z0-9.-]+$/gm;
-    return emailRegex.test(email);
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.3-beta.50",
+  "version": "1.3.3-beta.52",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -75,9 +75,9 @@
     "html-entities": "^2.0.2",
     "html-to-image": "^1.11.11",
     "html2canvas": "^1.4.1",
+    "immer": "^10.0.3",
     "i18next": "21.6.16",
     "i18next-browser-languagedetector": "6.1.2",
-    "immer": "^10.0.3",
     "lodash": "^4.17.21",
     "moment": "2.29.2",
     "qs": "6.10.3",
@@ -88,12 +88,12 @@
     "rehype-highlight": "^6.0.0",
     "remark-gfm": "^3.0.1",
     "ts-dedent": "^2.2.0",
-    "tui-image-editor": "^3.15.3",
-    "use-debounce": "^10.0.0"
+    "tui-image-editor": "^3.15.3"
   },
   "devDependencies": {
     "@ant-design/cssinjs": "^1.6.2",
     "@antscorp/eslint-config-antsomi": "1.0.4",
+    "@antscorp/icons": "0.27.4",
     "@babel/cli": "^7.23.4",
     "@babel/core": "^7.21.3",
     "@babel/plugin-proposal-class-properties": "^7.18.6",