@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/README.md +1 -1
- package/dist/components/dropdown/CDropdown.d.ts +1 -1
- package/dist/components/popover/CPopover.d.ts +3 -3
- package/dist/components/tooltip/CTooltip.d.ts +3 -3
- package/dist/hooks/index.d.ts +1 -2
- package/dist/index.es.js +11 -59
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +10 -59
- package/dist/index.js.map +1 -1
- package/package.json +11 -11
- package/src/components/dropdown/CDropdown.tsx +1 -1
- package/src/components/popover/CPopover.tsx +3 -3
- package/src/components/tooltip/CTooltip.tsx +3 -3
- package/src/hooks/index.ts +1 -2
- package/src/utils/getRTLPlacement.ts +1 -1
- package/dist/components/accordion/CAccordionCollapse.d.ts +0 -3
- package/dist/components/dropdown copy/CDropdown.d.ts +0 -89
- package/dist/components/dropdown copy/CDropdownDivider.d.ts +0 -8
- package/dist/components/dropdown copy/CDropdownHeader.d.ts +0 -12
- package/dist/components/dropdown copy/CDropdownItem.d.ts +0 -13
- package/dist/components/dropdown copy/CDropdownItemPlain.d.ts +0 -12
- package/dist/components/dropdown copy/CDropdownMenu.d.ts +0 -13
- package/dist/components/dropdown copy/CDropdownToggle.d.ts +0 -24
- package/dist/components/dropdown copy/index.d.ts +0 -8
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
|