@coreui/react-pro 5.10.0 → 5.12.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/cjs/components/accordion/CAccordionBody.js +2 -2
- package/dist/cjs/components/accordion/CAccordionBody.js.map +1 -1
- package/dist/cjs/components/accordion/CAccordionButton.js +2 -2
- package/dist/cjs/components/accordion/CAccordionButton.js.map +1 -1
- package/dist/cjs/components/accordion/CAccordionItem.d.ts +5 -0
- package/dist/cjs/components/accordion/CAccordionItem.js +7 -4
- package/dist/cjs/components/accordion/CAccordionItem.js.map +1 -1
- package/dist/cjs/components/badge/CBadge.js +1 -1
- package/dist/cjs/components/badge/CBadge.js.map +1 -1
- package/dist/cjs/components/calendar/CCalendar.d.ts +57 -44
- package/dist/cjs/components/calendar/CCalendar.js +51 -187
- package/dist/cjs/components/calendar/CCalendar.js.map +1 -1
- package/dist/cjs/components/calendar/CCalendarNavigation.d.ts +21 -0
- package/dist/cjs/components/calendar/CCalendarNavigation.js +23 -0
- package/dist/cjs/components/calendar/CCalendarNavigation.js.map +1 -0
- package/dist/cjs/components/calendar/CCalendarPanel.d.ts +28 -0
- package/dist/cjs/components/calendar/CCalendarPanel.js +149 -0
- package/dist/cjs/components/calendar/CCalendarPanel.js.map +1 -0
- package/dist/cjs/components/calendar/types.d.ts +3 -0
- package/dist/cjs/components/calendar/utils.d.ts +175 -18
- package/dist/cjs/components/calendar/utils.js +312 -43
- package/dist/cjs/components/calendar/utils.js.map +1 -1
- package/dist/cjs/components/date-picker/CDatePicker.d.ts +1 -1
- package/dist/cjs/components/date-range-picker/CDateRangePicker.d.ts +2 -2
- package/dist/cjs/components/date-range-picker/CDateRangePicker.js +0 -2
- package/dist/cjs/components/date-range-picker/CDateRangePicker.js.map +1 -1
- package/dist/cjs/components/date-range-picker/utils.d.ts +16 -0
- package/dist/cjs/components/date-range-picker/utils.js +18 -2
- package/dist/cjs/components/date-range-picker/utils.js.map +1 -1
- package/dist/cjs/components/dropdown/CDropdown.d.ts +77 -20
- package/dist/cjs/components/dropdown/CDropdown.js +6 -3
- package/dist/cjs/components/dropdown/CDropdown.js.map +1 -1
- package/dist/cjs/components/dropdown/CDropdownMenu.js +1 -1
- package/dist/cjs/components/dropdown/CDropdownMenu.js.map +1 -1
- package/dist/cjs/components/dropdown/CDropdownToggle.js +1 -1
- package/dist/cjs/components/dropdown/CDropdownToggle.js.map +1 -1
- package/dist/cjs/components/modal/CModal.js +0 -1
- package/dist/cjs/components/modal/CModal.js.map +1 -1
- package/dist/cjs/components/nav/CNavGroup.js +1 -1
- package/dist/cjs/components/nav/CNavGroup.js.map +1 -1
- package/dist/cjs/components/popover/CPopover.d.ts +75 -20
- package/dist/cjs/components/popover/CPopover.js +8 -21
- package/dist/cjs/components/popover/CPopover.js.map +1 -1
- package/dist/cjs/components/progress/CProgress.d.ts +1 -1
- package/dist/cjs/components/range-slider/CRangeSlider.js +6 -2
- package/dist/cjs/components/range-slider/CRangeSlider.js.map +1 -1
- package/dist/cjs/components/sidebar/CSidebar.d.ts +7 -2
- package/dist/cjs/components/sidebar/CSidebar.js +7 -6
- package/dist/cjs/components/sidebar/CSidebar.js.map +1 -1
- package/dist/cjs/components/smart-pagination/CSmartPagination.d.ts +4 -12
- package/dist/cjs/components/smart-pagination/CSmartPagination.js.map +1 -1
- package/dist/cjs/components/smart-table/CSmartTableHead.js +12 -25
- package/dist/cjs/components/smart-table/CSmartTableHead.js.map +1 -1
- package/dist/cjs/components/smart-table/types.d.ts +1 -1
- package/dist/cjs/components/time-picker/CTimePicker.d.ts +1 -1
- package/dist/cjs/components/time-picker/CTimePicker.js.map +1 -1
- package/dist/cjs/components/time-picker/types.d.ts +5 -0
- package/dist/cjs/components/time-picker/utils.d.ts +8 -11
- package/dist/cjs/components/time-picker/utils.js +8 -4
- package/dist/cjs/components/time-picker/utils.js.map +1 -1
- package/dist/cjs/components/tooltip/CTooltip.d.ts +67 -15
- package/dist/cjs/components/tooltip/CTooltip.js +8 -21
- package/dist/cjs/components/tooltip/CTooltip.js.map +1 -1
- package/dist/cjs/hooks/index.d.ts +2 -1
- package/dist/cjs/hooks/useClipboard.d.ts +12 -0
- package/dist/cjs/hooks/useClipboard.js +54 -0
- package/dist/cjs/hooks/useClipboard.js.map +1 -0
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/node_modules/react-device-detect/dist/lib.js +1 -1
- package/dist/cjs/node_modules/react-device-detect/dist/lib.js.map +1 -1
- package/dist/cjs/node_modules/tslib/tslib.es6.js +40 -0
- package/dist/cjs/node_modules/tslib/tslib.es6.js.map +1 -1
- package/dist/cjs/utils/index.d.ts +2 -1
- package/dist/cjs/utils/mergeClassNames.d.ts +2 -0
- package/dist/esm/components/accordion/CAccordionBody.js +2 -2
- package/dist/esm/components/accordion/CAccordionBody.js.map +1 -1
- package/dist/esm/components/accordion/CAccordionButton.js +2 -2
- package/dist/esm/components/accordion/CAccordionButton.js.map +1 -1
- package/dist/esm/components/accordion/CAccordionItem.d.ts +5 -0
- package/dist/esm/components/accordion/CAccordionItem.js +8 -5
- package/dist/esm/components/accordion/CAccordionItem.js.map +1 -1
- package/dist/esm/components/badge/CBadge.js +1 -1
- package/dist/esm/components/badge/CBadge.js.map +1 -1
- package/dist/esm/components/calendar/CCalendar.d.ts +57 -44
- package/dist/esm/components/calendar/CCalendar.js +52 -188
- package/dist/esm/components/calendar/CCalendar.js.map +1 -1
- package/dist/esm/components/calendar/CCalendarNavigation.d.ts +21 -0
- package/dist/esm/components/calendar/CCalendarNavigation.js +21 -0
- package/dist/esm/components/calendar/CCalendarNavigation.js.map +1 -0
- package/dist/esm/components/calendar/CCalendarPanel.d.ts +28 -0
- package/dist/esm/components/calendar/CCalendarPanel.js +147 -0
- package/dist/esm/components/calendar/CCalendarPanel.js.map +1 -0
- package/dist/esm/components/calendar/types.d.ts +3 -0
- package/dist/esm/components/calendar/utils.d.ts +175 -18
- package/dist/esm/components/calendar/utils.js +306 -44
- package/dist/esm/components/calendar/utils.js.map +1 -1
- package/dist/esm/components/date-picker/CDatePicker.d.ts +1 -1
- package/dist/esm/components/date-range-picker/CDateRangePicker.d.ts +2 -2
- package/dist/esm/components/date-range-picker/CDateRangePicker.js +0 -2
- package/dist/esm/components/date-range-picker/CDateRangePicker.js.map +1 -1
- package/dist/esm/components/date-range-picker/utils.d.ts +16 -0
- package/dist/esm/components/date-range-picker/utils.js +18 -2
- package/dist/esm/components/date-range-picker/utils.js.map +1 -1
- package/dist/esm/components/dropdown/CDropdown.d.ts +77 -20
- package/dist/esm/components/dropdown/CDropdown.js +6 -3
- package/dist/esm/components/dropdown/CDropdown.js.map +1 -1
- package/dist/esm/components/dropdown/CDropdownMenu.js +1 -1
- package/dist/esm/components/dropdown/CDropdownMenu.js.map +1 -1
- package/dist/esm/components/dropdown/CDropdownToggle.js +1 -1
- package/dist/esm/components/dropdown/CDropdownToggle.js.map +1 -1
- package/dist/esm/components/modal/CModal.js +0 -1
- package/dist/esm/components/modal/CModal.js.map +1 -1
- package/dist/esm/components/nav/CNavGroup.js +1 -1
- package/dist/esm/components/nav/CNavGroup.js.map +1 -1
- package/dist/esm/components/popover/CPopover.d.ts +75 -20
- package/dist/esm/components/popover/CPopover.js +8 -21
- package/dist/esm/components/popover/CPopover.js.map +1 -1
- package/dist/esm/components/progress/CProgress.d.ts +1 -1
- package/dist/esm/components/range-slider/CRangeSlider.js +6 -2
- package/dist/esm/components/range-slider/CRangeSlider.js.map +1 -1
- package/dist/esm/components/sidebar/CSidebar.d.ts +7 -2
- package/dist/esm/components/sidebar/CSidebar.js +7 -6
- package/dist/esm/components/sidebar/CSidebar.js.map +1 -1
- package/dist/esm/components/smart-pagination/CSmartPagination.d.ts +4 -12
- package/dist/esm/components/smart-pagination/CSmartPagination.js.map +1 -1
- package/dist/esm/components/smart-table/CSmartTableHead.js +13 -26
- package/dist/esm/components/smart-table/CSmartTableHead.js.map +1 -1
- package/dist/esm/components/smart-table/types.d.ts +1 -1
- package/dist/esm/components/time-picker/CTimePicker.d.ts +1 -1
- package/dist/esm/components/time-picker/CTimePicker.js.map +1 -1
- package/dist/esm/components/time-picker/types.d.ts +5 -0
- package/dist/esm/components/time-picker/utils.d.ts +8 -11
- package/dist/esm/components/time-picker/utils.js +8 -4
- package/dist/esm/components/time-picker/utils.js.map +1 -1
- package/dist/esm/components/tooltip/CTooltip.d.ts +67 -15
- package/dist/esm/components/tooltip/CTooltip.js +8 -21
- package/dist/esm/components/tooltip/CTooltip.js.map +1 -1
- package/dist/esm/hooks/index.d.ts +2 -1
- package/dist/esm/hooks/useClipboard.d.ts +12 -0
- package/dist/esm/hooks/useClipboard.js +52 -0
- package/dist/esm/hooks/useClipboard.js.map +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/node_modules/react-device-detect/dist/lib.js +1 -1
- package/dist/esm/node_modules/react-device-detect/dist/lib.js.map +1 -1
- package/dist/esm/node_modules/tslib/tslib.es6.js +39 -1
- package/dist/esm/node_modules/tslib/tslib.es6.js.map +1 -1
- package/dist/esm/utils/index.d.ts +2 -1
- package/dist/esm/utils/mergeClassNames.d.ts +2 -0
- package/package.json +12 -10
- package/src/components/accordion/CAccordionBody.tsx +3 -3
- package/src/components/accordion/CAccordionButton.tsx +3 -2
- package/src/components/accordion/CAccordionItem.tsx +14 -5
- package/src/components/accordion/__tests__/__snapshots__/CAccordionButton.spec.tsx.snap +0 -2
- package/src/components/accordion/__tests__/__snapshots__/CAccordionHeader.spec.tsx.snap +0 -2
- package/src/components/badge/CBadge.tsx +1 -1
- package/src/components/calendar/CCalendar.tsx +154 -489
- package/src/components/calendar/CCalendarNavigation.tsx +120 -0
- package/src/components/calendar/CCalendarPanel.tsx +306 -0
- package/src/components/calendar/types.ts +5 -0
- package/src/components/calendar/utils.ts +414 -109
- package/src/components/carousel/__tests__/CCarousel.spec.tsx +1 -2
- package/src/components/date-picker/CDatePicker.tsx +1 -1
- package/src/components/date-range-picker/CDateRangePicker.tsx +2 -4
- package/src/components/date-range-picker/utils.ts +23 -3
- package/src/components/dropdown/CDropdown.tsx +106 -26
- package/src/components/dropdown/CDropdownMenu.tsx +0 -1
- package/src/components/dropdown/CDropdownToggle.tsx +1 -1
- package/src/components/dropdown/__tests__/CDropdown.spec.tsx +43 -19
- package/src/components/modal/CModal.tsx +0 -2
- package/src/components/modal/__tests__/CModal.spec.tsx +33 -25
- package/src/components/nav/CNavGroup.tsx +5 -1
- package/src/components/nav/__tests__/__snapshots__/CNavGroup.spec.tsx.snap +4 -1
- package/src/components/popover/CPopover.tsx +103 -43
- package/src/components/popover/__tests__/CPopover.spec.tsx +1 -1
- package/src/components/popover/__tests__/__snapshots__/CPopover.spec.tsx.snap +2 -3
- package/src/components/progress/CProgress.tsx +1 -1
- package/src/components/range-slider/CRangeSlider.tsx +7 -2
- package/src/components/sidebar/CSidebar.tsx +15 -5
- package/src/components/smart-pagination/CSmartPagination.tsx +4 -12
- package/src/components/smart-table/CSmartTableHead.tsx +10 -34
- package/src/components/smart-table/types.ts +7 -1
- package/src/components/time-picker/CTimePicker.tsx +3 -3
- package/src/components/time-picker/types.ts +7 -0
- package/src/components/time-picker/utils.ts +15 -13
- package/src/components/tooltip/CTooltip.tsx +94 -38
- package/src/components/tooltip/__tests__/__snapshots__/CTooltip.spec.tsx.snap +0 -1
- package/src/hooks/index.ts +2 -0
- package/src/hooks/useClipboard.ts +38 -0
- package/src/utils/index.ts +2 -0
- package/src/utils/mergeClassNames.ts +25 -0
|
@@ -137,13 +137,17 @@ var getSelectedHour = function (date, locale, ampm) {
|
|
|
137
137
|
* @param {Date | null} date The date object from which to extract the minutes. If null, the function returns an empty string.
|
|
138
138
|
* @returns {string | number} The minutes from the date or an empty string if the date is null.
|
|
139
139
|
*/
|
|
140
|
-
var getSelectedMinutes = function (date) {
|
|
140
|
+
var getSelectedMinutes = function (date) {
|
|
141
|
+
return date ? date.getMinutes() : '';
|
|
142
|
+
};
|
|
141
143
|
/**
|
|
142
144
|
* Gets the selected seconds from a date object.
|
|
143
145
|
* @param {Date | null} date The date object from which to extract the seconds. If null, the function returns an empty string.
|
|
144
146
|
* @returns {string | number} The seconds from the date or an empty string if the date is null.
|
|
145
147
|
*/
|
|
146
|
-
var getSelectedSeconds = function (date) {
|
|
148
|
+
var getSelectedSeconds = function (date) {
|
|
149
|
+
return date ? date.getSeconds() : '';
|
|
150
|
+
};
|
|
147
151
|
/**
|
|
148
152
|
* Determines if the given locale uses AM/PM format.
|
|
149
153
|
* @param {string} locale The locale to check.
|
|
@@ -158,8 +162,8 @@ var isAmPm = function (locale) {
|
|
|
158
162
|
* @returns {boolean} True if the string is a valid time, otherwise false.
|
|
159
163
|
*/
|
|
160
164
|
var isValidTime = function (time) {
|
|
161
|
-
var d = new Date("1970-01-
|
|
162
|
-
return d instanceof Date && d.getTime();
|
|
165
|
+
var d = new Date("1970-01-01T".concat(time));
|
|
166
|
+
return d instanceof Date && !Number.isNaN(d.getTime());
|
|
163
167
|
};
|
|
164
168
|
|
|
165
169
|
exports.convert12hTo24h = convert12hTo24h;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../src/components/time-picker/utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA;;;;;AAKG;AACU,IAAA,eAAe,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../src/components/time-picker/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1,28 +1,45 @@
|
|
|
1
1
|
import React, { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import type { Options } from '@popperjs/core';
|
|
2
3
|
import type { Placements, Triggers } from '../../types';
|
|
3
4
|
export interface CTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'> {
|
|
4
5
|
/**
|
|
5
|
-
*
|
|
6
|
+
* Enables or disables the CSS fade transition for the React Tooltip.
|
|
6
7
|
*
|
|
7
8
|
* @since 4.9.0
|
|
8
9
|
*/
|
|
9
10
|
animation?: boolean;
|
|
10
11
|
/**
|
|
11
|
-
*
|
|
12
|
+
* Adds a custom class name to the React Tooltip container. Useful for overriding default styles or applying additional design choices.
|
|
12
13
|
*/
|
|
13
14
|
className?: string;
|
|
14
15
|
/**
|
|
15
|
-
* Appends the
|
|
16
|
+
* Appends the React Tooltip to a specific element instead of the default `document.body`. You may pass:
|
|
17
|
+
* - A DOM element (`HTMLElement` or `DocumentFragment`)
|
|
18
|
+
* - A function that returns a single element
|
|
19
|
+
* - `null`
|
|
16
20
|
*
|
|
21
|
+
* @example
|
|
22
|
+
* <CTooltip container={document.getElementById('my-container')}>...</CTooltip>
|
|
23
|
+
*
|
|
24
|
+
* @default document.body
|
|
17
25
|
* @since 4.11.0
|
|
18
26
|
*/
|
|
19
27
|
container?: DocumentFragment | Element | (() => DocumentFragment | Element | null) | null;
|
|
20
28
|
/**
|
|
21
|
-
* Content
|
|
29
|
+
* Content to be displayed within the React Tooltip. Can be a string or any valid React node.
|
|
22
30
|
*/
|
|
23
31
|
content: ReactNode | string;
|
|
24
32
|
/**
|
|
25
|
-
* The delay
|
|
33
|
+
* The delay (in milliseconds) before showing or hiding the React Tooltip.
|
|
34
|
+
* - If provided as a number, the delay is applied to both "show" and "hide".
|
|
35
|
+
* - If provided as an object, it should have distinct "show" and "hide" values.
|
|
36
|
+
*
|
|
37
|
+
* @example
|
|
38
|
+
* // Delays 300ms on both show and hide
|
|
39
|
+
* <CTooltip delay={300}>...</CTooltip>
|
|
40
|
+
*
|
|
41
|
+
* // Delays 500ms on show and 100ms on hide
|
|
42
|
+
* <CTooltip delay={{ show: 500, hide: 100 }}>...</CTooltip>
|
|
26
43
|
*
|
|
27
44
|
* @since 4.9.0
|
|
28
45
|
*/
|
|
@@ -31,35 +48,70 @@ export interface CTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'con
|
|
|
31
48
|
hide: number;
|
|
32
49
|
};
|
|
33
50
|
/**
|
|
34
|
-
*
|
|
51
|
+
* Array of fallback placements for the React Tooltip to use when the preferred placement cannot be achieved. These placements are tried in order.
|
|
35
52
|
*
|
|
53
|
+
* @type 'top', 'right', 'bottom', 'left' | ('top', 'right', 'bottom', 'left')[]
|
|
36
54
|
* @since 4.9.0
|
|
37
55
|
*/
|
|
38
56
|
fallbackPlacements?: Placements | Placements[];
|
|
39
57
|
/**
|
|
40
|
-
*
|
|
58
|
+
* Adjusts the offset of the React Tooltip relative to its target. Expects a tuple `[x-axis, y-axis]`.
|
|
59
|
+
*
|
|
60
|
+
* @example
|
|
61
|
+
* // Offset the menu 0px in X and 10px in Y direction
|
|
62
|
+
* <CTooltip offset={[0, 10]}>...</CTooltip>
|
|
63
|
+
*
|
|
64
|
+
* // Offset the menu 5px in both X and Y direction
|
|
65
|
+
* <CTooltip offset={[5, 5]}>...</CTooltip>
|
|
41
66
|
*/
|
|
42
67
|
offset?: [number, number];
|
|
43
68
|
/**
|
|
44
|
-
* Callback fired
|
|
69
|
+
* Callback fired immediately after the React Tooltip is hidden.
|
|
45
70
|
*/
|
|
46
71
|
onHide?: () => void;
|
|
47
72
|
/**
|
|
48
|
-
* Callback fired
|
|
73
|
+
* Callback fired immediately after the React Tooltip is shown.
|
|
49
74
|
*/
|
|
50
75
|
onShow?: () => void;
|
|
51
76
|
/**
|
|
52
|
-
*
|
|
77
|
+
* Initial placement of the React Tooltip. Note that Popper.js modifiers may alter this placement automatically if there's insufficient space in the chosen position.
|
|
78
|
+
*/
|
|
79
|
+
placement?: 'auto' | 'top' | 'right' | 'bottom' | 'left';
|
|
80
|
+
/**
|
|
81
|
+
* Customize the Popper.js configuration used to position the React Tooltip. Pass either an object or a function returning a modified config. [Learn more](https://popper.js.org/docs/v2/constructors/#options)
|
|
53
82
|
*
|
|
54
|
-
* @
|
|
83
|
+
* @example
|
|
84
|
+
* <CTooltip
|
|
85
|
+
* popperConfig={(defaultConfig) => ({
|
|
86
|
+
* ...defaultConfig,
|
|
87
|
+
* strategy: 'fixed',
|
|
88
|
+
* modifiers: [
|
|
89
|
+
* ...defaultConfig.modifiers,
|
|
90
|
+
* { name: 'computeStyles', options: { adaptive: false } },
|
|
91
|
+
* ],
|
|
92
|
+
* })}
|
|
93
|
+
* >...</CTooltip>
|
|
94
|
+
*
|
|
95
|
+
* @since 5.5.0
|
|
55
96
|
*/
|
|
56
|
-
|
|
97
|
+
popperConfig?: Partial<Options> | ((defaultPopperConfig: Partial<Options>) => Partial<Options>);
|
|
57
98
|
/**
|
|
58
|
-
*
|
|
99
|
+
* Determines the events that toggle the visibility of the React Tooltip. Can be a single trigger or an array of triggers.
|
|
100
|
+
*
|
|
101
|
+
* @example
|
|
102
|
+
* // Hover-only tooltip
|
|
103
|
+
* <CTooltip trigger="hover">...</CTooltip>
|
|
104
|
+
*
|
|
105
|
+
* // Hover + click combined
|
|
106
|
+
* <CTooltip trigger={['hover', 'click']}>...</CTooltip>
|
|
107
|
+
*
|
|
108
|
+
* @type 'hover' | 'focus' | 'click' | ('hover' | 'focus' | 'click')[]
|
|
59
109
|
*/
|
|
60
|
-
|
|
110
|
+
trigger?: Triggers | Triggers[];
|
|
61
111
|
/**
|
|
62
|
-
*
|
|
112
|
+
* Controls the visibility of the React Tooltip.
|
|
113
|
+
* - `true` to show the tooltip.
|
|
114
|
+
* - `false` to hide the tooltip.
|
|
63
115
|
*/
|
|
64
116
|
visible?: boolean;
|
|
65
117
|
}
|
|
@@ -12,7 +12,7 @@ var useForkedRef = require('../../hooks/useForkedRef.js');
|
|
|
12
12
|
var props = require('../../props.js');
|
|
13
13
|
|
|
14
14
|
var CTooltip = React.forwardRef(function (_a, ref) {
|
|
15
|
-
var children = _a.children, _b = _a.animation, animation = _b === void 0 ? true : _b, className = _a.className, container = _a.container, content = _a.content, _c = _a.delay, delay = _c === void 0 ? 0 : _c, _d = _a.fallbackPlacements, fallbackPlacements = _d === void 0 ? ['top', 'right', 'bottom', 'left'] : _d, _e = _a.offset, offset = _e === void 0 ? [0, 6] : _e, onHide = _a.onHide, onShow = _a.onShow, _f = _a.placement, placement = _f === void 0 ? 'top' : _f, _g = _a.trigger, trigger = _g === void 0 ? ['hover', 'focus'] : _g, visible = _a.visible, rest = tslib_es6.__rest(_a, ["children", "animation", "className", "container", "content", "delay", "fallbackPlacements", "offset", "onHide", "onShow", "placement", "trigger", "visible"]);
|
|
15
|
+
var children = _a.children, _b = _a.animation, animation = _b === void 0 ? true : _b, className = _a.className, container = _a.container, content = _a.content, _c = _a.delay, delay = _c === void 0 ? 0 : _c, _d = _a.fallbackPlacements, fallbackPlacements = _d === void 0 ? ['top', 'right', 'bottom', 'left'] : _d, _e = _a.offset, offset = _e === void 0 ? [0, 6] : _e, onHide = _a.onHide, onShow = _a.onShow, _f = _a.placement, placement = _f === void 0 ? 'top' : _f, popperConfig = _a.popperConfig, _g = _a.trigger, trigger = _g === void 0 ? ['hover', 'focus'] : _g, visible = _a.visible, rest = tslib_es6.__rest(_a, ["children", "animation", "className", "container", "content", "delay", "fallbackPlacements", "offset", "onHide", "onShow", "placement", "popperConfig", "trigger", "visible"]);
|
|
16
16
|
var tooltipRef = React.useRef(null);
|
|
17
17
|
var togglerRef = React.useRef(null);
|
|
18
18
|
var forkedRef = useForkedRef.useForkedRef(ref, tooltipRef);
|
|
@@ -21,29 +21,15 @@ var CTooltip = React.forwardRef(function (_a, ref) {
|
|
|
21
21
|
var _j = React.useState(visible), _visible = _j[0], setVisible = _j[1];
|
|
22
22
|
var _k = usePopper.usePopper(), initPopper = _k.initPopper, destroyPopper = _k.destroyPopper, updatePopper = _k.updatePopper;
|
|
23
23
|
var _delay = typeof delay === 'number' ? { show: delay, hide: delay } : delay;
|
|
24
|
-
var
|
|
24
|
+
var defaultPopperConfig = {
|
|
25
25
|
modifiers: [
|
|
26
|
-
{
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
element: '.tooltip-arrow',
|
|
30
|
-
},
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
name: 'flip',
|
|
34
|
-
options: {
|
|
35
|
-
fallbackPlacements: fallbackPlacements,
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
name: 'offset',
|
|
40
|
-
options: {
|
|
41
|
-
offset: offset,
|
|
42
|
-
},
|
|
43
|
-
},
|
|
26
|
+
{ name: 'arrow', options: { element: '.tooltip-arrow' } },
|
|
27
|
+
{ name: 'flip', options: { fallbackPlacements: fallbackPlacements } },
|
|
28
|
+
{ name: 'offset', options: { offset: offset } },
|
|
44
29
|
],
|
|
45
30
|
placement: getRTLPlacement.default(placement, togglerRef.current),
|
|
46
31
|
};
|
|
32
|
+
var computedPopperConfig = tslib_es6.__assign(tslib_es6.__assign({}, defaultPopperConfig), (typeof popperConfig === 'function' ? popperConfig(defaultPopperConfig) : popperConfig));
|
|
47
33
|
React.useEffect(function () {
|
|
48
34
|
if (visible) {
|
|
49
35
|
handleShow();
|
|
@@ -53,7 +39,7 @@ var CTooltip = React.forwardRef(function (_a, ref) {
|
|
|
53
39
|
}, [visible]);
|
|
54
40
|
React.useEffect(function () {
|
|
55
41
|
if (mounted && togglerRef.current && tooltipRef.current) {
|
|
56
|
-
initPopper(togglerRef.current, tooltipRef.current,
|
|
42
|
+
initPopper(togglerRef.current, tooltipRef.current, computedPopperConfig);
|
|
57
43
|
setTimeout(function () {
|
|
58
44
|
setVisible(true);
|
|
59
45
|
}, _delay.show);
|
|
@@ -123,6 +109,7 @@ CTooltip.propTypes = {
|
|
|
123
109
|
onHide: PropTypes.func,
|
|
124
110
|
onShow: PropTypes.func,
|
|
125
111
|
placement: PropTypes.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
|
|
112
|
+
popperConfig: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
126
113
|
trigger: props.triggerPropType,
|
|
127
114
|
visible: PropTypes.bool,
|
|
128
115
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","useId","useState","usePopper","getRTLPlacement","useEffect","executeAfterTransition","__assign","CConditionalPortal","classNames","fallbackPlacementsPropType","triggerPropType"],"mappings":";;;;;;;;;;;;;IA+
|
|
1
|
+
{"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","useId","useState","usePopper","getRTLPlacement","useEffect","executeAfterTransition","__assign","CConditionalPortal","classNames","fallbackPlacementsPropType","triggerPropType"],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { useClipboard } from './useClipboard';
|
|
1
2
|
import { useColorModes } from './useColorModes';
|
|
2
3
|
import { useDebounce } from './useDebounce';
|
|
3
4
|
import { useDebouncedCallback } from './useDebouncedCallback';
|
|
@@ -6,4 +7,4 @@ import { useForkedRef } from './useForkedRef';
|
|
|
6
7
|
import { useIsVisible } from './useIsVisible';
|
|
7
8
|
import { usePopper } from './usePopper';
|
|
8
9
|
import { useStateWithCallback } from './useStateWithCallback';
|
|
9
|
-
export { useColorModes, useDebounce, useDebouncedCallback, useDropdownWithPopper, useForkedRef, useIsVisible, usePopper, useStateWithCallback, };
|
|
10
|
+
export { useClipboard, useColorModes, useDebounce, useDebouncedCallback, useDropdownWithPopper, useForkedRef, useIsVisible, usePopper, useStateWithCallback, };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* useClipboard Hook
|
|
3
|
+
*
|
|
4
|
+
* Provides functionality to copy text to the clipboard and track the copy status.
|
|
5
|
+
*
|
|
6
|
+
* @returns An object containing the copy function, copy status, and any error encountered.
|
|
7
|
+
*/
|
|
8
|
+
export declare const useClipboard: () => {
|
|
9
|
+
copy: (text: string) => Promise<void>;
|
|
10
|
+
isCopied: boolean;
|
|
11
|
+
error: Error | null;
|
|
12
|
+
};
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var tslib_es6 = require('../node_modules/tslib/tslib.es6.js');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* useClipboard Hook
|
|
8
|
+
*
|
|
9
|
+
* Provides functionality to copy text to the clipboard and track the copy status.
|
|
10
|
+
*
|
|
11
|
+
* @returns An object containing the copy function, copy status, and any error encountered.
|
|
12
|
+
*/
|
|
13
|
+
var useClipboard = function () {
|
|
14
|
+
var _a = React.useState(false), isCopied = _a[0], setIsCopied = _a[1];
|
|
15
|
+
var _b = React.useState(null), error = _b[0], setError = _b[1];
|
|
16
|
+
/**
|
|
17
|
+
* Copies the provided text to the clipboard.
|
|
18
|
+
*
|
|
19
|
+
* @param text - The text to be copied to the clipboard.
|
|
20
|
+
*/
|
|
21
|
+
var copy = React.useCallback(function (text) { return tslib_es6.__awaiter(void 0, void 0, void 0, function () {
|
|
22
|
+
var _error_1;
|
|
23
|
+
return tslib_es6.__generator(this, function (_a) {
|
|
24
|
+
switch (_a.label) {
|
|
25
|
+
case 0:
|
|
26
|
+
if (!(navigator === null || navigator === void 0 ? void 0 : navigator.clipboard)) {
|
|
27
|
+
setError(new Error('Clipboard API is not available'));
|
|
28
|
+
return [2 /*return*/];
|
|
29
|
+
}
|
|
30
|
+
_a.label = 1;
|
|
31
|
+
case 1:
|
|
32
|
+
_a.trys.push([1, 3, , 4]);
|
|
33
|
+
return [4 /*yield*/, navigator.clipboard.writeText(text)];
|
|
34
|
+
case 2:
|
|
35
|
+
_a.sent();
|
|
36
|
+
setIsCopied(true);
|
|
37
|
+
setError(null);
|
|
38
|
+
// Reset the isCopied state after 2 seconds
|
|
39
|
+
setTimeout(function () { return setIsCopied(false); }, 2000);
|
|
40
|
+
return [3 /*break*/, 4];
|
|
41
|
+
case 3:
|
|
42
|
+
_error_1 = _a.sent();
|
|
43
|
+
setError(_error_1);
|
|
44
|
+
setIsCopied(false);
|
|
45
|
+
return [3 /*break*/, 4];
|
|
46
|
+
case 4: return [2 /*return*/];
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
}); }, []);
|
|
50
|
+
return { copy: copy, isCopied: isCopied, error: error };
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
exports.useClipboard = useClipboard;
|
|
54
|
+
//# sourceMappingURL=useClipboard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useClipboard.js","sources":["../../../src/hooks/useClipboard.ts"],"sourcesContent":[null],"names":["useState","useCallback","__awaiter"],"mappings":";;;;;AAEA;;;;;;AAMG;AACU,IAAA,YAAY,GAAG,YAAA;IACpB,IAAA,EAAA,GAA0BA,cAAQ,CAAU,KAAK,CAAC,EAAjD,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,WAAW,GAAA,EAAA,CAAA,CAAA,CAA4B;IAClD,IAAA,EAAA,GAAoBA,cAAQ,CAAe,IAAI,CAAC,EAA/C,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAgC;AAEtD;;;;AAIG;AACH,IAAA,IAAM,IAAI,GAAGC,iBAAW,CAAC,UAAO,IAAY,EAAA,EAAA,OAAAC,mBAAA,CAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,YAAA;;;;;oBAC1C,IAAI,EAAC,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAS,CAAE,SAAS,CAAA,EAAE;AACzB,wBAAA,QAAQ,CAAC,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;wBACrD,OAAM,CAAA,CAAA,YAAA;;;;;oBAIN,OAAM,CAAA,CAAA,YAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;;AAAzC,oBAAA,EAAA,CAAA,IAAA,EAAyC;oBACzC,WAAW,CAAC,IAAI,CAAC;oBACjB,QAAQ,CAAC,IAAI,CAAC;;AAEd,oBAAA,UAAU,CAAC,YAAA,EAAM,OAAA,WAAW,CAAC,KAAK,CAAC,CAAA,EAAA,EAAE,IAAI,CAAC;;;;oBAE1C,QAAQ,CAAC,QAAe,CAAC;oBACzB,WAAW,CAAC,KAAK,CAAC;;;;;SAErB,EAAE,EAAE,CAAC;IAEN,OAAO,EAAE,IAAI,EAAA,IAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,EAAA,KAAA,EAAE;AAClC;;;;"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -144,6 +144,7 @@ var CWidgetStatsC = require('./components/widgets/CWidgetStatsC.js');
|
|
|
144
144
|
var CWidgetStatsD = require('./components/widgets/CWidgetStatsD.js');
|
|
145
145
|
var CWidgetStatsE = require('./components/widgets/CWidgetStatsE.js');
|
|
146
146
|
var CWidgetStatsF = require('./components/widgets/CWidgetStatsF.js');
|
|
147
|
+
var useClipboard = require('./hooks/useClipboard.js');
|
|
147
148
|
var useColorModes = require('./hooks/useColorModes.js');
|
|
148
149
|
var useDebounce = require('./hooks/useDebounce.js');
|
|
149
150
|
var useDebouncedCallback = require('./hooks/useDebouncedCallback.js');
|
|
@@ -299,6 +300,7 @@ exports.CWidgetStatsC = CWidgetStatsC.CWidgetStatsC;
|
|
|
299
300
|
exports.CWidgetStatsD = CWidgetStatsD.CWidgetStatsD;
|
|
300
301
|
exports.CWidgetStatsE = CWidgetStatsE.CWidgetStatsE;
|
|
301
302
|
exports.CWidgetStatsF = CWidgetStatsF.CWidgetStatsF;
|
|
303
|
+
exports.useClipboard = useClipboard.useClipboard;
|
|
302
304
|
exports.useColorModes = useColorModes.useColorModes;
|
|
303
305
|
exports.useDebounce = useDebounce.useDebounce;
|
|
304
306
|
exports.useDebouncedCallback = useDebouncedCallback.useDebouncedCallback;
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -133,7 +133,7 @@ function requireLib () {
|
|
|
133
133
|
}
|
|
134
134
|
|
|
135
135
|
function _createClass(Constructor, protoProps, staticProps) {
|
|
136
|
-
|
|
136
|
+
_defineProperties(Constructor.prototype, protoProps);
|
|
137
137
|
return Constructor;
|
|
138
138
|
}
|
|
139
139
|
|