@antscorp/antsomi-ui 2.0.13 → 2.0.15

package/es/constants/theme.js

@@ -1,4 +1,3 @@
-var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9;
 // Types
 import { theme } from 'antd';
 // Variables
@@ -91,26 +90,26 @@ THEME.components = {
         borderRadius: 10,
         // borderRadius: THEME.token?.borderRadiusLG,
         paddingContentHorizontal: 10,
-        colorBorder: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.blue1,
-        colorText: (_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorPrimary,
-        colorBgContainerDisabled: (_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bw6,
-        borderColorDisabled: (_d = THEME.token) === null || _d === void 0 ? void 0 : _d.bw6,
-        colorTextDisabled: (_e = THEME.token) === null || _e === void 0 ? void 0 : _e.bw0,
+        colorBorder: THEME.token?.blue1,
+        colorText: THEME.token?.colorPrimary,
+        colorBgContainerDisabled: THEME.token?.bw6,
+        borderColorDisabled: THEME.token?.bw6,
+        colorTextDisabled: THEME.token?.bw0,
         textHoverBg: '#F2F9FF',
         marginXS: 0,
         /* Text type */
-        colorBgTextHover: (_f = THEME.token) === null || _f === void 0 ? void 0 : _f.blue,
-        colorBgTextActive: (_g = THEME.token) === null || _g === void 0 ? void 0 : _g.blue1_1,
+        colorBgTextHover: THEME.token?.blue,
+        colorBgTextActive: THEME.token?.blue1_1,
     },
     Typography: {
         lineHeight: 1.2,
     },
     Input: {
         controlHeight: 31,
-        colorBgContainerDisabled: (_h = THEME.token) === null || _h === void 0 ? void 0 : _h.bw2,
-        colorTextDisabled: (_j = THEME.token) === null || _j === void 0 ? void 0 : _j.bw10,
-        colorBorder: (_k = THEME.token) === null || _k === void 0 ? void 0 : _k.blue1,
-        colorTextPlaceholder: (_l = THEME.token) === null || _l === void 0 ? void 0 : _l.bw6,
+        colorBgContainerDisabled: THEME.token?.bw2,
+        colorTextDisabled: THEME.token?.bw10,
+        colorBorder: THEME.token?.blue1,
+        colorTextPlaceholder: THEME.token?.bw6,
         controlItemBgHover: 'red',
         paddingInline: 10,
         borderRadius: 0,
@@ -126,11 +125,11 @@ THEME.components = {
         borderRadiusOuter: 0,
         borderRadiusXS: 0,
         optionActiveBg: '#F2F9FF',
-        optionSelectedBg: (_m = THEME.token) === null || _m === void 0 ? void 0 : _m.blue1_1,
+        optionSelectedBg: THEME.token?.blue1_1,
         optionSelectedFontWeight: 400,
-        colorBorder: (_o = THEME.token) === null || _o === void 0 ? void 0 : _o.blue1,
+        colorBorder: THEME.token?.blue1,
         controlItemBgActive: '#E0EBF7',
-        colorBgContainerDisabled: (_p = THEME.token) === null || _p === void 0 ? void 0 : _p.bw2,
+        colorBgContainerDisabled: THEME.token?.bw2,
         fontSizeIcon: 14,
         paddingSM: 6,
     },
@@ -147,9 +146,9 @@ THEME.components = {
         borderRadiusOuter: 0,
         controlHeight: 30,
         borderRadiusXS: 0,
-        colorBorder: (_q = THEME.token) === null || _q === void 0 ? void 0 : _q.blue1,
+        colorBorder: THEME.token?.blue1,
         controlItemBgActive: '#E0EBF7',
-        colorBgContainerDisabled: (_r = THEME.token) === null || _r === void 0 ? void 0 : _r.bw2,
+        colorBgContainerDisabled: THEME.token?.bw2,
         // fontSizeIcon: 14,
     },
     DatePicker: {
@@ -159,31 +158,31 @@ THEME.components = {
         borderRadiusOuter: 0,
         borderRadiusXS: 0,
         paddingInline: 5,
-        colorBorder: (_s = THEME.token) === null || _s === void 0 ? void 0 : _s.blue1,
+        colorBorder: THEME.token?.blue1,
         controlItemBgActive: '#E0EBF7',
-        colorBgContainerDisabled: (_t = THEME.token) === null || _t === void 0 ? void 0 : _t.bw2,
+        colorBgContainerDisabled: THEME.token?.bw2,
         fontSizeIcon: 14,
         controlHeight: 31,
     },
     Divider: {
         marginLG: 15,
         marginXL: 15,
-        colorSplit: (_u = THEME.token) === null || _u === void 0 ? void 0 : _u.bw3,
+        colorSplit: THEME.token?.bw3,
     },
     Checkbox: {
         controlInteractiveSize: 18,
-        colorBorder: (_v = THEME.token) === null || _v === void 0 ? void 0 : _v.colorPrimary,
+        colorBorder: THEME.token?.colorPrimary,
         lineWidth: 2,
         borderRadiusSM: 5,
     },
     Tree: {
         // Directory token
-        directoryNodeSelectedBg: (_w = THEME.token) === null || _w === void 0 ? void 0 : _w.blue1_1,
-        directoryNodeSelectedColor: (_x = THEME.token) === null || _x === void 0 ? void 0 : _x.colorText,
+        directoryNodeSelectedBg: THEME.token?.blue1_1,
+        directoryNodeSelectedColor: THEME.token?.colorText,
         controlInteractiveSize: 18,
-        colorBorder: (_y = THEME.token) === null || _y === void 0 ? void 0 : _y.colorPrimary,
-        nodeHoverBg: (_z = THEME.token) === null || _z === void 0 ? void 0 : _z.blue,
-        nodeSelectedBg: (_0 = THEME.token) === null || _0 === void 0 ? void 0 : _0.blue1_1,
+        colorBorder: THEME.token?.colorPrimary,
+        nodeHoverBg: THEME.token?.blue,
+        nodeSelectedBg: THEME.token?.blue1_1,
         lineWidth: 2,
         borderRadiusSM: 5,
         // titleHeight: 12,
@@ -200,7 +199,7 @@ THEME.components = {
         paddingMD: 0,
     },
     Tabs: {
-        itemColor: (_1 = THEME.token) === null || _1 === void 0 ? void 0 : _1.bw8,
+        itemColor: THEME.token?.bw8,
         horizontalItemPadding: '17px 30px',
         horizontalItemGutter: 0,
         lineWidthBold: 3,
@@ -212,7 +211,7 @@ THEME.components = {
         lineHeight: 1.143,
         lineHeightLG: 1.143,
         lineHeightSM: 1.143,
-        itemHoverColor: (_2 = THEME.token) === null || _2 === void 0 ? void 0 : _2.colorPrimary,
+        itemHoverColor: THEME.token?.colorPrimary,
     },
     Collapse: {
         headerBg: '#FFF',
@@ -220,13 +219,13 @@ THEME.components = {
         headerPadding: '15px 10px',
     },
     Switch: {
-        colorTextQuaternary: (_3 = THEME.token) === null || _3 === void 0 ? void 0 : _3.bw0,
-        colorTextTertiary: (_4 = THEME.token) === null || _4 === void 0 ? void 0 : _4.bw0,
+        colorTextQuaternary: THEME.token?.bw0,
+        colorTextTertiary: THEME.token?.bw0,
         handleSize: 8,
         handleSizeSM: 7,
         trackMinWidth: 27,
         trackHeight: 16,
-        handleBg: (_5 = THEME.token) === null || _5 === void 0 ? void 0 : _5.colorPrimary,
+        handleBg: THEME.token?.colorPrimary,
     },
     Popover: {
         borderRadiusLG: 10,
@@ -238,11 +237,11 @@ THEME.components = {
         paddingXXS: 8,
         controlItemBgHover: '#F2F9FF',
         controlItemBgActive: '#DEEFFE',
-        colorPrimary: (_6 = THEME.token) === null || _6 === void 0 ? void 0 : _6.colorText,
+        colorPrimary: THEME.token?.colorText,
         controlItemBgActiveHover: '#DEEFFE',
     },
     Tooltip: {
-        colorBgSpotlight: (_7 = THEME.token) === null || _7 === void 0 ? void 0 : _7.bw8,
+        colorBgSpotlight: THEME.token?.bw8,
         fontSize: 11,
     },
     Menu: {
@@ -252,8 +251,8 @@ THEME.components = {
         itemMarginBlock: 5,
         itemBorderRadius: 5,
         subMenuItemBg: 'transparent',
-        itemDisabledColor: (_8 = THEME.token) === null || _8 === void 0 ? void 0 : _8.colorTextDisabled,
-        itemActiveBg: (_9 = THEME.token) === null || _9 === void 0 ? void 0 : _9.blue1_1,
+        itemDisabledColor: THEME.token?.colorTextDisabled,
+        itemActiveBg: THEME.token?.blue1_1,
     },
     Form: {
         itemMarginBottom: 15,

package/es/hooks/createEffectWithTarget .js

@@ -16,7 +16,6 @@ export const createEffectWithTarget = (useEffectType) => {
         const lastDepsRef = useRef([]);
         const unLoadRef = useRef();
         useEffectType(() => {
-            var _a;
             const targets = Array.isArray(target) ? target : [target];
             const els = targets.map(item => getTargetElement(item));
             // init run
@@ -30,15 +29,14 @@ export const createEffectWithTarget = (useEffectType) => {
             if (els.length !== lastElementRef.current.length ||
                 !depsAreSame(lastElementRef.current, els) ||
                 !depsAreSame(lastDepsRef.current, deps)) {
-                (_a = unLoadRef.current) === null || _a === void 0 ? void 0 : _a.call(unLoadRef);
+                unLoadRef.current?.();
                 lastElementRef.current = els;
                 lastDepsRef.current = deps;
                 unLoadRef.current = effect();
             }
         });
         useUnmount(() => {
-            var _a;
-            (_a = unLoadRef.current) === null || _a === void 0 ? void 0 : _a.call(unLoadRef);
+            unLoadRef.current?.();
             // for react-refresh
             hasInitRef.current = false;
         });

package/es/hooks/index.js

@@ -17,7 +17,7 @@ function useDeepCompareMemoize(value) {
 }
 export function useDeepCompareEffect(callback, dependencies) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(callback, dependencies === null || dependencies === void 0 ? void 0 : dependencies.map(useDeepCompareMemoize));
+    useEffect(callback, dependencies?.map(useDeepCompareMemoize));
 }
 export { useDeepCompareMemo } from './useDeepCompareMemo';
 export * from './useIntersectionObserver';

package/es/hooks/useCustomRouter.js

@@ -38,7 +38,7 @@ export const useCustomRouter = () => {
             navigateV6(to, options);
         }, [navigateV6]);
         const replace = useCallback((to, options) => {
-            navigateV6(to, Object.assign({ replace: true }, options));
+            navigateV6(to, { replace: true, ...options });
         }, [navigateV6]);
         return {
             navigate,

package/es/hooks/useDeepCompareMemo.js

@@ -17,5 +17,5 @@ function useDeepCompareMemoize(value) {
 }
 export function useDeepCompareMemo(callback, dependencies) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    return useMemo(callback, dependencies === null || dependencies === void 0 ? void 0 : dependencies.map(useDeepCompareMemoize));
+    return useMemo(callback, dependencies?.map(useDeepCompareMemoize));
 }

package/es/hooks/useDragEvent.js

@@ -1,14 +1,12 @@
 import { useEffect } from 'react';
 export const useDragEvent = (keyEvent, selector, callback) => {
     useEffect(() => {
-        var _a;
         const handleDragEvent = (event) => {
             callback(event);
         };
-        (_a = document.querySelector(selector)) === null || _a === void 0 ? void 0 : _a.addEventListener(keyEvent, handleDragEvent);
+        document.querySelector(selector)?.addEventListener(keyEvent, handleDragEvent);
         return () => {
-            var _a;
-            (_a = document.querySelector(selector)) === null || _a === void 0 ? void 0 : _a.removeEventListener(keyEvent, handleDragEvent);
+            document.querySelector(selector)?.removeEventListener(keyEvent, handleDragEvent);
         };
     }, [keyEvent, selector, callback]);
 };

package/es/hooks/useEffectDebugger.js

@@ -22,12 +22,15 @@ import usePrevious from './usePrevious';
 export const useEffectDebugger = (effectHook, dependencies, dependencyNames = []) => {
     const previousDeps = usePrevious(dependencies);
     const changedDeps = dependencies.reduce((accum, dependency, index) => {
-        if (dependency !== (previousDeps === null || previousDeps === void 0 ? void 0 : previousDeps[index])) {
+        if (dependency !== previousDeps?.[index]) {
             const keyName = dependencyNames[index] || index;
-            return Object.assign(Object.assign({}, accum), { [keyName]: {
-                    before: previousDeps === null || previousDeps === void 0 ? void 0 : previousDeps[index],
+            return {
+                ...accum,
+                [keyName]: {
+                    before: previousDeps?.[index],
                     after: dependency,
-                } });
+                },
+            };
         }
         return accum;
     }, {});

package/es/hooks/useEventListener.js

@@ -9,9 +9,8 @@ function useEventListener(eventName, handler, element, options) {
         savedHandler.current = handler;
     }, [handler]);
     useEffect(() => {
-        var _a;
         // Define the listening target
-        const targetElement = (_a = element === null || element === void 0 ? void 0 : element.current) !== null && _a !== void 0 ? _a : window;
+        const targetElement = element?.current ?? window;
         if (!(targetElement && targetElement.addEventListener))
             return;
         // Create event listener that calls handler function stored in ref

package/es/hooks/useIntersectionObserver.js

@@ -16,11 +16,10 @@ import { useEffect, useRef, useState } from 'react';
  * const { ref, isIntersecting, entry } = useIntersectionObserver({ threshold: 0.5 });
  */
 export function useIntersectionObserver(optionsOrLegacyRef, legacyOptions) {
-    var _a;
     // TODO: Remove this mess when the old signature is removed.
     const isLegacySignature = 'current' in optionsOrLegacyRef;
     const options = isLegacySignature ? legacyOptions : optionsOrLegacyRef;
-    const { threshold = 0, root = null, rootMargin = '0%', freezeOnceVisible = false, initialIsIntersecting = false, } = options !== null && options !== void 0 ? options : {};
+    const { threshold = 0, root = null, rootMargin = '0%', freezeOnceVisible = false, initialIsIntersecting = false, } = options ?? {};
     const [newRef, setNewRef] = useState(null);
     const ref = isLegacySignature ? optionsOrLegacyRef.current : newRef;
     const [state, setState] = useState(() => ({
@@ -28,8 +27,8 @@ export function useIntersectionObserver(optionsOrLegacyRef, legacyOptions) {
         entry: undefined,
     }));
     const callbackRef = useRef();
-    callbackRef.current = options === null || options === void 0 ? void 0 : options.onChange;
-    const frozen = ((_a = state.entry) === null || _a === void 0 ? void 0 : _a.isIntersecting) && freezeOnceVisible;
+    callbackRef.current = options?.onChange;
+    const frozen = state.entry?.isIntersecting && freezeOnceVisible;
     useEffect(() => {
         // Ensure we have a ref to observe
         if (!ref)
@@ -75,9 +74,8 @@ export function useIntersectionObserver(optionsOrLegacyRef, legacyOptions) {
     // ensures that if the observed element changes, the intersection observer is reinitialized
     const prevRef = useRef(null);
     useEffect(() => {
-        var _a;
         if (!ref &&
-            ((_a = state.entry) === null || _a === void 0 ? void 0 : _a.target) &&
+            state.entry?.target &&
             !freezeOnceVisible &&
             !frozen &&
             prevRef.current !== state.entry.target) {

package/es/hooks/useListingItemResize.js

@@ -20,11 +20,10 @@ const DEFAULT_RATIO = 1;
   </div>
  */
 export const useListingItemResize = (props) => {
-    var _a;
     const { initialWidth, gap } = props;
     const ref = useRef(null);
     const forceUpdate = useForceUpdate();
-    const containerWidth = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
+    const containerWidth = ref?.current?.offsetWidth;
     /**
      * The number of items per row to display in the container
      */
@@ -67,8 +66,8 @@ export const useListingItemResize = (props) => {
             }, 0);
         };
         const resizeObserver = new ResizeObserver(handleResize);
-        if (ref === null || ref === void 0 ? void 0 : ref.current)
-            resizeObserver.observe(ref === null || ref === void 0 ? void 0 : ref.current);
+        if (ref?.current)
+            resizeObserver.observe(ref?.current);
         return () => {
             if (timeoutAfterChange) {
                 clearTimeout(timeoutAfterChange);

package/es/hooks/useMutationObserver.js

@@ -13,7 +13,7 @@ export const useMutationObserver = (callback, target, options = {}) => {
         const observer = new MutationObserver(callbackRef.current);
         observer.observe(element, options);
         return () => {
-            observer === null || observer === void 0 ? void 0 : observer.disconnect();
+            observer?.disconnect();
         };
     }, [options], target);
 };

package/es/hooks/useUpdateEffect.js

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { useIsFirstRender } from './index';
+import { useIsFirstRender } from './useIsFirstRender';
 function useUpdateEffect(effect, deps) {
     const isFirst = useIsFirstRender();
     useEffect(() => {

package/es/hooks/useWindowSize.js

@@ -1,5 +1,7 @@
 import { useState } from 'react';
-import { useDebounceCallback, useEventListener, useIsomorphicLayoutEffect } from '.';
+import { useDebounceCallback } from './useDebounceCallback';
+import { useEventListener } from './useEventListener';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 const IS_SERVER = typeof window === 'undefined';
 export function useWindowSize(options = {}) {
     let { initializeWithValue = true } = options;

package/es/models/SavedMedia.js

@@ -8,23 +8,20 @@ export class SavedMedia extends Model {
         return this.model.name || '';
     }
     get url() {
-        var _a;
-        return ((_a = this.model.properties) === null || _a === void 0 ? void 0 : _a.url) || '';
+        return this.model.properties?.url || '';
     }
     get thumbnail() {
-        var _a;
-        return ((_a = this.model.properties) === null || _a === void 0 ? void 0 : _a.thumbnail) || '';
+        return this.model.properties?.thumbnail || '';
     }
     get createdAt() {
         return moment(this.model.ctime, true).isValid() ? moment(this.model.ctime) : null;
     }
     get size() {
-        var _a;
-        return +(((_a = this.model.properties) === null || _a === void 0 ? void 0 : _a.size) || 0);
+        return +(this.model.properties?.size || 0);
     }
     get sizeString() {
         const { properties } = this.model;
-        const dimensionsFile = properties === null || properties === void 0 ? void 0 : properties.dimensions_file;
-        return `${Math.round(10 * (((properties === null || properties === void 0 ? void 0 : properties.size) || 0) / 1024)) / 10} KB, ${dimensionsFile === null || dimensionsFile === void 0 ? void 0 : dimensionsFile.width} x ${dimensionsFile === null || dimensionsFile === void 0 ? void 0 : dimensionsFile.height} `;
+        const dimensionsFile = properties?.dimensions_file;
+        return `${Math.round(10 * ((properties?.size || 0) / 1024)) / 10} KB, ${dimensionsFile?.width} x ${dimensionsFile?.height} `;
     }
 }

package/es/providers/AppConfigProvider/contexts/index.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // Libraries
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { createContext } from 'use-context-selector';
 // Hooks
 import { useDeepCompareEffect, useDeepCompareMemo } from '@antscorp/antsomi-ui/es/hooks';
@@ -12,7 +13,10 @@ const AppConfigProvider = props => {
     useDeepCompareEffect(() => {
         setAppConfig(value);
     }, [value, appConfig]);
-    const mergedValue = useDeepCompareMemo(() => (Object.assign(Object.assign({}, appConfig), { setAppConfig })), [appConfig, value]);
-    return React.createElement(AppConfigContext.Provider, { value: mergedValue }, children);
+    const mergedValue = useDeepCompareMemo(() => ({
+        ...appConfig,
+        setAppConfig,
+    }), [appConfig, value]);
+    return _jsx(AppConfigContext.Provider, { value: mergedValue, children: children });
 };
 export { AppConfigContext, AppConfigProvider };

package/es/providers/ConfigProvider/ConfigProvider.js

@@ -1,19 +1,9 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Libraries
 import { StyleProvider } from '@ant-design/cssinjs';
 import { ConfigProvider as AntdConfigProvider, App } from 'antd';
 import dayjs from 'dayjs';
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import weekday from 'dayjs/plugin/weekday';
 import localeData from 'dayjs/plugin/localeData';
 import relativeTime from 'dayjs/plugin/relativeTime';
@@ -46,13 +36,13 @@ dayjs.extend(timezone);
 dayjs.extend(relativeTime);
 const ConfigProvider = props => {
     // Props
-    const { children, locale, appConfig } = props, restOfProps = __rest(props, ["children", "locale", "appConfig"]);
+    const { children, locale, appConfig, theme = THEME, prefixCls = 'antsomi', ...restOfProps } = props;
     // Refs
     const ref = useRef(null);
     // Handlers
     const handleScrollAction = (elements) => {
         let timer = null;
-        elements === null || elements === void 0 ? void 0 : elements.forEach(element => {
+        elements?.forEach(element => {
             element.addEventListener('scroll', () => {
                 if (timer !== null) {
                     if (!element.classList.contains('on-scroll')) {
@@ -70,8 +60,9 @@ const ConfigProvider = props => {
     };
     // Hooks
     useMutationObserver(mutationsList => {
-        var _a;
-        handleScrollAction((_a = mutationsList === null || mutationsList === void 0 ? void 0 : mutationsList.filter(item => { var _a, _b; return (_b = (_a = item.target) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('antsomi-scroll-box'); })) === null || _a === void 0 ? void 0 : _a.map(item => item.target));
+        handleScrollAction(mutationsList
+            ?.filter(item => item.target?.classList?.contains('antsomi-scroll-box'))
+            ?.map(item => item.target));
     }, ref, {
         attributes: true,
         childList: true,
@@ -90,16 +81,6 @@ const ConfigProvider = props => {
         const containers = document.getElementsByClassName('antsomi-scroll-box');
         handleScrollAction(Array.from(containers));
     }, []);
-    return (React.createElement(AntdConfigProvider, Object.assign({}, restOfProps),
-        React.createElement(AppConfigProvider, { value: appConfig },
-            React.createElement("div", { ref: ref },
-                React.createElement(App, null,
-                    React.createElement(GlobalStyle, null),
-                    React.createElement(StyleProvider, { hashPriority: "high" }, children))))));
-};
-ConfigProvider.defaultProps = {
-    theme: THEME,
-    prefixCls: 'antsomi',
-    locale: 'en',
+    return (_jsx(AntdConfigProvider, { theme: theme, prefixCls: prefixCls, ...restOfProps, children: _jsx(AppConfigProvider, { value: appConfig, children: _jsx("div", { ref: ref, children: _jsxs(App, { children: [_jsx(GlobalStyle, {}), _jsx(StyleProvider, { hashPriority: "high", children: children })] }) }) }) }));
 };
 export default ConfigProvider;