@coreui/react-pro 5.0.0 → 5.1.0-alpha.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/index.d.ts +1 -0
- package/dist/cjs/components/popover/CPopover.js +41 -40
- package/dist/cjs/components/popover/CPopover.js.map +1 -1
- package/dist/cjs/components/rating/CRating.d.ts +70 -0
- package/dist/cjs/components/rating/CRating.js +123 -0
- package/dist/cjs/components/rating/CRating.js.map +1 -0
- package/dist/cjs/components/rating/index.d.ts +2 -0
- package/dist/cjs/components/tooltip/CTooltip.js +44 -40
- package/dist/cjs/components/tooltip/CTooltip.js.map +1 -1
- package/dist/cjs/hooks/usePopper.d.ts +1 -0
- package/dist/cjs/hooks/usePopper.js +11 -4
- package/dist/cjs/hooks/usePopper.js.map +1 -1
- package/dist/cjs/hooks/useStateWithCallback.d.ts +1 -1
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/node_modules/classnames/index.js +45 -27
- package/dist/cjs/node_modules/classnames/index.js.map +1 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/popover/CPopover.js +41 -40
- package/dist/esm/components/popover/CPopover.js.map +1 -1
- package/dist/esm/components/rating/CRating.d.ts +70 -0
- package/dist/esm/components/rating/CRating.js +121 -0
- package/dist/esm/components/rating/CRating.js.map +1 -0
- package/dist/esm/components/rating/index.d.ts +2 -0
- package/dist/esm/components/tooltip/CTooltip.js +44 -40
- package/dist/esm/components/tooltip/CTooltip.js.map +1 -1
- package/dist/esm/hooks/usePopper.d.ts +1 -0
- package/dist/esm/hooks/usePopper.js +11 -4
- package/dist/esm/hooks/usePopper.js.map +1 -1
- package/dist/esm/hooks/useStateWithCallback.d.ts +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/node_modules/classnames/index.js +45 -27
- package/dist/esm/node_modules/classnames/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/index.ts +1 -0
- package/src/components/popover/CPopover.tsx +51 -66
- package/src/components/rating/CRating.tsx +291 -0
- package/src/components/rating/index.ts +3 -0
- package/src/components/tooltip/CTooltip.tsx +55 -66
- package/src/hooks/usePopper.ts +15 -5
package/README.md
CHANGED
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
|
|
43
43
|
Several quick start options are available:
|
|
44
44
|
|
|
45
|
-
- [Download the latest release](https://github.com/coreui/coreui-react-pro/archive/v5.0.0.zip)
|
|
45
|
+
- [Download the latest release](https://github.com/coreui/coreui-react-pro/archive/v5.1.0-alpha.0.zip)
|
|
46
46
|
- Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
|
|
47
47
|
- Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
|
|
48
48
|
- Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`
|
|
@@ -8,18 +8,18 @@ var CConditionalPortal = require('../conditional-portal/CConditionalPortal.js');
|
|
|
8
8
|
var useForkedRef = require('../../hooks/useForkedRef.js');
|
|
9
9
|
var usePopper = require('../../hooks/usePopper.js');
|
|
10
10
|
var props = require('../../props.js');
|
|
11
|
-
var
|
|
11
|
+
var executeAfterTransition = require('../../utils/executeAfterTransition.js');
|
|
12
12
|
var getRTLPlacement = require('../../utils/getRTLPlacement.js');
|
|
13
|
-
var Transition = require('../../node_modules/react-transition-group/esm/Transition.js');
|
|
14
13
|
|
|
15
14
|
var CPopover = React.forwardRef(function (_a, ref) {
|
|
16
|
-
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, 8] : _e, onHide = _a.onHide
|
|
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, 8] : _e, onHide = _a.onHide, onShow = _a.onShow, _f = _a.placement, placement = _f === void 0 ? 'top' : _f, title = _a.title, _g = _a.trigger, trigger = _g === void 0 ? 'click' : _g, visible = _a.visible, rest = tslib_es6.__rest(_a, ["children", "animation", "className", "container", "content", "delay", "fallbackPlacements", "offset", "onHide", "onShow", "placement", "title", "trigger", "visible"]);
|
|
17
16
|
var popoverRef = React.useRef(null);
|
|
18
17
|
var togglerRef = React.useRef(null);
|
|
19
18
|
var forkedRef = useForkedRef.useForkedRef(ref, popoverRef);
|
|
20
19
|
var uID = React.useRef("popover".concat(Math.floor(Math.random() * 1000000)));
|
|
21
20
|
var _h = usePopper.usePopper(), initPopper = _h.initPopper, destroyPopper = _h.destroyPopper;
|
|
22
|
-
var _j = React.useState(
|
|
21
|
+
var _j = React.useState(false), mounted = _j[0], setMounted = _j[1];
|
|
22
|
+
var _k = React.useState(visible), _visible = _k[0], setVisible = _k[1];
|
|
23
23
|
var _delay = typeof delay === 'number' ? { show: delay, hide: delay } : delay;
|
|
24
24
|
var popperConfig = {
|
|
25
25
|
modifiers: [
|
|
@@ -47,50 +47,51 @@ var CPopover = React.forwardRef(function (_a, ref) {
|
|
|
47
47
|
React.useEffect(function () {
|
|
48
48
|
setVisible(visible);
|
|
49
49
|
}, [visible]);
|
|
50
|
-
|
|
51
|
-
if (
|
|
52
|
-
|
|
53
|
-
|
|
50
|
+
React.useEffect(function () {
|
|
51
|
+
if (_visible) {
|
|
52
|
+
setMounted(true);
|
|
53
|
+
if (popoverRef.current) {
|
|
54
|
+
popoverRef.current.classList.remove('fade', 'show');
|
|
55
|
+
destroyPopper();
|
|
56
|
+
}
|
|
57
|
+
setTimeout(function () {
|
|
58
|
+
if (togglerRef.current && popoverRef.current) {
|
|
59
|
+
if (animation) {
|
|
60
|
+
popoverRef.current.classList.add('fade');
|
|
61
|
+
}
|
|
62
|
+
initPopper(togglerRef.current, popoverRef.current, popperConfig);
|
|
63
|
+
popoverRef.current.classList.add('show');
|
|
64
|
+
onShow && onShow();
|
|
65
|
+
}
|
|
66
|
+
}, _delay.show);
|
|
54
67
|
}
|
|
55
|
-
|
|
56
|
-
|
|
68
|
+
return function () {
|
|
69
|
+
if (popoverRef.current) {
|
|
70
|
+
popoverRef.current.classList.remove('show');
|
|
71
|
+
onHide && onHide();
|
|
72
|
+
executeAfterTransition.default(function () {
|
|
73
|
+
destroyPopper();
|
|
74
|
+
setMounted(false);
|
|
75
|
+
}, popoverRef.current);
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
}, [_visible]);
|
|
57
79
|
return (React.createElement(React.Fragment, null,
|
|
58
80
|
React.cloneElement(children, tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, (_visible && {
|
|
59
81
|
'aria-describedby': uID.current,
|
|
60
82
|
})), { ref: togglerRef }), ((trigger === 'click' || trigger.includes('click')) && {
|
|
61
|
-
onClick: function () { return
|
|
83
|
+
onClick: function () { return setVisible(!_visible); },
|
|
62
84
|
})), ((trigger === 'focus' || trigger.includes('focus')) && {
|
|
63
|
-
onFocus: function () { return
|
|
64
|
-
onBlur: function () { return
|
|
85
|
+
onFocus: function () { return setVisible(true); },
|
|
86
|
+
onBlur: function () { return setVisible(false); },
|
|
65
87
|
})), ((trigger === 'hover' || trigger.includes('hover')) && {
|
|
66
|
-
onMouseEnter: function () { return
|
|
67
|
-
onMouseLeave: function () { return
|
|
88
|
+
onMouseEnter: function () { return setVisible(true); },
|
|
89
|
+
onMouseLeave: function () { return setVisible(false); },
|
|
68
90
|
}))),
|
|
69
|
-
React.createElement(CConditionalPortal.CConditionalPortal, { container: container, portal: true },
|
|
70
|
-
React.createElement(
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
}
|
|
74
|
-
}, onEntering: function () {
|
|
75
|
-
if (togglerRef.current && popoverRef.current) {
|
|
76
|
-
popoverRef.current.style.display = 'initial';
|
|
77
|
-
}
|
|
78
|
-
}, onExit: onHide, onExited: function () {
|
|
79
|
-
destroyPopper();
|
|
80
|
-
}, timeout: {
|
|
81
|
-
enter: 0,
|
|
82
|
-
exit: popoverRef.current
|
|
83
|
-
? getTransitionDurationFromElement.default(popoverRef.current) + 50
|
|
84
|
-
: 200,
|
|
85
|
-
}, unmountOnExit: true }, function (state) { return (React.createElement("div", tslib_es6.__assign({ className: index.default('popover', 'bs-popover-auto', {
|
|
86
|
-
fade: animation,
|
|
87
|
-
show: state === 'entered',
|
|
88
|
-
}, className), id: uID.current, ref: forkedRef, role: "tooltip", style: {
|
|
89
|
-
display: 'none',
|
|
90
|
-
} }, rest),
|
|
91
|
-
React.createElement("div", { className: "popover-arrow" }),
|
|
92
|
-
React.createElement("div", { className: "popover-header" }, title),
|
|
93
|
-
React.createElement("div", { className: "popover-body" }, content))); }))));
|
|
91
|
+
React.createElement(CConditionalPortal.CConditionalPortal, { container: container, portal: true }, mounted && (React.createElement("div", tslib_es6.__assign({ className: index.default('popover', 'bs-popover-auto', className), id: uID.current, ref: forkedRef, role: "tooltip" }, rest),
|
|
92
|
+
React.createElement("div", { className: "popover-arrow" }),
|
|
93
|
+
React.createElement("div", { className: "popover-header" }, title),
|
|
94
|
+
React.createElement("div", { className: "popover-body" }, content))))));
|
|
94
95
|
});
|
|
95
96
|
CPopover.propTypes = {
|
|
96
97
|
animation: PropTypes.bool,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CPopover.js","sources":["../../../../src/components/popover/CPopover.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","usePopper","useState","getRTLPlacement","useEffect","
|
|
1
|
+
{"version":3,"file":"CPopover.js","sources":["../../../../src/components/popover/CPopover.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","usePopper","useState","getRTLPlacement","useEffect","executeAfterTransition","__assign","CConditionalPortal","classNames","fallbackPlacementsPropType","triggerPropType"],"mappings":"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"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
type Icon = {
|
|
3
|
+
[key: number]: JSX.Element;
|
|
4
|
+
};
|
|
5
|
+
export interface CRatingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
6
|
+
/**
|
|
7
|
+
* The default icon to display when the item is selected.
|
|
8
|
+
*/
|
|
9
|
+
activeIcon?: string | JSX.Element | Icon;
|
|
10
|
+
/**
|
|
11
|
+
* Enables the clearing upon clicking the selected item again.
|
|
12
|
+
*/
|
|
13
|
+
allowClear?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* A string of all className you want applied to the component.
|
|
16
|
+
*/
|
|
17
|
+
className?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Toggle the disabled state for the component.
|
|
20
|
+
*/
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* If enabled, only the currently selected icon will be visibly highlighted.
|
|
24
|
+
*/
|
|
25
|
+
highlightOnlySelected?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* The default icon to display when the item is not selected.
|
|
28
|
+
*/
|
|
29
|
+
icon?: string | JSX.Element | Icon;
|
|
30
|
+
/**
|
|
31
|
+
* The maximum value the user can select.
|
|
32
|
+
*/
|
|
33
|
+
max?: number;
|
|
34
|
+
/**
|
|
35
|
+
* The name attribute of the radio input elements.
|
|
36
|
+
*/
|
|
37
|
+
name?: string;
|
|
38
|
+
/**
|
|
39
|
+
* Execute a function when a user changes the selected element.
|
|
40
|
+
*/
|
|
41
|
+
onChange?: (value: number | null) => void;
|
|
42
|
+
/**
|
|
43
|
+
* Execute a function when a user hover the element.
|
|
44
|
+
*/
|
|
45
|
+
onHover?: (value: number) => void;
|
|
46
|
+
/**
|
|
47
|
+
* Minimum increment value change allowed.
|
|
48
|
+
*/
|
|
49
|
+
precision?: number;
|
|
50
|
+
/**
|
|
51
|
+
* Toggle the readonly state for the component.
|
|
52
|
+
*/
|
|
53
|
+
readOnly?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Size the component small, large, or custom if you define custom icons with custom height.
|
|
56
|
+
*/
|
|
57
|
+
size?: 'sm' | 'lg' | 'custom';
|
|
58
|
+
/**
|
|
59
|
+
* Enable tooltips with default values or set specific labels for each icon.
|
|
60
|
+
*/
|
|
61
|
+
tooltips?: boolean | string[];
|
|
62
|
+
/**
|
|
63
|
+
* The `value` attribute of component.
|
|
64
|
+
*
|
|
65
|
+
* @controllable onChange
|
|
66
|
+
* */
|
|
67
|
+
value?: number;
|
|
68
|
+
}
|
|
69
|
+
export declare const CRating: React.ForwardRefExoticComponent<CRatingProps & React.RefAttributes<HTMLDivElement>>;
|
|
70
|
+
export {};
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var PropTypes = require('prop-types');
|
|
6
|
+
var index = require('../../node_modules/classnames/index.js');
|
|
7
|
+
var CTooltip = require('../tooltip/CTooltip.js');
|
|
8
|
+
|
|
9
|
+
var CConditionalTooltip = function (_a) {
|
|
10
|
+
var children = _a.children, content = _a.content, tooltip = _a.tooltip;
|
|
11
|
+
return tooltip ? (React.createElement(CTooltip.CTooltip, { content: content },
|
|
12
|
+
React.createElement("span", null, children))) : (children);
|
|
13
|
+
};
|
|
14
|
+
var CRating = React.forwardRef(function (_a, ref) {
|
|
15
|
+
var _b;
|
|
16
|
+
var activeIcon = _a.activeIcon, allowClear = _a.allowClear, className = _a.className, disabled = _a.disabled, highlightOnlySelected = _a.highlightOnlySelected, icon = _a.icon, _c = _a.max, max = _c === void 0 ? 5 : _c, name = _a.name, onChange = _a.onChange, onHover = _a.onHover, _d = _a.precision, precision = _d === void 0 ? 1 : _d, readOnly = _a.readOnly, size = _a.size, tooltips = _a.tooltips, value = _a.value, rest = tslib_es6.__rest(_a, ["activeIcon", "allowClear", "className", "disabled", "highlightOnlySelected", "icon", "max", "name", "onChange", "onHover", "precision", "readOnly", "size", "tooltips", "value"]);
|
|
17
|
+
var _e = React.useState(false), cleared = _e[0], setCleared = _e[1];
|
|
18
|
+
var _f = React.useState(value !== null && value !== void 0 ? value : null), currentValue = _f[0], setCurrentValue = _f[1];
|
|
19
|
+
var _g = React.useState(null), hoverValue = _g[0], setHoverValue = _g[1];
|
|
20
|
+
var _h = React.useState(null), tooltipValue = _h[0], setTooltipValue = _h[1];
|
|
21
|
+
var _name = name || React.useId();
|
|
22
|
+
var handleMouseEnter = function (value) {
|
|
23
|
+
if (disabled || readOnly) {
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
onHover && onHover(value);
|
|
27
|
+
setHoverValue(value);
|
|
28
|
+
value && setTooltipValue(value);
|
|
29
|
+
};
|
|
30
|
+
var handleOnChange = function (value) {
|
|
31
|
+
if (disabled || readOnly) {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
if (cleared) {
|
|
35
|
+
setCleared(false);
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
setCurrentValue(value);
|
|
39
|
+
onChange && onChange(value);
|
|
40
|
+
};
|
|
41
|
+
var handleOnClick = function (value) {
|
|
42
|
+
if (disabled || readOnly) {
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
if (allowClear && value === currentValue) {
|
|
46
|
+
setCleared(true);
|
|
47
|
+
onChange && onChange(null);
|
|
48
|
+
setCurrentValue(null);
|
|
49
|
+
setHoverValue(null);
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
return (React.createElement("div", tslib_es6.__assign({ className: index.default('rating', (_b = {},
|
|
53
|
+
_b["rating-".concat(size)] = size,
|
|
54
|
+
_b.disabled = disabled,
|
|
55
|
+
_b.readonly = readOnly,
|
|
56
|
+
_b), className), onMouseLeave: function () { return !disabled && !readOnly && setHoverValue(null); }, role: "radiogroup" }, rest, { ref: ref }), Array.from({ length: max }, function (_, index$1) {
|
|
57
|
+
var numberOfRadios = 1 / precision;
|
|
58
|
+
return (React.createElement(CConditionalTooltip, tslib_es6.__assign({ key: index$1 }, (tooltips && {
|
|
59
|
+
content: Array.isArray(tooltips)
|
|
60
|
+
? tooltips[index$1]
|
|
61
|
+
: precision
|
|
62
|
+
? tooltipValue
|
|
63
|
+
: index$1 + 1,
|
|
64
|
+
tooltip: true,
|
|
65
|
+
})),
|
|
66
|
+
React.createElement("div", { className: "rating-item" }, Array.from({ length: numberOfRadios }, function (_, _index) {
|
|
67
|
+
var _a, _b;
|
|
68
|
+
var isNotLastItem = _index + 1 < numberOfRadios;
|
|
69
|
+
var value = numberOfRadios === 1 ? index$1 + 1 : index$1 + (_index + 1) * (1 * precision);
|
|
70
|
+
var id = React.useId();
|
|
71
|
+
var isItemChecked = function () { return value === currentValue; };
|
|
72
|
+
var isItemActive = function () {
|
|
73
|
+
if (highlightOnlySelected
|
|
74
|
+
? hoverValue === value
|
|
75
|
+
: hoverValue && hoverValue >= value) {
|
|
76
|
+
return true;
|
|
77
|
+
}
|
|
78
|
+
if (hoverValue === null &&
|
|
79
|
+
(highlightOnlySelected
|
|
80
|
+
? isItemChecked()
|
|
81
|
+
: currentValue && currentValue >= value)) {
|
|
82
|
+
return true;
|
|
83
|
+
}
|
|
84
|
+
return false;
|
|
85
|
+
};
|
|
86
|
+
return (React.createElement(React.Fragment, { key: value },
|
|
87
|
+
React.createElement("label", tslib_es6.__assign({ className: index.default('rating-item-label', {
|
|
88
|
+
active: isItemActive(),
|
|
89
|
+
}), htmlFor: id, onClick: function () { return handleOnClick(value); }, onMouseEnter: function () { return handleMouseEnter(value); } }, (isNotLastItem && {
|
|
90
|
+
style: {
|
|
91
|
+
zIndex: 1 / precision - _index,
|
|
92
|
+
position: 'absolute',
|
|
93
|
+
width: "".concat(precision * (_index + 1) * 100, "%"),
|
|
94
|
+
overflow: 'hidden',
|
|
95
|
+
opacity: 0,
|
|
96
|
+
},
|
|
97
|
+
})),
|
|
98
|
+
icon ? (React.createElement("div", { className: "rating-item-custom-icon" }, (_a = icon[value]) !== null && _a !== void 0 ? _a : icon)) : (React.createElement("div", { className: "rating-item-icon" })),
|
|
99
|
+
activeIcon && (React.createElement("div", { className: "rating-item-custom-icon-active" }, (_b = activeIcon[value]) !== null && _b !== void 0 ? _b : activeIcon))),
|
|
100
|
+
React.createElement("input", { className: "rating-item-input", checked: isItemChecked(), disabled: disabled || readOnly, id: id, name: _name, onChange: function () { return handleOnChange(value); }, onFocus: function () { return handleMouseEnter(value); }, type: "radio", value: value })));
|
|
101
|
+
}))));
|
|
102
|
+
})));
|
|
103
|
+
});
|
|
104
|
+
CRating.propTypes = {
|
|
105
|
+
children: PropTypes.node,
|
|
106
|
+
activeIcon: PropTypes.any,
|
|
107
|
+
allowClear: PropTypes.bool,
|
|
108
|
+
disabled: PropTypes.bool,
|
|
109
|
+
highlightOnlySelected: PropTypes.bool,
|
|
110
|
+
icon: PropTypes.any,
|
|
111
|
+
max: PropTypes.number,
|
|
112
|
+
name: PropTypes.string,
|
|
113
|
+
onChange: PropTypes.func,
|
|
114
|
+
onHover: PropTypes.func,
|
|
115
|
+
precision: PropTypes.number,
|
|
116
|
+
readOnly: PropTypes.bool,
|
|
117
|
+
size: PropTypes.oneOf(['sm', 'lg', 'custom']),
|
|
118
|
+
value: PropTypes.number,
|
|
119
|
+
};
|
|
120
|
+
CRating.displayName = 'CRating';
|
|
121
|
+
|
|
122
|
+
exports.CRating = CRating;
|
|
123
|
+
//# sourceMappingURL=CRating.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CRating.js","sources":["../../../../src/components/rating/CRating.tsx"],"sourcesContent":[null],"names":["CTooltip","forwardRef","__rest","useState","useId","__assign","classNames","index","Fragment"],"mappings":"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"}
|
|
@@ -8,18 +8,18 @@ var CConditionalPortal = require('../conditional-portal/CConditionalPortal.js');
|
|
|
8
8
|
var useForkedRef = require('../../hooks/useForkedRef.js');
|
|
9
9
|
var usePopper = require('../../hooks/usePopper.js');
|
|
10
10
|
var props = require('../../props.js');
|
|
11
|
-
var
|
|
11
|
+
var executeAfterTransition = require('../../utils/executeAfterTransition.js');
|
|
12
12
|
var getRTLPlacement = require('../../utils/getRTLPlacement.js');
|
|
13
|
-
var Transition = require('../../node_modules/react-transition-group/esm/Transition.js');
|
|
14
13
|
|
|
15
14
|
var CTooltip = React.forwardRef(function (_a, ref) {
|
|
16
|
-
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
|
|
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"]);
|
|
17
16
|
var tooltipRef = React.useRef(null);
|
|
18
17
|
var togglerRef = React.useRef(null);
|
|
19
18
|
var forkedRef = useForkedRef.useForkedRef(ref, tooltipRef);
|
|
20
19
|
var uID = React.useRef("tooltip".concat(Math.floor(Math.random() * 1000000)));
|
|
21
|
-
var _h = usePopper.usePopper(), initPopper = _h.initPopper, destroyPopper = _h.destroyPopper;
|
|
22
|
-
var _j = React.useState(
|
|
20
|
+
var _h = usePopper.usePopper(), initPopper = _h.initPopper, destroyPopper = _h.destroyPopper, updatePopper = _h.updatePopper;
|
|
21
|
+
var _j = React.useState(false), mounted = _j[0], setMounted = _j[1];
|
|
22
|
+
var _k = React.useState(visible), _visible = _k[0], setVisible = _k[1];
|
|
23
23
|
var _delay = typeof delay === 'number' ? { show: delay, hide: delay } : delay;
|
|
24
24
|
var popperConfig = {
|
|
25
25
|
modifiers: [
|
|
@@ -47,49 +47,53 @@ var CTooltip = React.forwardRef(function (_a, ref) {
|
|
|
47
47
|
React.useEffect(function () {
|
|
48
48
|
setVisible(visible);
|
|
49
49
|
}, [visible]);
|
|
50
|
-
|
|
51
|
-
if (
|
|
52
|
-
|
|
53
|
-
|
|
50
|
+
React.useEffect(function () {
|
|
51
|
+
if (_visible) {
|
|
52
|
+
setMounted(true);
|
|
53
|
+
if (tooltipRef.current) {
|
|
54
|
+
tooltipRef.current.classList.remove('fade', 'show');
|
|
55
|
+
destroyPopper();
|
|
56
|
+
}
|
|
57
|
+
setTimeout(function () {
|
|
58
|
+
if (togglerRef.current && tooltipRef.current) {
|
|
59
|
+
if (animation) {
|
|
60
|
+
tooltipRef.current.classList.add('fade');
|
|
61
|
+
}
|
|
62
|
+
initPopper(togglerRef.current, tooltipRef.current, popperConfig);
|
|
63
|
+
tooltipRef.current.classList.add('show');
|
|
64
|
+
onShow && onShow();
|
|
65
|
+
}
|
|
66
|
+
}, _delay.show);
|
|
54
67
|
}
|
|
55
|
-
|
|
56
|
-
|
|
68
|
+
return function () {
|
|
69
|
+
if (tooltipRef.current) {
|
|
70
|
+
tooltipRef.current.classList.remove('show');
|
|
71
|
+
onHide && onHide();
|
|
72
|
+
executeAfterTransition.default(function () {
|
|
73
|
+
destroyPopper();
|
|
74
|
+
setMounted(false);
|
|
75
|
+
}, tooltipRef.current);
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
}, [_visible]);
|
|
79
|
+
React.useEffect(function () {
|
|
80
|
+
updatePopper();
|
|
81
|
+
}, [content]);
|
|
57
82
|
return (React.createElement(React.Fragment, null,
|
|
58
83
|
React.cloneElement(children, tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, (_visible && {
|
|
59
84
|
'aria-describedby': uID.current,
|
|
60
85
|
})), { ref: togglerRef }), ((trigger === 'click' || trigger.includes('click')) && {
|
|
61
|
-
onClick: function () { return
|
|
86
|
+
onClick: function () { return setVisible(!_visible); },
|
|
62
87
|
})), ((trigger === 'focus' || trigger.includes('focus')) && {
|
|
63
|
-
onFocus: function () { return
|
|
64
|
-
onBlur: function () { return
|
|
88
|
+
onFocus: function () { return setVisible(true); },
|
|
89
|
+
onBlur: function () { return setVisible(false); },
|
|
65
90
|
})), ((trigger === 'hover' || trigger.includes('hover')) && {
|
|
66
|
-
onMouseEnter: function () { return
|
|
67
|
-
onMouseLeave: function () { return
|
|
91
|
+
onMouseEnter: function () { return setVisible(true); },
|
|
92
|
+
onMouseLeave: function () { return setVisible(false); },
|
|
68
93
|
}))),
|
|
69
|
-
React.createElement(CConditionalPortal.CConditionalPortal, { container: container, portal: true },
|
|
70
|
-
React.createElement(
|
|
71
|
-
|
|
72
|
-
initPopper(togglerRef.current, tooltipRef.current, popperConfig);
|
|
73
|
-
}
|
|
74
|
-
}, onEntering: function () {
|
|
75
|
-
if (togglerRef.current && tooltipRef.current) {
|
|
76
|
-
tooltipRef.current.style.display = 'initial';
|
|
77
|
-
}
|
|
78
|
-
}, onExit: onHide, onExited: function () {
|
|
79
|
-
destroyPopper();
|
|
80
|
-
}, timeout: {
|
|
81
|
-
enter: 0,
|
|
82
|
-
exit: tooltipRef.current
|
|
83
|
-
? getTransitionDurationFromElement.default(tooltipRef.current) + 50
|
|
84
|
-
: 200,
|
|
85
|
-
}, unmountOnExit: true }, function (state) { return (React.createElement("div", tslib_es6.__assign({ className: index.default('tooltip', 'bs-tooltip-auto', {
|
|
86
|
-
fade: animation,
|
|
87
|
-
show: state === 'entered',
|
|
88
|
-
}, className), id: uID.current, ref: forkedRef, role: "tooltip", style: {
|
|
89
|
-
display: 'none',
|
|
90
|
-
} }, rest),
|
|
91
|
-
React.createElement("div", { className: "tooltip-arrow" }),
|
|
92
|
-
React.createElement("div", { className: "tooltip-inner" }, content))); }))));
|
|
94
|
+
React.createElement(CConditionalPortal.CConditionalPortal, { container: container, portal: true }, mounted && (React.createElement("div", tslib_es6.__assign({ className: index.default('tooltip', 'bs-tooltip-auto', className), id: uID.current, ref: forkedRef, role: "tooltip" }, rest),
|
|
95
|
+
React.createElement("div", { className: "tooltip-arrow" }),
|
|
96
|
+
React.createElement("div", { className: "tooltip-inner" }, content))))));
|
|
93
97
|
});
|
|
94
98
|
CTooltip.propTypes = {
|
|
95
99
|
animation: PropTypes.bool,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","usePopper","useState","getRTLPlacement","useEffect","
|
|
1
|
+
{"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","usePopper","useState","getRTLPlacement","useEffect","executeAfterTransition","__assign","CConditionalPortal","classNames","fallbackPlacementsPropType","triggerPropType"],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ interface UsePopperOutput {
|
|
|
3
3
|
popper: Instance | undefined;
|
|
4
4
|
initPopper: (reference: HTMLElement, popper: HTMLElement, options: Partial<Options>) => void;
|
|
5
5
|
destroyPopper: () => void;
|
|
6
|
+
updatePopper: (options?: Partial<Options>) => void;
|
|
6
7
|
}
|
|
7
8
|
export declare const usePopper: () => UsePopperOutput;
|
|
8
9
|
export {};
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var core = require('@popperjs/core');
|
|
5
|
-
var executeAfterTransition = require('../utils/executeAfterTransition.js');
|
|
6
5
|
|
|
7
6
|
var usePopper = function () {
|
|
8
7
|
var _popper = React.useRef();
|
|
@@ -14,16 +13,24 @@ var usePopper = function () {
|
|
|
14
13
|
var destroyPopper = function () {
|
|
15
14
|
var popperInstance = _popper.current;
|
|
16
15
|
if (popperInstance && el.current) {
|
|
17
|
-
|
|
18
|
-
popperInstance.destroy();
|
|
19
|
-
}, el.current);
|
|
16
|
+
popperInstance.destroy();
|
|
20
17
|
}
|
|
21
18
|
_popper.current = undefined;
|
|
22
19
|
};
|
|
20
|
+
var updatePopper = function (options) {
|
|
21
|
+
var popperInstance = _popper.current;
|
|
22
|
+
if (popperInstance && options) {
|
|
23
|
+
popperInstance.setOptions(options);
|
|
24
|
+
}
|
|
25
|
+
if (popperInstance) {
|
|
26
|
+
popperInstance.update();
|
|
27
|
+
}
|
|
28
|
+
};
|
|
23
29
|
return {
|
|
24
30
|
popper: _popper.current,
|
|
25
31
|
initPopper: initPopper,
|
|
26
32
|
destroyPopper: destroyPopper,
|
|
33
|
+
updatePopper: updatePopper,
|
|
27
34
|
};
|
|
28
35
|
};
|
|
29
36
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopper.js","sources":["../../../src/hooks/usePopper.ts"],"sourcesContent":[null],"names":["useRef","createPopper"
|
|
1
|
+
{"version":3,"file":"usePopper.js","sources":["../../../src/hooks/usePopper.ts"],"sourcesContent":[null],"names":["useRef","createPopper"],"mappings":";;;;;AAWa,IAAA,SAAS,GAAG,YAAA;AACvB,IAAA,IAAM,OAAO,GAAGA,YAAM,EAAY,CAAA;AAClC,IAAA,IAAM,EAAE,GAAGA,YAAM,EAAe,CAAA;AAEhC,IAAA,IAAM,UAAU,GAAG,UAAC,SAAsB,EAAE,MAAmB,EAAE,OAAyB,EAAA;QACxF,OAAO,CAAC,OAAO,GAAGC,iBAAY,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;AAC1D,QAAA,EAAE,CAAC,OAAO,GAAG,MAAM,CAAA;AACrB,KAAC,CAAA;AAED,IAAA,IAAM,aAAa,GAAG,YAAA;AACpB,QAAA,IAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAA;AAEtC,QAAA,IAAI,cAAc,IAAI,EAAE,CAAC,OAAO,EAAE;YAChC,cAAc,CAAC,OAAO,EAAE,CAAA;SACzB;AAED,QAAA,OAAO,CAAC,OAAO,GAAG,SAAS,CAAA;AAC7B,KAAC,CAAA;IAED,IAAM,YAAY,GAAG,UAAC,OAA0B,EAAA;AAC9C,QAAA,IAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAA;AAEtC,QAAA,IAAI,cAAc,IAAI,OAAO,EAAE;AAC7B,YAAA,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;SACnC;QAED,IAAI,cAAc,EAAE;YAClB,cAAc,CAAC,MAAM,EAAE,CAAA;SACxB;AACH,KAAC,CAAA;IAED,OAAO;QACL,MAAM,EAAE,OAAO,CAAC,OAAO;AACvB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,aAAa,EAAA,aAAA;AACb,QAAA,YAAY,EAAA,YAAA;KACb,CAAA;AACH;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
-
export declare const useStateWithCallback: <S>(initialState: S, handler?: (
|
|
2
|
+
export declare const useStateWithCallback: <S>(initialState: S, handler?: (prevState: S) => void, runHandler?: boolean) => [S, Dispatch<SetStateAction<S>>];
|
package/dist/cjs/index.js
CHANGED
|
@@ -104,6 +104,7 @@ var CProgress = require('./components/progress/CProgress.js');
|
|
|
104
104
|
var CProgressBar = require('./components/progress/CProgressBar.js');
|
|
105
105
|
var CProgressStacked = require('./components/progress/CProgressStacked.js');
|
|
106
106
|
var CPopover = require('./components/popover/CPopover.js');
|
|
107
|
+
var CRating = require('./components/rating/CRating.js');
|
|
107
108
|
var CSmartTable = require('./components/smart-table/CSmartTable.js');
|
|
108
109
|
var CSmartPagination = require('./components/smart-pagination/CSmartPagination.js');
|
|
109
110
|
var CSidebar = require('./components/sidebar/CSidebar.js');
|
|
@@ -251,6 +252,7 @@ exports.CProgress = CProgress.CProgress;
|
|
|
251
252
|
exports.CProgressBar = CProgressBar.CProgressBar;
|
|
252
253
|
exports.CProgressStacked = CProgressStacked.CProgressStacked;
|
|
253
254
|
exports.CPopover = CPopover.CPopover;
|
|
255
|
+
exports.CRating = CRating.CRating;
|
|
254
256
|
exports.CSmartTable = CSmartTable.CSmartTable;
|
|
255
257
|
exports.CSmartPagination = CSmartPagination.CSmartPagination;
|
|
256
258
|
exports.CSidebar = CSidebar.CSidebar;
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|