@botonic/react 0.41.0-alpha.0 → 0.41.0-alpha.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.
Files changed (6) hide show
  1. package/lib/cjs/components/system-debug-trace/styles.js +21 -3
  2. package/lib/cjs/components/system-debug-trace/styles.js.map +1 -1
  3. package/lib/esm/components/system-debug-trace/styles.js +21 -3
  4. package/lib/esm/components/system-debug-trace/styles.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/system-debug-trace/styles.ts +21 -3
package/lib/cjs/components/system-debug-trace/styles.js CHANGED
@@ -85,6 +85,9 @@ exports.StyledDebugContent = styled_components_1.default.div `
85
85
  display: flex;
86
86
  flex-direction: column;
87
87
  position: relative;
88
+ width: 100%;
89
+ min-width: 0;
90
+ overflow: hidden;
88
91
 
89
92
  font-size: 12px;
90
93
  line-height: 1.5;
@@ -94,9 +97,13 @@ exports.StyledDebugDetail = styled_components_1.default.div `
94
97
  display: flex;
95
98
  flex-direction: column;
96
99
  gap: 4px;
97
- padding-left: 28px;
100
+ padding: 0 28px;
98
101
  margin-bottom: ${({ $isLastItem }) => ($isLastItem ? '0' : '8px')};
99
102
  line-height: 1.5;
103
+ width: 100%;
104
+ min-width: 0;
105
+ overflow: hidden;
106
+ box-sizing: border-box;
100
107
  `;
101
108
  exports.StyledDebugLabel = styled_components_1.default.strong `
102
109
  color: ${constants_1.COLORS.N700};
@@ -131,6 +138,8 @@ exports.StyledDebugItemWithIcon = styled_components_1.default.div `
131
138
  font-size: 12px;
132
139
  color: ${constants_1.COLORS.N700};
133
140
  line-height: 1.5;
141
+ min-width: 0;
142
+ width: 100%;
134
143
 
135
144
  &:not(:last-child) {
136
145
  margin-bottom: 4px;
@@ -202,6 +211,9 @@ exports.StyledDebugContentWrapper = styled_components_1.default.div `
202
211
  flex-direction: column;
203
212
  gap: 8px;
204
213
  position: relative;
214
+ width: 100%;
215
+ min-width: 0;
216
+ overflow: hidden;
205
217
 
206
218
  /* Create line from first label to last label */
207
219
  &::before {
@@ -242,6 +254,11 @@ exports.StyledSourceValue = styled_components_1.default.span `
242
254
  `;
243
255
  exports.StyledFileSourceValue = (0, styled_components_1.default)(exports.StyledSourceValue) `
244
256
  display: block;
257
+ overflow: hidden;
258
+ text-overflow: ellipsis;
259
+ white-space: nowrap;
260
+ min-width: 0;
261
+ flex: 1;
245
262
  `;
246
263
  exports.StyledUrlSourceValue = styled_components_1.default.a `
247
264
  font-weight: 600;
@@ -249,11 +266,12 @@ exports.StyledUrlSourceValue = styled_components_1.default.a `
249
266
  line-height: 1.5;
250
267
  color: ${constants_1.COLORS.N700};
251
268
  text-decoration: none;
252
- display: block;
253
269
  overflow: hidden;
254
270
  text-overflow: ellipsis;
255
271
  white-space: nowrap;
256
- max-width: 100%;
272
+ min-width: 0;
273
+ width: 0;
274
+ flex: 1 1 0%;
257
275
 
258
276
  &:hover {
259
277
  text-decoration: underline;
package/lib/cjs/components/system-debug-trace/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;sBAOxB,kBAAM,CAAC,WAAW;;;;;;;;;;;;;0BAad,kBAAM,CAAC,GAAG;;;CAGnC,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS1C,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;CAY1C,CAAA;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;CAazC,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;WAOhC,kBAAM,CAAC,IAAI;;;;;;;;CAQrB,CAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;WAOjC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAIY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAwB;;;;;mBAKhD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;;CAElE,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,MAAM,CAAA;WAClC,kBAAM,CAAC,IAAI;;;;CAIrB,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;WAM/B,kBAAM,CAAC,IAAI;;;;;;;;;;;CAWrB,CAAA;AAEY,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;WAOtC,kBAAM,CAAC,IAAI;;;;;;;;;;;;;;;CAerB,CAAA;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;0BAGnB,kBAAM,CAAC,IAAI;WAC1B,kBAAM,CAAC,IAAI;;;;;;;;CAQrB,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;wBAoB1B,kBAAM,CAAC,IAAI;;CAElC,CAAA;AAIY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAA0B;;;;;mBAKpD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;;;WAGxD,kBAAM,CAAC,IAAI;;;;;;;CAOrB,CAAA;AAEY,QAAA,yBAAyB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;wBAY3B,kBAAM,CAAC,IAAI;;;;;;;;;0BAST,kBAAM,CAAC,IAAI;;;CAGpC,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIpC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIpC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIjC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,qBAAqB,GAAG,IAAA,2BAAM,EAAC,yBAAiB,CAAC,CAAA;;CAE7D,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;WAIjC,kBAAM,CAAC,IAAI;;;;;;;;;;aAUT,kBAAM,CAAC,YAAY;;;;aAInB,kBAAM,CAAC,IAAI;;CAEvB,CAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;sBAOxB,kBAAM,CAAC,WAAW;;;;;;;;;;;;;0BAad,kBAAM,CAAC,GAAG;;;CAGnC,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS1C,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;CAY1C,CAAA;AAEY,QAAA,eAAe,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;CAazC,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;WAOhC,kBAAM,CAAC,IAAI;;;;;;;;CAQrB,CAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;WAUjC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAIY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAwB;;;;;mBAKhD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;;;;;;CAMlE,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,MAAM,CAAA;WAClC,kBAAM,CAAC,IAAI;;;;CAIrB,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;WAM/B,kBAAM,CAAC,IAAI;;;;;;;;;;;CAWrB,CAAA;AAEY,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;WAOtC,kBAAM,CAAC,IAAI;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;0BAGnB,kBAAM,CAAC,IAAI;WAC1B,kBAAM,CAAC,IAAI;;;;;;;;CAQrB,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;wBAoB1B,kBAAM,CAAC,IAAI;;CAElC,CAAA;AAIY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAA0B;;;;;mBAKpD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;;;WAGxD,kBAAM,CAAC,IAAI;;;;;;;CAOrB,CAAA;AAEY,QAAA,yBAAyB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;wBAe3B,kBAAM,CAAC,IAAI;;;;;;;;;0BAST,kBAAM,CAAC,IAAI;;;CAGpC,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIpC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIpC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;WAIjC,kBAAM,CAAC,IAAI;CACrB,CAAA;AAEY,QAAA,qBAAqB,GAAG,IAAA,2BAAM,EAAC,yBAAiB,CAAC,CAAA;;;;;;;CAO7D,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;WAIjC,kBAAM,CAAC,IAAI;;;;;;;;;;;aAWT,kBAAM,CAAC,YAAY;;;;aAInB,kBAAM,CAAC,IAAI;;CAEvB,CAAA"}
package/lib/esm/components/system-debug-trace/styles.js CHANGED
@@ -81,6 +81,9 @@ export const StyledDebugContent = styled.div `
81
81
  display: flex;
82
82
  flex-direction: column;
83
83
  position: relative;
84
+ width: 100%;
85
+ min-width: 0;
86
+ overflow: hidden;
84
87
 
85
88
  font-size: 12px;
86
89
  line-height: 1.5;
@@ -90,9 +93,13 @@ export const StyledDebugDetail = styled.div `
90
93
  display: flex;
91
94
  flex-direction: column;
92
95
  gap: 4px;
93
- padding-left: 28px;
96
+ padding: 0 28px;
94
97
  margin-bottom: ${({ $isLastItem }) => ($isLastItem ? '0' : '8px')};
95
98
  line-height: 1.5;
99
+ width: 100%;
100
+ min-width: 0;
101
+ overflow: hidden;
102
+ box-sizing: border-box;
96
103
  `;
97
104
  export const StyledDebugLabel = styled.strong `
98
105
  color: ${COLORS.N700};
@@ -127,6 +134,8 @@ export const StyledDebugItemWithIcon = styled.div `
127
134
  font-size: 12px;
128
135
  color: ${COLORS.N700};
129
136
  line-height: 1.5;
137
+ min-width: 0;
138
+ width: 100%;
130
139
 
131
140
  &:not(:last-child) {
132
141
  margin-bottom: 4px;
@@ -198,6 +207,9 @@ export const StyledDebugContentWrapper = styled.div `
198
207
  flex-direction: column;
199
208
  gap: 8px;
200
209
  position: relative;
210
+ width: 100%;
211
+ min-width: 0;
212
+ overflow: hidden;
201
213
 
202
214
  /* Create line from first label to last label */
203
215
  &::before {
@@ -238,6 +250,11 @@ export const StyledSourceValue = styled.span `
238
250
  `;
239
251
  export const StyledFileSourceValue = styled(StyledSourceValue) `
240
252
  display: block;
253
+ overflow: hidden;
254
+ text-overflow: ellipsis;
255
+ white-space: nowrap;
256
+ min-width: 0;
257
+ flex: 1;
241
258
  `;
242
259
  export const StyledUrlSourceValue = styled.a `
243
260
  font-weight: 600;
@@ -245,11 +262,12 @@ export const StyledUrlSourceValue = styled.a `
245
262
  line-height: 1.5;
246
263
  color: ${COLORS.N700};
247
264
  text-decoration: none;
248
- display: block;
249
265
  overflow: hidden;
250
266
  text-overflow: ellipsis;
251
267
  white-space: nowrap;
252
- max-width: 100%;
268
+ min-width: 0;
269
+ width: 0;
270
+ flex: 1 1 0%;
253
271
 
254
272
  &:hover {
255
273
  text-decoration: underline;
package/lib/esm/components/system-debug-trace/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/system-debug-trace/styles.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@botonic/react",
3
- "version": "0.41.0-alpha.0",
3
+ "version": "0.41.0-alpha.1",
4
4
  "license": "MIT",
5
5
  "description": "Build Chatbots using React",
6
6
  "main": "./lib/cjs",
package/src/components/system-debug-trace/styles.ts CHANGED
@@ -88,6 +88,9 @@ export const StyledDebugContent = styled.div`
88
88
  display: flex;
89
89
  flex-direction: column;
90
90
  position: relative;
91
+ width: 100%;
92
+ min-width: 0;
93
+ overflow: hidden;
91
94
 
92
95
  font-size: 12px;
93
96
  line-height: 1.5;
@@ -100,9 +103,13 @@ export const StyledDebugDetail = styled.div<StyledDebugDetailProps>`
100
103
  display: flex;
101
104
  flex-direction: column;
102
105
  gap: 4px;
103
- padding-left: 28px;
106
+ padding: 0 28px;
104
107
  margin-bottom: ${({ $isLastItem }) => ($isLastItem ? '0' : '8px')};
105
108
  line-height: 1.5;
109
+ width: 100%;
110
+ min-width: 0;
111
+ overflow: hidden;
112
+ box-sizing: border-box;
106
113
  `
107
114
 
108
115
  export const StyledDebugLabel = styled.strong`
@@ -140,6 +147,8 @@ export const StyledDebugItemWithIcon = styled.div`
140
147
  font-size: 12px;
141
148
  color: ${COLORS.N700};
142
149
  line-height: 1.5;
150
+ min-width: 0;
151
+ width: 100%;
143
152
 
144
153
  &:not(:last-child) {
145
154
  margin-bottom: 4px;
@@ -217,6 +226,9 @@ export const StyledDebugContentWrapper = styled.div`
217
226
  flex-direction: column;
218
227
  gap: 8px;
219
228
  position: relative;
229
+ width: 100%;
230
+ min-width: 0;
231
+ overflow: hidden;
220
232
 
221
233
  /* Create line from first label to last label */
222
234
  &::before {
@@ -261,6 +273,11 @@ export const StyledSourceValue = styled.span`
261
273
 
262
274
  export const StyledFileSourceValue = styled(StyledSourceValue)`
263
275
  display: block;
276
+ overflow: hidden;
277
+ text-overflow: ellipsis;
278
+ white-space: nowrap;
279
+ min-width: 0;
280
+ flex: 1;
264
281
  `
265
282
 
266
283
  export const StyledUrlSourceValue = styled.a`
@@ -269,11 +286,12 @@ export const StyledUrlSourceValue = styled.a`
269
286
  line-height: 1.5;
270
287
  color: ${COLORS.N700};
271
288
  text-decoration: none;
272
- display: block;
273
289
  overflow: hidden;
274
290
  text-overflow: ellipsis;
275
291
  white-space: nowrap;
276
- max-width: 100%;
292
+ min-width: 0;
293
+ width: 0;
294
+ flex: 1 1 0%;
277
295
 
278
296
  &:hover {
279
297
  text-decoration: underline;