@coreui/react 4.9.0-beta.2 → 4.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -2477,54 +2477,6 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
2477
2477
  }) : {};
2478
2478
  var CSSTransition$1 = CSSTransition;
2479
2479
 
2480
- var getStoredTheme = function (localStorageItemName) {
2481
- return typeof window !== 'undefined' && localStorage.getItem(localStorageItemName);
2482
- };
2483
- var setStoredTheme = function (localStorageItemName, colorMode) {
2484
- return localStorage.setItem(localStorageItemName, colorMode);
2485
- };
2486
- var getPreferredColorScheme = function (localStorageItemName) {
2487
- if (typeof window === 'undefined') {
2488
- return 'light';
2489
- }
2490
- var storedTheme = getStoredTheme(localStorageItemName);
2491
- if (storedTheme) {
2492
- return storedTheme;
2493
- }
2494
- return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
2495
- };
2496
- var setTheme = function (colorMode) {
2497
- document.documentElement.dataset.coreuiTheme =
2498
- colorMode === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches
2499
- ? 'dark'
2500
- : colorMode;
2501
- var event = new Event('ColorSchemeChange');
2502
- document.documentElement.dispatchEvent(event);
2503
- };
2504
- var useColorModes = function (localStorageItemName) {
2505
- if (localStorageItemName === void 0) { localStorageItemName = 'coreui-react-color-scheme'; }
2506
- var _a = React.useState(getPreferredColorScheme(localStorageItemName)), colorMode = _a[0], setColorMode = _a[1];
2507
- React.useEffect(function () {
2508
- if (colorMode) {
2509
- setStoredTheme(localStorageItemName, colorMode);
2510
- setTheme(colorMode);
2511
- }
2512
- }, [colorMode]);
2513
- React.useEffect(function () {
2514
- window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function () {
2515
- var storedTheme = getStoredTheme(localStorageItemName);
2516
- if (storedTheme !== 'light' && storedTheme !== 'dark' && colorMode) {
2517
- setTheme(colorMode);
2518
- }
2519
- });
2520
- });
2521
- return {
2522
- colorMode: colorMode,
2523
- isColorModeSet: function () { return Boolean(getStoredTheme(localStorageItemName)); },
2524
- setColorMode: setColorMode,
2525
- };
2526
- };
2527
-
2528
2480
  // code borrowed from https://github.com/reach/reach-ui
2529
2481
  // problem described https://github.com/facebook/react/issues/13029
2530
2482
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -4882,6 +4834,16 @@ CCardTitle.propTypes = {
4882
4834
  };
4883
4835
  CCardTitle.displayName = 'CCardTitle';
4884
4836
 
4837
+ var isRTL = function (element) {
4838
+ if (typeof document !== 'undefined' && document.documentElement.dir === 'rtl') {
4839
+ return true;
4840
+ }
4841
+ if (element) {
4842
+ return element.closest('[dir="rtl"]') !== null;
4843
+ }
4844
+ return false;
4845
+ };
4846
+
4885
4847
  var getRTLPlacement = function (placement, element) {
4886
4848
  switch (placement) {
4887
4849
  case 'right': {
@@ -4904,16 +4866,6 @@ var isInViewport = function (element) {
4904
4866
  Math.floor(rect.right) <= (window.innerWidth || document.documentElement.clientWidth));
4905
4867
  };
4906
4868
 
4907
- var isRTL = function (element) {
4908
- if (typeof document !== 'undefined' && document.documentElement.dir === 'rtl') {
4909
- return true;
4910
- }
4911
- if (element) {
4912
- return element.closest('[dir="rtl"]') !== null;
4913
- }
4914
- return false;
4915
- };
4916
-
4917
4869
  var CCarouselContext = React.createContext({});
4918
4870
  var CCarousel = React.forwardRef(function (_a, ref) {
4919
4871
  var children = _a.children, _b = _a.activeIndex, activeIndex = _b === void 0 ? 0 : _b, className = _a.className, controls = _a.controls, dark = _a.dark, indicators = _a.indicators, _c = _a.interval, interval = _c === void 0 ? 5000 : _c, onSlid = _a.onSlid, onSlide = _a.onSlide, _d = _a.pause, pause = _d === void 0 ? 'hover' : _d, _e = _a.touch, touch = _e === void 0 ? true : _e, transition = _a.transition, _f = _a.wrap, wrap = _f === void 0 ? true : _f, rest = __rest(_a, ["children", "activeIndex", "className", "controls", "dark", "indicators", "interval", "onSlid", "onSlide", "pause", "touch", "transition", "wrap"]);
@@ -7595,7 +7547,6 @@ exports.CWidgetStatsC = CWidgetStatsC;
7595
7547
  exports.CWidgetStatsD = CWidgetStatsD;
7596
7548
  exports.CWidgetStatsE = CWidgetStatsE;
7597
7549
  exports.CWidgetStatsF = CWidgetStatsF;
7598
- exports.useColorModes = useColorModes;
7599
7550
  exports.useForkedRef = useForkedRef;
7600
7551
  exports.usePopper = usePopper;
7601
7552
  //# sourceMappingURL=index.js.map