@officesdk/design 0.1.20 → 0.1.22

package/dist/components/cjs/index.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var React3 = require('react');
 var ReactDOM = require('react-dom');
-var designTheme = require('@officesdk/design-theme');
+var React3 = require('react');
+var theme$1 = require('@officesdk/design/theme');
 var baseStyled = require('styled-components');
 var RcTooltip = require('rc-tooltip');
 require('rc-tooltip/assets/bootstrap.css');
@@ -14,8 +14,8 @@ require('rc-dropdown/assets/index.css');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React3__default = /*#__PURE__*/_interopDefault(React3);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+var React3__default = /*#__PURE__*/_interopDefault(React3);
 var baseStyled__default = /*#__PURE__*/_interopDefault(baseStyled);
 var RcTooltip__default = /*#__PURE__*/_interopDefault(RcTooltip);
 var RcMenu__default = /*#__PURE__*/_interopDefault(RcMenu);
@@ -31,22 +31,6 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var IconContext; exports.IconProvider = void 0; exports.useIconRegistry = void 0;
-var init_IconProvider = __esm({
-  "src/Icon/IconProvider.tsx"() {
-    IconContext = React3.createContext(null);
-    exports.IconProvider = ({
-      icons,
-      children
-    }) => {
-      return /* @__PURE__ */ React3__default.default.createElement(IconContext.Provider, { value: icons }, children);
-    };
-    exports.useIconRegistry = () => {
-      return React3.useContext(IconContext);
-    };
-    exports.IconProvider.displayName = "IconProvider";
-  }
-});
 var globalConfig, globalIconRegistry, globalToastConfig, createDefaultRenderFunction; exports.initUIConfig = void 0; exports.getUIConfig = void 0; exports.getGlobalIconRegistry = void 0; exports.getGlobalToastConfig = void 0;
 var init_configManager = __esm({
   "src/UIConfigProvider/configManager.ts"() {
@@ -89,6 +73,22 @@ var init_configManager = __esm({
     };
   }
 });
+var IconContext; exports.IconProvider = void 0; exports.useIconRegistry = void 0;
+var init_IconProvider = __esm({
+  "src/Icon/IconProvider.tsx"() {
+    IconContext = React3.createContext(null);
+    exports.IconProvider = ({
+      icons,
+      children
+    }) => {
+      return /* @__PURE__ */ React3__default.default.createElement(IconContext.Provider, { value: icons }, children);
+    };
+    exports.useIconRegistry = () => {
+      return React3.useContext(IconContext);
+    };
+    exports.IconProvider.displayName = "IconProvider";
+  }
+});
 var IconContainer; exports.Icon = void 0;
 var init_Icon = __esm({
   "src/Icon/Icon.tsx"() {
@@ -615,7 +615,8 @@ function isObject(item) {
 var globalTheme, registerGlobalTheme; exports.getGlobalTheme = void 0; var globalRenderFunction, getGlobalRenderFunction, registerGlobalContext;
 var init_context = __esm({
   "src/utils/context.ts"() {
-    globalTheme = designTheme.lightTheme;
+    init_configManager();
+    globalTheme = theme$1.lightTheme;
     registerGlobalTheme = (theme3) => {
       deepMerge(
         globalTheme,
@@ -625,7 +626,7 @@ var init_context = __esm({
     exports.getGlobalTheme = () => {
       return globalTheme;
     };
-    globalRenderFunction = null;
+    globalRenderFunction = createDefaultRenderFunction();
     getGlobalRenderFunction = () => globalRenderFunction;
     registerGlobalContext = (context) => {
       if (context.theme) {
@@ -1945,12 +1946,12 @@ var CheckboxBox = exports.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};
       }
     `;
@@ -2816,9 +2817,9 @@ var TooltipGlobalStyles = baseStyled.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 */
@@ -4434,18 +4435,9 @@ init_context();
 var UIConfigContext = React3.createContext(null);
 var UIConfigProvider = ({ config, children }) => {
   React3.useEffect(() => {
-    const renderFunction = (element, container) => {
-      if ("createRoot" in ReactDOM__default.default) {
-        const { createRoot } = ReactDOM__default.default;
-        const root = createRoot(container);
-        root.render(element);
-      } else {
-        ReactDOM__default.default.render(element, container);
-      }
-    };
     registerGlobalContext({
       theme: config.theme,
-      render: renderFunction
+      render: config.renderFunction
     });
     exports.initUIConfig(config);
   }, [config]);