@e1011/es-kit 1.1.48 → 1.1.52

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 (83) hide show
  1. package/dist/hooks/esm/index.css +278 -278
  2. package/dist/hooks/index.css +278 -278
  3. package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  4. package/dist/lib/cjs/src/core/ui/components/field/Field.js.map +1 -1
  5. package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/index.js.map +1 -1
  6. package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/peregrineMQ.js +1 -1
  7. package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/peregrineMQ.js.map +1 -1
  8. package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/peregrineMQ.types.js +2 -0
  9. package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/peregrineMQ.types.js.map +1 -0
  10. package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js.map +1 -1
  11. package/dist/lib/cjs/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
  12. package/dist/lib/cjs/src/core/utils/appState/store/store.vanillajs.templates.js.map +1 -1
  13. package/dist/lib/cjs/src/index.js +1 -1
  14. package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  15. package/dist/lib/esm/src/core/ui/components/field/Field.js.map +1 -1
  16. package/dist/lib/esm/src/core/utils/appState/peregrineMQ/index.js.map +1 -1
  17. package/dist/lib/esm/src/core/utils/appState/peregrineMQ/peregrineMQ.js +1 -1
  18. package/dist/lib/esm/src/core/utils/appState/peregrineMQ/peregrineMQ.js.map +1 -1
  19. package/dist/lib/esm/src/core/utils/appState/peregrineMQ/peregrineMQ.types.js +2 -0
  20. package/dist/lib/esm/src/core/utils/appState/peregrineMQ/peregrineMQ.types.js.map +1 -0
  21. package/dist/lib/esm/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js.map +1 -1
  22. package/dist/lib/esm/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
  23. package/dist/lib/esm/src/core/utils/appState/store/store.vanillajs.templates.js.map +1 -1
  24. package/dist/lib/esm/src/index.js +1 -1
  25. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  26. package/dist/types/src/core/index.d.ts +0 -1
  27. package/dist/types/src/core/index.d.ts.map +1 -1
  28. package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts +1 -1
  29. package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts.map +1 -1
  30. package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts +1 -1
  31. package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts.map +1 -1
  32. package/dist/types/src/core/ui/components/atoms/toggle/Toggle.d.ts +12 -0
  33. package/dist/types/src/core/ui/components/atoms/toggle/Toggle.d.ts.map +1 -0
  34. package/dist/types/src/core/ui/components/atoms/toggle/toggle.stories.d.ts +13 -0
  35. package/dist/types/src/core/ui/components/atoms/toggle/toggle.stories.d.ts.map +1 -0
  36. package/dist/types/src/core/ui/components/atoms/toggle/toggle.test.d.ts +5 -0
  37. package/dist/types/src/core/ui/components/atoms/toggle/toggle.test.d.ts.map +1 -0
  38. package/dist/types/src/core/ui/components/field/Field.d.ts +1 -0
  39. package/dist/types/src/core/ui/components/field/Field.d.ts.map +1 -1
  40. package/dist/types/src/core/ui/index.d.ts +1 -0
  41. package/dist/types/src/core/ui/index.d.ts.map +1 -1
  42. package/dist/types/src/core/ui/types/CommonProps.d.ts +4 -0
  43. package/dist/types/src/core/ui/types/CommonProps.d.ts.map +1 -1
  44. package/dist/types/src/core/ui/types/index.d.ts +2 -0
  45. package/dist/types/src/core/ui/types/index.d.ts.map +1 -0
  46. package/dist/types/src/core/utils/appState/peregrineMQ/index.d.ts +1 -1
  47. package/dist/types/src/core/utils/appState/peregrineMQ/index.d.ts.map +1 -1
  48. package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.d.ts +2 -2
  49. package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.d.ts.map +1 -1
  50. package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.types.d.ts +5 -1
  51. package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.types.d.ts.map +1 -1
  52. package/dist/types/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.d.ts +2 -2
  53. package/dist/types/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.d.ts.map +1 -1
  54. package/dist/types/src/core/utils/appState/store/store.vanillajs.d.ts.map +1 -1
  55. package/dist/types/src/ts-playground.d.ts +1 -0
  56. package/dist/types/src/ts-playground.d.ts.map +1 -0
  57. package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  58. package/dist/ui/esm/src/core/ui/components/field/Field.js.map +1 -1
  59. package/dist/ui/src/core/ui/components/atoms/tag/tag.types.js.map +1 -1
  60. package/dist/ui/src/core/ui/components/field/Field.js.map +1 -1
  61. package/dist/utils/esm/index.css +278 -278
  62. package/dist/utils/esm/src/core/utils/appState/peregrineMQ/index.js.map +1 -1
  63. package/dist/utils/esm/src/core/utils/appState/peregrineMQ/peregrineMQ.js +1 -1
  64. package/dist/utils/esm/src/core/utils/appState/peregrineMQ/peregrineMQ.js.map +1 -1
  65. package/dist/utils/esm/src/core/utils/appState/peregrineMQ/peregrineMQ.types.js +2 -0
  66. package/dist/utils/esm/src/core/utils/appState/peregrineMQ/peregrineMQ.types.js.map +1 -0
  67. package/dist/utils/esm/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js.map +1 -1
  68. package/dist/utils/esm/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
  69. package/dist/utils/esm/src/core/utils/appState/store/store.vanillajs.templates.js.map +1 -1
  70. package/dist/utils/esm/src/core/utils/index.js +1 -1
  71. package/dist/utils/index.css +278 -278
  72. package/dist/utils/src/core/utils/appState/peregrineMQ/index.js.map +1 -1
  73. package/dist/utils/src/core/utils/appState/peregrineMQ/peregrineMQ.js +1 -1
  74. package/dist/utils/src/core/utils/appState/peregrineMQ/peregrineMQ.js.map +1 -1
  75. package/dist/utils/src/core/utils/appState/peregrineMQ/peregrineMQ.types.js +2 -0
  76. package/dist/utils/src/core/utils/appState/peregrineMQ/peregrineMQ.types.js.map +1 -0
  77. package/dist/utils/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.js.map +1 -1
  78. package/dist/utils/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
  79. package/dist/utils/src/core/utils/appState/store/store.vanillajs.templates.js.map +1 -1
  80. package/dist/utils/src/core/utils/index.js +1 -1
  81. package/package.json +1 -1
  82. package/dist/types/src/core/types/CommonProps.d.ts +0 -11
  83. package/dist/types/src/core/types/CommonProps.d.ts.map +0 -1
@@ -28,6 +28,34 @@
28
28
  width: var(--height);
29
29
  height: var(--width);
30
30
  }
31
+ .divider-module_divider-line__6CesR {
32
+ position: relative;
33
+ display: block;
34
+ transition: opacity, width, height 250ms ease-in-out;
35
+ background-color: var(--color);
36
+ opacity: var(--opacity);
37
+ }
38
+ .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
39
+ height: var(--length);
40
+ left: var(--left);
41
+ width: var(--width);
42
+ margin: var(--margin);
43
+ }
44
+ .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
45
+ width: var(--length);
46
+ left: var(--left);
47
+ height: var(--height);
48
+ margin: var(--margin);
49
+ }
50
+ .errorBoundary-module_errorBoundary__gk9ps {
51
+ background: #EFEFEF;
52
+ width: 100%;
53
+ height: 100%;
54
+ }
55
+
56
+ .errorBoundary-module_StyledIcon__IYHiU {
57
+ margin-right: 10px;
58
+ }
31
59
  .CollapsibleContainer-module_collapsible-container__u0Jmm {
32
60
  transform-origin: 0% 0%;
33
61
  opacity: 0;
@@ -135,34 +163,6 @@
135
163
  .field-module_field__UfKm3 label {
136
164
  text-align: left;
137
165
  }
138
- .errorBoundary-module_errorBoundary__gk9ps {
139
- background: #EFEFEF;
140
- width: 100%;
141
- height: 100%;
142
- }
143
-
144
- .errorBoundary-module_StyledIcon__IYHiU {
145
- margin-right: 10px;
146
- }
147
- .divider-module_divider-line__6CesR {
148
- position: relative;
149
- display: block;
150
- transition: opacity, width, height 250ms ease-in-out;
151
- background-color: var(--color);
152
- opacity: var(--opacity);
153
- }
154
- .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
155
- height: var(--length);
156
- left: var(--left);
157
- width: var(--width);
158
- margin: var(--margin);
159
- }
160
- .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
161
- width: var(--length);
162
- left: var(--left);
163
- height: var(--height);
164
- margin: var(--margin);
165
- }
166
166
  .layoutBox-module_layout-box__ZIID8 {
167
167
  display: flex;
168
168
  position: relative;
@@ -230,6 +230,252 @@
230
230
  stroke-dashoffset: -124;
231
231
  }
232
232
  }
233
+ .popup-overlay-module_popup-modal-overlay__dlJqM {
234
+ z-index: 1;
235
+ position: fixed;
236
+ width: 100%;
237
+ height: 100%;
238
+ top: 0;
239
+ left: 0;
240
+ background: rgba(40, 80, 120, 0.8) !important;
241
+ pointer-events: all;
242
+ user-select: none;
243
+ will-change: opacity;
244
+ transition: opacity 450ms ease-in-out;
245
+ opacity: 0;
246
+ visibility: hidden;
247
+ }
248
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
249
+ opacity: 1;
250
+ visibility: visible;
251
+ }
252
+ .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
253
+ opacity: 0;
254
+ visibility: hidden;
255
+ }
256
+ :root {
257
+ --divider-line: #4a4b4b;
258
+ }
259
+
260
+ .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
261
+ overflow: hidden !important;
262
+ }
263
+
264
+ .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
265
+ white-space: nowrap !important;
266
+ }
267
+
268
+ .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
269
+ text-overflow: ellipsis !important;
270
+ }
271
+
272
+ .popup-module_popup-container__PJ0oQ {
273
+ --popup-width: 60vw;
274
+ --popup-height: 50vh;
275
+ position: fixed;
276
+ width: var(--popup-width);
277
+ height: var(--popup-height);
278
+ --slideXFrom: 0;
279
+ --slideYFrom: 0;
280
+ will-change: opacity;
281
+ transition: opacity 300ms ease-in-out;
282
+ opacity: 0;
283
+ visibility: hidden;
284
+ pointer-events: none;
285
+ }
286
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
287
+ position: relative;
288
+ flex-direction: column;
289
+ align-items: start;
290
+ width: 100%;
291
+ height: 100%;
292
+ overflow-x: clip;
293
+ background-color: #090A0A;
294
+ border-radius: 4px;
295
+ box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
296
+ transition: transform 350ms ease-out;
297
+ will-change: transform;
298
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
299
+ }
300
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
301
+ margin-bottom: 0;
302
+ }
303
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
304
+ cursor: pointer;
305
+ line-height: 1px;
306
+ background-color: rgba(255, 255, 255, 0);
307
+ }
308
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
309
+ background-color: #FDDA0D;
310
+ width: 9px !important;
311
+ height: 9px !important;
312
+ line-height: 1px !important;
313
+ }
314
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
315
+ background-color: #FFEA00;
316
+ }
317
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
318
+ width: 100%;
319
+ height: 100%;
320
+ padding: 24px;
321
+ overflow-y: auto;
322
+ display: flex;
323
+ }
324
+ .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
325
+ overflow-y: auto;
326
+ }
327
+ .popup-module_popup-container__PJ0oQ[data-show] {
328
+ opacity: 1;
329
+ visibility: visible;
330
+ pointer-events: all;
331
+ }
332
+ .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
333
+ transform: translateX(0) translateY(0);
334
+ }
335
+ .popup-module_popup-container__PJ0oQ[data-show=false] {
336
+ opacity: 0;
337
+ visibility: hidden;
338
+ pointer-events: none;
339
+ }
340
+ .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
341
+ transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
342
+ }
343
+
344
+ .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
345
+ background-color: #090A0A;
346
+ color: #F4F4F4;
347
+ }
348
+ .cui-theme-light .popup-module_popup-container-inner__n83Cz {
349
+ background-color: #090A0A;
350
+ color: #F4F4F4;
351
+ }
352
+ :root {
353
+ --divider-line: #4a4b4b;
354
+ }
355
+
356
+ .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
357
+ overflow: hidden !important;
358
+ }
359
+
360
+ .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
361
+ white-space: nowrap !important;
362
+ }
363
+
364
+ .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
365
+ text-overflow: ellipsis !important;
366
+ }
367
+
368
+ .tooltip-module_popover-tooltip__sAhKa {
369
+ position: fixed;
370
+ z-index: 999;
371
+ will-change: opacity;
372
+ transition: opacity 450ms ease;
373
+ opacity: 0;
374
+ visibility: hidden;
375
+ border-radius: 4px;
376
+ background-color: #1B1D1D;
377
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
378
+ }
379
+ .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
380
+ margin: 0;
381
+ padding: 0;
382
+ }
383
+ .tooltip-module_popover-tooltip__sAhKa p {
384
+ display: -webkit-box;
385
+ -webkit-line-clamp: 4; /* number of lines to show */
386
+ line-clamp: 4;
387
+ -webkit-box-orient: vertical;
388
+ margin: 0;
389
+ width: 100%;
390
+ white-space: normal;
391
+ overflow: auto;
392
+ }
393
+ .tooltip-module_popover-tooltip__sAhKa[data-show] {
394
+ opacity: 1;
395
+ visibility: visible;
396
+ }
397
+ .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
398
+ opacity: 0;
399
+ visibility: hidden;
400
+ }
401
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
402
+ bottom: -16px;
403
+ }
404
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
405
+ transform: rotate(0deg);
406
+ }
407
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
408
+ top: -16px;
409
+ }
410
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
411
+ transform: rotate(180deg);
412
+ }
413
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
414
+ right: -16px;
415
+ }
416
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
417
+ transform: rotate(-90deg);
418
+ }
419
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
420
+ left: -16px;
421
+ }
422
+ .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
423
+ transform: rotate(90deg);
424
+ }
425
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
426
+ position: absolute;
427
+ }
428
+ .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
429
+ content: "";
430
+ border-width: 8px;
431
+ border-style: solid;
432
+ border-color: #1B1D1D transparent transparent transparent;
433
+ }
434
+
435
+ .tooltip-module_close-button__o8OBN {
436
+ cursor: pointer;
437
+ line-height: 1px;
438
+ background-color: rgba(255, 255, 255, 0);
439
+ }
440
+ .tooltip-module_close-button__o8OBN .icon-base {
441
+ background-color: #FDDA0D;
442
+ width: 9px !important;
443
+ height: 9px !important;
444
+ line-height: 1px !important;
445
+ }
446
+ .tooltip-module_close-button__o8OBN:hover .icon-base {
447
+ background-color: #FFEA00;
448
+ }
449
+
450
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
451
+ background-color: #1B1D1D;
452
+ color: #F4F4F4;
453
+ }
454
+ .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
455
+ border-color: #1B1D1D transparent transparent transparent;
456
+ }
457
+ .cui-theme-light {
458
+ color: #1B1D1D;
459
+ }
460
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
461
+ background-color: #515757;
462
+ }
463
+ .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
464
+ border-color: #515757 transparent transparent transparent;
465
+ }
466
+ .flowLayout-module_flowLayout__VHpnY {
467
+ overflow: auto;
468
+ }
469
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
470
+ display: flex;
471
+ width: 100%;
472
+ min-width: 0;
473
+ }
474
+ .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
475
+ display: flex;
476
+ width: 100%;
477
+ min-width: 0;
478
+ }
233
479
  :root {
234
480
  --divider-line: #4a4b4b;
235
481
  }
@@ -296,11 +542,6 @@
296
542
  pointer-events: none;
297
543
  opacity: 0.6;
298
544
  }
299
- .textAndContent-module_textAndContent__X5P1n {
300
- align-items: baseline;
301
- flex-shrink: 1;
302
- gap: 8px;
303
- }
304
545
  :root {
305
546
  --divider-line: #4a4b4b;
306
547
  }
@@ -415,133 +656,6 @@
415
656
  .cui-theme-light .button-module_button__NDMQS {
416
657
  color: #090A0A;
417
658
  }
418
- .flowLayout-module_flowLayout__VHpnY {
419
- overflow: auto;
420
- }
421
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_beforeContent__rY-mW {
422
- display: flex;
423
- width: 100%;
424
- min-width: 0;
425
- }
426
- .flowLayout-module_flowLayout__VHpnY .flowLayout-module_afterContent__Hlh8v {
427
- display: flex;
428
- width: 100%;
429
- min-width: 0;
430
- }
431
- :root {
432
- --divider-line: #4a4b4b;
433
- }
434
-
435
- .tooltip-module_overflow-hidden__YDzdx, .tooltip-module_text-truncate__CPvp3 {
436
- overflow: hidden !important;
437
- }
438
-
439
- .tooltip-module_text-nowrap__g6kzP, .tooltip-module_text-truncate__CPvp3 {
440
- white-space: nowrap !important;
441
- }
442
-
443
- .tooltip-module_text-ellipsis__AYivV, .tooltip-module_text-truncate__CPvp3 {
444
- text-overflow: ellipsis !important;
445
- }
446
-
447
- .tooltip-module_popover-tooltip__sAhKa {
448
- position: fixed;
449
- z-index: 999;
450
- will-change: opacity;
451
- transition: opacity 450ms ease;
452
- opacity: 0;
453
- visibility: hidden;
454
- border-radius: 4px;
455
- background-color: #1B1D1D;
456
- box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
457
- }
458
- .tooltip-module_popover-tooltip__sAhKa span, .tooltip-module_popover-tooltip__sAhKa p, .tooltip-module_popover-tooltip__sAhKa h3 {
459
- margin: 0;
460
- padding: 0;
461
- }
462
- .tooltip-module_popover-tooltip__sAhKa p {
463
- display: -webkit-box;
464
- -webkit-line-clamp: 4; /* number of lines to show */
465
- line-clamp: 4;
466
- -webkit-box-orient: vertical;
467
- margin: 0;
468
- width: 100%;
469
- white-space: normal;
470
- overflow: auto;
471
- }
472
- .tooltip-module_popover-tooltip__sAhKa[data-show] {
473
- opacity: 1;
474
- visibility: visible;
475
- }
476
- .tooltip-module_popover-tooltip__sAhKa[data-show=false] {
477
- opacity: 0;
478
- visibility: hidden;
479
- }
480
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi {
481
- bottom: -16px;
482
- }
483
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=top] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
484
- transform: rotate(0deg);
485
- }
486
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi {
487
- top: -16px;
488
- }
489
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=bottom] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
490
- transform: rotate(180deg);
491
- }
492
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi {
493
- right: -16px;
494
- }
495
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=left] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
496
- transform: rotate(-90deg);
497
- }
498
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi {
499
- left: -16px;
500
- }
501
- .tooltip-module_popover-tooltip__sAhKa[data-popper-placement^=right] .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
502
- transform: rotate(90deg);
503
- }
504
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi {
505
- position: absolute;
506
- }
507
- .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow__pqqOi .tooltip-module_arrow-inner__IqzxY {
508
- content: "";
509
- border-width: 8px;
510
- border-style: solid;
511
- border-color: #1B1D1D transparent transparent transparent;
512
- }
513
-
514
- .tooltip-module_close-button__o8OBN {
515
- cursor: pointer;
516
- line-height: 1px;
517
- background-color: rgba(255, 255, 255, 0);
518
- }
519
- .tooltip-module_close-button__o8OBN .icon-base {
520
- background-color: #FDDA0D;
521
- width: 9px !important;
522
- height: 9px !important;
523
- line-height: 1px !important;
524
- }
525
- .tooltip-module_close-button__o8OBN:hover .icon-base {
526
- background-color: #FFEA00;
527
- }
528
-
529
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa {
530
- background-color: #1B1D1D;
531
- color: #F4F4F4;
532
- }
533
- .cui-theme-dark .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
534
- border-color: #1B1D1D transparent transparent transparent;
535
- }
536
- .cui-theme-light {
537
- color: #1B1D1D;
538
- }
539
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa {
540
- background-color: #515757;
541
- }
542
- .cui-theme-light .tooltip-module_popover-tooltip__sAhKa .tooltip-module_arrow-inner__IqzxY {
543
- border-color: #515757 transparent transparent transparent;
544
- }
545
659
  :root {
546
660
  --divider-line: #4a4b4b;
547
661
  }
@@ -706,124 +820,10 @@
706
820
  border-color: #FD8F3E;
707
821
  color: #632E03;
708
822
  }
709
- .popup-overlay-module_popup-modal-overlay__dlJqM {
710
- z-index: 1;
711
- position: fixed;
712
- width: 100%;
713
- height: 100%;
714
- top: 0;
715
- left: 0;
716
- background: rgba(40, 80, 120, 0.8) !important;
717
- pointer-events: all;
718
- user-select: none;
719
- will-change: opacity;
720
- transition: opacity 450ms ease-in-out;
721
- opacity: 0;
722
- visibility: hidden;
723
- }
724
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show] {
725
- opacity: 1;
726
- visibility: visible;
727
- }
728
- .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
729
- opacity: 0;
730
- visibility: hidden;
731
- }
732
- :root {
733
- --divider-line: #4a4b4b;
734
- }
735
-
736
- .popup-module_overflow-hidden__uimg4, .popup-module_text-truncate__y-5c1 {
737
- overflow: hidden !important;
738
- }
739
-
740
- .popup-module_text-nowrap__eDCv3, .popup-module_text-truncate__y-5c1 {
741
- white-space: nowrap !important;
742
- }
743
-
744
- .popup-module_text-ellipsis__yu8nx, .popup-module_text-truncate__y-5c1 {
745
- text-overflow: ellipsis !important;
746
- }
747
-
748
- .popup-module_popup-container__PJ0oQ {
749
- --popup-width: 60vw;
750
- --popup-height: 50vh;
751
- position: fixed;
752
- width: var(--popup-width);
753
- height: var(--popup-height);
754
- --slideXFrom: 0;
755
- --slideYFrom: 0;
756
- will-change: opacity;
757
- transition: opacity 300ms ease-in-out;
758
- opacity: 0;
759
- visibility: hidden;
760
- pointer-events: none;
761
- }
762
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz {
763
- position: relative;
764
- flex-direction: column;
765
- align-items: start;
766
- width: 100%;
767
- height: 100%;
768
- overflow-x: clip;
769
- background-color: #090A0A;
770
- border-radius: 4px;
771
- box-shadow: 0px 10px 20px 4px rgba(0, 0, 0, 0.15);
772
- transition: transform 350ms ease-out;
773
- will-change: transform;
774
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
775
- }
776
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz button {
777
- margin-bottom: 0;
778
- }
779
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx {
780
- cursor: pointer;
781
- line-height: 1px;
782
- background-color: rgba(255, 255, 255, 0);
783
- }
784
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx .icon-base {
785
- background-color: #FDDA0D;
786
- width: 9px !important;
787
- height: 9px !important;
788
- line-height: 1px !important;
789
- }
790
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_close-button__-8sZx:hover .icon-base {
791
- background-color: #FFEA00;
792
- }
793
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm {
794
- width: 100%;
795
- height: 100%;
796
- padding: 24px;
797
- overflow-y: auto;
798
- display: flex;
799
- }
800
- .popup-module_popup-container__PJ0oQ .popup-module_popup-container-inner__n83Cz .popup-module_popup-container-inner-div__sDNBm > * {
801
- overflow-y: auto;
802
- }
803
- .popup-module_popup-container__PJ0oQ[data-show] {
804
- opacity: 1;
805
- visibility: visible;
806
- pointer-events: all;
807
- }
808
- .popup-module_popup-container__PJ0oQ[data-show] .popup-module_popup-container-inner__n83Cz {
809
- transform: translateX(0) translateY(0);
810
- }
811
- .popup-module_popup-container__PJ0oQ[data-show=false] {
812
- opacity: 0;
813
- visibility: hidden;
814
- pointer-events: none;
815
- }
816
- .popup-module_popup-container__PJ0oQ[data-show=false] .popup-module_popup-container-inner__n83Cz {
817
- transform: translateX(var(--slideXFrom)) translateY(var(--slideYFrom));
818
- }
819
-
820
- .cui-theme-dark .popup-module_popup-container-inner__n83Cz {
821
- background-color: #090A0A;
822
- color: #F4F4F4;
823
- }
824
- .cui-theme-light .popup-module_popup-container-inner__n83Cz {
825
- background-color: #090A0A;
826
- color: #F4F4F4;
823
+ .textAndContent-module_textAndContent__X5P1n {
824
+ align-items: baseline;
825
+ flex-shrink: 1;
826
+ gap: 8px;
827
827
  }
828
828
  :root {
829
829
  --divider-line: #4a4b4b;
@@ -1 +1 @@
1
- {"version":3,"file":"tag.types.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/tag.types.ts"],"sourcesContent":["import { PropsWithChildren, FC, MouseEvent } from 'react'\n\nimport { TextAndIconsProps } from '../textAndContent/textAndContent.types'\nimport { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types'\nimport { CommonProps } from '../../../../types/CommonProps'\nimport { TextProps } from '../text/text.types'\n\n\nexport enum TagVariant {\n info = 'info',\n veryLow = 'very-low',\n low = 'low',\n medium = 'medium',\n high = 'high',\n critical = 'critical',\n information = 'information',\n success = 'success',\n alert = 'alert',\n error = 'error',\n warning = 'warning',\n default = 'default'\n}\n\nexport type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {\n variant?: TagVariant\n text?: string\n hashtag?: boolean\n inTable?: boolean\n components?: {\n TextComponent?: FC<TextProps>\n }\n onClick?: (event?: MouseEvent) => void\n className?: string\n}\n"],"names":["TagVariant"],"mappings":"aAQYA,IAAAA,WAAAA,GAAU,OAAVA,EAAU,KAAA,OAAVA,EAAU,QAAA,WAAVA,EAAU,IAAA,MAAVA,EAAU,OAAA,SAAVA,EAAU,KAAA,OAAVA,EAAU,SAAA,WAAVA,EAAU,YAAA,cAAVA,EAAU,QAAA,UAAVA,EAAU,MAAA,QAAVA,EAAU,MAAA,QAAVA,EAAU,QAAA,UAAVA,EAAU,QAAA,UAAVA,CAAU,EAAA,CAAA"}
1
+ {"version":3,"file":"tag.types.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/tag.types.ts"],"sourcesContent":["import { PropsWithChildren, FC, MouseEvent } from 'react'\n\nimport { TextAndIconsProps } from '../textAndContent/textAndContent.types'\nimport { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types'\nimport { CommonProps } from '../../../types/CommonProps'\nimport { TextProps } from '../text/text.types'\n\n\nexport enum TagVariant {\n info = 'info',\n veryLow = 'very-low',\n low = 'low',\n medium = 'medium',\n high = 'high',\n critical = 'critical',\n information = 'information',\n success = 'success',\n alert = 'alert',\n error = 'error',\n warning = 'warning',\n default = 'default'\n}\n\nexport type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {\n variant?: TagVariant\n text?: string\n hashtag?: boolean\n inTable?: boolean\n components?: {\n TextComponent?: FC<TextProps>\n }\n onClick?: (event?: MouseEvent) => void\n className?: string\n}\n"],"names":["TagVariant"],"mappings":"aAQYA,IAAAA,WAAAA,GAAU,OAAVA,EAAU,KAAA,OAAVA,EAAU,QAAA,WAAVA,EAAU,IAAA,MAAVA,EAAU,OAAA,SAAVA,EAAU,KAAA,OAAVA,EAAU,SAAA,WAAVA,EAAU,YAAA,cAAVA,EAAU,QAAA,UAAVA,EAAU,MAAA,QAAVA,EAAU,MAAA,QAAVA,EAAU,QAAA,UAAVA,EAAU,QAAA,UAAVA,CAAU,EAAA,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n className?: string\n error?: boolean\n disabled?: boolean\n userDisabled?: boolean\n css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n label?: string\n name?: string\n type?: string\n min?: number | string | Date | any\n max?: number | string | Date | any\n value?: string | number | readonly string[] | undefined\n defaultValue?: string | number | readonly string[] | undefined\n placeholder?: string\n inputRef?: ReactHookFormRef\n error?: boolean\n errors?: FieldError\n disabled?: boolean\n userDisabled?: boolean\n helpTextInfo?: string\n helpText?: string\n iconLeft?: string\n iconRight?: string\n withoutComponent?: boolean\n addon?: ReactNode\n children?: ReactNode\n className?: string\n onChange?: (event?: EventType) => unknown\n // TODO, rename... something like changeHandler or valueDecorator\n onChangeInner?: (value: string | number) => string | number\n onBlur?: (event?: EventType) => void\n onFocus?: (event?: EventType | undefined) => void\n rightIconClick?: (event?: EventType) => void\n leftIconClick?: (event?: EventType) => void\n options?: any[] | null\n creatable?: boolean\n async?: boolean\n style?: CSSProperties\n [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n function Select({ options, value, inputRef, ...props }: SelectProps) {\n return (\n <div className='select'>\n <select {...props} ref={inputRef} defaultValue={value}>\n {options?.map((option: Option) => (\n <option\n key={`${JSON.stringify(option)}`}\n value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n >\n {typeof option === 'object' ? (option as OptionObj)?.label : option}\n </option>\n ))}\n </select>\n </div>\n )\n },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n label,\n name,\n type = 'text',\n value,\n defaultValue,\n placeholder,\n inputRef,\n error,\n disabled,\n userDisabled,\n withoutComponent,\n helpTextInfo,\n helpText,\n children,\n iconLeft,\n iconRight,\n addon,\n className,\n onChange,\n onChangeInner,\n onBlur,\n onFocus,\n rightIconClick,\n leftIconClick,\n options,\n style,\n ...props\n}: FieldProps) => {\n let Component: FC<any> = InputComponent\n\n if (!children && type === 'textarea') {\n Component = TextAreaComponent\n }\n const handleFocus = useCallback((event: Event | EventType | undefined) => {\n if (userDisabled) {\n event?.preventDefault?.()\n } else {\n onFocus && onFocus(event)\n }\n }, [userDisabled, onFocus])\n\n const handleChange = useCallback((event: { target: { value: string } }) => {\n if (userDisabled) {\n return\n }\n if (onChangeInner && event?.target) {\n // eslint-disable-next-line no-param-reassign\n event.target.value = onChangeInner((event.target.value as string)) as string\n onChange && onChange(event as EventType)\n } else {\n onChange && onChange(event as EventType)\n }\n }, [onChangeInner, onChange, userDisabled])\n\n const valueProps = useMemo(() => {\n if (value === undefined) {\n return { defaultValue }\n }\n return { value }\n }, [value, defaultValue])\n\n return (\n <div\n className={classNames(\n classes.field,\n (disabled || userDisabled) && classes.disable,\n className,\n )}\n // TODO fix\n // error={error}\n style={style}\n >\n <label htmlFor={name} className='label'>{label}</label>\n <div className={`field ${addon ? 'has-addons' : ''}`}>\n <div\n className={`control mainControl ${iconLeft && !withoutComponent\n ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n >\n {!withoutComponent && ((!children && (type === 'select' || options))\n ? (\n <Select\n name={name}\n id={name}\n inputRef={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type='select'\n placeholder={placeholder}\n value={value}\n options={options}\n // TODO also handle change but value versus event.target.value issue\n onChange={onChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )\n : (\n !children && (\n <Component\n name={name}\n id={name}\n ref={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type={type}\n placeholder={placeholder}\n {...valueProps}\n onChange={handleChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )))}\n\n {iconLeft && !withoutComponent && (\n <span\n className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n onClick={leftIconClick}\n >\n <IconComponent\n iconName={iconLeft}\n color={iconColor}\n />\n </span>\n )}\n {iconRight && (\n <span\n className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n onClick={rightIconClick}\n >\n <IconComponent\n iconName={iconRight}\n color={iconColor}\n />\n </span>\n )}\n {children && children}\n </div>\n {addon && addon}\n </div>\n {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n </div>\n )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","IconComponent","memo","React","createElement","setIconComponent","Select","_ref","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","TextAreaComponent","displayName","InputComponent","Field","_ref2","name","type","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","classNames","classes","default","field","disable","htmlFor","id","onKeyDown","autoComplete","onClick","iconName","color","component"],"mappings":"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"}
1
+ {"version":3,"file":"Field.js","sources":["../../../../../../../../src/core/ui/components/field/Field.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { FC, ReactNode, memo, useMemo, useCallback, PropsWithChildren, CSSProperties, createElement } from 'react'\n\nimport { classNames } from '../../../utils/helpers/ui'\n\nimport classes from './field.module.scss'\nimport type { FieldError, IconComponentType } from './types'\n\nlet iconColor: string | (() => string) = () => '#000000'\n\nexport const setIconColor = (color: string | (() => string)): void => {\n iconColor = color\n}\n\nlet IconComponent: IconComponentType = memo(function IconComponent() { return <span /> })\n\nexport const setIconComponent = (component: IconComponentType): void => {\n IconComponent = component\n}\n\nexport type FileWrapperProps = PropsWithChildren<unknown> & {\n className?: string\n error?: boolean\n disabled?: boolean\n userDisabled?: boolean\n css?: string\n}\n\ntype EventType = { target: any; type?: any } & Partial<Event>\nexport interface FieldProps {\n label?: string\n name?: string\n type?: string\n min?: number | string | Date | any\n max?: number | string | Date | any\n value?: string | number | readonly string[] | undefined\n defaultValue?: string | number | readonly string[] | undefined\n placeholder?: string\n inputRef?: ReactHookFormRef\n error?: boolean\n errors?: FieldError\n disabled?: boolean\n userDisabled?: boolean\n checked?: boolean\n helpTextInfo?: string\n helpText?: string\n iconLeft?: string\n iconRight?: string\n withoutComponent?: boolean\n addon?: ReactNode\n children?: ReactNode\n className?: string\n onChange?: (event?: EventType) => unknown\n // TODO, rename... something like changeHandler or valueDecorator\n onChangeInner?: (value: string | number) => string | number\n onBlur?: (event?: EventType) => void\n onFocus?: (event?: EventType | undefined) => void\n rightIconClick?: (event?: EventType) => void\n leftIconClick?: (event?: EventType) => void\n options?: any[] | null\n creatable?: boolean\n async?: boolean\n style?: CSSProperties\n [key: string]: any\n}\n\ninterface SelectProps extends FieldProps {\n id?: string\n}\n\ntype OptionObj = { label: string | number | undefined; value: string | number | undefined }\ntype Option = OptionObj | string | number\n\nexport const Select: FC<SelectProps>\n= memo<SelectProps>(\n function Select({ options, value, inputRef, ...props }: SelectProps) {\n return (\n <div className='select'>\n <select {...props} ref={inputRef} defaultValue={value}>\n {options?.map((option: Option) => (\n <option\n key={`${JSON.stringify(option)}`}\n value={typeof option === 'object' ? (option as OptionObj)?.value : option}\n >\n {typeof option === 'object' ? (option as OptionObj)?.label : option}\n </option>\n ))}\n </select>\n </div>\n )\n },\n)\nconst TextAreaComponent = memo((props) => createElement('textarea', props))\n\nTextAreaComponent.displayName = 'TextAreaComponent'\n\nconst InputComponent = memo((props) => createElement('input', props))\n\nInputComponent.displayName = 'InputComponent'\n\nexport const Field: FC<FieldProps> = memo<FieldProps>(({\n label,\n name,\n type = 'text',\n value,\n defaultValue,\n placeholder,\n inputRef,\n error,\n disabled,\n userDisabled,\n withoutComponent,\n helpTextInfo,\n helpText,\n children,\n iconLeft,\n iconRight,\n addon,\n className,\n onChange,\n onChangeInner,\n onBlur,\n onFocus,\n rightIconClick,\n leftIconClick,\n options,\n style,\n ...props\n}: FieldProps) => {\n let Component: FC<any> = InputComponent\n\n if (!children && type === 'textarea') {\n Component = TextAreaComponent\n }\n const handleFocus = useCallback((event: Event | EventType | undefined) => {\n if (userDisabled) {\n event?.preventDefault?.()\n } else {\n onFocus && onFocus(event)\n }\n }, [userDisabled, onFocus])\n\n const handleChange = useCallback((event: { target: { value: string } }) => {\n if (userDisabled) {\n return\n }\n if (onChangeInner && event?.target) {\n // eslint-disable-next-line no-param-reassign\n event.target.value = onChangeInner((event.target.value as string)) as string\n onChange && onChange(event as EventType)\n } else {\n onChange && onChange(event as EventType)\n }\n }, [onChangeInner, onChange, userDisabled])\n\n const valueProps = useMemo(() => {\n if (value === undefined) {\n return { defaultValue }\n }\n return { value }\n }, [value, defaultValue])\n\n return (\n <div\n className={classNames(\n classes.field,\n (disabled || userDisabled) && classes.disable,\n className,\n )}\n // TODO fix\n // error={error}\n style={style}\n >\n <label htmlFor={name} className='label'>{label}</label>\n <div className={`field ${addon ? 'has-addons' : ''}`}>\n <div\n className={`control mainControl ${iconLeft && !withoutComponent\n ? 'has-icons-left' : ''} ${iconRight ? 'has-icons-right' : ''}`}\n >\n {!withoutComponent && ((!children && (type === 'select' || options))\n ? (\n <Select\n name={name}\n id={name}\n inputRef={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type='select'\n placeholder={placeholder}\n value={value}\n options={options}\n // TODO also handle change but value versus event.target.value issue\n onChange={onChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )\n : (\n !children && (\n <Component\n name={name}\n id={name}\n ref={inputRef}\n className={`input ${error ? 'is-danger' : ''}`}\n type={type}\n placeholder={placeholder}\n {...valueProps}\n onChange={handleChange}\n onBlur={onBlur}\n onFocus={handleFocus}\n onKeyDown={handleFocus}\n autoComplete='off'\n disabled={disabled}\n {...props}\n />\n )))}\n\n {iconLeft && !withoutComponent && (\n <span\n className={`iconLeft icon is-small is-left ${leftIconClick ? 'is-action' : ''}`}\n onClick={leftIconClick}\n >\n <IconComponent\n iconName={iconLeft}\n color={iconColor}\n />\n </span>\n )}\n {iconRight && (\n <span\n className={`iconRight icon is-small is-right ${rightIconClick ? 'is-action' : ''}`}\n onClick={rightIconClick}\n >\n <IconComponent\n iconName={iconRight}\n color={iconColor}\n />\n </span>\n )}\n {children && children}\n </div>\n {addon && addon}\n </div>\n {helpTextInfo && <p className='help'>{helpTextInfo}</p>}\n {helpText && <p className={`help ${error ? 'is-danger' : ''}`}>{helpText}</p>}\n </div>\n )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","IconComponent","memo","React","createElement","setIconComponent","Select","_ref","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","TextAreaComponent","displayName","InputComponent","Field","_ref2","name","type","placeholder","error","disabled","userDisabled","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","style","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","classNames","classes","default","field","disable","htmlFor","id","onKeyDown","autoComplete","onClick","iconName","color","component"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/index.ts"],"sourcesContent":["import { PeregrineMQ } from './peregrineMQ'\n\nexport { PeregrineMQ, PeregrineMQClearError } from './peregrineMQ'\n\nexport const peregrineMQInstance = new PeregrineMQ()\n\nexport type * from './peregrineMQ.types'\nexport * from './usePeregrineMQ.react'\n"],"names":["peregrineMQInstance","PeregrineMQ"],"mappings":"qDAIaA,EAAsB,IAAIC,EAAWA"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/index.ts"],"sourcesContent":["import { PeregrineMQ } from './peregrineMQ'\n\nexport { PeregrineMQ, PeregrineMQClearError } from './peregrineMQ'\n\nexport const peregrineMQInstance = new PeregrineMQ()\n\nexport * from './peregrineMQ.types'\nexport * from './usePeregrineMQ.react'\n"],"names":["peregrineMQInstance","PeregrineMQ"],"mappings":"qDAIaA,EAAsB,IAAIC,EAAWA"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("../../../../../node_modules/uuid/dist/esm-browser/v4.js");class t extends Error{constructor(){super("Clearing PeregrineMQ is not allowed. Please read the documentation for more information."),this.name="PeregrineMQClearError"}}exports.PeregrineMQ=class{constructor(s,n){this.id=void 0,this.config={allowAutoPrune:!1,pruneInterval:1e4,allowClear:!1},this.channels=new Map,this.listeners=new Map,this.addListener=(e,t)=>{const s=this.listeners.get(e),n=this.channels.get(t);n&&(s?s.push(n):this.listeners.set(e,[n]))},this.removeListener=e=>{const t=this.listeners.get(e);let s=!0;for(const n of t||[])if(s=!n.has(e),!s)break;s&&this.listeners.delete(e)},this.publishToChannel=(e,t,s)=>{const n=this.channels.get(e);if(!n)return t;const r=n[Symbol.iterator]();let i=r.next().value;for(;i;)i(e,s),i=r.next().value;return!0},this.configure=e=>{this.config=e;const{allowAutoPrune:t,pruneInterval:s}=e;let n;t&&(n=setInterval((()=>{this.prune()}),s));const r=this;return{...t?{clearPruneInterval:()=>{clearInterval(n)},restartPruneInterval:()=>{clearInterval(n),n=setInterval((()=>{r.prune()}),s)}}:{}}},this.getChannels=()=>[...this.channels.keys()],this.prune=()=>{const e=this.channels[Symbol.iterator]();let t=e.next().value;const s=[];for(;t;)0===t[1]?.size&&(s.push(t[0]),this.channels.delete(t[0])),t=e.next().value;return s},this.removeChannel=e=>{const t=this.channels.get(e);if(t&&t.size>0){const e=[...t||[]];t.clear();let s=e.length;for(;s--;)this.removeListener(e[s])}return this.channels.delete(e)},this.publish=(e,t)=>{if(e.includes(".")){const s=e.split(".");let{length:n}=s,r=!1;for(;n--;){this.publishToChannel(s.slice(0,n+1).join("."),n!==s.length-1,t)||(r=!0)}return!r}return this.publishToChannel(e,!1,t)},this.subscribe=(e,t)=>{const s=this.channels.get(e);return s?s.add(t):this.channels.set(e,new Set([t])),this.addListener(t,e),()=>this.unsubscribe(t,{channel:e,prune:!0})},this.unsubscribe=(e,t)=>{const{channel:s,prune:n}=t||{};let r=!1;if(s){const t=this.channels.get(s);return r=!!t&&t.delete(e),n&&0===t?.size&&this.channels.delete(s),this.removeListener(e),r}const i=this.listeners.get(e)||[];for(const t of i)r=t.delete(e),n&&0===t.size&&this.prune();return this.listeners.delete(e),r},this.isSubscribed=(e,t)=>{if(t){const s=this.channels.get(t);return!!s&&s.has(e)}return this.listeners.has(e)},this.clear=()=>{if(!this.config.allowClear)throw new t;this.channels.clear(),this.listeners.clear()},this.getId=()=>this.id,this.id=s||e.default(),this.configure(n||{})}get length(){return[...this.channels.values()].reduce(((e,t)=>e+t.size),0)}},exports.PeregrineMQClearError=t;
1
+ "use strict";var e=require("./peregrineMQ.types.js"),t=require("../../../../../node_modules/uuid/dist/esm-browser/v4.js");class s extends Error{constructor(){super("Clearing PeregrineMQ is not allowed. Please read the documentation for more information."),this.name="PeregrineMQClearError"}}exports.PeregrineMQ=class{constructor(n,r){this.id=void 0,this.config={allowAutoPrune:!1,pruneInterval:1e4,allowClear:!1},this.channels=new Map,this.listeners=new Map,this.addListener=(e,t)=>{const s=this.listeners.get(e),n=this.channels.get(t);n&&(s?s.push(n):this.listeners.set(e,[n]))},this.removeListener=e=>{const t=this.listeners.get(e);let s=!0;for(const n of t||[])if(s=!n.has(e),!s)break;s&&this.listeners.delete(e)},this.publishToChannel=(t,s,n)=>{const r=this.channels.get(t);if(!r)return e.NON_EXISTENT_CHANNEL;const i=r[Symbol.iterator]();let l=i.next().value;const h=[];for(;l;)h.push(l(t,n)),l=i.next().value;return 1===h?.length?h[0]:h},this.configure=e=>{this.config=e;const{allowAutoPrune:t,pruneInterval:s}=e;let n;t&&(n=setInterval((()=>{this.prune()}),s));const r=this;return{...t?{clearPruneInterval:()=>{clearInterval(n)},restartPruneInterval:()=>{clearInterval(n),n=setInterval((()=>{r.prune()}),s)}}:{}}},this.getChannels=()=>[...this.channels.keys()],this.prune=()=>{const e=this.channels[Symbol.iterator]();let t=e.next().value;const s=[];for(;t;)0===t[1]?.size&&(s.push(t[0]),this.channels.delete(t[0])),t=e.next().value;return s},this.removeChannel=e=>{const t=this.channels.get(e);if(t&&t.size>0){const e=[...t||[]];t.clear();let s=e.length;for(;s--;)this.removeListener(e[s])}return this.channels.delete(e)},this.publish=(e,t)=>{if(e.includes(".")){const s=e.split(".");let{length:n}=s,r=0;const i=[];for(;n--;){const e=this.publishToChannel(s.slice(0,r+1).join("."),n!==s.length-1,t);r+=1,i.push(e)}return i}return this.publishToChannel(e,!1,t)},this.subscribe=(e,t)=>{const s=this.channels.get(e);return s?s.add(t):this.channels.set(e,new Set([t])),this.addListener(t,e),()=>this.unsubscribe(t,{channel:e,prune:!0})},this.unsubscribe=(e,t)=>{const{channel:s,prune:n}=t||{};let r=!1;if(s){const t=this.channels.get(s);return r=!!t&&t.delete(e),n&&0===t?.size&&this.channels.delete(s),this.removeListener(e),r}const i=this.listeners.get(e)||[];for(const t of i)r=t.delete(e),n&&0===t.size&&this.prune();return this.listeners.delete(e),r},this.isSubscribed=(e,t)=>{if(t){const s=this.channels.get(t);return!!s&&s.has(e)}return this.listeners.has(e)},this.clear=()=>{if(!this.config.allowClear)throw new s;this.channels.clear(),this.listeners.clear()},this.getId=()=>this.id,this.id=n||t.default(),this.configure(r||{})}get length(){return[...this.channels.values()].reduce(((e,t)=>e+t.size),0)}},exports.PeregrineMQClearError=s;
2
2
  //# sourceMappingURL=peregrineMQ.js.map