@broxus/react-uikit 0.4.0 → 0.4.2

package/dist/cjs/components/ConfigProvider/index.d.ts

@@ -9,8 +9,8 @@ export type ConfigContextConsumerProps = {
     direction?: string;
     getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
     getRootPrefixCls: (prefix?: string, component?: string) => string;
-    getTooltipConfig: (props: string | TooltipOptions) => {
-        'data-uk-tooltip': string;
+    getTooltipConfig: (props: string | TooltipOptions | undefined) => {
+        'data-uk-tooltip'?: string;
     };
     inverseGlobalColorMode?: ColorMode;
     prefixCls: string;
@@ -24,4 +24,4 @@ export type ConfigContextConsumerProps = {
 export type ConfigContextProviderProps = React.PropsWithChildren<ConfigContextConsumerProps>;
 export declare const ConfigContext: React.Context<ConfigContextConsumerProps>;
 export declare function useConfig(): ConfigContextConsumerProps;
-export declare function ConfigContextProvider(props: Partial<ConfigContextProviderProps>): JSX.Element;
+export declare const ConfigContextProvider: React.MemoExoticComponent<(props: Partial<ConfigContextProviderProps>) => React.JSX.Element>;

package/dist/cjs/components/ConfigProvider/index.js

@@ -26,7 +26,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConfigContextProvider = exports.useConfig = exports.ConfigContext = void 0;
 const js_utils_1 = require("@broxus/js-utils");
 const React = __importStar(require("react"));
-const hooks_1 = require("../../hooks");
 exports.ConfigContext = React.createContext({
     breakpoints: {
         l: 1200,
@@ -42,6 +41,9 @@ exports.ConfigContext = React.createContext({
         return `${prefix ? `${prefix}-` : `${this.prefixCls}-`}${module ?? ''}`;
     },
     getTooltipConfig(props) {
+        if (props == null) {
+            return {};
+        }
         if (typeof props === 'string') {
             return { 'data-uk-tooltip': `title: ${props}` };
         }
@@ -67,11 +69,11 @@ exports.ConfigContext = React.createContext({
     // tileTertiaryColorMode: 'light',
 });
 function useConfig() {
-    return (0, hooks_1.useContext)(exports.ConfigContext);
+    return React.useContext(exports.ConfigContext);
 }
 exports.useConfig = useConfig;
-function ConfigContextProvider(props) {
-    const initialContext = React.useContext(exports.ConfigContext);
+exports.ConfigContextProvider = React.memo((props) => {
+    const initialContext = useConfig();
     const { children, ...restProps } = props;
     const context = React.useMemo(() => {
         let direction = 'ltr';
@@ -84,8 +86,7 @@ function ConfigContextProvider(props) {
         return { ...initialContext, direction, ...restProps };
     }, [initialContext, restProps]);
     return React.createElement(exports.ConfigContext.Provider, { value: context }, children);
-}
-exports.ConfigContextProvider = ConfigContextProvider;
+});
 if (process.env.NODE_ENV !== 'production') {
     exports.ConfigContext.displayName = 'ConfigContext';
 }