@interopio/groups-ui-react 2.3.1 → 2.4.1
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/dist/cjs/defaultComponents/channelSelector/utils.d.ts +4 -0
- package/dist/cjs/index.js +36 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/api.d.ts +5 -0
- package/dist/cjs/types/defaultComponents.d.ts +12 -0
- package/dist/cjs/types/internal.d.ts +12 -0
- package/dist/esm/defaultComponents/channelSelector/utils.d.ts +4 -0
- package/dist/esm/index.js +36 -10
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/api.d.ts +5 -0
- package/dist/esm/types/defaultComponents.d.ts +12 -0
- package/dist/esm/types/internal.d.ts +12 -0
- package/dist/styles/groups.css +11 -2
- package/dist/styles/vars.css +6 -1
- package/package.json +1 -1
package/dist/esm/types/api.d.ts
CHANGED
|
@@ -6,6 +6,11 @@ export interface ChannelProps {
|
|
|
6
6
|
selectedChannel: string;
|
|
7
7
|
showSelector: (bounds: Bounds) => void;
|
|
8
8
|
selectedChannelColor: string;
|
|
9
|
+
channelRestrictions: {
|
|
10
|
+
read: boolean;
|
|
11
|
+
write: boolean;
|
|
12
|
+
};
|
|
13
|
+
channelLabel: string;
|
|
9
14
|
}
|
|
10
15
|
export interface FrameWindowOverlayProps {
|
|
11
16
|
frameId: string;
|
|
@@ -54,16 +54,28 @@ export interface BaseChannelSelectorProps {
|
|
|
54
54
|
contentClass: string;
|
|
55
55
|
selectedChannel: string;
|
|
56
56
|
selectedChannelColor: string;
|
|
57
|
+
direction: string;
|
|
58
|
+
channelLabel: string;
|
|
57
59
|
}
|
|
58
60
|
export interface FlatChannelSelectorProps {
|
|
59
61
|
showSelector: (bounds: Bounds) => void;
|
|
60
62
|
selectedChannel: string;
|
|
61
63
|
selectedChannelColor: string;
|
|
64
|
+
channelRestrictions: {
|
|
65
|
+
read: boolean;
|
|
66
|
+
write: boolean;
|
|
67
|
+
};
|
|
68
|
+
channelLabel: string;
|
|
62
69
|
}
|
|
63
70
|
export interface TabChannelSelectorProps {
|
|
64
71
|
showSelector: (bounds: Bounds) => void;
|
|
65
72
|
selectedChannel: string;
|
|
66
73
|
selectedChannelColor: string;
|
|
74
|
+
channelRestrictions: {
|
|
75
|
+
read: boolean;
|
|
76
|
+
write: boolean;
|
|
77
|
+
};
|
|
78
|
+
channelLabel: string;
|
|
67
79
|
}
|
|
68
80
|
export interface FlatCaptionEditorProps {
|
|
69
81
|
frameId: string;
|
|
@@ -102,6 +102,11 @@ export interface CreateFrameCaptionBarRequestOptions extends CreateButtonsOption
|
|
|
102
102
|
show: boolean;
|
|
103
103
|
text?: string;
|
|
104
104
|
};
|
|
105
|
+
channelRestrictions: {
|
|
106
|
+
read: boolean;
|
|
107
|
+
write: boolean;
|
|
108
|
+
};
|
|
109
|
+
channelLabel: string;
|
|
105
110
|
}
|
|
106
111
|
export interface CreateTabRequestOptions extends CreateElementRequestOptions {
|
|
107
112
|
caption: string;
|
|
@@ -115,6 +120,11 @@ export interface CreateTabRequestOptions extends CreateElementRequestOptions {
|
|
|
115
120
|
show: boolean;
|
|
116
121
|
text?: string;
|
|
117
122
|
};
|
|
123
|
+
channelRestrictions: {
|
|
124
|
+
read: boolean;
|
|
125
|
+
write: boolean;
|
|
126
|
+
};
|
|
127
|
+
channelLabel: string;
|
|
118
128
|
}
|
|
119
129
|
export interface UpdateStandardButtonRequestOptions extends CreateElementRequestOptions {
|
|
120
130
|
buttonId: StandardButtons;
|
|
@@ -177,6 +187,8 @@ export interface CreateButtonsOptions extends CreateFrameElementRequestOptions {
|
|
|
177
187
|
visible: boolean;
|
|
178
188
|
};
|
|
179
189
|
customButtons: UpdateCustomButtonOptions[];
|
|
190
|
+
hiddenTabsToTheLeft: OverflowedTabInfo[];
|
|
191
|
+
hiddenTabsToTheRight: OverflowedTabInfo[];
|
|
180
192
|
}
|
|
181
193
|
export interface RemoveRequestOptions {
|
|
182
194
|
targetId: string;
|
package/dist/styles/groups.css
CHANGED
|
@@ -515,8 +515,8 @@ input {
|
|
|
515
515
|
|
|
516
516
|
.t42-tab-channel-selector {
|
|
517
517
|
justify-content: center;
|
|
518
|
-
width: var(--t42-tab-bar-tab-channels-
|
|
519
|
-
height: var(--t42-tab-bar-tab-channels-
|
|
518
|
+
width: var(--t42-tab-bar-tab-channels-width);
|
|
519
|
+
height: var(--t42-tab-bar-tab-channels-height);
|
|
520
520
|
margin: var(--t42-tab-bar-tab-channels-margin);
|
|
521
521
|
border-radius: var(--t42-tab-bar-tab-channels-border-radius);
|
|
522
522
|
background-color: transparent;
|
|
@@ -604,6 +604,15 @@ input {
|
|
|
604
604
|
fill: var(--t42-tab-bar-selected-tab-text);
|
|
605
605
|
}
|
|
606
606
|
|
|
607
|
+
.t42-channel-selector-direction {
|
|
608
|
+
width: var(--t42-channel-selector-direction-width);
|
|
609
|
+
height: var(--t42-channel-selector-direction-height);
|
|
610
|
+
}
|
|
611
|
+
|
|
612
|
+
.t42-channel-selector-direction .icon {
|
|
613
|
+
gap: var(--t42-channel-selector-direction-gap);
|
|
614
|
+
}
|
|
615
|
+
|
|
607
616
|
.t42-channel-selector-content-light::before {
|
|
608
617
|
color: hsl(var(--io-white));
|
|
609
618
|
transition-property: color;
|
package/dist/styles/vars.css
CHANGED
|
@@ -69,7 +69,8 @@
|
|
|
69
69
|
--t42-tab-bar-tab-flashing-background:var(--severity-high); /* color-mix(in srgb, var(--severity-high) 65%, transparent); */
|
|
70
70
|
|
|
71
71
|
--t42-tab-bar-tab-channels-border-radius: var(--base-radius-default);
|
|
72
|
-
--t42-tab-bar-tab-channels-
|
|
72
|
+
--t42-tab-bar-tab-channels-width: var(--spacing-16);
|
|
73
|
+
--t42-tab-bar-tab-channels-height: var(--spacing-16);
|
|
73
74
|
--t42-tab-bar-tab-channels-margin: 0 var(--spacing-4) 0 0;
|
|
74
75
|
--t42-tab-bar-tab-channels-content-size: 0;
|
|
75
76
|
--t42-tab-bar-tab-channels-content-margin: 0;
|
|
@@ -88,6 +89,10 @@
|
|
|
88
89
|
|
|
89
90
|
--t42-channels-fill-color: var(--tabs-color-active);
|
|
90
91
|
|
|
92
|
+
--t42-channel-selector-direction-width: var(--spacing-24);
|
|
93
|
+
--t42-channel-selector-direction-height: var(--spacing-16);
|
|
94
|
+
--t42-channel-selector-direction-gap: var(--spacing-1);
|
|
95
|
+
|
|
91
96
|
--t42-caption-separator-color: var(--tabs-border);
|
|
92
97
|
--t42-caption-text-hover-color: var(--tabs-color-hover);
|
|
93
98
|
--t42-caption-bar-button-width: 48px;
|