react-session-ui 1.18.11 → 1.18.13
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.
|
@@ -9,7 +9,7 @@ const SessionManager = forwardRef(({ isRotate = false, modal = [], onClick = ()
|
|
|
9
9
|
'video_record_icon',
|
|
10
10
|
'test_gallary_icon',
|
|
11
11
|
'session_setting_icon',
|
|
12
|
-
], className = '', disabledIcons = [], activeIcon = '',
|
|
12
|
+
], className = '', disabledIcons = [], activeIcon = '', }, ref) => {
|
|
13
13
|
const [hoveredIndex, setHoveredIndex] = useState(null);
|
|
14
14
|
const [activeModal, setActiveModal] = useState(null);
|
|
15
15
|
const handleIconClick = (index, iconName) => {
|
|
@@ -32,14 +32,10 @@ const SessionManager = forwardRef(({ isRotate = false, modal = [], onClick = ()
|
|
|
32
32
|
setHoveredIndex(null);
|
|
33
33
|
setActiveModal(null);
|
|
34
34
|
};
|
|
35
|
-
const containerClass = `ff-body-container ${
|
|
36
|
-
|
|
37
|
-
: isRotate
|
|
38
|
-
? 'vertical'
|
|
39
|
-
: 'horizontal'} ${className}`;
|
|
40
|
-
return (_jsx("div", { ref: ref, className: containerClass, style: variant === 'vertical-free' ? { backgroundColor } : undefined, children: icons.map((iconName, index) => {
|
|
35
|
+
const containerClass = `ff-body-container ${isRotate ? 'vertical' : 'horizontal'} ${className}`;
|
|
36
|
+
return (_jsx("div", { ref: ref, className: containerClass, children: icons.map((iconName, index) => {
|
|
41
37
|
const isDisabled = disabledIcons.includes(iconName);
|
|
42
|
-
return (_jsx(Tooltip, { title: tooltip?.[iconName] || '', placement:
|
|
38
|
+
return (_jsx(Tooltip, { title: tooltip?.[iconName] || '', placement: isRotate ? 'right' : 'bottom', children: _jsxs("div", { className: `ff-body-container__icon-wrapper ${activeIcon === iconName ? 'active' : ''}`, onMouseEnter: () => handleMouseEnter(index, iconName), onMouseLeave: handleMouseLeave, onClick: () => handleIconClick(index, iconName), id: iconName, children: [_jsx(Icon, { className: "ff-body-container__icon", name: iconName, width: 24, height: 24, color: hoveredIndex === index || activeIcon === iconName
|
|
43
39
|
? 'var(--session-control-bg)'
|
|
44
40
|
: 'var(--base-bg-color)', disabled: isDisabled }), !isDisabled &&
|
|
45
41
|
modal.includes(iconName) &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SessionManager.js","sourceRoot":"","sources":["../../../src/components/SessionManager/SessionManager.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,uBAAuB,CAAC;AAC/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,MAAM,cAAc,GAAG,UAAU,CAC/B,CACE,EACE,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,OAAO,GAAG,EAAE,EACZ,KAAK,GAAG;IACN,kBAAkB;IAClB,iBAAiB;IACjB,mBAAmB;IACnB,mBAAmB;IACnB,sBAAsB;CACvB,EACD,SAAS,GAAG,EAAE,EACd,aAAa,GAAG,EAAE,EAClB,UAAU,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"SessionManager.js","sourceRoot":"","sources":["../../../src/components/SessionManager/SessionManager.tsx"],"names":[],"mappings":"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"}
|
package/lib/index.d.ts
CHANGED
|
@@ -5673,8 +5673,6 @@ interface SessionManagerProps {
|
|
|
5673
5673
|
className?: string;
|
|
5674
5674
|
disabledIcons?: string[];
|
|
5675
5675
|
activeIcon?: string;
|
|
5676
|
-
variant?: 'default' | 'vertical-free';
|
|
5677
|
-
backgroundColor?: string;
|
|
5678
5676
|
}
|
|
5679
5677
|
|
|
5680
5678
|
declare const SessionManager: React$1.ForwardRefExoticComponent<SessionManagerProps & React$1.RefAttributes<HTMLDivElement>>;
|