@e1011/es-kit 1.0.234 → 1.1.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 (159) hide show
  1. package/dist/hooks/esm/index.css +121 -47
  2. package/dist/hooks/index.css +121 -47
  3. package/dist/lib/cjs/_virtual/_rollupPluginBabelHelpers.js +1 -1
  4. package/dist/lib/cjs/index.css +74 -0
  5. package/dist/lib/cjs/node_modules/uuid/dist/esm-browser/native.js +2 -0
  6. package/dist/lib/cjs/node_modules/uuid/dist/esm-browser/native.js.map +1 -0
  7. package/dist/lib/cjs/node_modules/uuid/dist/esm-browser/rng.js +2 -0
  8. package/dist/lib/cjs/node_modules/uuid/dist/esm-browser/rng.js.map +1 -0
  9. package/dist/lib/cjs/node_modules/uuid/dist/esm-browser/stringify.js +2 -0
  10. package/dist/lib/cjs/node_modules/uuid/dist/esm-browser/stringify.js.map +1 -0
  11. package/dist/lib/cjs/node_modules/uuid/dist/esm-browser/v4.js +2 -0
  12. package/dist/lib/cjs/node_modules/uuid/dist/esm-browser/v4.js.map +1 -0
  13. package/dist/lib/cjs/src/core/ui/components/field/Field.js +1 -1
  14. package/dist/lib/cjs/src/core/ui/components/field/Field.js.map +1 -1
  15. package/dist/lib/cjs/src/core/ui/components/field/field.module.scss.js +2 -0
  16. package/dist/lib/cjs/src/core/ui/components/field/field.module.scss.js.map +1 -0
  17. package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/index.js +2 -0
  18. package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/index.js.map +1 -0
  19. package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/peregrineMQ.js +2 -0
  20. package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/peregrineMQ.js.map +1 -0
  21. package/dist/lib/cjs/src/core/utils/appState/stateMachine/tiny-state-machine.base.js +2 -0
  22. package/dist/lib/cjs/src/core/utils/appState/stateMachine/tiny-state-machine.base.js.map +1 -0
  23. package/dist/lib/cjs/src/core/utils/appState/store/store.vanillajs.js +1 -1
  24. package/dist/lib/cjs/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
  25. package/dist/lib/cjs/src/core/utils/appState/store/useStore.react.js.map +1 -1
  26. package/dist/lib/cjs/src/core/utils/helpers/other.js +1 -1
  27. package/dist/lib/cjs/src/core/utils/helpers/other.js.map +1 -1
  28. package/dist/lib/cjs/src/index.js +1 -1
  29. package/dist/lib/esm/_virtual/_rollupPluginBabelHelpers.js +1 -1
  30. package/dist/lib/esm/index.css +74 -0
  31. package/dist/lib/esm/node_modules/uuid/dist/esm-browser/native.js +2 -0
  32. package/dist/lib/esm/node_modules/uuid/dist/esm-browser/native.js.map +1 -0
  33. package/dist/lib/esm/node_modules/uuid/dist/esm-browser/rng.js +2 -0
  34. package/dist/lib/esm/node_modules/uuid/dist/esm-browser/rng.js.map +1 -0
  35. package/dist/lib/esm/node_modules/uuid/dist/esm-browser/stringify.js +2 -0
  36. package/dist/lib/esm/node_modules/uuid/dist/esm-browser/stringify.js.map +1 -0
  37. package/dist/lib/esm/node_modules/uuid/dist/esm-browser/v4.js +2 -0
  38. package/dist/lib/esm/node_modules/uuid/dist/esm-browser/v4.js.map +1 -0
  39. package/dist/lib/esm/src/core/ui/components/field/Field.js +1 -1
  40. package/dist/lib/esm/src/core/ui/components/field/Field.js.map +1 -1
  41. package/dist/lib/esm/src/core/ui/components/field/field.module.scss.js +2 -0
  42. package/dist/lib/esm/src/core/ui/components/field/field.module.scss.js.map +1 -0
  43. package/dist/lib/esm/src/core/utils/appState/peregrineMQ/index.js +2 -0
  44. package/dist/lib/esm/src/core/utils/appState/peregrineMQ/index.js.map +1 -0
  45. package/dist/lib/esm/src/core/utils/appState/peregrineMQ/peregrineMQ.js +2 -0
  46. package/dist/lib/esm/src/core/utils/appState/peregrineMQ/peregrineMQ.js.map +1 -0
  47. package/dist/lib/esm/src/core/utils/appState/stateMachine/tiny-state-machine.base.js +2 -0
  48. package/dist/lib/esm/src/core/utils/appState/stateMachine/tiny-state-machine.base.js.map +1 -0
  49. package/dist/lib/esm/src/core/utils/appState/store/store.vanillajs.js +1 -1
  50. package/dist/lib/esm/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
  51. package/dist/lib/esm/src/core/utils/appState/store/useStore.react.js.map +1 -1
  52. package/dist/lib/esm/src/core/utils/helpers/other.js +1 -1
  53. package/dist/lib/esm/src/core/utils/helpers/other.js.map +1 -1
  54. package/dist/lib/esm/src/index.js +1 -1
  55. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  56. package/dist/types/src/core/ui/components/container/index.d.ts +0 -2
  57. package/dist/types/src/core/ui/components/container/index.d.ts.map +1 -1
  58. package/dist/types/src/core/ui/components/field/Field.d.ts +2 -3
  59. package/dist/types/src/core/ui/components/field/Field.d.ts.map +1 -1
  60. package/dist/types/src/core/utils/appState/peregrineMQ/index.d.ts +2 -1
  61. package/dist/types/src/core/utils/appState/peregrineMQ/index.d.ts.map +1 -1
  62. package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.d.ts +8 -8
  63. package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.d.ts.map +1 -1
  64. package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.stories.d.ts +4 -0
  65. package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.stories.d.ts.map +1 -0
  66. package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.types.d.ts +38 -45
  67. package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.types.d.ts.map +1 -1
  68. package/dist/types/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.d.ts +10 -0
  69. package/dist/types/src/core/utils/appState/peregrineMQ/usePeregrineMQ.react.d.ts.map +1 -0
  70. package/dist/types/src/core/utils/appState/stateMachine/index.d.ts +2 -0
  71. package/dist/types/src/core/utils/appState/stateMachine/index.d.ts.map +1 -0
  72. package/dist/types/src/core/utils/appState/stateMachine/tiny-state-machine.base.d.ts +7 -7
  73. package/dist/types/src/core/utils/appState/stateMachine/tiny-state-machine.base.d.ts.map +1 -1
  74. package/dist/types/src/core/utils/appState/store/asyncFunc.spec.d.ts +2 -0
  75. package/dist/types/src/core/utils/appState/store/asyncFunc.spec.d.ts.map +1 -0
  76. package/dist/types/src/core/utils/appState/store/store.stories.d.ts +4 -0
  77. package/dist/types/src/core/utils/appState/store/store.stories.d.ts.map +1 -0
  78. package/dist/types/src/core/utils/appState/store/store.vanillajs.d.ts.map +1 -1
  79. package/dist/types/src/core/utils/helpers/other.d.ts +2 -0
  80. package/dist/types/src/core/utils/helpers/other.d.ts.map +1 -1
  81. package/dist/types/src/core/utils/index.d.ts +2 -0
  82. package/dist/types/src/core/utils/index.d.ts.map +1 -1
  83. package/dist/ui/esm/index.css +74 -0
  84. package/dist/ui/esm/src/core/ui/components/field/Field.js +1 -1
  85. package/dist/ui/esm/src/core/ui/components/field/Field.js.map +1 -1
  86. package/dist/ui/esm/src/core/ui/components/field/field.module.scss.js +2 -0
  87. package/dist/ui/esm/src/core/ui/components/field/field.module.scss.js.map +1 -0
  88. package/dist/ui/esm/src/core/ui/index.js +1 -1
  89. package/dist/ui/index.css +74 -0
  90. package/dist/ui/src/core/ui/components/field/Field.js +1 -1
  91. package/dist/ui/src/core/ui/components/field/Field.js.map +1 -1
  92. package/dist/ui/src/core/ui/components/field/field.module.scss.js +2 -0
  93. package/dist/ui/src/core/ui/components/field/field.module.scss.js.map +1 -0
  94. package/dist/ui/src/core/ui/index.js +1 -1
  95. package/dist/utils/_virtual/_rollupPluginBabelHelpers.js +1 -1
  96. package/dist/utils/esm/_virtual/_rollupPluginBabelHelpers.js +1 -1
  97. package/dist/utils/esm/index.css +121 -47
  98. package/dist/utils/esm/node_modules/uuid/dist/esm-browser/native.js +2 -0
  99. package/dist/utils/esm/node_modules/uuid/dist/esm-browser/native.js.map +1 -0
  100. package/dist/utils/esm/node_modules/uuid/dist/esm-browser/rng.js +2 -0
  101. package/dist/utils/esm/node_modules/uuid/dist/esm-browser/rng.js.map +1 -0
  102. package/dist/utils/esm/node_modules/uuid/dist/esm-browser/stringify.js +2 -0
  103. package/dist/utils/esm/node_modules/uuid/dist/esm-browser/stringify.js.map +1 -0
  104. package/dist/utils/esm/node_modules/uuid/dist/esm-browser/v4.js +2 -0
  105. package/dist/utils/esm/node_modules/uuid/dist/esm-browser/v4.js.map +1 -0
  106. package/dist/utils/esm/src/core/utils/appState/peregrineMQ/index.js +2 -0
  107. package/dist/utils/esm/src/core/utils/appState/peregrineMQ/index.js.map +1 -0
  108. package/dist/utils/esm/src/core/utils/appState/peregrineMQ/peregrineMQ.js +2 -0
  109. package/dist/utils/esm/src/core/utils/appState/peregrineMQ/peregrineMQ.js.map +1 -0
  110. package/dist/utils/esm/src/core/utils/appState/stateMachine/tiny-state-machine.base.js +2 -0
  111. package/dist/utils/esm/src/core/utils/appState/stateMachine/tiny-state-machine.base.js.map +1 -0
  112. package/dist/utils/esm/src/core/utils/appState/store/store.vanillajs.js +1 -1
  113. package/dist/utils/esm/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
  114. package/dist/utils/esm/src/core/utils/appState/store/useStore.react.js.map +1 -1
  115. package/dist/utils/esm/src/core/utils/helpers/other.js +1 -1
  116. package/dist/utils/esm/src/core/utils/helpers/other.js.map +1 -1
  117. package/dist/utils/esm/src/core/utils/index.js +1 -1
  118. package/dist/utils/index.css +121 -47
  119. package/dist/utils/node_modules/uuid/dist/esm-browser/native.js +2 -0
  120. package/dist/utils/node_modules/uuid/dist/esm-browser/native.js.map +1 -0
  121. package/dist/utils/node_modules/uuid/dist/esm-browser/rng.js +2 -0
  122. package/dist/utils/node_modules/uuid/dist/esm-browser/rng.js.map +1 -0
  123. package/dist/utils/node_modules/uuid/dist/esm-browser/stringify.js +2 -0
  124. package/dist/utils/node_modules/uuid/dist/esm-browser/stringify.js.map +1 -0
  125. package/dist/utils/node_modules/uuid/dist/esm-browser/v4.js +2 -0
  126. package/dist/utils/node_modules/uuid/dist/esm-browser/v4.js.map +1 -0
  127. package/dist/utils/src/core/utils/appState/peregrineMQ/index.js +2 -0
  128. package/dist/utils/src/core/utils/appState/peregrineMQ/index.js.map +1 -0
  129. package/dist/utils/src/core/utils/appState/peregrineMQ/peregrineMQ.js +2 -0
  130. package/dist/utils/src/core/utils/appState/peregrineMQ/peregrineMQ.js.map +1 -0
  131. package/dist/utils/src/core/utils/appState/stateMachine/tiny-state-machine.base.js +2 -0
  132. package/dist/utils/src/core/utils/appState/stateMachine/tiny-state-machine.base.js.map +1 -0
  133. package/dist/utils/src/core/utils/appState/store/store.vanillajs.js +1 -1
  134. package/dist/utils/src/core/utils/appState/store/store.vanillajs.js.map +1 -1
  135. package/dist/utils/src/core/utils/appState/store/useStore.react.js.map +1 -1
  136. package/dist/utils/src/core/utils/helpers/other.js +1 -1
  137. package/dist/utils/src/core/utils/helpers/other.js.map +1 -1
  138. package/dist/utils/src/core/utils/index.js +1 -1
  139. package/package.json +2 -6
  140. package/dist/lib/cjs/src/core/ui/components/container/Flex.js +0 -2
  141. package/dist/lib/cjs/src/core/ui/components/container/Flex.js.map +0 -1
  142. package/dist/lib/cjs/src/core/ui/components/container/Placeholder.js +0 -2
  143. package/dist/lib/cjs/src/core/ui/components/container/Placeholder.js.map +0 -1
  144. package/dist/lib/esm/src/core/ui/components/container/Flex.js +0 -2
  145. package/dist/lib/esm/src/core/ui/components/container/Flex.js.map +0 -1
  146. package/dist/lib/esm/src/core/ui/components/container/Placeholder.js +0 -2
  147. package/dist/lib/esm/src/core/ui/components/container/Placeholder.js.map +0 -1
  148. package/dist/types/src/core/ui/components/container/Flex.d.ts +0 -41
  149. package/dist/types/src/core/ui/components/container/Flex.d.ts.map +0 -1
  150. package/dist/types/src/core/ui/components/container/Placeholder.d.ts +0 -11
  151. package/dist/types/src/core/ui/components/container/Placeholder.d.ts.map +0 -1
  152. package/dist/ui/esm/src/core/ui/components/container/Flex.js +0 -2
  153. package/dist/ui/esm/src/core/ui/components/container/Flex.js.map +0 -1
  154. package/dist/ui/esm/src/core/ui/components/container/Placeholder.js +0 -2
  155. package/dist/ui/esm/src/core/ui/components/container/Placeholder.js.map +0 -1
  156. package/dist/ui/src/core/ui/components/container/Flex.js +0 -2
  157. package/dist/ui/src/core/ui/components/container/Flex.js.map +0 -1
  158. package/dist/ui/src/core/ui/components/container/Placeholder.js +0 -2
  159. package/dist/ui/src/core/ui/components/container/Placeholder.js.map +0 -1
@@ -1,21 +1,44 @@
1
- .divider-module_divider-line__6CesR {
2
- position: relative;
3
- display: block;
4
- transition: opacity, width, height 250ms ease-in-out;
5
- background-color: var(--color);
6
- opacity: var(--opacity);
1
+ .CollapsibleContainer-module_collapsible-container__u0Jmm {
2
+ transform-origin: 0% 0%;
3
+ opacity: 0;
4
+ overflow: clip;
7
5
  }
8
- .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
9
- height: var(--length);
10
- left: var(--left);
11
- width: var(--width);
12
- margin: var(--margin);
6
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
7
+ transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
8
+ will-change: opacity, height, max-height;
13
9
  }
14
- .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
15
- width: var(--length);
16
- left: var(--left);
17
- height: var(--height);
18
- margin: var(--margin);
10
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
11
+ height: 0;
12
+ max-height: 0;
13
+ opacity: 0;
14
+ }
15
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
16
+ height: var(--prop-value);
17
+ max-height: var(--prop-value);
18
+ opacity: 1;
19
+ }
20
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
21
+ transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
22
+ will-change: opacity, width, max-width;
23
+ }
24
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
25
+ width: 0;
26
+ max-width: 0;
27
+ opacity: 0;
28
+ }
29
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
30
+ width: var(--prop-value);
31
+ max-width: var(--prop-value);
32
+ opacity: 1;
33
+ }
34
+ .errorBoundary-module_errorBoundary__gk9ps {
35
+ background: #EFEFEF;
36
+ width: 100%;
37
+ height: 100%;
38
+ }
39
+
40
+ .errorBoundary-module_StyledIcon__IYHiU {
41
+ margin-right: 10px;
19
42
  }
20
43
  .icon-module_icon-base-parent__nOMvW {
21
44
  line-height: 1px !important;
@@ -47,47 +70,98 @@
47
70
  width: var(--height);
48
71
  height: var(--width);
49
72
  }
50
- .errorBoundary-module_errorBoundary__gk9ps {
51
- background: #EFEFEF;
73
+ .divider-module_divider-line__6CesR {
74
+ position: relative;
75
+ display: block;
76
+ transition: opacity, width, height 250ms ease-in-out;
77
+ background-color: var(--color);
78
+ opacity: var(--opacity);
79
+ }
80
+ .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
81
+ height: var(--length);
82
+ left: var(--left);
83
+ width: var(--width);
84
+ margin: var(--margin);
85
+ }
86
+ .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
87
+ width: var(--length);
88
+ left: var(--left);
89
+ height: var(--height);
90
+ margin: var(--margin);
91
+ }
92
+ .field-module_field__UfKm3 {
93
+ opacity: 1;
94
+ pointer-events: auto;
95
+ flex: 1 1 auto;
52
96
  width: 100%;
53
- height: 100%;
97
+ /* Chrome, Safari, Edge, Opera */
98
+ /* Firefox */
54
99
  }
55
-
56
- .errorBoundary-module_StyledIcon__IYHiU {
57
- margin-right: 10px;
100
+ .field-module_field__UfKm3.field-module_disabled__4aFNw {
101
+ opacity: 0.5;
102
+ pointer-events: none;
58
103
  }
59
- .CollapsibleContainer-module_collapsible-container__u0Jmm {
60
- transform-origin: 0% 0%;
61
- opacity: 0;
62
- overflow: clip;
104
+ @media (min-width: 400px) {
105
+ .field-module_field__UfKm3 {
106
+ flex: 1;
107
+ }
63
108
  }
64
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
65
- transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
66
- will-change: opacity, height, max-height;
109
+ .field-module_field__UfKm3 .field-module_label__pJCHG {
110
+ font-size: 0.8rem !important;
111
+ font-weight: normal;
67
112
  }
68
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
69
- height: 0;
70
- max-height: 0;
71
- opacity: 0;
113
+ .field-module_field__UfKm3 .field-module_help__8psM4 {
114
+ text-align: left;
72
115
  }
73
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
74
- height: var(--prop-value);
75
- max-height: var(--prop-value);
76
- opacity: 1;
116
+ .field-module_field__UfKm3 .field-module_mainControl__RIMTe {
117
+ flex: 1;
118
+ border-radius: 6px;
119
+ box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);
120
+ will-change: box-shadow;
121
+ transition: box-shadow 250ms ease-in-out;
77
122
  }
78
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
79
- transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
80
- will-change: opacity, width, max-width;
123
+ .field-module_field__UfKm3 .field-module_mainControl__RIMTe:hover {
124
+ box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
81
125
  }
82
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
83
- width: 0;
84
- max-width: 0;
126
+ .field-module_field__UfKm3 button {
127
+ box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
128
+ }
129
+ .field-module_field__UfKm3 .field-module_select__-wfDp {
130
+ width: 100%;
131
+ flex: 1;
132
+ }
133
+ .field-module_field__UfKm3 .field-module_select__-wfDp::after {
134
+ border-color: #000000 !important;
135
+ }
136
+ .field-module_field__UfKm3 .field-module_icon__6vSNr.field-module_is-action__pf8ZC {
137
+ cursor: pointer;
138
+ pointer-events: initial !important;
139
+ }
140
+ .field-module_field__UfKm3 input::-webkit-outer-spin-button,
141
+ .field-module_field__UfKm3 input::-webkit-inner-spin-button {
142
+ -webkit-appearance: none;
143
+ margin: 0;
144
+ }
145
+ .field-module_field__UfKm3 input[type=number] {
146
+ -moz-appearance: textfield;
147
+ }
148
+ .field-module_field__UfKm3 .field-module_input__v-872[type=date]::-webkit-calendar-picker-indicator {
85
149
  opacity: 0;
150
+ -webkit-appearance: none;
151
+ position: absolute;
152
+ left: 0;
153
+ top: 0;
154
+ width: 40px;
155
+ height: 100%;
156
+ margin: 0;
157
+ padding: 0;
158
+ cursor: pointer;
86
159
  }
87
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
88
- width: var(--prop-value);
89
- max-width: var(--prop-value);
90
- opacity: 1;
160
+ .field-module_field__UfKm3 textarea {
161
+ resize: none;
162
+ }
163
+ .field-module_field__UfKm3 label {
164
+ text-align: left;
91
165
  }
92
166
  .layoutBox-module_layout-box__ZIID8 {
93
167
  display: flex;
@@ -1,21 +1,44 @@
1
- .divider-module_divider-line__6CesR {
2
- position: relative;
3
- display: block;
4
- transition: opacity, width, height 250ms ease-in-out;
5
- background-color: var(--color);
6
- opacity: var(--opacity);
1
+ .CollapsibleContainer-module_collapsible-container__u0Jmm {
2
+ transform-origin: 0% 0%;
3
+ opacity: 0;
4
+ overflow: clip;
7
5
  }
8
- .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
9
- height: var(--length);
10
- left: var(--left);
11
- width: var(--width);
12
- margin: var(--margin);
6
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
7
+ transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
8
+ will-change: opacity, height, max-height;
13
9
  }
14
- .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
15
- width: var(--length);
16
- left: var(--left);
17
- height: var(--height);
18
- margin: var(--margin);
10
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
11
+ height: 0;
12
+ max-height: 0;
13
+ opacity: 0;
14
+ }
15
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
16
+ height: var(--prop-value);
17
+ max-height: var(--prop-value);
18
+ opacity: 1;
19
+ }
20
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
21
+ transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
22
+ will-change: opacity, width, max-width;
23
+ }
24
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
25
+ width: 0;
26
+ max-width: 0;
27
+ opacity: 0;
28
+ }
29
+ .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
30
+ width: var(--prop-value);
31
+ max-width: var(--prop-value);
32
+ opacity: 1;
33
+ }
34
+ .errorBoundary-module_errorBoundary__gk9ps {
35
+ background: #EFEFEF;
36
+ width: 100%;
37
+ height: 100%;
38
+ }
39
+
40
+ .errorBoundary-module_StyledIcon__IYHiU {
41
+ margin-right: 10px;
19
42
  }
20
43
  .icon-module_icon-base-parent__nOMvW {
21
44
  line-height: 1px !important;
@@ -47,47 +70,98 @@
47
70
  width: var(--height);
48
71
  height: var(--width);
49
72
  }
50
- .errorBoundary-module_errorBoundary__gk9ps {
51
- background: #EFEFEF;
73
+ .divider-module_divider-line__6CesR {
74
+ position: relative;
75
+ display: block;
76
+ transition: opacity, width, height 250ms ease-in-out;
77
+ background-color: var(--color);
78
+ opacity: var(--opacity);
79
+ }
80
+ .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
81
+ height: var(--length);
82
+ left: var(--left);
83
+ width: var(--width);
84
+ margin: var(--margin);
85
+ }
86
+ .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
87
+ width: var(--length);
88
+ left: var(--left);
89
+ height: var(--height);
90
+ margin: var(--margin);
91
+ }
92
+ .field-module_field__UfKm3 {
93
+ opacity: 1;
94
+ pointer-events: auto;
95
+ flex: 1 1 auto;
52
96
  width: 100%;
53
- height: 100%;
97
+ /* Chrome, Safari, Edge, Opera */
98
+ /* Firefox */
54
99
  }
55
-
56
- .errorBoundary-module_StyledIcon__IYHiU {
57
- margin-right: 10px;
100
+ .field-module_field__UfKm3.field-module_disabled__4aFNw {
101
+ opacity: 0.5;
102
+ pointer-events: none;
58
103
  }
59
- .CollapsibleContainer-module_collapsible-container__u0Jmm {
60
- transform-origin: 0% 0%;
61
- opacity: 0;
62
- overflow: clip;
104
+ @media (min-width: 400px) {
105
+ .field-module_field__UfKm3 {
106
+ flex: 1;
107
+ }
63
108
  }
64
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
65
- transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
66
- will-change: opacity, height, max-height;
109
+ .field-module_field__UfKm3 .field-module_label__pJCHG {
110
+ font-size: 0.8rem !important;
111
+ font-weight: normal;
67
112
  }
68
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
69
- height: 0;
70
- max-height: 0;
71
- opacity: 0;
113
+ .field-module_field__UfKm3 .field-module_help__8psM4 {
114
+ text-align: left;
72
115
  }
73
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
74
- height: var(--prop-value);
75
- max-height: var(--prop-value);
76
- opacity: 1;
116
+ .field-module_field__UfKm3 .field-module_mainControl__RIMTe {
117
+ flex: 1;
118
+ border-radius: 6px;
119
+ box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);
120
+ will-change: box-shadow;
121
+ transition: box-shadow 250ms ease-in-out;
77
122
  }
78
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
79
- transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
80
- will-change: opacity, width, max-width;
123
+ .field-module_field__UfKm3 .field-module_mainControl__RIMTe:hover {
124
+ box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
81
125
  }
82
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
83
- width: 0;
84
- max-width: 0;
126
+ .field-module_field__UfKm3 button {
127
+ box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
128
+ }
129
+ .field-module_field__UfKm3 .field-module_select__-wfDp {
130
+ width: 100%;
131
+ flex: 1;
132
+ }
133
+ .field-module_field__UfKm3 .field-module_select__-wfDp::after {
134
+ border-color: #000000 !important;
135
+ }
136
+ .field-module_field__UfKm3 .field-module_icon__6vSNr.field-module_is-action__pf8ZC {
137
+ cursor: pointer;
138
+ pointer-events: initial !important;
139
+ }
140
+ .field-module_field__UfKm3 input::-webkit-outer-spin-button,
141
+ .field-module_field__UfKm3 input::-webkit-inner-spin-button {
142
+ -webkit-appearance: none;
143
+ margin: 0;
144
+ }
145
+ .field-module_field__UfKm3 input[type=number] {
146
+ -moz-appearance: textfield;
147
+ }
148
+ .field-module_field__UfKm3 .field-module_input__v-872[type=date]::-webkit-calendar-picker-indicator {
85
149
  opacity: 0;
150
+ -webkit-appearance: none;
151
+ position: absolute;
152
+ left: 0;
153
+ top: 0;
154
+ width: 40px;
155
+ height: 100%;
156
+ margin: 0;
157
+ padding: 0;
158
+ cursor: pointer;
86
159
  }
87
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
88
- width: var(--prop-value);
89
- max-width: var(--prop-value);
90
- opacity: 1;
160
+ .field-module_field__UfKm3 textarea {
161
+ resize: none;
162
+ }
163
+ .field-module_field__UfKm3 label {
164
+ text-align: left;
91
165
  }
92
166
  .layoutBox-module_layout-box__ZIID8 {
93
167
  display: flex;
@@ -1,2 +1,2 @@
1
- "use strict";function n(n,r,t,e,o,i,a){try{var u=n[i](a),c=u.value}catch(n){return void t(n)}u.done?r(c):Promise.resolve(c).then(e,o)}function r(){return r=Object.assign?Object.assign.bind():function(n){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var e in t)({}).hasOwnProperty.call(t,e)&&(n[e]=t[e])}return n},r.apply(null,arguments)}exports.asyncToGenerator=function(r){return function(){var t=this,e=arguments;return new Promise((function(o,i){var a=r.apply(t,e);function u(r){n(a,o,i,u,c,"next",r)}function c(r){n(a,o,i,u,c,"throw",r)}u(void 0)}))}},exports.extends=r;
1
+ "use strict";function n(n,e,r,t,o,i,a){try{var s=n[i](a),c=s.value}catch(n){return void r(n)}s.done?e(c):Promise.resolve(c).then(t,o)}var e=0;function r(){return r=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)({}).hasOwnProperty.call(r,t)&&(n[t]=r[t])}return n},r.apply(null,arguments)}exports.asyncToGenerator=function(e){return function(){var r=this,t=arguments;return new Promise((function(o,i){var a=e.apply(r,t);function s(e){n(a,o,i,s,c,"next",e)}function c(e){n(a,o,i,s,c,"throw",e)}s(void 0)}))}},exports.classPrivateFieldLooseBase=function(n,e){if(!{}.hasOwnProperty.call(n,e))throw new TypeError("attempted to use private field on non-instance");return n},exports.classPrivateFieldLooseKey=function(n){return"__private_"+e+++"_"+n},exports.extends=r;
2
2
  //# sourceMappingURL=_rollupPluginBabelHelpers.js.map
@@ -137,6 +137,80 @@
137
137
  max-width: var(--prop-value);
138
138
  opacity: 1;
139
139
  }
140
+ .field-module_field__UfKm3 {
141
+ opacity: 1;
142
+ pointer-events: auto;
143
+ flex: 1 1 auto;
144
+ width: 100%;
145
+ /* Chrome, Safari, Edge, Opera */
146
+ /* Firefox */
147
+ }
148
+ .field-module_field__UfKm3.field-module_disabled__4aFNw {
149
+ opacity: 0.5;
150
+ pointer-events: none;
151
+ }
152
+ @media (min-width: 400px) {
153
+ .field-module_field__UfKm3 {
154
+ flex: 1;
155
+ }
156
+ }
157
+ .field-module_field__UfKm3 .field-module_label__pJCHG {
158
+ font-size: 0.8rem !important;
159
+ font-weight: normal;
160
+ }
161
+ .field-module_field__UfKm3 .field-module_help__8psM4 {
162
+ text-align: left;
163
+ }
164
+ .field-module_field__UfKm3 .field-module_mainControl__RIMTe {
165
+ flex: 1;
166
+ border-radius: 6px;
167
+ box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);
168
+ will-change: box-shadow;
169
+ transition: box-shadow 250ms ease-in-out;
170
+ }
171
+ .field-module_field__UfKm3 .field-module_mainControl__RIMTe:hover {
172
+ box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
173
+ }
174
+ .field-module_field__UfKm3 button {
175
+ box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
176
+ }
177
+ .field-module_field__UfKm3 .field-module_select__-wfDp {
178
+ width: 100%;
179
+ flex: 1;
180
+ }
181
+ .field-module_field__UfKm3 .field-module_select__-wfDp::after {
182
+ border-color: #000000 !important;
183
+ }
184
+ .field-module_field__UfKm3 .field-module_icon__6vSNr.field-module_is-action__pf8ZC {
185
+ cursor: pointer;
186
+ pointer-events: initial !important;
187
+ }
188
+ .field-module_field__UfKm3 input::-webkit-outer-spin-button,
189
+ .field-module_field__UfKm3 input::-webkit-inner-spin-button {
190
+ -webkit-appearance: none;
191
+ margin: 0;
192
+ }
193
+ .field-module_field__UfKm3 input[type=number] {
194
+ -moz-appearance: textfield;
195
+ }
196
+ .field-module_field__UfKm3 .field-module_input__v-872[type=date]::-webkit-calendar-picker-indicator {
197
+ opacity: 0;
198
+ -webkit-appearance: none;
199
+ position: absolute;
200
+ left: 0;
201
+ top: 0;
202
+ width: 40px;
203
+ height: 100%;
204
+ margin: 0;
205
+ padding: 0;
206
+ cursor: pointer;
207
+ }
208
+ .field-module_field__UfKm3 textarea {
209
+ resize: none;
210
+ }
211
+ .field-module_field__UfKm3 label {
212
+ text-align: left;
213
+ }
140
214
  .divider-module_divider-line__6CesR {
141
215
  position: relative;
142
216
  display: block;
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};exports.default=e;
2
+ //# sourceMappingURL=native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native.js","sources":["../../../../../../../node_modules/uuid/dist/esm-browser/native.js"],"sourcesContent":["const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default {\n randomUUID\n};"],"names":["native","randomUUID","crypto","bind"],"mappings":"oEACA,IAAeA,EAAA,CACbC,WAFmC,oBAAXC,QAA0BA,OAAOD,YAAcC,OAAOD,WAAWE,KAAKD","x_google_ignoreList":[0]}
@@ -0,0 +1,2 @@
1
+ "use strict";let e;Object.defineProperty(exports,"__esModule",{value:!0});const t=new Uint8Array(16);exports.default=function(){if(!e&&(e="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!e))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return e(t)};
2
+ //# sourceMappingURL=rng.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rng.js","sources":["../../../../../../../node_modules/uuid/dist/esm-browser/rng.js"],"sourcesContent":["// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nlet getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n // lazy load so that environments that need to polyfill have a chance to do so\n if (!getRandomValues) {\n // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation.\n getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);\n\n if (!getRandomValues) {\n throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n }\n }\n\n return getRandomValues(rnds8);\n}"],"names":["getRandomValues","rnds8","Uint8Array","crypto","bind","Error"],"mappings":"aAGA,IAAIA,yDACJ,MAAMC,EAAQ,IAAIC,WAAW,oBACd,WAEb,IAAKF,IAEHA,EAAoC,oBAAXG,QAA0BA,OAAOH,iBAAmBG,OAAOH,gBAAgBI,KAAKD,SAEpGH,GACH,MAAM,IAAIK,MAAM,4GAIpB,OAAOL,EAAgBC,EACzB","x_google_ignoreList":[0]}
@@ -0,0 +1,2 @@
1
+ "use strict";const t=[];for(let n=0;n<256;++n)t.push((n+256).toString(16).slice(1));exports.unsafeStringify=function(n,r=0){return t[n[r+0]]+t[n[r+1]]+t[n[r+2]]+t[n[r+3]]+"-"+t[n[r+4]]+t[n[r+5]]+"-"+t[n[r+6]]+t[n[r+7]]+"-"+t[n[r+8]]+t[n[r+9]]+"-"+t[n[r+10]]+t[n[r+11]]+t[n[r+12]]+t[n[r+13]]+t[n[r+14]]+t[n[r+15]]};
2
+ //# sourceMappingURL=stringify.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stringify.js","sources":["../../../../../../../node_modules/uuid/dist/esm-browser/stringify.js"],"sourcesContent":["import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nconst byteToHex = [];\n\nfor (let i = 0; i < 256; ++i) {\n byteToHex.push((i + 0x100).toString(16).slice(1));\n}\n\nexport function unsafeStringify(arr, offset = 0) {\n // Note: Be careful editing this code! It's been tuned for performance\n // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];\n}\n\nfunction stringify(arr, offset = 0) {\n const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID. If this throws, it's likely due to one\n // of the following:\n // - One or more input array values don't map to a hex octet (leading to\n // \"undefined\" in the uuid)\n // - Invalid input values for the RFC `version` or `variant` fields\n\n if (!validate(uuid)) {\n throw TypeError('Stringified UUID is invalid');\n }\n\n return uuid;\n}\n\nexport default stringify;"],"names":["byteToHex","i","push","toString","slice","arr","offset"],"mappings":"aAMA,MAAMA,EAAY,GAElB,IAAK,IAAIC,EAAI,EAAGA,EAAI,MAAOA,EACzBD,EAAUE,MAAMD,EAAI,KAAOE,SAAS,IAAIC,MAAM,4BAGzC,SAAyBC,EAAKC,EAAS,GAG5C,OAAON,EAAUK,EAAIC,EAAS,IAAMN,EAAUK,EAAIC,EAAS,IAAMN,EAAUK,EAAIC,EAAS,IAAMN,EAAUK,EAAIC,EAAS,IAAM,IAAMN,EAAUK,EAAIC,EAAS,IAAMN,EAAUK,EAAIC,EAAS,IAAM,IAAMN,EAAUK,EAAIC,EAAS,IAAMN,EAAUK,EAAIC,EAAS,IAAM,IAAMN,EAAUK,EAAIC,EAAS,IAAMN,EAAUK,EAAIC,EAAS,IAAM,IAAMN,EAAUK,EAAIC,EAAS,KAAON,EAAUK,EAAIC,EAAS,KAAON,EAAUK,EAAIC,EAAS,KAAON,EAAUK,EAAIC,EAAS,KAAON,EAAUK,EAAIC,EAAS,KAAON,EAAUK,EAAIC,EAAS,IAChf","x_google_ignoreList":[0]}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./native.js"),r=require("./rng.js"),t=require("./stringify.js");exports.default=function(n,u,i){if(e.default.randomUUID&&!u&&!n)return e.default.randomUUID();const a=(n=n||{}).random||(n.rng||r.default)();return a[6]=15&a[6]|64,a[8]=63&a[8]|128,t.unsafeStringify(a)};
2
+ //# sourceMappingURL=v4.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"v4.js","sources":["../../../../../../../node_modules/uuid/dist/esm-browser/v4.js"],"sourcesContent":["import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\n\nfunction v4(options, buf, offset) {\n if (native.randomUUID && !buf && !options) {\n return native.randomUUID();\n }\n\n options = options || {};\n const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n rnds[6] = rnds[6] & 0x0f | 0x40;\n rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n if (buf) {\n offset = offset || 0;\n\n for (let i = 0; i < 16; ++i) {\n buf[offset + i] = rnds[i];\n }\n\n return buf;\n }\n\n return unsafeStringify(rnds);\n}\n\nexport default v4;"],"names":["options","buf","offset","native","default","randomUUID","rnds","random","rng","unsafeStringify"],"mappings":"mKAIA,SAAYA,EAASC,EAAKC,GACxB,GAAIC,EAAMC,QAACC,aAAeJ,IAAQD,EAChC,OAAOG,EAAAA,QAAOE,aAIhB,MAAMC,GADNN,EAAUA,GAAW,IACAO,SAAWP,EAAQQ,KAAOA,EAAAA,WAe/C,OAbAF,EAAK,GAAe,GAAVA,EAAK,GAAY,GAC3BA,EAAK,GAAe,GAAVA,EAAK,GAAY,IAYpBG,EAAAA,gBAAgBH,EACzB","x_google_ignoreList":[0]}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("styled-components"),a=require("react");function n(e){return e&&e.__esModule?e:{default:e}}var l=n(t);let o=()=>"#000000";let i=a.memo((function(){return React.createElement("span",null)}));const r=l.default.div.withConfig({displayName:"Field__FieldWrapper",componentId:"sc-i8c0jy-0"})(["opacity:",";pointer-events:",";flex:1 1 auto;width:100%;@media (min-width:400px){flex:1;}.label{font-size:0.8rem !important;font-weight:normal;}.help{text-align:left;}.mainControl{flex:1;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,0.06);will-change:box-shadow;transition:box-shadow 250ms ease-in-out;&:hover{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}}button{box-shadow:0 0 8px 2px rgba(0,0,0,0.1);}.select{width:100%;flex:1;&::after{border-color:#000000 !important;}}.icon{&.is-action{cursor:pointer;pointer-events:initial !important;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type=number]{-moz-appearance:textfield;}.input[type=date]::-webkit-calendar-picker-indicator{opacity:0;-webkit-appearance:none;position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:0;cursor:pointer;}textarea{resize:none;}"],(e=>{let{disabled:t,userDisabled:a}=e;return t||a?.5:1}),(e=>{let{disabled:t,userDisabled:a}=e;return t||a?"none":"auto"}));var s=l.default(r).withConfig({displayName:"Field___StyledFieldWrapper",componentId:"sc-i8c0jy-1"})(["",""],(e=>e.$_css));const c=a.memo((function(t){let{options:a,value:n,inputRef:l,...o}=t;return React.createElement("div",{className:"select"},React.createElement("select",e.extends({},o,{ref:l,defaultValue:n}),a?.map((e=>React.createElement("option",{key:`${JSON.stringify(e)}`,value:"object"==typeof e?e?.value:e},"object"==typeof e?e?.label:e)))))})),p=l.default.input.withConfig({displayName:"Field__InputComponent",componentId:"sc-i8c0jy-2"})([""]),d=l.default.textarea.withConfig({displayName:"Field__TextAreaComponent",componentId:"sc-i8c0jy-3"})([""]),u=l.default.label.withConfig({displayName:"Field__StyledFieldLabel",componentId:"sc-i8c0jy-4"})(["text-align:left;"]),m=a.memo((t=>{let{label:n,name:l,type:r="text",value:m,defaultValue:f,placeholder:h,inputRef:b,error:x,disabled:g,userDisabled:y,withoutComponent:w,helpTextInfo:C,helpText:v,children:N,iconLeft:R,iconRight:_,addon:E,className:F,onChange:k,onChangeInner:I,onBlur:j,onFocus:D,rightIconClick:$,leftIconClick:B,options:S,css:q,...z}=t,L=p;N||"textarea"!==r||(L=d);const T=a.useCallback((e=>{y?e?.preventDefault?.():D&&D(e)}),[y,D]),V=a.useCallback((e=>{y||(I&&e?.target?(e.target.value=I(e.target.value),k&&k(e)):k&&k(e))}),[I,k,y]),W=a.useMemo((()=>void 0===m?{defaultValue:f}:{value:m}),[m,f]);return React.createElement(s,{className:`field ${F}`,error:x,disabled:g,userDisabled:y,$_css:q},React.createElement(u,{htmlFor:l,className:"label"},n),React.createElement("div",{className:"field "+(E?"has-addons":"")},React.createElement("div",{className:`control mainControl ${R&&!w?"has-icons-left":""} ${_?"has-icons-right":""}`},!w&&(N||"select"!==r&&!S?!N&&React.createElement(L,e.extends({name:l,id:l,ref:b,className:"input "+(x?"is-danger":""),type:r,placeholder:h},W,{onChange:V,onBlur:j,onFocus:T,onKeyDown:T,autoComplete:"off",disabled:g},z)):React.createElement(c,e.extends({name:l,id:l,inputRef:b,className:"input "+(x?"is-danger":""),type:"select",placeholder:h,value:m,options:S,onChange:k,onBlur:j,onFocus:T,onKeyDown:T,autoComplete:"off",disabled:g},z))),R&&!w&&React.createElement("span",{className:"iconLeft icon is-small is-left "+(B?"is-action":""),onClick:B},React.createElement(i,{iconName:R,color:o})),_&&React.createElement("span",{className:"iconRight icon is-small is-right "+($?"is-action":""),onClick:$},React.createElement(i,{iconName:_,color:o})),N&&N),E&&E),C&&React.createElement("p",{className:"help"},C),v&&React.createElement("p",{className:"help "+(x?"is-danger":"")},v))}));m.displayName="Field",exports.Field=m,exports.FieldWrapper=r,exports.Select=c,exports.setIconColor=e=>{o=e},exports.setIconComponent=e=>{i=e};
1
+ "use strict";var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("../../../utils/helpers/ui.js"),l=require("./field.module.scss.js");let n=()=>"#000000";let o=t.memo((function(){return React.createElement("span",null)}));const s=t.memo((function(t){let{options:a,value:l,inputRef:n,...o}=t;return React.createElement("div",{className:"select"},React.createElement("select",e.extends({},o,{ref:n,defaultValue:l}),a?.map((e=>React.createElement("option",{key:`${JSON.stringify(e)}`,value:"object"==typeof e?e?.value:e},"object"==typeof e?e?.label:e)))))})),c=t.memo((e=>t.createElement("textarea",e)));c.displayName="TextAreaComponent";const r=t.memo((e=>t.createElement("input",e)));r.displayName="InputComponent";const i=t.memo((i=>{let{label:m,name:u,type:p="text",value:d,defaultValue:f,placeholder:h,inputRef:R,error:N,disabled:C,userDisabled:E,withoutComponent:g,helpTextInfo:v,helpText:b,children:y,iconLeft:x,iconRight:k,addon:I,className:F,onChange:j,onChangeInner:q,onBlur:B,onFocus:D,rightIconClick:w,leftIconClick:T,options:V,style:$,...K}=i,L=r;y||"textarea"!==p||(L=c);const S=t.useCallback((e=>{E?e?.preventDefault?.():D&&D(e)}),[E,D]),_=t.useCallback((e=>{E||(q&&e?.target?(e.target.value=q(e.target.value),j&&j(e)):j&&j(e))}),[q,j,E]),A=t.useMemo((()=>void 0===d?{defaultValue:f}:{value:d}),[d,f]);return React.createElement("div",{className:a.classNames(l.default.field,(C||E)&&l.default.disable,F),style:$},React.createElement("label",{htmlFor:u,className:"label"},m),React.createElement("div",{className:"field "+(I?"has-addons":"")},React.createElement("div",{className:`control mainControl ${x&&!g?"has-icons-left":""} ${k?"has-icons-right":""}`},!g&&(y||"select"!==p&&!V?!y&&React.createElement(L,e.extends({name:u,id:u,ref:R,className:"input "+(N?"is-danger":""),type:p,placeholder:h},A,{onChange:_,onBlur:B,onFocus:S,onKeyDown:S,autoComplete:"off",disabled:C},K)):React.createElement(s,e.extends({name:u,id:u,inputRef:R,className:"input "+(N?"is-danger":""),type:"select",placeholder:h,value:d,options:V,onChange:j,onBlur:B,onFocus:S,onKeyDown:S,autoComplete:"off",disabled:C},K))),x&&!g&&React.createElement("span",{className:"iconLeft icon is-small is-left "+(T?"is-action":""),onClick:T},React.createElement(o,{iconName:x,color:n})),k&&React.createElement("span",{className:"iconRight icon is-small is-right "+(w?"is-action":""),onClick:w},React.createElement(o,{iconName:k,color:n})),y&&y),I&&I),v&&React.createElement("p",{className:"help"},v),b&&React.createElement("p",{className:"help "+(N?"is-danger":"")},b))}));i.displayName="Field",exports.Field=i,exports.Select=s,exports.setIconColor=e=>{n=e},exports.setIconComponent=e=>{o=e};
2
2
  //# sourceMappingURL=Field.js.map
@@ -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 } from 'react'\nimport styled from 'styled-components'\n\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\nexport const FieldWrapper: FC<FileWrapperProps> = styled.div<FileWrapperProps>`\n opacity: ${({ disabled, userDisabled }): number => (disabled || userDisabled ? 0.5 : 1)};\n pointer-events: ${({ disabled, userDisabled }): string => (disabled || userDisabled ? 'none' : 'auto')};\n flex: 1 1 auto;\n width: 100%;\n @media (min-width: 400px) {\n flex: 1;\n }\n .label {\n font-size: 0.8rem !important;\n font-weight: normal;\n }\n\n .help {\n text-align: left;\n }\n\n .mainControl {\n flex: 1;\n border-radius: 6px;\n box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);\n will-change: box-shadow;\n transition: box-shadow 250ms ease-in-out;\n &:hover {\n box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n }\n }\n button {\n box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);\n }\n .select {\n width: 100%;\n flex: 1;\n &::after {\n border-color: #000000 !important;\n }\n }\n\n .icon {\n &.is-action {\n cursor: pointer;\n pointer-events: initial !important;\n }\n }\n\n /* Chrome, Safari, Edge, Opera */\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n /* Firefox */\n input[type=number] {\n -moz-appearance: textfield;\n }\n\n .input[type=date]::-webkit-calendar-picker-indicator {\n opacity:0;\n -webkit-appearance: none;\n position: absolute;\n left: 0;\n top: 0;\n width: 40px;\n height: 100%;\n margin: 0;\n padding: 0;\n cursor: pointer;\n }\n\n textarea {\n resize: none;\n }\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 css?: string\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)\n\nconst InputComponent = styled.input``\nconst TextAreaComponent = styled.textarea``\nconst StyledFieldLabel = styled.label`\n text-align: left;\n`\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 css,\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 <FieldWrapper\n className={`field ${className}`}\n error={error}\n disabled={disabled}\n userDisabled={userDisabled}\n css={css}\n >\n <StyledFieldLabel htmlFor={name} className='label'>{label}</StyledFieldLabel>\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 </FieldWrapper>\n )\n})\n\nField.displayName = 'Field'\n"],"names":["iconColor","IconComponent","memo","React","createElement","setIconComponent","FieldWrapper","styled","div","withConfig","displayName","componentId","_ref","disabled","userDisabled","_ref2","_StyledFieldWrapper","default","p","$_css","Select","_ref3","options","value","inputRef","props","className","_extends","ref","defaultValue","map","option","key","JSON","stringify","label","InputComponent","input","TextAreaComponent","textarea","StyledFieldLabel","Field","_ref4","name","type","placeholder","error","withoutComponent","helpTextInfo","helpText","children","iconLeft","iconRight","addon","onChange","onChangeInner","onBlur","onFocus","rightIconClick","leftIconClick","css","Component","handleFocus","useCallback","event","preventDefault","handleChange","target","valueProps","useMemo","undefined","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 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":"oLAUA,IAAIA,EAAqCA,IAAM,UAM/C,IAAIC,EAAmCC,EAAAA,MAAK,WAA2B,OAAOC,MAAAC,cAAA,OAAA,KAAS,IAE1EC,MAwDAC,EACXJ,EAAIA,MACJ,SAAeK,GAAsD,IAArDC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,KAAaC,GAAoBJ,EACjE,OACEJ,MAAAC,cAAA,MAAA,CAAKQ,UAAU,UACbT,MAAAC,cAAAS,SAAAA,EAAAA,WAAYF,EAAK,CAAEG,IAAKJ,EAAUK,aAAcN,IAC7CD,GAASQ,KAAKC,GACbd,MAAAC,cAAA,SAAA,CACEc,IAAK,GAAGC,KAAKC,UAAUH,KACvBR,MAAyB,iBAAXQ,EAAuBA,GAAsBR,MAAQQ,GAEhD,iBAAXA,EAAuBA,GAAsBI,MAAQJ,MAMzE,IAEIK,EAAoBpB,EAAIA,MAAES,GAAUP,EAAaA,cAAC,WAAYO,KAEpEW,EAAkBC,YAAc,oBAEhC,MAAMC,EAAiBtB,EAAIA,MAAES,GAAUP,EAAaA,cAAC,QAASO,KAE9Da,EAAeD,YAAc,uBAEhBE,EAAwBvB,EAAIA,MAAawB,IA4BpC,IA5BqCL,MACrDA,EAAKM,KACLA,EAAIC,KACJA,EAAO,OAAMnB,MACbA,EAAKM,aACLA,EAAYc,YACZA,EAAWnB,SACXA,EAAQoB,MACRA,EAAKC,SACLA,EAAQC,aACRA,EAAYC,iBACZA,EAAgBC,aAChBA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,UACRA,EAASC,MACTA,EAAK3B,UACLA,EAAS4B,SACTA,EAAQC,cACRA,EAAaC,OACbA,EAAMC,QACNA,EAAOC,eACPA,EAAcC,cACdA,EAAarC,QACbA,EAAOsC,MACPA,KACGnC,GACQe,EACPqB,EAAqBvB,EAEpBY,GAAqB,aAATR,IACfmB,EAAYzB,GAEd,MAAM0B,EAAcC,EAAWA,aAAEC,IAC3BlB,EACFkB,GAAOC,mBAEPR,GAAWA,EAAQO,EACrB,GACC,CAAClB,EAAcW,IAEZS,EAAeH,EAAWA,aAAEC,IAC5BlB,IAGAS,GAAiBS,GAAOG,QAE1BH,EAAMG,OAAO5C,MAAQgC,EAAeS,EAAMG,OAAO5C,OACjD+B,GAAYA,EAASU,IAErBV,GAAYA,EAASU,GACvB,GACC,CAACT,EAAeD,EAAUR,IAEvBsB,EAAaC,EAAAA,SAAQ,SACXC,IAAV/C,EACK,CAAEM,gBAEJ,CAAEN,UACR,CAACA,EAAOM,IAEX,OACEZ,MAAAC,cAAA,MAAA,CACEQ,UAAW6C,EAAAA,WACTC,EAAOC,QAACC,OACP7B,GAAYC,IAAiB0B,EAAAA,QAAQG,QACtCjD,GAIFkC,MAAOA,GAEP3C,MAAAC,cAAA,QAAA,CAAO0D,QAASnC,EAAMf,UAAU,SAASS,GACzClB,MAAAC,cAAA,MAAA,CAAKQ,UAAW,UAAS2B,EAAQ,aAAe,KAC9CpC,MAAAC,cAAA,MAAA,CACEQ,UAAW,uBAAuByB,IAAaJ,EAC3C,iBAAmB,MAAMK,EAAY,kBAAoB,OAE3DL,IAAuBG,GAAsB,WAATR,IAAqBpB,GAsBtD4B,GACDjC,MAAAC,cAAC2C,EAASlC,UAAA,CACRc,KAAMA,EACNoC,GAAIpC,EACJb,IAAKJ,EACLE,UAAW,UAASkB,EAAQ,YAAc,IAC1CF,KAAMA,EACNC,YAAaA,GACTyB,EAAU,CACdd,SAAUY,EACVV,OAAQA,EACRC,QAASK,EACTgB,UAAWhB,EACXiB,aAAa,MACblC,SAAUA,GACNpB,IAnCNR,MAAAC,cAACE,EAAMO,EAAAA,QAAA,CACLc,KAAMA,EACNoC,GAAIpC,EACJjB,SAAUA,EACVE,UAAW,UAASkB,EAAQ,YAAc,IAC1CF,KAAK,SACLC,YAAaA,EACbpB,MAAOA,EACPD,QAASA,EAETgC,SAAUA,EACVE,OAAQA,EACRC,QAASK,EACTgB,UAAWhB,EACXiB,aAAa,MACblC,SAAUA,GACNpB,KAuBT0B,IAAaJ,GACZ9B,MAAAC,cAAA,OAAA,CACEQ,UAAW,mCAAkCiC,EAAgB,YAAc,IAC3EqB,QAASrB,GAET1C,MAAAC,cAACH,EAAa,CACZkE,SAAU9B,EACV+B,MAAOpE,KAIZsC,GACCnC,MAAAC,cAAA,OAAA,CACEQ,UAAW,qCAAoCgC,EAAiB,YAAc,IAC9EsB,QAAStB,GAETzC,MAAAC,cAACH,EAAa,CACZkE,SAAU7B,EACV8B,MAAOpE,KAIZoC,GAAYA,GAEdG,GAASA,GAEXL,GAAgB/B,MAAAC,cAAA,IAAA,CAAGQ,UAAU,QAAQsB,GACrCC,GAAYhC,MAAAC,cAAA,IAAA,CAAGQ,UAAW,SAAQkB,EAAQ,YAAc,KAAOK,GAC5D,IAIVV,EAAMF,YAAc,8DAjPS6C,IAC3BpE,EAAYoE,CAAK,2BAKcC,IAC/BpE,EAAgBoE,CAAS"}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={field:"field-module_field__UfKm3",disabled:"field-module_disabled__4aFNw",label:"field-module_label__pJCHG",help:"field-module_help__8psM4",mainControl:"field-module_mainControl__RIMTe",select:"field-module_select__-wfDp",icon:"field-module_icon__6vSNr","is-action":"field-module_is-action__pf8ZC",input:"field-module_input__v-872"};
2
+ //# sourceMappingURL=field.module.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"field.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./peregrineMQ.js");const r=new e.PeregrineMQ;exports.PeregrineMQ=e.PeregrineMQ,exports.PeregrineMQClearError=e.PeregrineMQClearError,exports.default=r,exports.peregrineMQInstance=r;
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +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 default peregrineMQInstance\n"],"names":["peregrineMQInstance","PeregrineMQ"],"mappings":"4GAIaA,EAAsB,IAAIC,EAAWA"}
@@ -0,0 +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;
2
+ //# sourceMappingURL=peregrineMQ.js.map