@coreui/react 5.0.0 → 5.1.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/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/popover/CPopover.js +41 -40
- package/dist/cjs/components/popover/CPopover.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/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/index.js +8 -0
- package/dist/cjs/index.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/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/popover/CPopover.js +41 -40
- package/dist/esm/components/popover/CPopover.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/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/index.js +4 -0
- package/dist/esm/index.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/dropdown/CDropdown.tsx +2 -2
- package/src/components/dropdown/utils.ts +0 -22
- package/src/components/popover/CPopover.tsx +51 -66
- 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/components/tooltip/CTooltip.tsx +55 -66
- package/src/hooks/usePopper.ts +15 -5
- package/src/utils/getNextActiveElement.ts +23 -0
- package/src/utils/index.ts +2 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CDropdown.js","sources":["../../../../src/components/dropdown/CDropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CDropdown.js","sources":["../../../../src/components/dropdown/CDropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -2,5 +2,4 @@ import type { Placement } from '@popperjs/core';
|
|
|
2
2
|
import type { Placements } from '../../types';
|
|
3
3
|
import type { Alignments } from './types';
|
|
4
4
|
export declare const getAlignmentClassNames: (alignment: Alignments) => string[];
|
|
5
|
-
export declare const getNextActiveElement: (list: HTMLElement[], activeElement: HTMLElement, shouldGetNext: boolean, isCycleAllowed: boolean) => HTMLElement;
|
|
6
5
|
export declare const getPlacement: (placement: Placement, direction: string | undefined, alignment: Alignments | string | undefined, isRTL: boolean) => Placements;
|
|
@@ -10,18 +10,6 @@ var getAlignmentClassNames = function (alignment) {
|
|
|
10
10
|
}
|
|
11
11
|
return classNames;
|
|
12
12
|
};
|
|
13
|
-
var getNextActiveElement = function (list, activeElement, shouldGetNext, isCycleAllowed) {
|
|
14
|
-
var listLength = list.length;
|
|
15
|
-
var index = list.indexOf(activeElement);
|
|
16
|
-
if (index === -1) {
|
|
17
|
-
return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0];
|
|
18
|
-
}
|
|
19
|
-
index += shouldGetNext ? 1 : -1;
|
|
20
|
-
if (isCycleAllowed) {
|
|
21
|
-
index = (index + listLength) % listLength;
|
|
22
|
-
}
|
|
23
|
-
return list[Math.max(0, Math.min(index, listLength - 1))];
|
|
24
|
-
};
|
|
25
13
|
var getPlacement = function (placement, direction, alignment, isRTL) {
|
|
26
14
|
var _placement = placement;
|
|
27
15
|
if (direction === 'dropup') {
|
|
@@ -42,5 +30,5 @@ var getPlacement = function (placement, direction, alignment, isRTL) {
|
|
|
42
30
|
return _placement;
|
|
43
31
|
};
|
|
44
32
|
|
|
45
|
-
export { getAlignmentClassNames,
|
|
33
|
+
export { getAlignmentClassNames, getPlacement };
|
|
46
34
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../src/components/dropdown/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAIO,IAAM,sBAAsB,GAAG,UAAC,SAAqB,EAAA;IAC1D,IAAM,UAAU,GAAa,EAAE,CAAA;AAC/B,IAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AACjC,QAAA,KAAK,IAAM,GAAG,IAAI,SAAS,EAAE;YAC3B,UAAU,CAAC,IAAI,CACb,eAAgB,CAAA,MAAA,CAAA,GAAG,KAAK,IAAI,GAAG,EAAE,GAAG,GAAA,CAAA,MAAA,CAAI,GAAG,CAAE,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,SAAS,CAAC,GAAwB,CAAC,CAAE,CACvF,CAAA;SACF;KACF;AAED,IAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AACjC,QAAA,UAAU,CAAC,IAAI,CAAC,wBAAiB,SAAS,CAAE,CAAC,CAAA;KAC9C;AAED,IAAA,OAAO,UAAU,CAAA;AACnB,EAAC;AAEY,IAAA,
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../src/components/dropdown/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAIO,IAAM,sBAAsB,GAAG,UAAC,SAAqB,EAAA;IAC1D,IAAM,UAAU,GAAa,EAAE,CAAA;AAC/B,IAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AACjC,QAAA,KAAK,IAAM,GAAG,IAAI,SAAS,EAAE;YAC3B,UAAU,CAAC,IAAI,CACb,eAAgB,CAAA,MAAA,CAAA,GAAG,KAAK,IAAI,GAAG,EAAE,GAAG,GAAA,CAAA,MAAA,CAAI,GAAG,CAAE,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,SAAS,CAAC,GAAwB,CAAC,CAAE,CACvF,CAAA;SACF;KACF;AAED,IAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AACjC,QAAA,UAAU,CAAC,IAAI,CAAC,wBAAiB,SAAS,CAAE,CAAC,CAAA;KAC9C;AAED,IAAA,OAAO,UAAU,CAAA;AACnB,EAAC;AAEY,IAAA,YAAY,GAAG,UAC1B,SAAoB,EACpB,SAA6B,EAC7B,SAA0C,EAC1C,KAAc,EAAA;IAEd,IAAI,UAAU,GAAG,SAAS,CAAA;AAE1B,IAAA,IAAI,SAAS,KAAK,QAAQ,EAAE;QAC1B,UAAU,GAAG,KAAK,GAAG,SAAS,GAAG,WAAW,CAAA;KAC7C;AAED,IAAA,IAAI,SAAS,KAAK,eAAe,EAAE;QACjC,UAAU,GAAG,KAAK,CAAA;KACnB;AAED,IAAA,IAAI,SAAS,KAAK,SAAS,EAAE;QAC3B,UAAU,GAAG,KAAK,GAAG,YAAY,GAAG,aAAa,CAAA;KAClD;AAED,IAAA,IAAI,SAAS,KAAK,WAAW,EAAE;QAC7B,UAAU,GAAG,KAAK,GAAG,aAAa,GAAG,YAAY,CAAA;KAClD;AAED,IAAA,IAAI,SAAS,KAAK,KAAK,EAAE;QACvB,UAAU,GAAG,KAAK,GAAG,cAAc,GAAG,YAAY,CAAA;KACnD;AAED,IAAA,OAAO,UAAU,CAAA;AACnB;;;;"}
|
|
@@ -6,18 +6,18 @@ import { CConditionalPortal } from '../conditional-portal/CConditionalPortal.js'
|
|
|
6
6
|
import { useForkedRef } from '../../hooks/useForkedRef.js';
|
|
7
7
|
import { usePopper } from '../../hooks/usePopper.js';
|
|
8
8
|
import { fallbackPlacementsPropType, triggerPropType } from '../../props.js';
|
|
9
|
-
import
|
|
9
|
+
import executeAfterTransition from '../../utils/executeAfterTransition.js';
|
|
10
10
|
import getRTLPlacement from '../../utils/getRTLPlacement.js';
|
|
11
|
-
import Transition from '../../node_modules/react-transition-group/esm/Transition.js';
|
|
12
11
|
|
|
13
12
|
var CPopover = forwardRef(function (_a, ref) {
|
|
14
|
-
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
|
|
13
|
+
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 = __rest(_a, ["children", "animation", "className", "container", "content", "delay", "fallbackPlacements", "offset", "onHide", "onShow", "placement", "title", "trigger", "visible"]);
|
|
15
14
|
var popoverRef = useRef(null);
|
|
16
15
|
var togglerRef = useRef(null);
|
|
17
16
|
var forkedRef = useForkedRef(ref, popoverRef);
|
|
18
17
|
var uID = useRef("popover".concat(Math.floor(Math.random() * 1000000)));
|
|
19
18
|
var _h = usePopper(), initPopper = _h.initPopper, destroyPopper = _h.destroyPopper;
|
|
20
|
-
var _j = useState(
|
|
19
|
+
var _j = useState(false), mounted = _j[0], setMounted = _j[1];
|
|
20
|
+
var _k = useState(visible), _visible = _k[0], setVisible = _k[1];
|
|
21
21
|
var _delay = typeof delay === 'number' ? { show: delay, hide: delay } : delay;
|
|
22
22
|
var popperConfig = {
|
|
23
23
|
modifiers: [
|
|
@@ -45,50 +45,51 @@ var CPopover = forwardRef(function (_a, ref) {
|
|
|
45
45
|
useEffect(function () {
|
|
46
46
|
setVisible(visible);
|
|
47
47
|
}, [visible]);
|
|
48
|
-
|
|
49
|
-
if (
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
useEffect(function () {
|
|
49
|
+
if (_visible) {
|
|
50
|
+
setMounted(true);
|
|
51
|
+
if (popoverRef.current) {
|
|
52
|
+
popoverRef.current.classList.remove('fade', 'show');
|
|
53
|
+
destroyPopper();
|
|
54
|
+
}
|
|
55
|
+
setTimeout(function () {
|
|
56
|
+
if (togglerRef.current && popoverRef.current) {
|
|
57
|
+
if (animation) {
|
|
58
|
+
popoverRef.current.classList.add('fade');
|
|
59
|
+
}
|
|
60
|
+
initPopper(togglerRef.current, popoverRef.current, popperConfig);
|
|
61
|
+
popoverRef.current.classList.add('show');
|
|
62
|
+
onShow && onShow();
|
|
63
|
+
}
|
|
64
|
+
}, _delay.show);
|
|
52
65
|
}
|
|
53
|
-
|
|
54
|
-
|
|
66
|
+
return function () {
|
|
67
|
+
if (popoverRef.current) {
|
|
68
|
+
popoverRef.current.classList.remove('show');
|
|
69
|
+
onHide && onHide();
|
|
70
|
+
executeAfterTransition(function () {
|
|
71
|
+
destroyPopper();
|
|
72
|
+
setMounted(false);
|
|
73
|
+
}, popoverRef.current);
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
}, [_visible]);
|
|
55
77
|
return (React.createElement(React.Fragment, null,
|
|
56
78
|
React.cloneElement(children, __assign(__assign(__assign(__assign(__assign({}, (_visible && {
|
|
57
79
|
'aria-describedby': uID.current,
|
|
58
80
|
})), { ref: togglerRef }), ((trigger === 'click' || trigger.includes('click')) && {
|
|
59
|
-
onClick: function () { return
|
|
81
|
+
onClick: function () { return setVisible(!_visible); },
|
|
60
82
|
})), ((trigger === 'focus' || trigger.includes('focus')) && {
|
|
61
|
-
onFocus: function () { return
|
|
62
|
-
onBlur: function () { return
|
|
83
|
+
onFocus: function () { return setVisible(true); },
|
|
84
|
+
onBlur: function () { return setVisible(false); },
|
|
63
85
|
})), ((trigger === 'hover' || trigger.includes('hover')) && {
|
|
64
|
-
onMouseEnter: function () { return
|
|
65
|
-
onMouseLeave: function () { return
|
|
86
|
+
onMouseEnter: function () { return setVisible(true); },
|
|
87
|
+
onMouseLeave: function () { return setVisible(false); },
|
|
66
88
|
}))),
|
|
67
|
-
React.createElement(CConditionalPortal, { container: container, portal: true },
|
|
68
|
-
React.createElement(
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}
|
|
72
|
-
}, onEntering: function () {
|
|
73
|
-
if (togglerRef.current && popoverRef.current) {
|
|
74
|
-
popoverRef.current.style.display = 'initial';
|
|
75
|
-
}
|
|
76
|
-
}, onExit: onHide, onExited: function () {
|
|
77
|
-
destroyPopper();
|
|
78
|
-
}, timeout: {
|
|
79
|
-
enter: 0,
|
|
80
|
-
exit: popoverRef.current
|
|
81
|
-
? getTransitionDurationFromElement(popoverRef.current) + 50
|
|
82
|
-
: 200,
|
|
83
|
-
}, unmountOnExit: true }, function (state) { return (React.createElement("div", __assign({ className: classNames('popover', 'bs-popover-auto', {
|
|
84
|
-
fade: animation,
|
|
85
|
-
show: state === 'entered',
|
|
86
|
-
}, className), id: uID.current, ref: forkedRef, role: "tooltip", style: {
|
|
87
|
-
display: 'none',
|
|
88
|
-
} }, rest),
|
|
89
|
-
React.createElement("div", { className: "popover-arrow" }),
|
|
90
|
-
React.createElement("div", { className: "popover-header" }, title),
|
|
91
|
-
React.createElement("div", { className: "popover-body" }, content))); }))));
|
|
89
|
+
React.createElement(CConditionalPortal, { container: container, portal: true }, mounted && (React.createElement("div", __assign({ className: classNames('popover', 'bs-popover-auto', className), id: uID.current, ref: forkedRef, role: "tooltip" }, rest),
|
|
90
|
+
React.createElement("div", { className: "popover-arrow" }),
|
|
91
|
+
React.createElement("div", { className: "popover-header" }, title),
|
|
92
|
+
React.createElement("div", { className: "popover-body" }, content))))));
|
|
92
93
|
});
|
|
93
94
|
CPopover.propTypes = {
|
|
94
95
|
animation: PropTypes.bool,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CPopover.js","sources":["../../../../src/components/popover/CPopover.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CPopover.js","sources":["../../../../src/components/popover/CPopover.tsx"],"sourcesContent":[null],"names":[],"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,23 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React, { forwardRef, useContext } from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import classNames from '../../node_modules/classnames/index.js';
|
|
5
|
+
import { TabsContext } from './CTabs.js';
|
|
6
|
+
|
|
7
|
+
var CTab = forwardRef(function (_a, ref) {
|
|
8
|
+
var children = _a.children, className = _a.className, itemKey = _a.itemKey, rest = __rest(_a, ["children", "className", "itemKey"]);
|
|
9
|
+
var _b = useContext(TabsContext), _activeItemKey = _b._activeItemKey, setActiveItemKey = _b.setActiveItemKey, id = _b.id;
|
|
10
|
+
var isActive = function () { return itemKey === _activeItemKey; };
|
|
11
|
+
return (React.createElement("button", __assign({ className: classNames('nav-link', {
|
|
12
|
+
active: isActive(),
|
|
13
|
+
}, 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));
|
|
14
|
+
});
|
|
15
|
+
CTab.propTypes = {
|
|
16
|
+
children: PropTypes.node,
|
|
17
|
+
className: PropTypes.string,
|
|
18
|
+
itemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
|
|
19
|
+
};
|
|
20
|
+
CTab.displayName = 'CTab';
|
|
21
|
+
|
|
22
|
+
export { CTab };
|
|
23
|
+
//# sourceMappingURL=CTab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTab.js","sources":["../../../../src/components/tabs/CTab.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAiBa,IAAI,GAAG,UAAU,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,GAAvC,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,SAAA,CAAyC,CAAF,CAAA;AAChC,IAAA,IAAA,EAA2C,GAAA,UAAU,CAAC,WAAW,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,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,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,52 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React, { forwardRef, useRef } from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import classNames from '../../node_modules/classnames/index.js';
|
|
5
|
+
import { useForkedRef } from '../../hooks/useForkedRef.js';
|
|
6
|
+
import '@popperjs/core';
|
|
7
|
+
import getNextActiveElement from '../../utils/getNextActiveElement.js';
|
|
8
|
+
|
|
9
|
+
var CTabList = forwardRef(function (_a, ref) {
|
|
10
|
+
var _b;
|
|
11
|
+
var children = _a.children, className = _a.className, layout = _a.layout, variant = _a.variant, rest = __rest(_a, ["children", "className", "layout", "variant"]);
|
|
12
|
+
var tabListRef = useRef(null);
|
|
13
|
+
var forkedRef = useForkedRef(ref, tabListRef);
|
|
14
|
+
var handleKeydown = function (event) {
|
|
15
|
+
if (tabListRef.current !== null &&
|
|
16
|
+
(event.key === 'ArrowDown' ||
|
|
17
|
+
event.key === 'ArrowUp' ||
|
|
18
|
+
event.key === 'ArrowLeft' ||
|
|
19
|
+
event.key === 'ArrowRight' ||
|
|
20
|
+
event.key === 'Home' ||
|
|
21
|
+
event.key === 'End')) {
|
|
22
|
+
event.preventDefault();
|
|
23
|
+
var target = event.target;
|
|
24
|
+
// eslint-disable-next-line unicorn/prefer-spread
|
|
25
|
+
var items = Array.from(tabListRef.current.querySelectorAll('.nav-link:not(.disabled):not(:disabled)'));
|
|
26
|
+
var nextActiveElement = void 0;
|
|
27
|
+
if (event.key === 'Home' || event.key === 'End') {
|
|
28
|
+
nextActiveElement = event.key === 'End' ? items.at(-1) : items[0];
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
nextActiveElement = getNextActiveElement(items, target, event.key === 'ArrowDown' || event.key === 'ArrowRight', true);
|
|
32
|
+
}
|
|
33
|
+
if (nextActiveElement) {
|
|
34
|
+
nextActiveElement.focus({ preventScroll: true });
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
return (React.createElement("div", __assign({ className: classNames('nav', (_b = {},
|
|
39
|
+
_b["nav-".concat(layout)] = layout,
|
|
40
|
+
_b["nav-".concat(variant)] = variant,
|
|
41
|
+
_b), className), role: "tablist", onKeyDown: handleKeydown, ref: forkedRef }, rest), children));
|
|
42
|
+
});
|
|
43
|
+
CTabList.propTypes = {
|
|
44
|
+
children: PropTypes.node,
|
|
45
|
+
className: PropTypes.string,
|
|
46
|
+
layout: PropTypes.oneOf(['fill', 'justified']),
|
|
47
|
+
variant: PropTypes.oneOf(['pills', 'tabs', 'underline', 'underline-border']),
|
|
48
|
+
};
|
|
49
|
+
CTabList.displayName = 'CTabList';
|
|
50
|
+
|
|
51
|
+
export { CTabList };
|
|
52
|
+
//# sourceMappingURL=CTabList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTabList.js","sources":["../../../../src/components/tabs/CTabList.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;IAsBa,QAAQ,GAAG,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAA/C,8CAAiD,CAAF,CAAA;AAC9C,IAAA,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,IAAM,SAAS,GAAG,YAAY,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,GAAG,oBAAoB,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,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,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
|
*/
|
|
@@ -7,11 +7,12 @@ import '@popperjs/core';
|
|
|
7
7
|
import Transition from '../../node_modules/react-transition-group/esm/Transition.js';
|
|
8
8
|
|
|
9
9
|
var CTabPane = forwardRef(function (_a, ref) {
|
|
10
|
-
var children = _a.children, className = _a.className, onHide = _a.onHide, onShow = _a.onShow, visible = _a.visible, rest = __rest(_a, ["children", "className", "onHide", "onShow", "visible"]);
|
|
10
|
+
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 = __rest(_a, ["children", "className", "onHide", "onShow", "transition", "visible"]);
|
|
11
11
|
var tabPaneRef = useRef();
|
|
12
12
|
var forkedRef = useForkedRef(ref, tabPaneRef);
|
|
13
|
-
return (React.createElement(Transition, { in: visible, nodeRef: tabPaneRef, onEnter: onShow, onExit: onHide, timeout: 150 }, function (state) { return (React.createElement("div", __assign({ className: classNames('tab-pane',
|
|
13
|
+
return (React.createElement(Transition, { in: visible, nodeRef: tabPaneRef, onEnter: onShow, onExit: onHide, timeout: 150 }, function (state) { return (React.createElement("div", __assign({ className: classNames('tab-pane', {
|
|
14
14
|
active: visible,
|
|
15
|
+
fade: transition,
|
|
15
16
|
show: state === 'entered',
|
|
16
17
|
}, className) }, rest, { ref: forkedRef }), children)); }));
|
|
17
18
|
});
|
|
@@ -20,6 +21,7 @@ CTabPane.propTypes = {
|
|
|
20
21
|
className: PropTypes.string,
|
|
21
22
|
onHide: PropTypes.func,
|
|
22
23
|
onShow: PropTypes.func,
|
|
24
|
+
transition: PropTypes.bool,
|
|
23
25
|
visible: PropTypes.bool,
|
|
24
26
|
};
|
|
25
27
|
CTabPane.displayName = 'CTabPane';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTabPane.js","sources":["../../../../src/components/tabs/CTabPane.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"CTabPane.js","sources":["../../../../src/components/tabs/CTabPane.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;IAgCa,QAAQ,GAAG,UAAU,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,GAA1E,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,CAA4E,CAAF,CAAA;AACzE,IAAA,IAAM,UAAU,GAAG,MAAM,EAAE,CAAA;IAC3B,IAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,UAAU,CAAC,CAAA;AAE/C,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,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,sCACE,SAAS,EAAE,UAAU,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,41 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React, { forwardRef, useContext, useRef, useState, useEffect } from 'react';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import classNames from '../../node_modules/classnames/index.js';
|
|
5
|
+
import { TabsContext } from './CTabs.js';
|
|
6
|
+
import { useForkedRef } from '../../hooks/useForkedRef.js';
|
|
7
|
+
import '@popperjs/core';
|
|
8
|
+
import getTransitionDurationFromElement from '../../utils/getTransitionDurationFromElement.js';
|
|
9
|
+
import Transition from '../../node_modules/react-transition-group/esm/Transition.js';
|
|
10
|
+
|
|
11
|
+
var CTabPanel = forwardRef(function (_a, ref) {
|
|
12
|
+
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 = __rest(_a, ["children", "className", "itemKey", "onHide", "onShow", "transition", "visible"]);
|
|
13
|
+
var _c = useContext(TabsContext), _activeItemKey = _c._activeItemKey, id = _c.id;
|
|
14
|
+
var tabPaneRef = useRef();
|
|
15
|
+
var forkedRef = useForkedRef(ref, tabPaneRef);
|
|
16
|
+
var _d = useState(visible || _activeItemKey === itemKey), _visible = _d[0], setVisible = _d[1];
|
|
17
|
+
useEffect(function () {
|
|
18
|
+
visible !== undefined && setVisible(visible);
|
|
19
|
+
}, [visible]);
|
|
20
|
+
useEffect(function () {
|
|
21
|
+
setVisible(_activeItemKey === itemKey);
|
|
22
|
+
}, [_activeItemKey]);
|
|
23
|
+
return (React.createElement(Transition, { in: _visible, nodeRef: tabPaneRef, onEnter: onShow, onExit: onHide, timeout: tabPaneRef.current ? getTransitionDurationFromElement(tabPaneRef.current) : 0 }, function (state) { return (React.createElement("div", __assign({ className: classNames('tab-pane', {
|
|
24
|
+
active: _visible,
|
|
25
|
+
fade: transition,
|
|
26
|
+
show: state === 'entered',
|
|
27
|
+
}, className), id: "".concat(id).concat(itemKey, "-tab-pane"), role: "tabpanel", "aria-labelledby": "".concat(id).concat(itemKey, "-tab"), tabIndex: 0, ref: forkedRef }, rest), children)); }));
|
|
28
|
+
});
|
|
29
|
+
CTabPanel.propTypes = {
|
|
30
|
+
children: PropTypes.node,
|
|
31
|
+
className: PropTypes.string,
|
|
32
|
+
itemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
|
|
33
|
+
onHide: PropTypes.func,
|
|
34
|
+
onShow: PropTypes.func,
|
|
35
|
+
transition: PropTypes.bool,
|
|
36
|
+
visible: PropTypes.bool,
|
|
37
|
+
};
|
|
38
|
+
CTabPanel.displayName = 'CTabPanel';
|
|
39
|
+
|
|
40
|
+
export { CTabPanel };
|
|
41
|
+
//# sourceMappingURL=CTabPanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTabPanel.js","sources":["../../../../src/components/tabs/CTabPanel.tsx"],"sourcesContent":[null],"names":[],"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,25 @@
|
|
|
1
|
+
import React, { createContext, forwardRef, useId, useState, useEffect } from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import classNames from '../../node_modules/classnames/index.js';
|
|
4
|
+
|
|
5
|
+
var TabsContext = createContext({});
|
|
6
|
+
var CTabs = forwardRef(function (_a, ref) {
|
|
7
|
+
var children = _a.children, activeItemKey = _a.activeItemKey, className = _a.className, onChange = _a.onChange;
|
|
8
|
+
var id = useId();
|
|
9
|
+
var _b = useState(activeItemKey), _activeItemKey = _b[0], setActiveItemKey = _b[1];
|
|
10
|
+
useEffect(function () {
|
|
11
|
+
_activeItemKey && onChange && onChange(_activeItemKey);
|
|
12
|
+
}, [_activeItemKey]);
|
|
13
|
+
return (React.createElement(TabsContext.Provider, { value: { _activeItemKey: _activeItemKey, setActiveItemKey: setActiveItemKey, id: id } },
|
|
14
|
+
React.createElement("div", { className: classNames('tabs', className), ref: ref }, children)));
|
|
15
|
+
});
|
|
16
|
+
CTabs.propTypes = {
|
|
17
|
+
activeItemKey: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
|
|
18
|
+
children: PropTypes.node,
|
|
19
|
+
className: PropTypes.string,
|
|
20
|
+
onChange: PropTypes.func,
|
|
21
|
+
};
|
|
22
|
+
CTabs.displayName = 'CTabs';
|
|
23
|
+
|
|
24
|
+
export { CTabs, TabsContext };
|
|
25
|
+
//# sourceMappingURL=CTabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CTabs.js","sources":["../../../../src/components/tabs/CTabs.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;IAyBa,WAAW,GAAG,aAAa,CAAC,EAAsB,EAAC;IAEnD,KAAK,GAAG,UAAU,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,GAAG,KAAK,EAAE,CAAA;IACZ,IAAA,EAAA,GAAqC,QAAQ,CAAC,aAAa,CAAC,EAA3D,cAAc,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAA2B,CAAA;AAElE,IAAA,SAAS,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,EAAE,UAAU,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 };
|