@coreui/react-pro 5.1.0-alpha.0 → 5.2.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/calendar/CCalendar.js +2 -3
- package/dist/cjs/components/calendar/CCalendar.js.map +1 -1
- package/dist/cjs/components/calendar/utils.d.ts +1 -0
- package/dist/cjs/components/calendar/utils.js +14 -5
- package/dist/cjs/components/calendar/utils.js.map +1 -1
- package/dist/cjs/components/date-range-picker/CDateRangePicker.js +1 -1
- package/dist/cjs/components/date-range-picker/CDateRangePicker.js.map +1 -1
- package/dist/cjs/components/dropdown/CDropdown.js +2 -1
- package/dist/cjs/components/dropdown/CDropdown.js.map +1 -1
- package/dist/cjs/components/dropdown/utils.d.ts +0 -1
- package/dist/cjs/components/dropdown/utils.js +0 -13
- package/dist/cjs/components/dropdown/utils.js.map +1 -1
- package/dist/cjs/components/multi-select/CMultiSelect.js +4 -0
- package/dist/cjs/components/multi-select/CMultiSelect.js.map +1 -1
- package/dist/cjs/components/multi-select/CMultiSelectSelection.js +1 -1
- package/dist/cjs/components/multi-select/CMultiSelectSelection.js.map +1 -1
- package/dist/cjs/components/multi-select/utils.js +0 -6
- package/dist/cjs/components/multi-select/utils.js.map +1 -1
- package/dist/cjs/components/rating/CRating.d.ts +3 -3
- package/dist/cjs/components/rating/CRating.js +15 -5
- package/dist/cjs/components/rating/CRating.js.map +1 -1
- package/dist/cjs/components/tabs/CTab.d.ts +12 -0
- package/dist/cjs/components/tabs/CTab.js +25 -0
- package/dist/cjs/components/tabs/CTab.js.map +1 -0
- package/dist/cjs/components/tabs/CTabList.d.ts +16 -0
- package/dist/cjs/components/tabs/CTabList.js +54 -0
- package/dist/cjs/components/tabs/CTabList.js.map +1 -0
- package/dist/cjs/components/tabs/CTabPane.d.ts +6 -0
- package/dist/cjs/components/tabs/CTabPane.js +4 -2
- package/dist/cjs/components/tabs/CTabPane.js.map +1 -1
- package/dist/cjs/components/tabs/CTabPanel.d.ts +28 -0
- package/dist/cjs/components/tabs/CTabPanel.js +43 -0
- package/dist/cjs/components/tabs/CTabPanel.js.map +1 -0
- package/dist/cjs/components/tabs/CTabs.d.ts +22 -0
- package/dist/cjs/components/tabs/CTabs.js +28 -0
- package/dist/cjs/components/tabs/CTabs.js.map +1 -0
- package/dist/cjs/components/tabs/index.d.ts +5 -1
- package/dist/cjs/index.js +8 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/node_modules/react-device-detect/dist/lib.js +0 -1
- package/dist/cjs/node_modules/react-device-detect/dist/lib.js.map +1 -1
- package/dist/cjs/node_modules/react-transition-group/esm/CSSTransition.js +1 -2
- package/dist/cjs/node_modules/react-transition-group/esm/CSSTransition.js.map +1 -1
- package/dist/cjs/node_modules/react-transition-group/esm/Transition.js +1 -2
- package/dist/cjs/node_modules/react-transition-group/esm/Transition.js.map +1 -1
- package/dist/cjs/utils/getNextActiveElement.d.ts +2 -0
- package/dist/cjs/utils/getNextActiveElement.js +19 -0
- package/dist/cjs/utils/getNextActiveElement.js.map +1 -0
- package/dist/cjs/utils/index.d.ts +2 -1
- package/dist/esm/components/calendar/CCalendar.js +2 -3
- package/dist/esm/components/calendar/CCalendar.js.map +1 -1
- package/dist/esm/components/calendar/utils.d.ts +1 -0
- package/dist/esm/components/calendar/utils.js +14 -6
- package/dist/esm/components/calendar/utils.js.map +1 -1
- package/dist/esm/components/date-range-picker/CDateRangePicker.js +1 -1
- package/dist/esm/components/date-range-picker/CDateRangePicker.js.map +1 -1
- package/dist/esm/components/dropdown/CDropdown.js +2 -1
- package/dist/esm/components/dropdown/CDropdown.js.map +1 -1
- package/dist/esm/components/dropdown/utils.d.ts +0 -1
- package/dist/esm/components/dropdown/utils.js +1 -13
- package/dist/esm/components/dropdown/utils.js.map +1 -1
- package/dist/esm/components/multi-select/CMultiSelect.js +4 -0
- package/dist/esm/components/multi-select/CMultiSelect.js.map +1 -1
- package/dist/esm/components/multi-select/CMultiSelectSelection.js +1 -1
- package/dist/esm/components/multi-select/CMultiSelectSelection.js.map +1 -1
- package/dist/esm/components/multi-select/utils.js +0 -6
- package/dist/esm/components/multi-select/utils.js.map +1 -1
- package/dist/esm/components/rating/CRating.d.ts +3 -3
- package/dist/esm/components/rating/CRating.js +16 -6
- package/dist/esm/components/rating/CRating.js.map +1 -1
- package/dist/esm/components/tabs/CTab.d.ts +12 -0
- package/dist/esm/components/tabs/CTab.js +23 -0
- package/dist/esm/components/tabs/CTab.js.map +1 -0
- package/dist/esm/components/tabs/CTabList.d.ts +16 -0
- package/dist/esm/components/tabs/CTabList.js +52 -0
- package/dist/esm/components/tabs/CTabList.js.map +1 -0
- package/dist/esm/components/tabs/CTabPane.d.ts +6 -0
- package/dist/esm/components/tabs/CTabPane.js +4 -2
- package/dist/esm/components/tabs/CTabPane.js.map +1 -1
- package/dist/esm/components/tabs/CTabPanel.d.ts +28 -0
- package/dist/esm/components/tabs/CTabPanel.js +41 -0
- package/dist/esm/components/tabs/CTabPanel.js.map +1 -0
- package/dist/esm/components/tabs/CTabs.d.ts +22 -0
- package/dist/esm/components/tabs/CTabs.js +25 -0
- package/dist/esm/components/tabs/CTabs.js.map +1 -0
- package/dist/esm/components/tabs/index.d.ts +5 -1
- package/dist/esm/index.js +4 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/node_modules/react-device-detect/dist/lib.js +0 -1
- package/dist/esm/node_modules/react-device-detect/dist/lib.js.map +1 -1
- package/dist/esm/node_modules/react-transition-group/esm/CSSTransition.js +1 -2
- package/dist/esm/node_modules/react-transition-group/esm/CSSTransition.js.map +1 -1
- package/dist/esm/node_modules/react-transition-group/esm/Transition.js +1 -2
- package/dist/esm/node_modules/react-transition-group/esm/Transition.js.map +1 -1
- package/dist/esm/utils/getNextActiveElement.d.ts +2 -0
- package/dist/esm/utils/getNextActiveElement.js +15 -0
- package/dist/esm/utils/getNextActiveElement.js.map +1 -0
- package/dist/esm/utils/index.d.ts +2 -1
- package/package.json +12 -12
- package/src/components/calendar/CCalendar.tsx +2 -2
- package/src/components/calendar/utils.ts +23 -7
- package/src/components/date-range-picker/CDateRangePicker.tsx +1 -1
- package/src/components/dropdown/CDropdown.tsx +2 -2
- package/src/components/dropdown/utils.ts +0 -22
- package/src/components/multi-select/CMultiSelect.tsx +5 -0
- package/src/components/multi-select/CMultiSelectSelection.tsx +1 -0
- package/src/components/rating/CRating.tsx +30 -8
- package/src/components/tabs/CTab.tsx +56 -0
- package/src/components/tabs/CTabList.tsx +92 -0
- package/src/components/tabs/CTabPane.tsx +9 -2
- package/src/components/tabs/CTabPanel.tsx +98 -0
- package/src/components/tabs/CTabs.tsx +54 -0
- package/src/components/tabs/index.ts +5 -1
- package/src/utils/getNextActiveElement.ts +23 -0
- package/src/utils/index.ts +2 -0
|
@@ -56,9 +56,6 @@ var flattenOptionsArray = function (options, keepGroupLabel) {
|
|
|
56
56
|
var getNextSibling = function (elem, selector) {
|
|
57
57
|
// Get the next sibling element
|
|
58
58
|
var sibling = elem.nextElementSibling;
|
|
59
|
-
// If there's no selector, return the first sibling
|
|
60
|
-
if (!selector)
|
|
61
|
-
return sibling;
|
|
62
59
|
// If the sibling matches our selector, use it
|
|
63
60
|
// If not, jump to the next sibling and continue the loop
|
|
64
61
|
while (sibling) {
|
|
@@ -71,9 +68,6 @@ var getNextSibling = function (elem, selector) {
|
|
|
71
68
|
var getPreviousSibling = function (elem, selector) {
|
|
72
69
|
// Get the next sibling element
|
|
73
70
|
var sibling = elem.previousElementSibling;
|
|
74
|
-
// If there's no selector, return the first sibling
|
|
75
|
-
if (!selector)
|
|
76
|
-
return sibling;
|
|
77
71
|
// If the sibling matches our selector, use it
|
|
78
72
|
// If not, jump to the next sibling and continue the loop
|
|
79
73
|
while (sibling) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../src/components/multi-select/utils.ts"],"sourcesContent":[null],"names":["__rest","__spreadArray"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../src/components/multi-select/utils.ts"],"sourcesContent":[null],"names":["__rest","__spreadArray"],"mappings":"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"}
|
|
@@ -28,9 +28,9 @@ export interface CRatingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCh
|
|
|
28
28
|
*/
|
|
29
29
|
icon?: string | JSX.Element | Icon;
|
|
30
30
|
/**
|
|
31
|
-
*
|
|
31
|
+
* Specifies the total number of stars to be displayed in the star rating component. This property determines the scale of the rating, such as out of 5 stars, 10 stars, etc.
|
|
32
32
|
*/
|
|
33
|
-
|
|
33
|
+
itemCount?: number;
|
|
34
34
|
/**
|
|
35
35
|
* The name attribute of the radio input elements.
|
|
36
36
|
*/
|
|
@@ -42,7 +42,7 @@ export interface CRatingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCh
|
|
|
42
42
|
/**
|
|
43
43
|
* Execute a function when a user hover the element.
|
|
44
44
|
*/
|
|
45
|
-
onHover?: (value: number) => void;
|
|
45
|
+
onHover?: (value: number | null) => void;
|
|
46
46
|
/**
|
|
47
47
|
* Minimum increment value change allowed.
|
|
48
48
|
*/
|
|
@@ -13,12 +13,15 @@ var CConditionalTooltip = function (_a) {
|
|
|
13
13
|
};
|
|
14
14
|
var CRating = React.forwardRef(function (_a, ref) {
|
|
15
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.
|
|
16
|
+
var activeIcon = _a.activeIcon, allowClear = _a.allowClear, className = _a.className, disabled = _a.disabled, highlightOnlySelected = _a.highlightOnlySelected, icon = _a.icon, _c = _a.itemCount, itemCount = _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", "itemCount", "name", "onChange", "onHover", "precision", "readOnly", "size", "tooltips", "value"]);
|
|
17
17
|
var _e = React.useState(false), cleared = _e[0], setCleared = _e[1];
|
|
18
18
|
var _f = React.useState(value !== null && value !== void 0 ? value : null), currentValue = _f[0], setCurrentValue = _f[1];
|
|
19
19
|
var _g = React.useState(null), hoverValue = _g[0], setHoverValue = _g[1];
|
|
20
20
|
var _h = React.useState(null), tooltipValue = _h[0], setTooltipValue = _h[1];
|
|
21
21
|
var _name = name || React.useId();
|
|
22
|
+
React.useEffect(function () {
|
|
23
|
+
value !== undefined && setCurrentValue(value);
|
|
24
|
+
}, [value]);
|
|
22
25
|
var handleMouseEnter = function (value) {
|
|
23
26
|
if (disabled || readOnly) {
|
|
24
27
|
return;
|
|
@@ -27,6 +30,13 @@ var CRating = React.forwardRef(function (_a, ref) {
|
|
|
27
30
|
setHoverValue(value);
|
|
28
31
|
value && setTooltipValue(value);
|
|
29
32
|
};
|
|
33
|
+
var handleMouseLeave = function () {
|
|
34
|
+
if (disabled || readOnly) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
onHover && onHover(null);
|
|
38
|
+
setHoverValue(null);
|
|
39
|
+
};
|
|
30
40
|
var handleOnChange = function (value) {
|
|
31
41
|
if (disabled || readOnly) {
|
|
32
42
|
return;
|
|
@@ -53,7 +63,7 @@ var CRating = React.forwardRef(function (_a, ref) {
|
|
|
53
63
|
_b["rating-".concat(size)] = size,
|
|
54
64
|
_b.disabled = disabled,
|
|
55
65
|
_b.readonly = readOnly,
|
|
56
|
-
_b), className),
|
|
66
|
+
_b), className), role: "radiogroup" }, rest, { ref: ref }), Array.from({ length: itemCount }, function (_, index$1) {
|
|
57
67
|
var numberOfRadios = 1 / precision;
|
|
58
68
|
return (React.createElement(CConditionalTooltip, tslib_es6.__assign({ key: index$1 }, (tooltips && {
|
|
59
69
|
content: Array.isArray(tooltips)
|
|
@@ -86,7 +96,7 @@ var CRating = React.forwardRef(function (_a, ref) {
|
|
|
86
96
|
return (React.createElement(React.Fragment, { key: value },
|
|
87
97
|
React.createElement("label", tslib_es6.__assign({ className: index.default('rating-item-label', {
|
|
88
98
|
active: isItemActive(),
|
|
89
|
-
}), htmlFor: id, onClick: function () { return handleOnClick(value); }, onMouseEnter: function () { return handleMouseEnter(value); } }, (isNotLastItem && {
|
|
99
|
+
}), htmlFor: id, onClick: function () { return handleOnClick(value); }, onMouseEnter: function () { return handleMouseEnter(value); }, onMouseLeave: function () { return handleMouseLeave(); } }, (isNotLastItem && {
|
|
90
100
|
style: {
|
|
91
101
|
zIndex: 1 / precision - _index,
|
|
92
102
|
position: 'absolute',
|
|
@@ -97,7 +107,7 @@ var CRating = React.forwardRef(function (_a, ref) {
|
|
|
97
107
|
})),
|
|
98
108
|
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
109
|
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 })));
|
|
110
|
+
React.createElement("input", { className: "rating-item-input", checked: isItemChecked(), disabled: disabled || readOnly, id: id, name: _name, onBlur: function () { return handleMouseLeave(); }, onChange: function () { return handleOnChange(value); }, onFocus: function () { return handleMouseEnter(value); }, type: "radio", value: value })));
|
|
101
111
|
}))));
|
|
102
112
|
})));
|
|
103
113
|
});
|
|
@@ -108,7 +118,7 @@ CRating.propTypes = {
|
|
|
108
118
|
disabled: PropTypes.bool,
|
|
109
119
|
highlightOnlySelected: PropTypes.bool,
|
|
110
120
|
icon: PropTypes.any,
|
|
111
|
-
|
|
121
|
+
itemCount: PropTypes.number,
|
|
112
122
|
name: PropTypes.string,
|
|
113
123
|
onChange: PropTypes.func,
|
|
114
124
|
onHover: PropTypes.func,
|
|
@@ -1 +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":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"CRating.js","sources":["../../../../src/components/rating/CRating.tsx"],"sourcesContent":[null],"names":["CTooltip","forwardRef","__rest","useState","useId","useEffect","__assign","classNames","index","Fragment"],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
export interface CTabProps extends HTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
/**
|
|
4
|
+
* A string of all className you want applied to the base component.
|
|
5
|
+
*/
|
|
6
|
+
className?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Item key.
|
|
9
|
+
*/
|
|
10
|
+
itemKey: number | string;
|
|
11
|
+
}
|
|
12
|
+
export declare const CTab: React.ForwardRefExoticComponent<CTabProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,25 @@
|
|
|
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 CTabs = require('./CTabs.js');
|
|
8
|
+
|
|
9
|
+
var CTab = React.forwardRef(function (_a, ref) {
|
|
10
|
+
var children = _a.children, className = _a.className, itemKey = _a.itemKey, rest = tslib_es6.__rest(_a, ["children", "className", "itemKey"]);
|
|
11
|
+
var _b = React.useContext(CTabs.TabsContext), _activeItemKey = _b._activeItemKey, setActiveItemKey = _b.setActiveItemKey, id = _b.id;
|
|
12
|
+
var isActive = function () { return itemKey === _activeItemKey; };
|
|
13
|
+
return (React.createElement("button", tslib_es6.__assign({ className: index.default('nav-link', {
|
|
14
|
+
active: isActive(),
|
|
15
|
+
}, className), id: "".concat(id).concat(itemKey, "-tab"), onClick: function () { return setActiveItemKey(itemKey); }, onFocus: function () { return setActiveItemKey(itemKey); }, role: "tab", tabIndex: isActive() ? 0 : -1, type: "button", "aria-controls": "".concat(id).concat(itemKey, "-tab-pane"), "aria-selected": isActive(), ref: ref }, rest), children));
|
|
16
|
+
});
|
|
17
|
+
CTab.propTypes = {
|
|
18
|
+
children: PropTypes.node,
|
|
19
|
+
className: PropTypes.string,
|
|
20
|
+
itemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
|
|
21
|
+
};
|
|
22
|
+
CTab.displayName = 'CTab';
|
|
23
|
+
|
|
24
|
+
exports.CTab = CTab;
|
|
25
|
+
//# sourceMappingURL=CTab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTab.js","sources":["../../../../src/components/tabs/CTab.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useContext","TabsContext","__assign","classNames"],"mappings":";;;;;;;;IAiBa,IAAI,GAAGA,gBAAU,CAC5B,UAAC,EAAyC,EAAE,GAAG,EAAA;AAA5C,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAAvCC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,SAAA,CAAyC,CAAF,CAAA;AAChC,IAAA,IAAA,EAA2C,GAAAC,gBAAU,CAACC,iBAAW,CAAC,EAAhE,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAAE,EAAE,QAA4B,CAAA;IAExE,IAAM,QAAQ,GAAG,YAAM,EAAA,OAAA,OAAO,KAAK,cAAc,CAA1B,EAA0B,CAAA;AAEjD,IAAA,QACE,KACE,CAAA,aAAA,CAAA,QAAA,EAAAC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,CACnB,UAAU,EACV;YACE,MAAM,EAAE,QAAQ,EAAE;AACnB,SAAA,EACD,SAAS,CACV,EACD,EAAE,EAAE,EAAG,CAAA,MAAA,CAAA,EAAE,CAAG,CAAA,MAAA,CAAA,OAAO,SAAM,EACzB,OAAO,EAAE,YAAA,EAAM,OAAA,gBAAgB,CAAC,OAAO,CAAC,CAAzB,EAAyB,EACxC,OAAO,EAAE,YAAM,EAAA,OAAA,gBAAgB,CAAC,OAAO,CAAC,CAAA,EAAA,EACxC,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,EAC7B,IAAI,EAAC,QAAQ,EAAA,eAAA,EACE,EAAG,CAAA,MAAA,CAAA,EAAE,SAAG,OAAO,EAAA,WAAA,CAAW,EAC1B,eAAA,EAAA,QAAQ,EAAE,EACzB,GAAG,EAAE,GAAG,IACJ,IAAI,CAAA,EAEP,QAAQ,CACF,EACV;AACH,CAAC,EACF;AAED,IAAI,CAAC,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU;CAC9E,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
export interface CTabListProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/**
|
|
4
|
+
* A string of all className you want applied to the base component.
|
|
5
|
+
*/
|
|
6
|
+
className?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Specify a layout type for component.
|
|
9
|
+
*/
|
|
10
|
+
layout?: 'fill' | 'justified';
|
|
11
|
+
/**
|
|
12
|
+
* Set the nav variant to tabs or pills.
|
|
13
|
+
*/
|
|
14
|
+
variant?: 'pills' | 'tabs' | 'underline' | 'underline-border';
|
|
15
|
+
}
|
|
16
|
+
export declare const CTabList: React.ForwardRefExoticComponent<CTabListProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -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
|
+
var PropTypes = require('prop-types');
|
|
6
|
+
var index = require('../../node_modules/classnames/index.js');
|
|
7
|
+
var useForkedRef = require('../../hooks/useForkedRef.js');
|
|
8
|
+
require('@popperjs/core');
|
|
9
|
+
var getNextActiveElement = require('../../utils/getNextActiveElement.js');
|
|
10
|
+
|
|
11
|
+
var CTabList = React.forwardRef(function (_a, ref) {
|
|
12
|
+
var _b;
|
|
13
|
+
var children = _a.children, className = _a.className, layout = _a.layout, variant = _a.variant, rest = tslib_es6.__rest(_a, ["children", "className", "layout", "variant"]);
|
|
14
|
+
var tabListRef = React.useRef(null);
|
|
15
|
+
var forkedRef = useForkedRef.useForkedRef(ref, tabListRef);
|
|
16
|
+
var handleKeydown = function (event) {
|
|
17
|
+
if (tabListRef.current !== null &&
|
|
18
|
+
(event.key === 'ArrowDown' ||
|
|
19
|
+
event.key === 'ArrowUp' ||
|
|
20
|
+
event.key === 'ArrowLeft' ||
|
|
21
|
+
event.key === 'ArrowRight' ||
|
|
22
|
+
event.key === 'Home' ||
|
|
23
|
+
event.key === 'End')) {
|
|
24
|
+
event.preventDefault();
|
|
25
|
+
var target = event.target;
|
|
26
|
+
// eslint-disable-next-line unicorn/prefer-spread
|
|
27
|
+
var items = Array.from(tabListRef.current.querySelectorAll('.nav-link:not(.disabled):not(:disabled)'));
|
|
28
|
+
var nextActiveElement = void 0;
|
|
29
|
+
if (event.key === 'Home' || event.key === 'End') {
|
|
30
|
+
nextActiveElement = event.key === 'End' ? items.at(-1) : items[0];
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
nextActiveElement = getNextActiveElement.default(items, target, event.key === 'ArrowDown' || event.key === 'ArrowRight', true);
|
|
34
|
+
}
|
|
35
|
+
if (nextActiveElement) {
|
|
36
|
+
nextActiveElement.focus({ preventScroll: true });
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
return (React.createElement("div", tslib_es6.__assign({ className: index.default('nav', (_b = {},
|
|
41
|
+
_b["nav-".concat(layout)] = layout,
|
|
42
|
+
_b["nav-".concat(variant)] = variant,
|
|
43
|
+
_b), className), role: "tablist", onKeyDown: handleKeydown, ref: forkedRef }, rest), children));
|
|
44
|
+
});
|
|
45
|
+
CTabList.propTypes = {
|
|
46
|
+
children: PropTypes.node,
|
|
47
|
+
className: PropTypes.string,
|
|
48
|
+
layout: PropTypes.oneOf(['fill', 'justified']),
|
|
49
|
+
variant: PropTypes.oneOf(['pills', 'tabs', 'underline', 'underline-border']),
|
|
50
|
+
};
|
|
51
|
+
CTabList.displayName = 'CTabList';
|
|
52
|
+
|
|
53
|
+
exports.CTabList = CTabList;
|
|
54
|
+
//# sourceMappingURL=CTabList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTabList.js","sources":["../../../../src/components/tabs/CTabList.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","getNextActiveElement","__assign","classNames"],"mappings":";;;;;;;;;;IAsBa,QAAQ,GAAGA,gBAAU,CAChC,UAAC,EAAiD,EAAE,GAAG,EAAA;;AAApD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,eAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAA/C,8CAAiD,CAAF,CAAA;AAC9C,IAAA,IAAM,UAAU,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,IAAM,SAAS,GAAGC,yBAAY,CAAC,GAAG,EAAE,UAAU,CAAC,CAAA;IAE/C,IAAM,aAAa,GAAG,UAAC,KAAoC,EAAA;AACzD,QAAA,IACE,UAAU,CAAC,OAAO,KAAK,IAAI;AAC3B,aAAC,KAAK,CAAC,GAAG,KAAK,WAAW;gBACxB,KAAK,CAAC,GAAG,KAAK,SAAS;gBACvB,KAAK,CAAC,GAAG,KAAK,WAAW;gBACzB,KAAK,CAAC,GAAG,KAAK,YAAY;gBAC1B,KAAK,CAAC,GAAG,KAAK,MAAM;AACpB,gBAAA,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,EACtB;YACA,KAAK,CAAC,cAAc,EAAE,CAAA;AACtB,YAAA,IAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAA;;AAE1C,YAAA,IAAM,KAAK,GAAkB,KAAK,CAAC,IAAI,CACrC,UAAU,CAAC,OAAO,CAAC,gBAAgB,CAAC,yCAAyC,CAAC,CAC/E,CAAA;YAED,IAAI,iBAAiB,SAAA,CAAA;AAErB,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;gBAC/C,iBAAiB,GAAG,KAAK,CAAC,GAAG,KAAK,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;aAClE;iBAAM;gBACL,iBAAiB,GAAGC,4BAAoB,CACtC,KAAK,EACL,MAAM,EACN,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EACvD,IAAI,CACL,CAAA;aACF;YAED,IAAI,iBAAiB,EAAE;gBACrB,iBAAiB,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAA;aACjD;SACF;AACH,KAAC,CAAA;AAED,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAAC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,CACnB,KAAK,GAAA,EAAA,GAAA,EAAA;AAEH,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,OAAO,CAAE,CAAA,GAAG,OAAO;AAE7B,YAAA,EAAA,GAAA,SAAS,CACV,EACD,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,aAAa,EACxB,GAAG,EAAE,SAAS,EACV,EAAA,IAAI,GAEP,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAC9C,IAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAC;CAC7E,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -12,6 +12,12 @@ export interface CTabPaneProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
12
12
|
* Callback fired when the component requests to be shown.
|
|
13
13
|
*/
|
|
14
14
|
onShow?: () => void;
|
|
15
|
+
/**
|
|
16
|
+
* Enable fade in and fade out transition.
|
|
17
|
+
*
|
|
18
|
+
* @since 5.1.0
|
|
19
|
+
*/
|
|
20
|
+
transition?: boolean;
|
|
15
21
|
/**
|
|
16
22
|
* Toggle the visibility of component.
|
|
17
23
|
*/
|
|
@@ -9,11 +9,12 @@ require('@popperjs/core');
|
|
|
9
9
|
var Transition = require('../../node_modules/react-transition-group/esm/Transition.js');
|
|
10
10
|
|
|
11
11
|
var CTabPane = React.forwardRef(function (_a, ref) {
|
|
12
|
-
var children = _a.children, className = _a.className, onHide = _a.onHide, onShow = _a.onShow, visible = _a.visible, rest = tslib_es6.__rest(_a, ["children", "className", "onHide", "onShow", "visible"]);
|
|
12
|
+
var children = _a.children, className = _a.className, onHide = _a.onHide, onShow = _a.onShow, _b = _a.transition, transition = _b === void 0 ? true : _b, visible = _a.visible, rest = tslib_es6.__rest(_a, ["children", "className", "onHide", "onShow", "transition", "visible"]);
|
|
13
13
|
var tabPaneRef = React.useRef();
|
|
14
14
|
var forkedRef = useForkedRef.useForkedRef(ref, tabPaneRef);
|
|
15
|
-
return (React.createElement(Transition.default, { in: visible, nodeRef: tabPaneRef, onEnter: onShow, onExit: onHide, timeout: 150 }, function (state) { return (React.createElement("div", tslib_es6.__assign({ className: index.default('tab-pane',
|
|
15
|
+
return (React.createElement(Transition.default, { in: visible, nodeRef: tabPaneRef, onEnter: onShow, onExit: onHide, timeout: 150 }, function (state) { return (React.createElement("div", tslib_es6.__assign({ className: index.default('tab-pane', {
|
|
16
16
|
active: visible,
|
|
17
|
+
fade: transition,
|
|
17
18
|
show: state === 'entered',
|
|
18
19
|
}, className) }, rest, { ref: forkedRef }), children)); }));
|
|
19
20
|
});
|
|
@@ -22,6 +23,7 @@ CTabPane.propTypes = {
|
|
|
22
23
|
className: PropTypes.string,
|
|
23
24
|
onHide: PropTypes.func,
|
|
24
25
|
onShow: PropTypes.func,
|
|
26
|
+
transition: PropTypes.bool,
|
|
25
27
|
visible: PropTypes.bool,
|
|
26
28
|
};
|
|
27
29
|
CTabPane.displayName = 'CTabPane';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTabPane.js","sources":["../../../../src/components/tabs/CTabPane.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","Transition","
|
|
1
|
+
{"version":3,"file":"CTabPane.js","sources":["../../../../src/components/tabs/CTabPane.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","Transition","classNames"],"mappings":";;;;;;;;;;IAgCa,QAAQ,GAAGA,gBAAU,CAChC,UAAC,EAA4E,EAAE,GAAG,EAAA;IAA/E,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,kBAAiB,EAAjB,UAAU,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAA1EC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,CAA4E,CAAF,CAAA;AACzE,IAAA,IAAM,UAAU,GAAGC,YAAM,EAAE,CAAA;IAC3B,IAAM,SAAS,GAAGC,yBAAY,CAAC,GAAG,EAAE,UAAU,CAAC,CAAA;AAE/C,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,kBAAU,EAAA,EAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAA,EACxF,UAAC,KAAK,EAAA,EAAK,QACV,gDACE,SAAS,EAAEC,aAAU,CACnB,UAAU,EACV;AACE,YAAA,MAAM,EAAE,OAAO;AACf,YAAA,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,KAAK,KAAK,SAAS;AAC1B,SAAA,EACD,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,SAAS,EAEb,CAAA,EAAA,QAAQ,CACL,EACP,EAAA,CACU,EACd;AACH,CAAC,EACF;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
export interface CTabPanelProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/**
|
|
4
|
+
* A string of all className you want applied to the base component.
|
|
5
|
+
*/
|
|
6
|
+
className?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Item key.
|
|
9
|
+
*/
|
|
10
|
+
itemKey: number | string;
|
|
11
|
+
/**
|
|
12
|
+
* Callback fired when the component requests to be hidden.
|
|
13
|
+
*/
|
|
14
|
+
onHide?: () => void;
|
|
15
|
+
/**
|
|
16
|
+
* Callback fired when the component requests to be shown.
|
|
17
|
+
*/
|
|
18
|
+
onShow?: () => void;
|
|
19
|
+
/**
|
|
20
|
+
* Enable fade in and fade out transition.
|
|
21
|
+
*/
|
|
22
|
+
transition?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Toggle the visibility of component.
|
|
25
|
+
*/
|
|
26
|
+
visible?: boolean;
|
|
27
|
+
}
|
|
28
|
+
export declare const CTabPanel: React.ForwardRefExoticComponent<CTabPanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,43 @@
|
|
|
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 CTabs = require('./CTabs.js');
|
|
8
|
+
var useForkedRef = require('../../hooks/useForkedRef.js');
|
|
9
|
+
require('@popperjs/core');
|
|
10
|
+
var getTransitionDurationFromElement = require('../../utils/getTransitionDurationFromElement.js');
|
|
11
|
+
var Transition = require('../../node_modules/react-transition-group/esm/Transition.js');
|
|
12
|
+
|
|
13
|
+
var CTabPanel = React.forwardRef(function (_a, ref) {
|
|
14
|
+
var children = _a.children, className = _a.className, itemKey = _a.itemKey, onHide = _a.onHide, onShow = _a.onShow, _b = _a.transition, transition = _b === void 0 ? true : _b, visible = _a.visible, rest = tslib_es6.__rest(_a, ["children", "className", "itemKey", "onHide", "onShow", "transition", "visible"]);
|
|
15
|
+
var _c = React.useContext(CTabs.TabsContext), _activeItemKey = _c._activeItemKey, id = _c.id;
|
|
16
|
+
var tabPaneRef = React.useRef();
|
|
17
|
+
var forkedRef = useForkedRef.useForkedRef(ref, tabPaneRef);
|
|
18
|
+
var _d = React.useState(visible || _activeItemKey === itemKey), _visible = _d[0], setVisible = _d[1];
|
|
19
|
+
React.useEffect(function () {
|
|
20
|
+
visible !== undefined && setVisible(visible);
|
|
21
|
+
}, [visible]);
|
|
22
|
+
React.useEffect(function () {
|
|
23
|
+
setVisible(_activeItemKey === itemKey);
|
|
24
|
+
}, [_activeItemKey]);
|
|
25
|
+
return (React.createElement(Transition.default, { in: _visible, nodeRef: tabPaneRef, onEnter: onShow, onExit: onHide, timeout: tabPaneRef.current ? getTransitionDurationFromElement.default(tabPaneRef.current) : 0 }, function (state) { return (React.createElement("div", tslib_es6.__assign({ className: index.default('tab-pane', {
|
|
26
|
+
active: _visible,
|
|
27
|
+
fade: transition,
|
|
28
|
+
show: state === 'entered',
|
|
29
|
+
}, className), id: "".concat(id).concat(itemKey, "-tab-pane"), role: "tabpanel", "aria-labelledby": "".concat(id).concat(itemKey, "-tab"), tabIndex: 0, ref: forkedRef }, rest), children)); }));
|
|
30
|
+
});
|
|
31
|
+
CTabPanel.propTypes = {
|
|
32
|
+
children: PropTypes.node,
|
|
33
|
+
className: PropTypes.string,
|
|
34
|
+
itemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
|
|
35
|
+
onHide: PropTypes.func,
|
|
36
|
+
onShow: PropTypes.func,
|
|
37
|
+
transition: PropTypes.bool,
|
|
38
|
+
visible: PropTypes.bool,
|
|
39
|
+
};
|
|
40
|
+
CTabPanel.displayName = 'CTabPanel';
|
|
41
|
+
|
|
42
|
+
exports.CTabPanel = CTabPanel;
|
|
43
|
+
//# sourceMappingURL=CTabPanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTabPanel.js","sources":["../../../../src/components/tabs/CTabPanel.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useContext","TabsContext","useRef","useForkedRef","useState","useEffect","Transition","getTransitionDurationFromElement","__assign","classNames"],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
export interface CTabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
3
|
+
/**
|
|
4
|
+
* The active item key.
|
|
5
|
+
*/
|
|
6
|
+
activeItemKey: number | string;
|
|
7
|
+
/**
|
|
8
|
+
* A string of all className you want applied to the base component.
|
|
9
|
+
*/
|
|
10
|
+
className?: string;
|
|
11
|
+
/**
|
|
12
|
+
* The callback is fired when the active tab changes.
|
|
13
|
+
*/
|
|
14
|
+
onChange?: (value: number | string) => void;
|
|
15
|
+
}
|
|
16
|
+
export interface TabsContextProps {
|
|
17
|
+
_activeItemKey?: number | string;
|
|
18
|
+
setActiveItemKey: React.Dispatch<React.SetStateAction<number | string | undefined>>;
|
|
19
|
+
id?: string;
|
|
20
|
+
}
|
|
21
|
+
export declare const TabsContext: React.Context<TabsContextProps>;
|
|
22
|
+
export declare const CTabs: React.ForwardRefExoticComponent<CTabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var PropTypes = require('prop-types');
|
|
5
|
+
var index = require('../../node_modules/classnames/index.js');
|
|
6
|
+
|
|
7
|
+
var TabsContext = React.createContext({});
|
|
8
|
+
var CTabs = React.forwardRef(function (_a, ref) {
|
|
9
|
+
var children = _a.children, activeItemKey = _a.activeItemKey, className = _a.className, onChange = _a.onChange;
|
|
10
|
+
var id = React.useId();
|
|
11
|
+
var _b = React.useState(activeItemKey), _activeItemKey = _b[0], setActiveItemKey = _b[1];
|
|
12
|
+
React.useEffect(function () {
|
|
13
|
+
_activeItemKey && onChange && onChange(_activeItemKey);
|
|
14
|
+
}, [_activeItemKey]);
|
|
15
|
+
return (React.createElement(TabsContext.Provider, { value: { _activeItemKey: _activeItemKey, setActiveItemKey: setActiveItemKey, id: id } },
|
|
16
|
+
React.createElement("div", { className: index.default('tabs', className), ref: ref }, children)));
|
|
17
|
+
});
|
|
18
|
+
CTabs.propTypes = {
|
|
19
|
+
activeItemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
|
|
20
|
+
children: PropTypes.node,
|
|
21
|
+
className: PropTypes.string,
|
|
22
|
+
onChange: PropTypes.func,
|
|
23
|
+
};
|
|
24
|
+
CTabs.displayName = 'CTabs';
|
|
25
|
+
|
|
26
|
+
exports.CTabs = CTabs;
|
|
27
|
+
exports.TabsContext = TabsContext;
|
|
28
|
+
//# sourceMappingURL=CTabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTabs.js","sources":["../../../../src/components/tabs/CTabs.tsx"],"sourcesContent":[null],"names":["createContext","forwardRef","useId","useState","useEffect","classNames"],"mappings":";;;;;;IAyBa,WAAW,GAAGA,mBAAa,CAAC,EAAsB,EAAC;IAEnD,KAAK,GAAGC,gBAAU,CAC7B,UAAC,EAAgD,EAAE,GAAG,EAAA;QAAnD,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA;AAC7C,IAAA,IAAM,EAAE,GAAGC,WAAK,EAAE,CAAA;IACZ,IAAA,EAAA,GAAqCC,cAAQ,CAAC,aAAa,CAAC,EAA3D,cAAc,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAA2B,CAAA;AAElE,IAAAC,eAAS,CAAC,YAAA;AACR,QAAA,cAAc,IAAI,QAAQ,IAAI,QAAQ,CAAC,cAAc,CAAC,CAAA;AACxD,KAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;AAEpB,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,gBAAA,EAAE,gBAAgB,kBAAA,EAAE,EAAE,IAAA,EAAE,EAAA;AACnE,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,aAAU,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAA,EACpD,QAAQ,CACL,CACe,EACxB;AACH,CAAC,EACF;AAED,KAAK,CAAC,SAAS,GAAG;AAChB,IAAA,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU;IACnF,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;;"}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
import { CTab } from './CTab';
|
|
1
2
|
import { CTabContent } from './CTabContent';
|
|
2
3
|
import { CTabPane } from './CTabPane';
|
|
3
|
-
|
|
4
|
+
import { CTabPanel } from './CTabPanel';
|
|
5
|
+
import { CTabList } from './CTabList';
|
|
6
|
+
import { CTabs } from './CTabs';
|
|
7
|
+
export { CTab, CTabContent, CTabList, CTabPane, CTabPanel, CTabs };
|
package/dist/cjs/index.js
CHANGED
|
@@ -122,8 +122,12 @@ var CTableFoot = require('./components/table/CTableFoot.js');
|
|
|
122
122
|
var CTableHead = require('./components/table/CTableHead.js');
|
|
123
123
|
var CTableHeaderCell = require('./components/table/CTableHeaderCell.js');
|
|
124
124
|
var CTableRow = require('./components/table/CTableRow.js');
|
|
125
|
+
var CTab = require('./components/tabs/CTab.js');
|
|
125
126
|
var CTabContent = require('./components/tabs/CTabContent.js');
|
|
126
127
|
var CTabPane = require('./components/tabs/CTabPane.js');
|
|
128
|
+
var CTabPanel = require('./components/tabs/CTabPanel.js');
|
|
129
|
+
var CTabList = require('./components/tabs/CTabList.js');
|
|
130
|
+
var CTabs = require('./components/tabs/CTabs.js');
|
|
127
131
|
var CTimePicker = require('./components/time-picker/CTimePicker.js');
|
|
128
132
|
var CToast = require('./components/toast/CToast.js');
|
|
129
133
|
var CToastBody = require('./components/toast/CToastBody.js');
|
|
@@ -270,8 +274,12 @@ exports.CTableFoot = CTableFoot.CTableFoot;
|
|
|
270
274
|
exports.CTableHead = CTableHead.CTableHead;
|
|
271
275
|
exports.CTableHeaderCell = CTableHeaderCell.CTableHeaderCell;
|
|
272
276
|
exports.CTableRow = CTableRow.CTableRow;
|
|
277
|
+
exports.CTab = CTab.CTab;
|
|
273
278
|
exports.CTabContent = CTabContent.CTabContent;
|
|
274
279
|
exports.CTabPane = CTabPane.CTabPane;
|
|
280
|
+
exports.CTabPanel = CTabPanel.CTabPanel;
|
|
281
|
+
exports.CTabList = CTabList.CTabList;
|
|
282
|
+
exports.CTabs = CTabs.CTabs;
|
|
275
283
|
exports.CTimePicker = CTimePicker.CTimePicker;
|
|
276
284
|
exports.CToast = CToast.CToast;
|
|
277
285
|
exports.CToastBody = CToastBody.CToastBody;
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -130,7 +130,6 @@ function _defineProperties(target, props) {
|
|
|
130
130
|
|
|
131
131
|
function _createClass(Constructor, protoProps, staticProps) {
|
|
132
132
|
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
133
|
-
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
134
133
|
return Constructor;
|
|
135
134
|
}
|
|
136
135
|
|