@broxus/react-uikit 0.4.0 → 0.4.1

package/dist/esm/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/esm/components/ConfigProvider/index.js

@@ -1,6 +1,5 @@
 import { error } from '@broxus/js-utils';
 import * as React from 'react';
-import { useContext } from '../../hooks';
 export const ConfigContext = React.createContext({
     breakpoints: {
         l: 1200,
@@ -16,6 +15,9 @@ export const 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}` };
         }
@@ -41,10 +43,10 @@ export const ConfigContext = React.createContext({
     // tileTertiaryColorMode: 'light',
 });
 export function useConfig() {
-    return useContext(ConfigContext);
+    return React.useContext(ConfigContext);
 }
-export function ConfigContextProvider(props) {
-    const initialContext = React.useContext(ConfigContext);
+export const ConfigContextProvider = React.memo((props) => {
+    const initialContext = useConfig();
     const { children, ...restProps } = props;
     const context = React.useMemo(() => {
         let direction = 'ltr';
@@ -57,7 +59,7 @@ export function ConfigContextProvider(props) {
         return { ...initialContext, direction, ...restProps };
     }, [initialContext, restProps]);
     return React.createElement(ConfigContext.Provider, { value: context }, children);
-}
+});
 if (process.env.NODE_ENV !== 'production') {
     ConfigContext.displayName = 'ConfigContext';
 }