@officesdk/design 0.1.21 → 0.1.22

package/dist/components/esm/index.js

@@ -1,5 +1,5 @@
-import React3, { forwardRef, useState, createContext, useEffect, useRef, useCallback, useContext, useMemo } from 'react';
 import ReactDOM from 'react-dom';
+import React3, { forwardRef, useState, createContext, useEffect, useRef, useCallback, useContext, useMemo } from 'react';
 import { lightTheme } from '@officesdk/design/theme';
 import baseStyled, { createGlobalStyle } from 'styled-components';
 import RcTooltip from 'rc-tooltip';
@@ -19,22 +19,6 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var IconContext, IconProvider, useIconRegistry;
-var init_IconProvider = __esm({
-  "src/Icon/IconProvider.tsx"() {
-    IconContext = createContext(null);
-    IconProvider = ({
-      icons,
-      children
-    }) => {
-      return /* @__PURE__ */ React3.createElement(IconContext.Provider, { value: icons }, children);
-    };
-    useIconRegistry = () => {
-      return useContext(IconContext);
-    };
-    IconProvider.displayName = "IconProvider";
-  }
-});
 var globalConfig, globalIconRegistry, globalToastConfig, createDefaultRenderFunction, initUIConfig, getUIConfig, getGlobalIconRegistry, getGlobalToastConfig;
 var init_configManager = __esm({
   "src/UIConfigProvider/configManager.ts"() {
@@ -77,6 +61,22 @@ var init_configManager = __esm({
     };
   }
 });
+var IconContext, IconProvider, useIconRegistry;
+var init_IconProvider = __esm({
+  "src/Icon/IconProvider.tsx"() {
+    IconContext = createContext(null);
+    IconProvider = ({
+      icons,
+      children
+    }) => {
+      return /* @__PURE__ */ React3.createElement(IconContext.Provider, { value: icons }, children);
+    };
+    useIconRegistry = () => {
+      return useContext(IconContext);
+    };
+    IconProvider.displayName = "IconProvider";
+  }
+});
 var IconContainer, Icon;
 var init_Icon = __esm({
   "src/Icon/Icon.tsx"() {
@@ -603,6 +603,7 @@ function isObject(item) {
 var globalTheme, registerGlobalTheme, getGlobalTheme, globalRenderFunction, getGlobalRenderFunction, registerGlobalContext;
 var init_context = __esm({
   "src/utils/context.ts"() {
+    init_configManager();
     globalTheme = lightTheme;
     registerGlobalTheme = (theme3) => {
       deepMerge(
@@ -613,7 +614,7 @@ var init_context = __esm({
     getGlobalTheme = () => {
       return globalTheme;
     };
-    globalRenderFunction = null;
+    globalRenderFunction = createDefaultRenderFunction();
     getGlobalRenderFunction = () => globalRenderFunction;
     registerGlobalContext = (context) => {
       if (context.theme) {
@@ -1933,12 +1934,12 @@ var CheckboxBox = styled.div`
   if ($disabled) return "";
   const stateConfig = $checked || $indeterminate ? theme3.components.checkbox.checked : theme3.components.checkbox.unchecked;
   return `
-      ${CheckboxContainer}:hover & {
+      :hover & {
         background: ${stateConfig.backgroundHover};
         border-color: ${stateConfig.borderColorHover};
       }
 
-      ${CheckboxContainer}:active & {
+      :active & {
         border-color: ${stateConfig.borderColorActive};
       }
     `;
@@ -2804,9 +2805,9 @@ var TooltipGlobalStyles = createGlobalStyle`
   .od-tooltip-inner {
     padding: 6px 8px;
     text-align: left;
-    text-decoration: none;
-    word-wrap: break-word;
+    white-space: nowrap;
     min-height: unset;
+    text-align: center;
   }
 
   /* Tooltip arrow base */
@@ -4422,18 +4423,9 @@ init_context();
 var UIConfigContext = createContext(null);
 var UIConfigProvider = ({ config, children }) => {
   useEffect(() => {
-    const renderFunction = (element, container) => {
-      if ("createRoot" in ReactDOM) {
-        const { createRoot } = ReactDOM;
-        const root = createRoot(container);
-        root.render(element);
-      } else {
-        ReactDOM.render(element, container);
-      }
-    };
     registerGlobalContext({
       theme: config.theme,
-      render: renderFunction
+      render: config.renderFunction
     });
     initUIConfig(config);
   }, [config]);