@coreui/react 5.0.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/button/CButton.js +5 -1
- package/dist/cjs/components/button/CButton.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/popover/CPopover.js +47 -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 +50 -40
- package/dist/cjs/components/tooltip/CTooltip.js.map +1 -1
- package/dist/cjs/hooks/useForkedRef.d.ts +0 -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/button/CButton.js +5 -1
- package/dist/esm/components/button/CButton.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/popover/CPopover.js +47 -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 +50 -40
- package/dist/esm/components/tooltip/CTooltip.js.map +1 -1
- package/dist/esm/hooks/useForkedRef.d.ts +0 -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 +13 -13
- package/src/components/button/CButton.tsx +5 -2
- package/src/components/button/__tests__/CButton.spec.tsx +1 -1
- package/src/components/button-group/__tests__/CButtonGroup.spec.tsx +6 -6
- package/src/components/button-group/__tests__/CButtonToolbar.spec.tsx +6 -6
- package/src/components/dropdown/CDropdown.tsx +2 -2
- package/src/components/dropdown/__tests__/CDropdownToggle.spec.tsx +1 -1
- package/src/components/dropdown/__tests__/__snapshots__/CDropdown.spec.tsx.snap +1 -1
- package/src/components/dropdown/__tests__/__snapshots__/CDropdownToggle.spec.tsx.snap +1 -1
- package/src/components/dropdown/utils.ts +0 -22
- package/src/components/modal/__tests__/CModal.spec.tsx +1 -1
- package/src/components/nav/__tests__/__snapshots__/CNavItem.spec.tsx.snap +12 -8
- package/src/components/popover/CPopover.tsx +59 -66
- package/src/components/popover/__tests__/CPopover.spec.tsx +2 -2
- package/src/components/popover/__tests__/__snapshots__/CPopover.spec.tsx.snap +22 -0
- package/src/components/sidebar/__tests__/__snapshots__/CSidebarBrand.spec.tsx.snap +4 -4
- package/src/components/sidebar/__tests__/__snapshots__/CSidebarNav.spec.tsx.snap +6 -2
- 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/__tests__/__snapshots__/CTabPane.spec.tsx.snap +1 -1
- package/src/components/tabs/index.ts +5 -1
- package/src/components/toast/__tests__/__snapshots__/CToaster.spec.tsx.snap +1 -1
- package/src/components/tooltip/CTooltip.tsx +63 -66
- package/src/components/tooltip/__tests__/__snapshots__/CTooltip.spec.tsx.snap +1 -0
- package/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.tsx.snap +1 -1
- package/src/hooks/usePopper.ts +15 -5
- package/src/utils/getNextActiveElement.ts +23 -0
- package/src/utils/index.ts +2 -0
package/README.md
CHANGED
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
|
|
47
47
|
Several quick start options are available:
|
|
48
48
|
|
|
49
|
-
- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.
|
|
49
|
+
- [Download the latest release](https://github.com/coreui/coreui-react/archive/v5.2.0.zip)
|
|
50
50
|
- Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
|
|
51
51
|
- Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
|
|
52
52
|
- Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`
|
|
@@ -10,7 +10,11 @@ var props = require('../../props.js');
|
|
|
10
10
|
var CButton = React.forwardRef(function (_a, ref) {
|
|
11
11
|
var _b;
|
|
12
12
|
var children = _a.children, _c = _a.as, as = _c === void 0 ? 'button' : _c, className = _a.className, color = _a.color, shape = _a.shape, size = _a.size, _d = _a.type, type = _d === void 0 ? 'button' : _d, variant = _a.variant, rest = tslib_es6.__rest(_a, ["children", "as", "className", "color", "shape", "size", "type", "variant"]);
|
|
13
|
-
return (React.createElement(CLink.CLink, tslib_es6.__assign({ as: rest.href ? 'a' : as }, (!rest.href && { type: type }), { className: index.default('btn',
|
|
13
|
+
return (React.createElement(CLink.CLink, tslib_es6.__assign({ as: rest.href ? 'a' : as }, (!rest.href && { type: type }), { className: index.default('btn', (_b = {},
|
|
14
|
+
_b["btn-".concat(color)] = color && !variant,
|
|
15
|
+
_b["btn-".concat(variant, "-").concat(color)] = color && variant,
|
|
16
|
+
_b["btn-".concat(size)] = size,
|
|
17
|
+
_b), shape, className) }, rest, { ref: ref }), children));
|
|
14
18
|
});
|
|
15
19
|
CButton.propTypes = {
|
|
16
20
|
as: PropTypes.elementType,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CButton.js","sources":["../../../../src/components/button/CButton.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","CLink","__assign","classNames","colorPropType"],"mappings":";;;;;;;;;IA8Da,OAAO,GAA8DA,gBAAU,CAI1F,UACE,EAA6F,EAC7F,GAAG,EAAA;;AADD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAa,EAAb,EAAE,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,WAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,EAAe,GAAA,EAAA,CAAA,IAAA,EAAf,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,QAAQ,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAA3F,4EAA6F,CAAF,CAAA;AAG3F,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,WAAK,EAAAC,kBAAA,CAAA,EACJ,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,EAAE,EACpB,GAAC,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GACjC,EAAA,SAAS,EAAEC,aAAU,CACnB,KAAK,
|
|
1
|
+
{"version":3,"file":"CButton.js","sources":["../../../../src/components/button/CButton.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","CLink","__assign","classNames","colorPropType"],"mappings":";;;;;;;;;IA8Da,OAAO,GAA8DA,gBAAU,CAI1F,UACE,EAA6F,EAC7F,GAAG,EAAA;;AADD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAa,EAAb,EAAE,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,WAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,EAAe,GAAA,EAAA,CAAA,IAAA,EAAf,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,QAAQ,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAA3F,4EAA6F,CAAF,CAAA;AAG3F,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,WAAK,EAAAC,kBAAA,CAAA,EACJ,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,EAAE,EACpB,GAAC,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GACjC,EAAA,SAAS,EAAEC,aAAU,CACnB,KAAK,GAAA,EAAA,GAAA,EAAA;AAEH,YAAA,EAAA,CAAC,cAAO,KAAK,CAAE,IAAG,KAAK,IAAI,CAAC,OAAO;YACnC,EAAC,CAAA,MAAA,CAAA,MAAA,CAAO,OAAO,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,KAAK,CAAE,CAAG,GAAA,KAAK,IAAI,OAAO;AAC7C,YAAA,EAAA,CAAC,MAAO,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AAEvB,YAAA,EAAA,GAAA,KAAK,EACL,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACH,EACT;AACH,CAAC,EACF;AAED,OAAO,CAAC,SAAS,GAAG;IAClB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAEC,mBAAa;IACpB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACnC,IAAA,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACpD,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;CAC/C,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
|
|
@@ -7,6 +7,7 @@ var index = require('../../node_modules/classnames/index.js');
|
|
|
7
7
|
var useForkedRef = require('../../hooks/useForkedRef.js');
|
|
8
8
|
var usePopper = require('../../hooks/usePopper.js');
|
|
9
9
|
var props = require('../../props.js');
|
|
10
|
+
var getNextActiveElement = require('../../utils/getNextActiveElement.js');
|
|
10
11
|
var isRTL = require('../../utils/isRTL.js');
|
|
11
12
|
var utils = require('./utils.js');
|
|
12
13
|
|
|
@@ -80,7 +81,7 @@ var CDropdown = React.forwardRef(function (_a, ref) {
|
|
|
80
81
|
event.preventDefault();
|
|
81
82
|
var target = event.target;
|
|
82
83
|
var items = Array.from(dropdownMenuRef.current.querySelectorAll('.dropdown-item:not(.disabled):not(:disabled)'));
|
|
83
|
-
|
|
84
|
+
getNextActiveElement.default(items, target, event.key === 'ArrowDown', true).focus();
|
|
84
85
|
}
|
|
85
86
|
};
|
|
86
87
|
var handleKeyup = function (event) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CDropdown.js","sources":["../../../../src/components/dropdown/CDropdown.tsx"],"sourcesContent":[null],"names":["createContext","forwardRef","__rest","useRef","useForkedRef","useState","usePopper","getPlacement","isRTL","useEffect","getNextActiveElement","__assign","classNames","placementPropType"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CDropdown.js","sources":["../../../../src/components/dropdown/CDropdown.tsx"],"sourcesContent":[null],"names":["createContext","forwardRef","__rest","useRef","useForkedRef","useState","usePopper","getPlacement","isRTL","useEffect","getNextActiveElement","__assign","classNames","placementPropType"],"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;
|
|
@@ -12,18 +12,6 @@ var getAlignmentClassNames = function (alignment) {
|
|
|
12
12
|
}
|
|
13
13
|
return classNames;
|
|
14
14
|
};
|
|
15
|
-
var getNextActiveElement = function (list, activeElement, shouldGetNext, isCycleAllowed) {
|
|
16
|
-
var listLength = list.length;
|
|
17
|
-
var index = list.indexOf(activeElement);
|
|
18
|
-
if (index === -1) {
|
|
19
|
-
return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0];
|
|
20
|
-
}
|
|
21
|
-
index += shouldGetNext ? 1 : -1;
|
|
22
|
-
if (isCycleAllowed) {
|
|
23
|
-
index = (index + listLength) % listLength;
|
|
24
|
-
}
|
|
25
|
-
return list[Math.max(0, Math.min(index, listLength - 1))];
|
|
26
|
-
};
|
|
27
15
|
var getPlacement = function (placement, direction, alignment, isRTL) {
|
|
28
16
|
var _placement = placement;
|
|
29
17
|
if (direction === 'dropup') {
|
|
@@ -45,6 +33,5 @@ var getPlacement = function (placement, direction, alignment, isRTL) {
|
|
|
45
33
|
};
|
|
46
34
|
|
|
47
35
|
exports.getAlignmentClassNames = getAlignmentClassNames;
|
|
48
|
-
exports.getNextActiveElement = getNextActiveElement;
|
|
49
36
|
exports.getPlacement = getPlacement;
|
|
50
37
|
//# 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;;;;;"}
|
|
@@ -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,57 @@ 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.style.removeProperty('display');
|
|
64
|
+
popoverRef.current.classList.add('show');
|
|
65
|
+
onShow && onShow();
|
|
66
|
+
}
|
|
67
|
+
}, _delay.show);
|
|
54
68
|
}
|
|
55
|
-
|
|
56
|
-
|
|
69
|
+
return function () {
|
|
70
|
+
if (popoverRef.current) {
|
|
71
|
+
popoverRef.current.classList.remove('show');
|
|
72
|
+
onHide && onHide();
|
|
73
|
+
executeAfterTransition.default(function () {
|
|
74
|
+
if (popoverRef.current) {
|
|
75
|
+
popoverRef.current.style.display = 'none';
|
|
76
|
+
}
|
|
77
|
+
destroyPopper();
|
|
78
|
+
setMounted(false);
|
|
79
|
+
}, popoverRef.current);
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
}, [_visible]);
|
|
57
83
|
return (React.createElement(React.Fragment, null,
|
|
58
84
|
React.cloneElement(children, tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, (_visible && {
|
|
59
85
|
'aria-describedby': uID.current,
|
|
60
86
|
})), { ref: togglerRef }), ((trigger === 'click' || trigger.includes('click')) && {
|
|
61
|
-
onClick: function () { return
|
|
87
|
+
onClick: function () { return setVisible(!_visible); },
|
|
62
88
|
})), ((trigger === 'focus' || trigger.includes('focus')) && {
|
|
63
|
-
onFocus: function () { return
|
|
64
|
-
onBlur: function () { return
|
|
89
|
+
onFocus: function () { return setVisible(true); },
|
|
90
|
+
onBlur: function () { return setVisible(false); },
|
|
65
91
|
})), ((trigger === 'hover' || trigger.includes('hover')) && {
|
|
66
|
-
onMouseEnter: function () { return
|
|
67
|
-
onMouseLeave: function () { return
|
|
92
|
+
onMouseEnter: function () { return setVisible(true); },
|
|
93
|
+
onMouseLeave: function () { return setVisible(false); },
|
|
68
94
|
}))),
|
|
69
|
-
React.createElement(CConditionalPortal.CConditionalPortal, { container: container, portal: true },
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
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))); }))));
|
|
95
|
+
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", style: {
|
|
96
|
+
display: 'none',
|
|
97
|
+
} }, rest),
|
|
98
|
+
React.createElement("div", { className: "popover-arrow" }),
|
|
99
|
+
React.createElement("div", { className: "popover-header" }, title),
|
|
100
|
+
React.createElement("div", { className: "popover-body" }, content))))));
|
|
94
101
|
});
|
|
95
102
|
CPopover.propTypes = {
|
|
96
103
|
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,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 };
|