@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 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-beta.2.zip)
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`
@@ -53,7 +53,7 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
53
53
  /**
54
54
  * Callback fired when the component requests to be hidden.
55
55
  *
56
- * @since 4.9.0-beta.2
56
+ * @since 4.9.0
57
57
  */
58
58
  onHide?: () => void;
59
59
  /**
@@ -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-beta.2
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-beta.2
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-beta.2
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-beta.2
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-beta.2
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-beta.2
30
+ * @since 4.9.0
31
31
  */
32
32
  fallbackPlacements?: Placements | Placements[];
33
33
  /**
@@ -1,4 +1,3 @@
1
- import { useColorModes } from './useColorModes';
2
1
  import { useForkedRef } from './useForkedRef';
3
2
  import { usePopper } from './usePopper';
4
- export { useColorModes, useForkedRef, usePopper };
3
+ export { useForkedRef, usePopper };
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, useColorModes, useForkedRef, usePopper };
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