@coreui/react-pro 4.12.0-beta.0 → 4.12.0-beta.2

package/README.md

@@ -42,7 +42,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react-pro/archive/v4.12.0-beta.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react-pro/archive/v4.12.0-beta.2.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`

package/dist/components/multi-select/CMultiSelect.d.ts

@@ -76,13 +76,13 @@ export interface CMultiSelectProps extends Omit<CFormControlWrapperProps, 'float
     /**
      * Custom template for options.
      *
-     * @since 4.12.0-beta.0
+     * @since 4.12.0-beta.2
      */
     optionsTemplate?: (option: Option) => ReactNode;
     /**
      * Custom template for options groups.
      *
-     * @since 4.12.0-beta.0
+     * @since 4.12.0-beta.2
      */
     optionsGroupsTemplate?: (option: OptionsGroup) => ReactNode;
     /**

package/dist/hooks/useColorModes.d.ts

@@ -1,5 +1,6 @@
 interface UseColorModesOutput {
-    getColorMode: () => string;
+    getColorMode: () => string | undefined;
+    isColorModeSet: () => boolean;
     setColorMode: (mode: string) => void;
 }
 export declare const useColorModes: (localStorageItemName?: string) => UseColorModesOutput;

package/dist/index.es.js

@@ -2474,11 +2474,16 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$1({},
 }) : {};
 var CSSTransition$1 = CSSTransition;
 
-var getStoredTheme = function (localStorageItemName) { return localStorage.getItem(localStorageItemName); };
+var getStoredTheme = function (localStorageItemName) {
+    return typeof window !== 'undefined' && localStorage.getItem(localStorageItemName);
+};
 var setStoredTheme = function (localStorageItemName, colorMode) {
     return localStorage.setItem(localStorageItemName, colorMode);
 };
 var getPreferredColorScheme = function (localStorageItemName) {
+    if (typeof window === 'undefined') {
+        return;
+    }
     var storedTheme = getStoredTheme(localStorageItemName);
     if (storedTheme) {
         return storedTheme;
@@ -2497,19 +2502,22 @@ var useColorModes = function (localStorageItemName) {
     if (localStorageItemName === void 0) { localStorageItemName = 'coreui-react-color-scheme'; }
     var _a = useState(getPreferredColorScheme(localStorageItemName)), colorMode = _a[0], setColorMode = _a[1];
     useEffect(function () {
-        setStoredTheme(localStorageItemName, colorMode);
-        setTheme(colorMode);
+        if (colorMode) {
+            setStoredTheme(localStorageItemName, colorMode);
+            setTheme(colorMode);
+        }
     }, [colorMode]);
     useEffect(function () {
         window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function () {
             var storedTheme = getStoredTheme(localStorageItemName);
-            if (storedTheme !== 'light' && storedTheme !== 'dark') {
+            if (storedTheme !== 'light' && storedTheme !== 'dark' && colorMode) {
                 setTheme(colorMode);
             }
         });
     }, []);
     return {
         getColorMode: function () { return colorMode; },
+        isColorModeSet: function () { return Boolean(getStoredTheme(localStorageItemName)); },
         setColorMode: function (mode) { return setColorMode(mode); },
     };
 };