@coreui/react 5.10.0 → 5.11.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 +1 -1
- package/dist/cjs/components/dropdown/CDropdown.js.map +1 -1
- package/dist/cjs/components/index.d.ts +1 -0
- package/dist/cjs/components/nav/CNavGroup.d.ts +3 -1
- package/dist/cjs/components/nav/CNavGroup.js +9 -5
- package/dist/cjs/components/nav/CNavGroup.js.map +1 -1
- package/dist/cjs/components/popover/CPopover.js +14 -17
- package/dist/cjs/components/popover/CPopover.js.map +1 -1
- package/dist/cjs/components/search-button/CSearchButton.d.ts +32 -0
- package/dist/cjs/components/search-button/CSearchButton.js +77 -0
- package/dist/cjs/components/search-button/CSearchButton.js.map +1 -0
- package/dist/cjs/components/search-button/index.d.ts +2 -0
- package/dist/cjs/components/search-button/types.d.ts +10 -0
- package/dist/cjs/components/search-button/utils.d.ts +11 -0
- package/dist/cjs/components/search-button/utils.js +115 -0
- package/dist/cjs/components/search-button/utils.js.map +1 -0
- package/dist/cjs/components/sidebar/CSidebarNav.d.ts +12 -0
- package/dist/cjs/components/sidebar/CSidebarNav.js +7 -2
- package/dist/cjs/components/sidebar/CSidebarNav.js.map +1 -1
- package/dist/cjs/components/tooltip/CTooltip.js +14 -17
- package/dist/cjs/components/tooltip/CTooltip.js.map +1 -1
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/dropdown/CDropdown.js +1 -1
- package/dist/esm/components/dropdown/CDropdown.js.map +1 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/nav/CNavGroup.d.ts +3 -1
- package/dist/esm/components/nav/CNavGroup.js +9 -5
- package/dist/esm/components/nav/CNavGroup.js.map +1 -1
- package/dist/esm/components/popover/CPopover.js +14 -17
- package/dist/esm/components/popover/CPopover.js.map +1 -1
- package/dist/esm/components/search-button/CSearchButton.d.ts +32 -0
- package/dist/esm/components/search-button/CSearchButton.js +75 -0
- package/dist/esm/components/search-button/CSearchButton.js.map +1 -0
- package/dist/esm/components/search-button/index.d.ts +2 -0
- package/dist/esm/components/search-button/types.d.ts +10 -0
- package/dist/esm/components/search-button/utils.d.ts +11 -0
- package/dist/esm/components/search-button/utils.js +104 -0
- package/dist/esm/components/search-button/utils.js.map +1 -0
- package/dist/esm/components/sidebar/CSidebarNav.d.ts +12 -0
- package/dist/esm/components/sidebar/CSidebarNav.js +7 -2
- package/dist/esm/components/sidebar/CSidebarNav.js.map +1 -1
- package/dist/esm/components/tooltip/CTooltip.js +14 -17
- package/dist/esm/components/tooltip/CTooltip.js.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +5 -5
- package/src/components/dropdown/CDropdown.tsx +1 -1
- package/src/components/dropdown/__tests__/CDropdown.spec.tsx +1 -1
- package/src/components/dropdown/__tests__/__snapshots__/CDropdown.spec.tsx.snap +2 -2
- package/src/components/dropdown/__tests__/__snapshots__/CDropdownMenu.spec.tsx.snap +1 -1
- package/src/components/index.ts +1 -0
- package/src/components/nav/CNavGroup.tsx +11 -6
- package/src/components/nav/__tests__/CNavGroup.spec.tsx +29 -1
- package/src/components/nav/__tests__/__snapshots__/CNavGroup.spec.tsx.snap +1 -1
- package/src/components/popover/CPopover.tsx +15 -20
- package/src/components/popover/__tests__/CPopover.spec.tsx +10 -4
- package/src/components/search-button/CSearchButton.tsx +195 -0
- package/src/components/search-button/__tests__/CSearchButton.spec.tsx +95 -0
- package/src/components/search-button/__tests__/__snapshots__/CSearchButton.spec.tsx.snap +87 -0
- package/src/components/search-button/index.ts +3 -0
- package/src/components/search-button/types.ts +10 -0
- package/src/components/search-button/utils.ts +140 -0
- package/src/components/sidebar/CSidebarNav.tsx +27 -2
- package/src/components/tooltip/CTooltip.tsx +15 -20
- package/src/components/tooltip/__tests__/CTooltip.spec.tsx +6 -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.11.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`
|
|
@@ -14,7 +14,7 @@ var utils = require('./utils.js');
|
|
|
14
14
|
var CFocusTrap = require('../focus-trap/CFocusTrap.js');
|
|
15
15
|
|
|
16
16
|
const CDropdown = React.forwardRef((_a, ref) => {
|
|
17
|
-
var { children, alignment, as = 'div', autoClose = true, className, container, dark, direction, offset = [0, 2], onHide, onShow, placement = 'bottom-start', popper = true, popperConfig, portal = false, reference = 'toggle', variant = '
|
|
17
|
+
var { children, alignment, as = 'div', autoClose = true, className, container, dark, direction, offset = [0, 2], onHide, onShow, placement = 'bottom-start', popper = true, popperConfig, portal = false, reference = 'toggle', variant = 'dropdown', visible = false } = _a, rest = tslib_es6.__rest(_a, ["children", "alignment", "as", "autoClose", "className", "container", "dark", "direction", "offset", "onHide", "onShow", "placement", "popper", "popperConfig", "portal", "reference", "variant", "visible"]);
|
|
18
18
|
const dropdownRef = React.useRef(null);
|
|
19
19
|
const dropdownMenuRef = React.useRef(null);
|
|
20
20
|
const forkedRef = useForkedRef.useForkedRef(ref, dropdownRef);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CDropdown.js","sources":["../../../../src/components/dropdown/CDropdown.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","useState","usePopper","useCallback","useMemo","getPlacement","isRTL","useEffect","getReferenceElement","getNextActiveElement","CDropdownContext","CFocusTrap","classNames","placementPropType"],"mappings":";;;;;;;;;;;;;;;AA8MO,MAAM,SAAS,GAA6DA,gBAAU,CAI3F,CACE,EAoBC,EACD,GAAG,KACD;AAtBF,IAAA,IAAA,EACE,QAAQ,EACR,SAAS,EACT,EAAE,GAAG,KAAK,EACV,SAAS,GAAG,IAAI,EAChB,SAAS,EACT,SAAS,EACT,IAAI,EACJ,SAAS,EACT,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EACf,MAAM,EACN,MAAM,EACN,SAAS,GAAG,cAAc,EAC1B,MAAM,GAAG,IAAI,EACb,YAAY,EACZ,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,QAAQ,EACpB,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"CDropdown.js","sources":["../../../../src/components/dropdown/CDropdown.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","useState","usePopper","useCallback","useMemo","getPlacement","isRTL","useEffect","getReferenceElement","getNextActiveElement","CDropdownContext","CFocusTrap","classNames","placementPropType"],"mappings":"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"}
|
|
@@ -18,7 +18,9 @@ export interface CNavGroupProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
|
|
|
18
18
|
/**
|
|
19
19
|
* Set group toggler label.
|
|
20
20
|
*/
|
|
21
|
-
toggler?: string | ReactNode
|
|
21
|
+
toggler?: string | ReactNode | (({ visible }: {
|
|
22
|
+
visible: boolean;
|
|
23
|
+
}) => ReactNode);
|
|
22
24
|
/**
|
|
23
25
|
* Show nav group items.
|
|
24
26
|
*/
|
|
@@ -20,8 +20,11 @@ const CNavGroup = React.forwardRef((_a, ref) => {
|
|
|
20
20
|
const { visibleGroup, setVisibleGroup } = React.useContext(CSidebarNavContext.CSidebarNavContext);
|
|
21
21
|
const [_visible, setVisible] = React.useState(Boolean(visible || (idx && visibleGroup && isInVisibleGroup(visibleGroup, idx))));
|
|
22
22
|
React.useEffect(() => {
|
|
23
|
-
|
|
24
|
-
}, [
|
|
23
|
+
visible !== undefined && setVisible(visible);
|
|
24
|
+
}, [visible]);
|
|
25
|
+
React.useEffect(() => {
|
|
26
|
+
visibleGroup && setVisible(Boolean(idx && visibleGroup && isInVisibleGroup(visibleGroup, idx)));
|
|
27
|
+
}, [idx, visibleGroup]);
|
|
25
28
|
const handleTogglerOnCLick = (event) => {
|
|
26
29
|
event.preventDefault();
|
|
27
30
|
setVisibleGroup(_visible ? ((idx === null || idx === void 0 ? void 0 : idx.toString().includes('.')) ? idx.slice(0, idx.lastIndexOf('.')) : '') : idx);
|
|
@@ -57,9 +60,10 @@ const CNavGroup = React.forwardRef((_a, ref) => {
|
|
|
57
60
|
unmounted: {},
|
|
58
61
|
};
|
|
59
62
|
const NavGroupItemsComponent = Component === 'li' ? 'ul' : 'div';
|
|
63
|
+
const togglerContent = typeof toggler === 'function' ? toggler({ visible: _visible }) : toggler;
|
|
60
64
|
return (React.createElement(Component, Object.assign({ className: index.default('nav-group', { show: _visible }, className) }, rest, { ref: ref }),
|
|
61
|
-
toggler && (React.createElement("a", { className: "nav-link nav-group-toggle", href: "#", onClick: (event) => handleTogglerOnCLick(event) },
|
|
62
|
-
React.createElement(Transition.default, { in: _visible, nodeRef: navItemsRef, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 300 }, (state) => (React.createElement(NavGroupItemsComponent, { className: index.default('nav-group-items', {
|
|
65
|
+
toggler && (React.createElement("a", { className: "nav-link nav-group-toggle", href: "#", onClick: (event) => handleTogglerOnCLick(event) }, togglerContent)),
|
|
66
|
+
React.createElement(Transition.default, { appear: true, in: _visible, nodeRef: navItemsRef, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, timeout: 300 }, (state) => (React.createElement(NavGroupItemsComponent, { className: index.default('nav-group-items', {
|
|
63
67
|
compact: compact,
|
|
64
68
|
}), style: Object.assign(Object.assign({}, style), transitionStyles[state]), ref: navItemsRef }, children)))));
|
|
65
69
|
});
|
|
@@ -69,7 +73,7 @@ CNavGroup.propTypes = {
|
|
|
69
73
|
className: PropTypes.string,
|
|
70
74
|
compact: PropTypes.bool,
|
|
71
75
|
idx: PropTypes.string,
|
|
72
|
-
toggler: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
76
|
+
toggler: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func]),
|
|
73
77
|
visible: PropTypes.bool,
|
|
74
78
|
};
|
|
75
79
|
CNavGroup.displayName = 'CNavGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CNavGroup.js","sources":["../../../../src/components/nav/CNavGroup.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useState","useRef","useContext","CSidebarNavContext","useEffect","classNames","Transition"],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"CNavGroup.js","sources":["../../../../src/components/nav/CNavGroup.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useState","useRef","useContext","CSidebarNavContext","useEffect","classNames","Transition"],"mappings":"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"}
|
|
@@ -30,12 +30,23 @@ const CPopover = React.forwardRef((_a, ref) => {
|
|
|
30
30
|
placement: getRTLPlacement.default(placement, togglerRef.current),
|
|
31
31
|
};
|
|
32
32
|
const computedPopperConfig = Object.assign(Object.assign({}, defaultPopperConfig), (typeof popperConfig === 'function' ? popperConfig(defaultPopperConfig) : popperConfig));
|
|
33
|
+
const handleShow = () => {
|
|
34
|
+
setMounted(true);
|
|
35
|
+
onShow === null || onShow === void 0 ? void 0 : onShow();
|
|
36
|
+
};
|
|
37
|
+
const handleHide = () => {
|
|
38
|
+
setTimeout(() => {
|
|
39
|
+
setVisible(false);
|
|
40
|
+
onHide === null || onHide === void 0 ? void 0 : onHide();
|
|
41
|
+
}, _delay.hide);
|
|
42
|
+
};
|
|
33
43
|
React.useEffect(() => {
|
|
34
|
-
if (visible) {
|
|
44
|
+
if (visible === true) {
|
|
35
45
|
handleShow();
|
|
36
|
-
return;
|
|
37
46
|
}
|
|
38
|
-
|
|
47
|
+
else if (visible === false) {
|
|
48
|
+
handleHide();
|
|
49
|
+
}
|
|
39
50
|
}, [visible]);
|
|
40
51
|
React.useEffect(() => {
|
|
41
52
|
if (mounted && togglerRef.current && popoverRef.current) {
|
|
@@ -56,20 +67,6 @@ const CPopover = React.forwardRef((_a, ref) => {
|
|
|
56
67
|
}, popoverRef.current);
|
|
57
68
|
}
|
|
58
69
|
}, [_visible]);
|
|
59
|
-
const handleShow = () => {
|
|
60
|
-
setMounted(true);
|
|
61
|
-
if (onShow) {
|
|
62
|
-
onShow();
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
const handleHide = () => {
|
|
66
|
-
setTimeout(() => {
|
|
67
|
-
setVisible(false);
|
|
68
|
-
if (onHide) {
|
|
69
|
-
onHide();
|
|
70
|
-
}
|
|
71
|
-
}, _delay.hide);
|
|
72
|
-
};
|
|
73
70
|
return (React.createElement(React.Fragment, null,
|
|
74
71
|
React.cloneElement(children, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (_visible && {
|
|
75
72
|
'aria-describedby': id,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CPopover.js","sources":["../../../../src/components/popover/CPopover.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","useId","useState","usePopper","getRTLPlacement","useEffect","executeAfterTransition","CConditionalPortal","classNames","fallbackPlacementsPropType","triggerPropType"],"mappings":";;;;;;;;;;;;;AAuJO,MAAM,QAAQ,GAAGA,gBAAU,CAChC,CACE,EAiBC,EACD,GAAG,KACD;QAnBF,EACE,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,SAAS,EACT,SAAS,EACT,OAAO,EACP,KAAK,GAAG,CAAC,EACT,kBAAkB,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,EACvD,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EACf,MAAM,EACN,MAAM,EACN,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,OAAO,EAAA,GAAA,EAER,EADI,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAhBT,CAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,SAAA,EAAA,OAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAiBC,CADQ;AAIT,IAAA,MAAM,UAAU,GAAGC,YAAM,CAAiB,IAAI,CAAC;AAC/C,IAAA,MAAM,UAAU,GAAGA,YAAM,CAAC,IAAI,CAAC;IAC/B,MAAM,SAAS,GAAGC,yBAAY,CAAC,GAAG,EAAE,UAAU,CAAC;AAE/C,IAAA,MAAM,EAAE,GAAG,CAAA,OAAA,EAAUC,WAAK,EAAE,EAAE;IAC9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAC7C,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,OAAO,CAAC;IAEhD,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAGC,mBAAS,EAAE;IAEjD,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK;AAE/E,IAAA,MAAM,mBAAmB,GAAqB;AAC5C,QAAA,SAAS,EAAE;YACT,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE;YACzD,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAAE,EAAE;YACjD,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE;AACxC,SAAA;QACD,SAAS,EAAEC,uBAAe,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC;KAC1D;IAED,MAAM,oBAAoB,mCACrB,mBAAmB,CAAA,GAClB,OAAO,YAAY,KAAK,UAAU,GAAG,YAAY,CAAC,mBAAmB,CAAC,GAAG,YAAY,EAC1F;IAEDC,eAAS,CAAC,MAAK;
|
|
1
|
+
{"version":3,"file":"CPopover.js","sources":["../../../../src/components/popover/CPopover.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","useId","useState","usePopper","getRTLPlacement","useEffect","executeAfterTransition","CConditionalPortal","classNames","fallbackPlacementsPropType","triggerPropType"],"mappings":";;;;;;;;;;;;;AAuJO,MAAM,QAAQ,GAAGA,gBAAU,CAChC,CACE,EAiBC,EACD,GAAG,KACD;QAnBF,EACE,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,SAAS,EACT,SAAS,EACT,OAAO,EACP,KAAK,GAAG,CAAC,EACT,kBAAkB,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,EACvD,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EACf,MAAM,EACN,MAAM,EACN,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,OAAO,EAAA,GAAA,EAER,EADI,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAhBT,CAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,SAAA,EAAA,OAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAiBC,CADQ;AAIT,IAAA,MAAM,UAAU,GAAGC,YAAM,CAAiB,IAAI,CAAC;AAC/C,IAAA,MAAM,UAAU,GAAGA,YAAM,CAAC,IAAI,CAAC;IAC/B,MAAM,SAAS,GAAGC,yBAAY,CAAC,GAAG,EAAE,UAAU,CAAC;AAE/C,IAAA,MAAM,EAAE,GAAG,CAAA,OAAA,EAAUC,WAAK,EAAE,EAAE;IAC9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAC7C,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,OAAO,CAAC;IAEhD,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAGC,mBAAS,EAAE;IAEjD,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK;AAE/E,IAAA,MAAM,mBAAmB,GAAqB;AAC5C,QAAA,SAAS,EAAE;YACT,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE;YACzD,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAAE,EAAE;YACjD,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE;AACxC,SAAA;QACD,SAAS,EAAEC,uBAAe,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC;KAC1D;IAED,MAAM,oBAAoB,mCACrB,mBAAmB,CAAA,GAClB,OAAO,YAAY,KAAK,UAAU,GAAG,YAAY,CAAC,mBAAmB,CAAC,GAAG,YAAY,EAC1F;IAED,MAAM,UAAU,GAAG,MAAK;QACtB,UAAU,CAAC,IAAI,CAAC;AAChB,QAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,EAAI;AACZ,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;QACtB,UAAU,CAAC,MAAK;YACd,UAAU,CAAC,KAAK,CAAC;AACjB,YAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,EAAI;AACZ,QAAA,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC;AACjB,IAAA,CAAC;IAEDC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,OAAO,KAAK,IAAI,EAAE;AACpB,YAAA,UAAU,EAAE;QACd;AAAO,aAAA,IAAI,OAAO,KAAK,KAAK,EAAE;AAC5B,YAAA,UAAU,EAAE;QACd;AACF,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEbA,eAAS,CAAC,MAAK;QACb,IAAI,OAAO,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE;YACvD,UAAU,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,oBAAoB,CAAC;YACxE,UAAU,CAAC,MAAK;gBACd,UAAU,CAAC,IAAI,CAAC;AAClB,YAAA,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC;YAEf;QACF;QAEA,IAAI,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE;AACxD,YAAA,aAAa,EAAE;QACjB;AACF,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEbA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,QAAQ,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE;YACzDC,8BAAsB,CAAC,MAAK;gBAC1B,UAAU,CAAC,KAAK,CAAC;AACnB,YAAA,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC;QACxB;AACF,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACG,QAAA,KAAK,CAAC,YAAY,CAAC,QAAmC,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GACjD,QAAQ,IAAI;AACd,YAAA,kBAAkB,EAAE,EAAE;AACvB,SAAA,MACD,GAAG,EAAE,UAAU,EAAA,CAAA,GACX,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK;AACxD,YAAA,OAAO,EAAE,OAAO,QAAQ,GAAG,UAAU,EAAE,GAAG,UAAU,EAAE,CAAC;AACxD,SAAA,EAAC,GACE,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK;AACxD,YAAA,OAAO,EAAE,MAAM,UAAU,EAAE;AAC3B,YAAA,MAAM,EAAE,MAAM,UAAU,EAAE;AAC3B,SAAA,EAAC,GACE,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK;AACxD,YAAA,YAAY,EAAE,MAAM,UAAU,EAAE;AAChC,YAAA,YAAY,EAAE,MAAM,UAAU,EAAE;AACjC,SAAA,EAAC,CACF;QACF,KAAA,CAAA,aAAA,CAACC,qCAAkB,IAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAA,EACnD,OAAO,KACN,2CACE,SAAS,EAAEC,aAAU,CACnB,SAAS,EACT,iBAAiB,EACjB;AACE,gBAAA,IAAI,EAAE,SAAS;AACf,gBAAA,IAAI,EAAE,QAAQ;AACf,aAAA,EACD,SAAS,CACV,EACD,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,SAAS,IACV,IAAI,CAAA;YAER,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,CAAO;AACrC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,EAAA,EAAE,KAAK,CAAO;YAC7C,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,cAAc,EAAA,EAAE,OAAO,CAAO,CACzC,CACP,CACkB,CACpB;AAEP,CAAC;AAGH,QAAQ,CAAC,SAAS,GAAG;IACnB,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,GAAG;AACxB,IAAA,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AAChE,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC;AACzB,QAAA,SAAS,CAAC,MAAM;QAChB,SAAS,CAAC,KAAK,CAAC;AACd,YAAA,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;AACjC,YAAA,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;SAClC,CAAC;KACH,CAAC;AACF,IAAA,kBAAkB,EAAEC,gCAA0B;AAC9C,IAAA,MAAM,EAAE,SAAS,CAAC,GAAG;IACrB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,MAAM,EAAE,SAAS,CAAC,IAAI;AACtB,IAAA,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AACtE,IAAA,YAAY,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;AACrE,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AAC9D,IAAA,OAAO,EAAEC,qBAAe;IACxB,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React, { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface CSearchButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
/**
|
|
4
|
+
* Content to customize the full button body.
|
|
5
|
+
*/
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* A string of all className you want applied to the base component.
|
|
9
|
+
*/
|
|
10
|
+
className?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Custom icon displayed before the placeholder text.
|
|
13
|
+
*/
|
|
14
|
+
icon?: ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* Placeholder content rendered inside `.search-button-placeholder`.
|
|
17
|
+
*/
|
|
18
|
+
placeholder?: ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* Callback fired when the component is activated by click or keyboard shortcut.
|
|
21
|
+
*/
|
|
22
|
+
onTrigger?: () => void;
|
|
23
|
+
/**
|
|
24
|
+
* Prevent the browser's default behavior when the configured shortcut matches.
|
|
25
|
+
*/
|
|
26
|
+
preventDefault?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Comma-separated shortcut list. The component matches all configured shortcuts and renders the platform-preferred one.
|
|
29
|
+
*/
|
|
30
|
+
shortcut?: string;
|
|
31
|
+
}
|
|
32
|
+
export declare const CSearchButton: React.ForwardRefExoticComponent<CSearchButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,77 @@
|
|
|
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('../../_virtual/index.js');
|
|
7
|
+
var useForkedRef = require('../../hooks/useForkedRef.js');
|
|
8
|
+
require('@popperjs/core');
|
|
9
|
+
var utils = require('./utils.js');
|
|
10
|
+
|
|
11
|
+
const CSearchButton = React.forwardRef((_a, ref) => {
|
|
12
|
+
var { children, className, disabled, icon, onClick, onTrigger, placeholder = 'Search', preventDefault = true, shortcut = 'meta+/,ctrl+/', type = 'button' } = _a, rest = tslib_es6.__rest(_a, ["children", "className", "disabled", "icon", "onClick", "onTrigger", "placeholder", "preventDefault", "shortcut", "type"]);
|
|
13
|
+
const buttonRef = React.useRef(null);
|
|
14
|
+
const forkedRef = useForkedRef.useForkedRef(ref, buttonRef);
|
|
15
|
+
const [activeKeys, setActiveKeys] = React.useState([]);
|
|
16
|
+
const shortcuts = React.useMemo(() => utils.parseShortcut(shortcut), [shortcut]);
|
|
17
|
+
const preferredShortcut = React.useMemo(() => utils.getPreferredShortcut(shortcuts), [shortcuts]);
|
|
18
|
+
const shortcutTokens = React.useMemo(() => utils.formatShortcutTokens((preferredShortcut === null || preferredShortcut === void 0 ? void 0 : preferredShortcut.shortcut) || ''), [preferredShortcut]);
|
|
19
|
+
const handleShortcut = React.useCallback((event) => {
|
|
20
|
+
if (disabled || event.defaultPrevented || event.repeat || utils.shouldIgnoreShortcut(event)) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
const matchedShortcut = shortcuts.find((shortcut) => utils.matchesShortcut(shortcut, event));
|
|
24
|
+
if (!matchedShortcut) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
if (preventDefault) {
|
|
28
|
+
event.preventDefault();
|
|
29
|
+
}
|
|
30
|
+
onTrigger === null || onTrigger === void 0 ? void 0 : onTrigger();
|
|
31
|
+
}, [disabled, onTrigger, preventDefault, shortcuts]);
|
|
32
|
+
const handleDocumentKeydown = React.useCallback((event) => {
|
|
33
|
+
setActiveKeys(Array.from(utils.getPressedKeys(event)));
|
|
34
|
+
handleShortcut(event);
|
|
35
|
+
}, [handleShortcut]);
|
|
36
|
+
const handleDocumentKeyup = React.useCallback((event) => {
|
|
37
|
+
setActiveKeys(Array.from(utils.getPressedKeys(event)));
|
|
38
|
+
}, []);
|
|
39
|
+
const handleWindowBlur = React.useCallback(() => {
|
|
40
|
+
setActiveKeys([]);
|
|
41
|
+
}, []);
|
|
42
|
+
React.useEffect(() => {
|
|
43
|
+
if (typeof document === 'undefined' || typeof window === 'undefined') {
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
document.addEventListener('keydown', handleDocumentKeydown);
|
|
47
|
+
document.addEventListener('keyup', handleDocumentKeyup);
|
|
48
|
+
window.addEventListener('blur', handleWindowBlur);
|
|
49
|
+
return () => {
|
|
50
|
+
document.removeEventListener('keydown', handleDocumentKeydown);
|
|
51
|
+
document.removeEventListener('keyup', handleDocumentKeyup);
|
|
52
|
+
window.removeEventListener('blur', handleWindowBlur);
|
|
53
|
+
};
|
|
54
|
+
}, [handleDocumentKeydown, handleDocumentKeyup, handleWindowBlur]);
|
|
55
|
+
const handleClick = (event) => {
|
|
56
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
57
|
+
onTrigger === null || onTrigger === void 0 ? void 0 : onTrigger();
|
|
58
|
+
};
|
|
59
|
+
return (React.createElement("button", Object.assign({ type: type, className: index.default('search-button', className), disabled: disabled, onClick: handleClick }, rest, { ref: forkedRef }), children !== null && children !== void 0 ? children : (React.createElement(React.Fragment, null, icon !== null && icon !== void 0 ? icon : (React.createElement("svg", { className: "search-button-icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "aria-hidden": "true" },
|
|
60
|
+
React.createElement("path", { fill: "currentColor", d: "m479.6 399.716-81.084-81.084-62.368-25.767A175 175 0 0 0 368 192c0-97.047-78.953-176-176-176S16 94.953 16 192s78.953 176 176 176a175.03 175.03 0 0 0 101.619-32.377l25.7 62.2 81.081 81.088a56 56 0 1 0 79.2-79.195M48 192c0-79.4 64.6-144 144-144s144 64.6 144 144-64.6 144-144 144S48 271.4 48 192m408.971 264.284a24.03 24.03 0 0 1-33.942 0l-76.572-76.572-23.894-57.835 57.837 23.894 76.573 76.572a24.03 24.03 0 0 1-.002 33.941" }))),
|
|
61
|
+
React.createElement("span", { className: "search-button-placeholder" }, placeholder))),
|
|
62
|
+
React.createElement("span", { className: "search-button-keys", "aria-hidden": "true" }, shortcutTokens.map((key) => (React.createElement("span", { className: index.default('search-button-key', { active: activeKeys.includes(key) }), "data-coreui-search-button-key": key, key: key }, key))))));
|
|
63
|
+
});
|
|
64
|
+
CSearchButton.propTypes = {
|
|
65
|
+
children: PropTypes.node,
|
|
66
|
+
className: PropTypes.string,
|
|
67
|
+
disabled: PropTypes.bool,
|
|
68
|
+
icon: PropTypes.node,
|
|
69
|
+
onTrigger: PropTypes.func,
|
|
70
|
+
placeholder: PropTypes.node,
|
|
71
|
+
preventDefault: PropTypes.bool,
|
|
72
|
+
shortcut: PropTypes.string,
|
|
73
|
+
};
|
|
74
|
+
CSearchButton.displayName = 'CSearchButton';
|
|
75
|
+
|
|
76
|
+
exports.CSearchButton = CSearchButton;
|
|
77
|
+
//# sourceMappingURL=CSearchButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CSearchButton.js","sources":["../../../../src/components/search-button/CSearchButton.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","useState","useMemo","parseShortcut","getPreferredShortcut","formatShortcutTokens","useCallback","shouldIgnoreShortcut","matchesShortcut","getPressedKeys","useEffect","classNames"],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { SearchButtonShortcut } from './types';
|
|
2
|
+
export declare const normalizeKey: (key: string) => string;
|
|
3
|
+
export declare const parseShortcut: (shortcut: string) => SearchButtonShortcut[];
|
|
4
|
+
export declare const isMacOS: () => boolean;
|
|
5
|
+
export declare const getPreferredShortcut: (shortcuts: SearchButtonShortcut[]) => SearchButtonShortcut;
|
|
6
|
+
export declare const getKeyLabel: (key: string) => string;
|
|
7
|
+
export declare const formatShortcutTokens: (shortcut: string) => string[];
|
|
8
|
+
export declare const getPressedKeys: (event: KeyboardEvent) => Set<string>;
|
|
9
|
+
export declare const isEditableTarget: (target: EventTarget | null) => boolean;
|
|
10
|
+
export declare const shouldIgnoreShortcut: (event: KeyboardEvent) => boolean;
|
|
11
|
+
export declare const matchesShortcut: (shortcut: SearchButtonShortcut, event: KeyboardEvent) => boolean;
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const MODIFIER_KEYS = new Set(['alt', 'ctrl', 'meta', 'shift']);
|
|
4
|
+
const KEY_ALIASES = {
|
|
5
|
+
' ': 'space',
|
|
6
|
+
cmd: 'meta',
|
|
7
|
+
command: 'meta',
|
|
8
|
+
control: 'ctrl',
|
|
9
|
+
esc: 'escape',
|
|
10
|
+
option: 'alt',
|
|
11
|
+
return: 'enter',
|
|
12
|
+
spacebar: 'space',
|
|
13
|
+
};
|
|
14
|
+
const KEY_LABELS = {
|
|
15
|
+
alt: 'Alt',
|
|
16
|
+
ctrl: 'Ctrl',
|
|
17
|
+
meta: '⌘',
|
|
18
|
+
shift: 'Shift',
|
|
19
|
+
space: 'Space',
|
|
20
|
+
};
|
|
21
|
+
const EDITABLE_TARGET_SELECTOR = 'input, textarea, select, [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]';
|
|
22
|
+
const normalizeKey = (key) => KEY_ALIASES[key.toLowerCase()] || key.toLowerCase();
|
|
23
|
+
const parseShortcut = (shortcut) => shortcut
|
|
24
|
+
.split(',')
|
|
25
|
+
.map((value) => value.trim())
|
|
26
|
+
.filter(Boolean)
|
|
27
|
+
.map((value) => {
|
|
28
|
+
const keys = value.split('+').map((part) => normalizeKey(part.trim()));
|
|
29
|
+
const modifiers = {
|
|
30
|
+
alt: false,
|
|
31
|
+
ctrl: false,
|
|
32
|
+
meta: false,
|
|
33
|
+
shift: false,
|
|
34
|
+
};
|
|
35
|
+
let key = '';
|
|
36
|
+
for (const part of keys) {
|
|
37
|
+
if (MODIFIER_KEYS.has(part)) {
|
|
38
|
+
modifiers[part] = true;
|
|
39
|
+
continue;
|
|
40
|
+
}
|
|
41
|
+
key = part;
|
|
42
|
+
}
|
|
43
|
+
return {
|
|
44
|
+
key,
|
|
45
|
+
modifiers,
|
|
46
|
+
shortcut: value,
|
|
47
|
+
};
|
|
48
|
+
});
|
|
49
|
+
const getPlatform = () => {
|
|
50
|
+
var _a;
|
|
51
|
+
if (typeof window === 'undefined') {
|
|
52
|
+
return '';
|
|
53
|
+
}
|
|
54
|
+
const navigator = window.navigator;
|
|
55
|
+
return ((_a = navigator.userAgentData) === null || _a === void 0 ? void 0 : _a.platform) || navigator.platform || navigator.userAgent || '';
|
|
56
|
+
};
|
|
57
|
+
const isMacOS = () => /Mac|iPhone|iPad|iPod|macOS|Macintosh/.test(getPlatform());
|
|
58
|
+
const getPreferredShortcut = (shortcuts) => shortcuts.find((shortcut) => (isMacOS() ? shortcut.modifiers.meta : shortcut.modifiers.ctrl)) ||
|
|
59
|
+
shortcuts[0] ||
|
|
60
|
+
null;
|
|
61
|
+
const getKeyLabel = (key) => KEY_LABELS[key] ||
|
|
62
|
+
(key.length === 1 ? key.toUpperCase() : `${key.charAt(0).toUpperCase()}${key.slice(1)}`);
|
|
63
|
+
const formatShortcutTokens = (shortcut) => shortcut
|
|
64
|
+
.split('+')
|
|
65
|
+
.map((part) => normalizeKey(part.trim()))
|
|
66
|
+
.map((part) => getKeyLabel(part))
|
|
67
|
+
.filter(Boolean);
|
|
68
|
+
const getPressedKeys = (event) => {
|
|
69
|
+
const pressedKeys = new Set();
|
|
70
|
+
if (event.altKey) {
|
|
71
|
+
pressedKeys.add(KEY_LABELS.alt);
|
|
72
|
+
}
|
|
73
|
+
if (event.ctrlKey) {
|
|
74
|
+
pressedKeys.add(KEY_LABELS.ctrl);
|
|
75
|
+
}
|
|
76
|
+
if (event.metaKey) {
|
|
77
|
+
pressedKeys.add(KEY_LABELS.meta);
|
|
78
|
+
}
|
|
79
|
+
if (event.shiftKey) {
|
|
80
|
+
pressedKeys.add(KEY_LABELS.shift);
|
|
81
|
+
}
|
|
82
|
+
const normalizedKey = normalizeKey(event.key);
|
|
83
|
+
if (!MODIFIER_KEYS.has(normalizedKey) && event.type === 'keydown') {
|
|
84
|
+
pressedKeys.add(getKeyLabel(normalizedKey));
|
|
85
|
+
}
|
|
86
|
+
return pressedKeys;
|
|
87
|
+
};
|
|
88
|
+
const isEditableTarget = (target) => {
|
|
89
|
+
if (!(target instanceof Element)) {
|
|
90
|
+
return false;
|
|
91
|
+
}
|
|
92
|
+
return target.matches(EDITABLE_TARGET_SELECTOR) || !!target.closest(EDITABLE_TARGET_SELECTOR);
|
|
93
|
+
};
|
|
94
|
+
const shouldIgnoreShortcut = (event) => isEditableTarget(event.target) && !event.ctrlKey && !event.metaKey;
|
|
95
|
+
const matchesShortcut = (shortcut, event) => {
|
|
96
|
+
if (!shortcut.key || normalizeKey(event.key) !== shortcut.key) {
|
|
97
|
+
return false;
|
|
98
|
+
}
|
|
99
|
+
return (shortcut.modifiers.alt === event.altKey &&
|
|
100
|
+
shortcut.modifiers.ctrl === event.ctrlKey &&
|
|
101
|
+
shortcut.modifiers.meta === event.metaKey &&
|
|
102
|
+
shortcut.modifiers.shift === event.shiftKey);
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
exports.formatShortcutTokens = formatShortcutTokens;
|
|
106
|
+
exports.getKeyLabel = getKeyLabel;
|
|
107
|
+
exports.getPreferredShortcut = getPreferredShortcut;
|
|
108
|
+
exports.getPressedKeys = getPressedKeys;
|
|
109
|
+
exports.isEditableTarget = isEditableTarget;
|
|
110
|
+
exports.isMacOS = isMacOS;
|
|
111
|
+
exports.matchesShortcut = matchesShortcut;
|
|
112
|
+
exports.normalizeKey = normalizeKey;
|
|
113
|
+
exports.parseShortcut = parseShortcut;
|
|
114
|
+
exports.shouldIgnoreShortcut = shouldIgnoreShortcut;
|
|
115
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../src/components/search-button/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -11,5 +11,17 @@ export interface CSidebarNavProps extends HTMLAttributes<HTMLUListElement> {
|
|
|
11
11
|
* A string of all className you want applied to the component.
|
|
12
12
|
*/
|
|
13
13
|
className?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Make navigation more compact by cutting link padding in half.
|
|
16
|
+
*
|
|
17
|
+
* @since 5.11.0
|
|
18
|
+
*/
|
|
19
|
+
compact?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Sets the navigation variant.
|
|
22
|
+
*
|
|
23
|
+
* @since 5.11.0
|
|
24
|
+
*/
|
|
25
|
+
variant?: 'tree';
|
|
14
26
|
}
|
|
15
27
|
export declare const CSidebarNav: PolymorphicRefForwardingComponent<'ul', CSidebarNavProps>;
|
|
@@ -34,19 +34,24 @@ const recursiveClone = (children, id, updateId) => {
|
|
|
34
34
|
});
|
|
35
35
|
};
|
|
36
36
|
const CSidebarNav = React.forwardRef((_a, ref) => {
|
|
37
|
-
var { children, as: Component = 'ul', className } = _a, rest = tslib_es6.__rest(_a, ["children", "as", "className"]);
|
|
37
|
+
var { children, as: Component = 'ul', className, compact, variant } = _a, rest = tslib_es6.__rest(_a, ["children", "as", "className", "compact", "variant"]);
|
|
38
38
|
const [visibleGroup, setVisibleGroup] = React.useState('');
|
|
39
39
|
const CNavContextValues = {
|
|
40
40
|
visibleGroup,
|
|
41
41
|
setVisibleGroup,
|
|
42
42
|
};
|
|
43
43
|
return (React.createElement(CSidebarNavContext.CSidebarNavContext.Provider, { value: CNavContextValues },
|
|
44
|
-
React.createElement(Component, Object.assign({ className: index.default('sidebar-nav',
|
|
44
|
+
React.createElement(Component, Object.assign({ className: index.default('sidebar-nav', {
|
|
45
|
+
compact,
|
|
46
|
+
'sidebar-nav-tree': variant === 'tree',
|
|
47
|
+
}, className), ref: ref }, rest), recursiveClone(children))));
|
|
45
48
|
});
|
|
46
49
|
CSidebarNav.propTypes = {
|
|
47
50
|
as: PropTypes.elementType,
|
|
48
51
|
children: PropTypes.node,
|
|
49
52
|
className: PropTypes.string,
|
|
53
|
+
compact: PropTypes.bool,
|
|
54
|
+
variant: PropTypes.oneOf(['tree']),
|
|
50
55
|
};
|
|
51
56
|
CSidebarNav.displayName = 'CSidebarNav';
|
|
52
57
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CSidebarNav.js","sources":["../../../../src/components/sidebar/CSidebarNav.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useState","CSidebarNavContext","classNames"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"CSidebarNav.js","sources":["../../../../src/components/sidebar/CSidebarNav.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useState","CSidebarNavContext","classNames"],"mappings":";;;;;;;;AA4CA,MAAM,YAAY,GAAG,CACnB,KAAgB,KACyD;AACzE,IAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAC9C,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAgC;AACnD,IAAA,QACE,IAAI,CAAC,WAAW,KAAK,WAAW;QAChC,IAAI,CAAC,WAAW,KAAK,UAAU;AAC/B,QAAA,IAAI,CAAC,WAAW,KAAK,UAAU;AAEnC,CAAC;AAED,MAAM,cAAc,GAAG,CAAC,QAAmB,EAAE,EAAW,EAAE,QAAkB,KAAe;AACzF,IAAA,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAI;AACnD,QAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,OAAO,KAAK;QACd;AAEA,QAAA,MAAM,GAAG,GAAG,EAAE,IAAI,QAAQ,GAAG,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,GAAG,CAAA,EAAG,EAAE,CAAA,CAAE,IAAI,CAAA,EAAG,KAAK,EAAE;AAErE,QAAA,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;AACxB,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAgC;AACnD,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,KAAK,UAAU;AAEtD,YAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AAC/B,gBAAA,GAAG,EAAE,GAAG;AACR,gBAAA,QAAQ,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE,cAAc,CAAC;AACpE,aAAA,CAAC;QACJ;AAEA,QAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AAC/B,YAAA,GAAG,EAAE,GAAG;AACT,SAAA,CAAC;AACJ,IAAA,CAAC,CAAC;AACJ,CAAC;AAEM,MAAM,WAAW,GAA8DA,gBAAU,CAG9F,CAAC,EAAwE,EAAE,GAAG,KAAI;AAAjF,IAAA,IAAA,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAA,GAAA,EAAW,EAAN,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAAtE,qDAAwE,CAAF;IACvE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGC,cAAQ,CAAC,EAAE,CAAC;AACpD,IAAA,MAAM,iBAAiB,GAAG;QACxB,YAAY;QACZ,eAAe;KAChB;IAED,QACE,oBAACC,qCAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,iBAAiB,EAAA;AACnD,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EACR,SAAS,EAAEC,aAAU,CACnB,aAAa,EACb;gBACE,OAAO;gBACP,kBAAkB,EAAE,OAAO,KAAK,MAAM;AACvC,aAAA,EACD,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EAAA,EACJ,IAAI,CAAA,EAEP,cAAc,CAAC,QAAQ,CAAC,CACf,CACgB;AAElC,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;CACnC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
|
|
@@ -30,12 +30,23 @@ const CTooltip = React.forwardRef((_a, ref) => {
|
|
|
30
30
|
placement: getRTLPlacement.default(placement, togglerRef.current),
|
|
31
31
|
};
|
|
32
32
|
const computedPopperConfig = Object.assign(Object.assign({}, defaultPopperConfig), (typeof popperConfig === 'function' ? popperConfig(defaultPopperConfig) : popperConfig));
|
|
33
|
+
const handleShow = () => {
|
|
34
|
+
setMounted(true);
|
|
35
|
+
onShow === null || onShow === void 0 ? void 0 : onShow();
|
|
36
|
+
};
|
|
37
|
+
const handleHide = () => {
|
|
38
|
+
setTimeout(() => {
|
|
39
|
+
setVisible(false);
|
|
40
|
+
onHide === null || onHide === void 0 ? void 0 : onHide();
|
|
41
|
+
}, _delay.hide);
|
|
42
|
+
};
|
|
33
43
|
React.useEffect(() => {
|
|
34
|
-
if (visible) {
|
|
44
|
+
if (visible === true) {
|
|
35
45
|
handleShow();
|
|
36
|
-
return;
|
|
37
46
|
}
|
|
38
|
-
|
|
47
|
+
else if (visible === false) {
|
|
48
|
+
handleHide();
|
|
49
|
+
}
|
|
39
50
|
}, [visible]);
|
|
40
51
|
React.useEffect(() => {
|
|
41
52
|
if (mounted && togglerRef.current && tooltipRef.current) {
|
|
@@ -56,20 +67,6 @@ const CTooltip = React.forwardRef((_a, ref) => {
|
|
|
56
67
|
}, tooltipRef.current);
|
|
57
68
|
}
|
|
58
69
|
}, [_visible]);
|
|
59
|
-
const handleShow = () => {
|
|
60
|
-
setMounted(true);
|
|
61
|
-
if (onShow) {
|
|
62
|
-
onShow();
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
const handleHide = () => {
|
|
66
|
-
setTimeout(() => {
|
|
67
|
-
setVisible(false);
|
|
68
|
-
if (onHide) {
|
|
69
|
-
onHide();
|
|
70
|
-
}
|
|
71
|
-
}, _delay.hide);
|
|
72
|
-
};
|
|
73
70
|
React.useEffect(() => {
|
|
74
71
|
updatePopper();
|
|
75
72
|
}, [content]);
|