@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/README.md
CHANGED
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
|
|
47
47
|
Several quick start options are available:
|
|
48
48
|
|
|
49
|
-
- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.9.0
|
|
49
|
+
- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.9.0.zip)
|
|
50
50
|
- Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
|
|
51
51
|
- Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
|
|
52
52
|
- Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`
|
|
@@ -4,7 +4,7 @@ export interface CPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'tit
|
|
|
4
4
|
/**
|
|
5
5
|
* Apply a CSS fade transition to the popover.
|
|
6
6
|
*
|
|
7
|
-
* @since 4.9.0
|
|
7
|
+
* @since 4.9.0
|
|
8
8
|
*/
|
|
9
9
|
animation?: boolean;
|
|
10
10
|
/**
|
|
@@ -22,7 +22,7 @@ export interface CPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'tit
|
|
|
22
22
|
/**
|
|
23
23
|
* The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
|
|
24
24
|
*
|
|
25
|
-
* @since 4.9.0
|
|
25
|
+
* @since 4.9.0
|
|
26
26
|
*/
|
|
27
27
|
delay?: number | {
|
|
28
28
|
show: number;
|
|
@@ -31,7 +31,7 @@ export interface CPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'tit
|
|
|
31
31
|
/**
|
|
32
32
|
* Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
|
|
33
33
|
*
|
|
34
|
-
* @since 4.9.0
|
|
34
|
+
* @since 4.9.0
|
|
35
35
|
*/
|
|
36
36
|
fallbackPlacements?: Placements | Placements[];
|
|
37
37
|
/**
|
|
@@ -4,7 +4,7 @@ export interface CTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'con
|
|
|
4
4
|
/**
|
|
5
5
|
* Apply a CSS fade transition to the tooltip.
|
|
6
6
|
*
|
|
7
|
-
* @since 4.9.0
|
|
7
|
+
* @since 4.9.0
|
|
8
8
|
*/
|
|
9
9
|
animation?: boolean;
|
|
10
10
|
/**
|
|
@@ -18,7 +18,7 @@ export interface CTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'con
|
|
|
18
18
|
/**
|
|
19
19
|
* The delay for displaying and hiding the tooltip (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
|
|
20
20
|
*
|
|
21
|
-
* @since 4.9.0
|
|
21
|
+
* @since 4.9.0
|
|
22
22
|
*/
|
|
23
23
|
delay?: number | {
|
|
24
24
|
show: number;
|
|
@@ -27,7 +27,7 @@ export interface CTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'con
|
|
|
27
27
|
/**
|
|
28
28
|
* Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
|
|
29
29
|
*
|
|
30
|
-
* @since 4.9.0
|
|
30
|
+
* @since 4.9.0
|
|
31
31
|
*/
|
|
32
32
|
fallbackPlacements?: Placements | Placements[];
|
|
33
33
|
/**
|
package/dist/hooks/index.d.ts
CHANGED
package/dist/index.es.js
CHANGED
|
@@ -2475,54 +2475,6 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
|
|
|
2475
2475
|
}) : {};
|
|
2476
2476
|
var CSSTransition$1 = CSSTransition;
|
|
2477
2477
|
|
|
2478
|
-
var getStoredTheme = function (localStorageItemName) {
|
|
2479
|
-
return typeof window !== 'undefined' && localStorage.getItem(localStorageItemName);
|
|
2480
|
-
};
|
|
2481
|
-
var setStoredTheme = function (localStorageItemName, colorMode) {
|
|
2482
|
-
return localStorage.setItem(localStorageItemName, colorMode);
|
|
2483
|
-
};
|
|
2484
|
-
var getPreferredColorScheme = function (localStorageItemName) {
|
|
2485
|
-
if (typeof window === 'undefined') {
|
|
2486
|
-
return 'light';
|
|
2487
|
-
}
|
|
2488
|
-
var storedTheme = getStoredTheme(localStorageItemName);
|
|
2489
|
-
if (storedTheme) {
|
|
2490
|
-
return storedTheme;
|
|
2491
|
-
}
|
|
2492
|
-
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
|
|
2493
|
-
};
|
|
2494
|
-
var setTheme = function (colorMode) {
|
|
2495
|
-
document.documentElement.dataset.coreuiTheme =
|
|
2496
|
-
colorMode === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
2497
|
-
? 'dark'
|
|
2498
|
-
: colorMode;
|
|
2499
|
-
var event = new Event('ColorSchemeChange');
|
|
2500
|
-
document.documentElement.dispatchEvent(event);
|
|
2501
|
-
};
|
|
2502
|
-
var useColorModes = function (localStorageItemName) {
|
|
2503
|
-
if (localStorageItemName === void 0) { localStorageItemName = 'coreui-react-color-scheme'; }
|
|
2504
|
-
var _a = useState(getPreferredColorScheme(localStorageItemName)), colorMode = _a[0], setColorMode = _a[1];
|
|
2505
|
-
useEffect(function () {
|
|
2506
|
-
if (colorMode) {
|
|
2507
|
-
setStoredTheme(localStorageItemName, colorMode);
|
|
2508
|
-
setTheme(colorMode);
|
|
2509
|
-
}
|
|
2510
|
-
}, [colorMode]);
|
|
2511
|
-
useEffect(function () {
|
|
2512
|
-
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function () {
|
|
2513
|
-
var storedTheme = getStoredTheme(localStorageItemName);
|
|
2514
|
-
if (storedTheme !== 'light' && storedTheme !== 'dark' && colorMode) {
|
|
2515
|
-
setTheme(colorMode);
|
|
2516
|
-
}
|
|
2517
|
-
});
|
|
2518
|
-
});
|
|
2519
|
-
return {
|
|
2520
|
-
colorMode: colorMode,
|
|
2521
|
-
isColorModeSet: function () { return Boolean(getStoredTheme(localStorageItemName)); },
|
|
2522
|
-
setColorMode: setColorMode,
|
|
2523
|
-
};
|
|
2524
|
-
};
|
|
2525
|
-
|
|
2526
2478
|
// code borrowed from https://github.com/reach/reach-ui
|
|
2527
2479
|
// problem described https://github.com/facebook/react/issues/13029
|
|
2528
2480
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -4880,6 +4832,16 @@ CCardTitle.propTypes = {
|
|
|
4880
4832
|
};
|
|
4881
4833
|
CCardTitle.displayName = 'CCardTitle';
|
|
4882
4834
|
|
|
4835
|
+
var isRTL = function (element) {
|
|
4836
|
+
if (typeof document !== 'undefined' && document.documentElement.dir === 'rtl') {
|
|
4837
|
+
return true;
|
|
4838
|
+
}
|
|
4839
|
+
if (element) {
|
|
4840
|
+
return element.closest('[dir="rtl"]') !== null;
|
|
4841
|
+
}
|
|
4842
|
+
return false;
|
|
4843
|
+
};
|
|
4844
|
+
|
|
4883
4845
|
var getRTLPlacement = function (placement, element) {
|
|
4884
4846
|
switch (placement) {
|
|
4885
4847
|
case 'right': {
|
|
@@ -4902,16 +4864,6 @@ var isInViewport = function (element) {
|
|
|
4902
4864
|
Math.floor(rect.right) <= (window.innerWidth || document.documentElement.clientWidth));
|
|
4903
4865
|
};
|
|
4904
4866
|
|
|
4905
|
-
var isRTL = function (element) {
|
|
4906
|
-
if (typeof document !== 'undefined' && document.documentElement.dir === 'rtl') {
|
|
4907
|
-
return true;
|
|
4908
|
-
}
|
|
4909
|
-
if (element) {
|
|
4910
|
-
return element.closest('[dir="rtl"]') !== null;
|
|
4911
|
-
}
|
|
4912
|
-
return false;
|
|
4913
|
-
};
|
|
4914
|
-
|
|
4915
4867
|
var CCarouselContext = createContext({});
|
|
4916
4868
|
var CCarousel = forwardRef(function (_a, ref) {
|
|
4917
4869
|
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"]);
|
|
@@ -7465,5 +7417,5 @@ CWidgetStatsF.propTypes = {
|
|
|
7465
7417
|
};
|
|
7466
7418
|
CWidgetStatsF.displayName = 'CWidgetStatsF';
|
|
7467
7419
|
|
|
7468
|
-
export { CAccordion, CAccordionBody, CAccordionButton, CAccordionHeader, CAccordionItem, CAlert, CAlertHeading, CAlertLink, CAvatar, CBackdrop, CBadge, CBreadcrumb, CBreadcrumbItem, CButton, CButtonGroup, CButtonToolbar, CCallout, CCard, CCardBody, CCardFooter, CCardGroup, CCardHeader, CCardImage, CCardImageOverlay, CCardLink, CCardSubtitle, CCardText, CCardTitle, CCarousel, CCarouselCaption, CCarouselItem, CCloseButton, CCol, CCollapse, CConditionalPortal, CContainer, CDropdown, CDropdownDivider, CDropdownHeader, CDropdownItem, CDropdownItemPlain, CDropdownMenu, CDropdownToggle, CFooter, CForm, CFormCheck, CFormControlValidation, CFormControlWrapper, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CHeader, CHeaderBrand, CHeaderDivider, CHeaderNav, CHeaderText, CHeaderToggler, CImage, CInputGroup, CInputGroupText, CLink, CListGroup, CListGroupItem, CModal, CModalBody, CModalContent, CModalDialog, CModalFooter, CModalHeader, CModalTitle, CNav, CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavTitle, CNavbar, CNavbarBrand, CNavbarNav, CNavbarText, CNavbarToggler, COffcanvas, COffcanvasBody, COffcanvasHeader, COffcanvasTitle, CPagination, CPaginationItem, CPlaceholder, CPopover, CProgress, CProgressBar, CProgressStacked, CRow, CSidebar, CSidebarBrand, CSidebarFooter, CSidebarHeader, CSidebarNav, CSidebarToggler, CSpinner, CTabContent, CTabPane, CTable, CTableBody, CTableCaption, CTableDataCell, CTableFoot, CTableHead, CTableHeaderCell, CTableRow, CToast, CToastBody, CToastClose, CToastHeader, CToaster, CTooltip, CWidgetStatsA, CWidgetStatsB, CWidgetStatsC, CWidgetStatsD, CWidgetStatsE, CWidgetStatsF,
|
|
7420
|
+
export { CAccordion, CAccordionBody, CAccordionButton, CAccordionHeader, CAccordionItem, CAlert, CAlertHeading, CAlertLink, CAvatar, CBackdrop, CBadge, CBreadcrumb, CBreadcrumbItem, CButton, CButtonGroup, CButtonToolbar, CCallout, CCard, CCardBody, CCardFooter, CCardGroup, CCardHeader, CCardImage, CCardImageOverlay, CCardLink, CCardSubtitle, CCardText, CCardTitle, CCarousel, CCarouselCaption, CCarouselItem, CCloseButton, CCol, CCollapse, CConditionalPortal, CContainer, CDropdown, CDropdownDivider, CDropdownHeader, CDropdownItem, CDropdownItemPlain, CDropdownMenu, CDropdownToggle, CFooter, CForm, CFormCheck, CFormControlValidation, CFormControlWrapper, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CHeader, CHeaderBrand, CHeaderDivider, CHeaderNav, CHeaderText, CHeaderToggler, CImage, CInputGroup, CInputGroupText, CLink, CListGroup, CListGroupItem, CModal, CModalBody, CModalContent, CModalDialog, CModalFooter, CModalHeader, CModalTitle, CNav, CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavTitle, CNavbar, CNavbarBrand, CNavbarNav, CNavbarText, CNavbarToggler, COffcanvas, COffcanvasBody, COffcanvasHeader, COffcanvasTitle, CPagination, CPaginationItem, CPlaceholder, CPopover, CProgress, CProgressBar, CProgressStacked, CRow, CSidebar, CSidebarBrand, CSidebarFooter, CSidebarHeader, CSidebarNav, CSidebarToggler, CSpinner, CTabContent, CTabPane, CTable, CTableBody, CTableCaption, CTableDataCell, CTableFoot, CTableHead, CTableHeaderCell, CTableRow, CToast, CToastBody, CToastClose, CToastHeader, CToaster, CTooltip, CWidgetStatsA, CWidgetStatsB, CWidgetStatsC, CWidgetStatsD, CWidgetStatsE, CWidgetStatsF, useForkedRef, usePopper };
|
|
7469
7421
|
//# sourceMappingURL=index.es.js.map
|