@startlibs/form 1.1.3 → 1.2.0-rc.2

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 (112) hide show
  1. package/lib/AutoComplete.mjs +7 -7
  2. package/lib/AutoComplete.mjs.map +1 -1
  3. package/lib/Checkbox.mjs +4 -2
  4. package/lib/Checkbox.mjs.map +1 -1
  5. package/lib/Combobox.mjs +1 -1
  6. package/lib/Combobox.mjs.map +1 -1
  7. package/lib/DatePicker.mjs +25 -9
  8. package/lib/DatePicker.mjs.map +1 -1
  9. package/lib/Errors.mjs +20 -10
  10. package/lib/Errors.mjs.map +1 -1
  11. package/lib/ExpandableBox.mjs +1 -1
  12. package/lib/ExpandableBox.mjs.map +1 -1
  13. package/lib/Field.mjs +10 -5
  14. package/lib/Field.mjs.map +1 -1
  15. package/lib/FieldBox.mjs +3 -3
  16. package/lib/FieldBox.mjs.map +1 -1
  17. package/lib/InputboxGroup.mjs +1 -1
  18. package/lib/InputboxGroup.mjs.map +1 -1
  19. package/lib/RichText.mjs +11 -6
  20. package/lib/RichText.mjs.map +1 -1
  21. package/lib/TextInput.mjs +4 -4
  22. package/lib/TextInput.mjs.map +1 -1
  23. package/lib/alt/checkbox/SimpleCheckbox.mjs +1 -1
  24. package/lib/alt/checkbox/SimpleCheckbox.mjs.map +1 -1
  25. package/lib/alt/checkbox/ToggleCheckbox.mjs +4 -3
  26. package/lib/alt/checkbox/ToggleCheckbox.mjs.map +1 -1
  27. package/lib/alt/radiobox/CleanTabRadiobox.mjs +1 -1
  28. package/lib/alt/radiobox/CleanTabRadiobox.mjs.map +1 -1
  29. package/lib/alt/radiobox/SimpleRadiobox.mjs +2 -2
  30. package/lib/alt/radiobox/SimpleRadiobox.mjs.map +1 -1
  31. package/lib/alt/radiobox/TabRadiobox.mjs +1 -1
  32. package/lib/alt/radiobox/TabRadiobox.mjs.map +1 -1
  33. package/lib/index.cjs +94 -51
  34. package/lib/index.cjs.map +1 -1
  35. package/lib/index.mjs +2 -2
  36. package/lib/withFormImageInput.mjs +1 -1
  37. package/lib/withFormImageInput.mjs.map +1 -1
  38. package/lib-yak/AutoComplete.mjs +705 -0
  39. package/lib-yak/AutoComplete.mjs.map +1 -0
  40. package/lib-yak/Checkbox.mjs +80 -0
  41. package/lib-yak/Checkbox.mjs.map +1 -0
  42. package/lib-yak/Combobox.mjs +652 -0
  43. package/lib-yak/Combobox.mjs.map +1 -0
  44. package/lib-yak/ComboboxWithCustom.mjs +77 -0
  45. package/lib-yak/ComboboxWithCustom.mjs.map +1 -0
  46. package/lib-yak/DatePicker.mjs +774 -0
  47. package/lib-yak/DatePicker.mjs.map +1 -0
  48. package/lib-yak/EditableBox.mjs +495 -0
  49. package/lib-yak/EditableBox.mjs.map +1 -0
  50. package/lib-yak/Errors.mjs +226 -0
  51. package/lib-yak/Errors.mjs.map +1 -0
  52. package/lib-yak/ExpandableBox.mjs +247 -0
  53. package/lib-yak/ExpandableBox.mjs.map +1 -0
  54. package/lib-yak/Field.mjs +93 -0
  55. package/lib-yak/Field.mjs.map +1 -0
  56. package/lib-yak/FieldBox.mjs +173 -0
  57. package/lib-yak/FieldBox.mjs.map +1 -0
  58. package/lib-yak/Form.mjs +322 -0
  59. package/lib-yak/Form.mjs.map +1 -0
  60. package/lib-yak/FormValue.mjs +111 -0
  61. package/lib-yak/FormValue.mjs.map +1 -0
  62. package/lib-yak/InputboxGroup.mjs +146 -0
  63. package/lib-yak/InputboxGroup.mjs.map +1 -0
  64. package/lib-yak/Radiobox.mjs +69 -0
  65. package/lib-yak/Radiobox.mjs.map +1 -0
  66. package/lib-yak/RichText.mjs +776 -0
  67. package/lib-yak/RichText.mjs.map +1 -0
  68. package/lib-yak/TextInput.mjs +589 -0
  69. package/lib-yak/TextInput.mjs.map +1 -0
  70. package/lib-yak/alt/checkbox/SimpleCheckbox.mjs +225 -0
  71. package/lib-yak/alt/checkbox/SimpleCheckbox.mjs.map +1 -0
  72. package/lib-yak/alt/checkbox/ToggleCheckbox.mjs +173 -0
  73. package/lib-yak/alt/checkbox/ToggleCheckbox.mjs.map +1 -0
  74. package/lib-yak/alt/radiobox/CleanTabRadiobox.mjs +87 -0
  75. package/lib-yak/alt/radiobox/CleanTabRadiobox.mjs.map +1 -0
  76. package/lib-yak/alt/radiobox/IconRadioBox.mjs +138 -0
  77. package/lib-yak/alt/radiobox/IconRadioBox.mjs.map +1 -0
  78. package/lib-yak/alt/radiobox/SimpleRadiobox.mjs +203 -0
  79. package/lib-yak/alt/radiobox/SimpleRadiobox.mjs.map +1 -0
  80. package/lib-yak/alt/radiobox/TabRadiobox.mjs +117 -0
  81. package/lib-yak/alt/radiobox/TabRadiobox.mjs.map +1 -0
  82. package/lib-yak/enhanceInput.mjs +131 -0
  83. package/lib-yak/enhanceInput.mjs.map +1 -0
  84. package/lib-yak/index.mjs +28 -0
  85. package/lib-yak/index.mjs.map +1 -0
  86. package/lib-yak/useConfirmDialog.mjs +117 -0
  87. package/lib-yak/useConfirmDialog.mjs.map +1 -0
  88. package/lib-yak/useDraftConfirmation.mjs +56 -0
  89. package/lib-yak/useDraftConfirmation.mjs.map +1 -0
  90. package/lib-yak/validation.mjs +91 -0
  91. package/lib-yak/validation.mjs.map +1 -0
  92. package/lib-yak/withFormImageInput.mjs +298 -0
  93. package/lib-yak/withFormImageInput.mjs.map +1 -0
  94. package/package.json +13 -3
  95. package/src/AutoComplete.jsx +12 -12
  96. package/src/Checkbox.jsx +2 -2
  97. package/src/Combobox.jsx +1 -1
  98. package/src/DatePicker.jsx +25 -22
  99. package/src/Errors.jsx +18 -8
  100. package/src/ExpandableBox.jsx +3 -3
  101. package/src/Field.jsx +9 -4
  102. package/src/FieldBox.jsx +6 -6
  103. package/src/IconRadioBoxOldHubt.jsx +1 -1
  104. package/src/InputboxGroup.jsx +1 -1
  105. package/src/RichText.jsx +17 -13
  106. package/src/TextInput.jsx +37 -26
  107. package/src/alt/checkbox/SimpleCheckbox.jsx +5 -5
  108. package/src/alt/checkbox/ToggleCheckbox.jsx +9 -8
  109. package/src/alt/radiobox/CleanTabRadiobox.jsx +2 -2
  110. package/src/alt/radiobox/SimpleRadiobox.jsx +7 -7
  111. package/src/alt/radiobox/TabRadiobox.jsx +4 -4
  112. package/src/withFormImageInput.jsx +2 -2
@@ -0,0 +1,589 @@
1
+ import _extends from '@babel/runtime/helpers/extends';
2
+ import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
+ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
4
+ import _identity from 'lodash/fp/identity';
5
+ import _isFunction from 'lodash/fp/isFunction';
6
+ import _isRegExp from 'lodash/fp/isRegExp';
7
+ import _isString from 'lodash/fp/isString';
8
+ import { yakDomTag } from '@startlibs/utils/yakDomTag';
9
+ import React, { forwardRef, useState, useEffect } from 'react';
10
+ import { Field, FieldLabel } from './Field.mjs';
11
+ import { useInput } from './enhanceInput.mjs';
12
+ import { styled, css } from '@yak/react';
13
+ import { Icon, Loading } from '@startlibs/components';
14
+ import { getColor, isTouchDevice, ifUndefined, getScrollParent, callIfFunction, digitsToPattern, intToHour } from '@startlibs/utils';
15
+ import { darken } from 'polished';
16
+ import { useEnsureRef, useRefState } from '@startlibs/core';
17
+
18
+ const _excluded = ["onFocus", "onBlur", "autoResize", "autoSelectOnFocus", "constraint", "pattern", "path", "rawValue", "rawSetValue", "rawHasErrors", "transformOnBlur", "raw", "showValue", "deleteTrailing"],
19
+ _excluded2 = ["showValue", "label", "type", "helpText", "descText", "bellowDescText", "mandatory", "isLoading", "locked", "textBoxBefore", "textBoxAfter", "textAfter", "icon", "className", "fieldClassName", "FieldType", "margin", "value", "setValue", "hasErrors", "textarea", "onImage", "rounded", "autoFocus", "noFocus", "autoSelectOnFocus", "onFocus", "onBlur", "pattern", "autoResize", "constraint", "path", "raw", "tabIndex"];
20
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
21
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22
+ const InputWithTextAfter = styled(yakDomTag("div"))`
23
+ display: flex;
24
+ align-items: center;
25
+ border: 1px solid ${__yakProps => {
26
+ const v = getColor('gray210');
27
+ return typeof v === 'function' ? v(__yakProps) : v;
28
+ }};
29
+ border-radius: ${props => props.rounded ? '100px' : '8px'};
30
+ background: white;
31
+ ${props => props.focused && css`
32
+ border-color: ${__yakProps => {
33
+ const v = getColor('gray180');
34
+ return typeof v === 'function' ? v(__yakProps) : v;
35
+ }};
36
+ box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);
37
+ `}
38
+ ${props => props.hasErrors && css`
39
+ border-color: ${__yakProps => {
40
+ const v = getColor('alert');
41
+ return typeof v === 'function' ? v(__yakProps) : v;
42
+ }} !important;
43
+ `}
44
+ input {
45
+ border: none;
46
+ box-shadow: none !important;
47
+ flex: 1;
48
+ min-width: 0;
49
+ }
50
+ `;
51
+ const TextAfterLabel = styled(yakDomTag("span"))`
52
+ padding-right: 0.7rem;
53
+ color: ${__yakProps => {
54
+ const v = getColor('gray180');
55
+ return typeof v === 'function' ? v(__yakProps) : v;
56
+ }};
57
+ font-size: 14px;
58
+ white-space: nowrap;
59
+ @media (max-width: 600px) {
60
+ padding-right: 1rem;
61
+ }
62
+ `;
63
+ const InputWithIcon = styled(yakDomTag("div"))`
64
+ position: relative;
65
+ width: 100%;
66
+ input, textarea {
67
+ display: block;
68
+ }
69
+ `;
70
+ const InputIcon = styled(Icon)`
71
+ position: absolute;
72
+ left: ${props => props.rounded ? '13px' : '0.7rem'};
73
+ top: 50%;
74
+ transform: translateY(-50%);
75
+ font-size: 23px;
76
+ color: ${__yakProps => {
77
+ const v = getColor('gray180');
78
+ return typeof v === 'function' ? v(__yakProps) : v;
79
+ }};
80
+ pointer-events: none;
81
+ z-index: 1;
82
+ line-height: 0;
83
+ @media (max-width: 600px) {
84
+ left: ${props => props.rounded ? '1.25rem' : '1rem'};
85
+ }
86
+ `;
87
+ const InputLoading = styled(Loading)`
88
+ bottom: 8px;
89
+ right: 0.6rem;
90
+ left: auto;
91
+ top: auto;
92
+ @media (max-width: 600px) {
93
+ bottom: 10px;
94
+ }
95
+ `;
96
+ const Input = styled(yakDomTag("input")).attrs({
97
+ className: "styled-theme-text-input"
98
+ })`
99
+ width: 100%;
100
+ font-size: 14px;
101
+ border: 1px solid ${__yakProps => {
102
+ const v = getColor('gray210');
103
+ return typeof v === 'function' ? v(__yakProps) : v;
104
+ }};
105
+ border-radius: 8px;
106
+ outline: 0;
107
+ outline: none;
108
+ color: ${__yakProps => {
109
+ const v = getColor('gray60');
110
+ return typeof v === 'function' ? v(__yakProps) : v;
111
+ }};
112
+ background: white;
113
+ position: relative;
114
+ height: 3rem;
115
+ padding: 0 0.7rem;
116
+ overflow: auto;
117
+
118
+ &::-webkit-input-placeholder {
119
+ color: rgba(0,0,0,0.3);
120
+ }
121
+ &::-moz-placeholder {
122
+ color: rgba(0,0,0,0.3);
123
+ }
124
+ /* :-moz-placeholder (Firefox <19) e :-ms-input-placeholder (Edge antigo) saíram: o browserslist
125
+ do pacote já não cobre esses motores (firefox >= 60, edge >= 79, Chromium), e a versão
126
+ single-colon confundia o lightningcss do yak, que compilava pra uma pseudo-classe diferente
127
+ (placeholder-shown, do próprio input, em vez do texto do placeholder) — o color vazava pro
128
+ input inteiro. Sem efeito em nenhum browser hoje suportado; nada muda no golden. */
129
+ ${props => !props.hasTextBox && !props.noFocus && css`
130
+ &:focus {
131
+ border-color: ${__yakProps => {
132
+ const v = getColor('gray180');
133
+ return typeof v === 'function' ? v(__yakProps) : v;
134
+ }};
135
+ box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);
136
+ }
137
+ ${props => props.hasErrors && css`
138
+ border-color: ${__yakProps => {
139
+ const v = getColor('alert');
140
+ return typeof v === 'function' ? v(__yakProps) : v;
141
+ }} !important;
142
+ `}
143
+ `}
144
+ &::-ms-clear { /* Clear IE pseudo-buttons */
145
+ display: none;
146
+ }
147
+ ${props => props.locked && css`
148
+ padding-right: 2.25rem;
149
+ background: rgba(0,0,0,0.075);
150
+ pointer-events: none;
151
+ `}
152
+ ${props => props.isTextArea && css`
153
+ resize: none;
154
+ min-height: ${props => props.regularInputHeight ? 36 : props.minHeight || 60}px;
155
+ padding: .7rem;
156
+ display: block;
157
+ ${props => props.autoResize ? css`overflow:hidden;` : css`overflow:auto;`}
158
+ `}
159
+ ${props => props.rounded && css`
160
+ border-radius: 100px;
161
+ padding-left: 1.25rem;
162
+ padding-right: 1.25rem;
163
+ `}
164
+ ${props => props.hasIcon && css`
165
+ padding-left: ${__yakProps => {
166
+ const v = props.rounded ? '3rem' : '2.5rem';
167
+ return typeof v === 'function' ? v(__yakProps) : v;
168
+ }};
169
+ `}
170
+ /* stylis (sc) emite @media depois das declarações planas, não na ordem do fonte; o yak
171
+ preserva a ordem do fonte. Os blocos de media abaixo (fallback/isTextArea/hasIcon, nessa
172
+ ordem) ficam DEPOIS de todas as declarações planas acima (locked/isTextArea/rounded/hasIcon,
173
+ na mesma ordem do fonte original) pros dois modos baterem — lição do grupo 12: fallback
174
+ antes do bloco de media. As partes de media de isTextArea e hasIcon saíram de dentro dos
175
+ blocos acima (que continuam só com a parte plana, na posição original) e viraram
176
+ interpolações próprias aqui, na mesma ordem relativa de antes (media geral, depois
177
+ isTextArea, depois hasIcon), pra não mudar o resultado em nenhum dos dois modos. */
178
+ @media (max-width: 600px) {
179
+ height: 42px;
180
+ padding: 0 1rem;
181
+ @supports (-webkit-touch-callout: none) {
182
+ font-size: 16px;
183
+ }
184
+ }
185
+ ${props => props.isTextArea && css`
186
+ @media (max-width: 600px) {
187
+ padding: 1rem;
188
+ ${props => props.regularInputHeight && css`min-height: 42px;`}
189
+ }
190
+ `}
191
+ ${props => props.hasIcon && css`
192
+ @media (max-width: 600px) {
193
+ padding-left: ${__yakProps => {
194
+ const v = props.rounded ? '3.25rem' : '2.75rem';
195
+ return typeof v === 'function' ? v(__yakProps) : v;
196
+ }};
197
+ }
198
+ `}
199
+
200
+ `;
201
+ const InputWithTextBox = styled(yakDomTag("div"))`
202
+ display: flex;
203
+ border-radius: ${props => props.rounded ? '100px' : '8px'};
204
+ position: relative;
205
+ &:before {
206
+ position: absolute;
207
+ border-radius: ${props => props.rounded ? '100px' : '8px'};
208
+ top: 0;
209
+ bottom: 0;
210
+ right: 0;
211
+ left: 0;
212
+ z-index: 2;
213
+ pointer-events: none;
214
+ }
215
+ ${props => props.focused && css`
216
+ box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);
217
+ &:before {
218
+ content: '';
219
+ border: 1px solid ${__yakProps => {
220
+ const v = getColor('gray180');
221
+ return typeof v === 'function' ? v(__yakProps) : v;
222
+ }};
223
+ }
224
+ `}
225
+ ${props => props.hasErrors && css`
226
+ &:before {
227
+ content: '';
228
+ border: 1px solid ${__yakProps => {
229
+ const v = getColor('alert');
230
+ return typeof v === 'function' ? v(__yakProps) : v;
231
+ }};
232
+ }
233
+ `}
234
+ ${props => props.textBoxBefore && css`
235
+ input {
236
+ border-top-left-radius: 0;
237
+ border-bottom-left-radius: 0;
238
+ }
239
+ `}
240
+ ${props => props.textBoxAfter && css`
241
+ input {
242
+ border-top-right-radius: 0;
243
+ border-bottom-right-radius: 0;
244
+ }
245
+ `}
246
+ `;
247
+ const TextBox = styled(yakDomTag("span"))`
248
+ display: flex;
249
+ align-items: center;
250
+ padding: 0 0.7rem;
251
+ z-index: 1;
252
+ background-color: ${props => darken(0.075, getColor('gray240')(props))};
253
+ border: 1px solid ${__yakProps => {
254
+ const v = getColor('gray210');
255
+ return typeof v === 'function' ? v(__yakProps) : v;
256
+ }};
257
+ cursor: text;
258
+ white-space: nowrap;
259
+ `;
260
+ const TextBoxBefore = styled(TextBox)`
261
+ border-top-left-radius: ${props => props.rounded ? '100px' : '8px'};
262
+ border-bottom-left-radius: ${props => props.rounded ? '100px' : '8px'};
263
+ ${props => props.rounded && css`padding-left: 1.25rem;`}
264
+ margin-right: -1px;
265
+ `;
266
+ const TextBoxAfter = styled(TextBox)`
267
+ border-top-right-radius: ${props => props.rounded ? '100px' : '8px'};
268
+ border-bottom-right-radius: ${props => props.rounded ? '100px' : '8px'};
269
+ ${props => props.rounded && css`padding-right: 1.25rem;`}
270
+ margin-left: -1px;
271
+ `;
272
+ const doAutoResize = element => {
273
+ const scrollContainer = getScrollParent(element);
274
+ const lastTop = scrollContainer.scrollTop || scrollContainer.pageYOffset;
275
+ element.style.height = 'auto';
276
+ element.style.height = element.scrollHeight + 'px';
277
+ if (scrollContainer === window) {
278
+ scrollContainer.scroll(scrollContainer.pageXOffset, lastTop);
279
+ } else {
280
+ scrollContainer.scrollTop = lastTop;
281
+ }
282
+ };
283
+ const useTextInput = (_ref, ref) => {
284
+ let {
285
+ onFocus,
286
+ onBlur,
287
+ autoResize,
288
+ autoSelectOnFocus,
289
+ constraint,
290
+ pattern,
291
+ path,
292
+ rawValue,
293
+ rawSetValue,
294
+ rawHasErrors,
295
+ transformOnBlur,
296
+ raw,
297
+ showValue,
298
+ deleteTrailing
299
+ } = _ref,
300
+ rest = _objectWithoutProperties(_ref, _excluded);
301
+ const [formValue, setFormValue, {
302
+ hasErrors
303
+ }] = useInput(_objectSpread({
304
+ path,
305
+ value: rawValue,
306
+ setValue: rawSetValue
307
+ }, rest), raw);
308
+ const [focused, setFocused] = useState();
309
+ const lastSelection = useRefState();
310
+ const lastValue = useRefState(showValue(formValue));
311
+ const handleOnFocus = e => {
312
+ setFocused(true);
313
+ if (!!autoSelectOnFocus && !!ref.current) {
314
+ setTimeout(() => {
315
+ var _ref$current;
316
+ return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.select();
317
+ }, 0);
318
+ }
319
+ callIfFunction(onFocus, e);
320
+ };
321
+ const handleOnBlur = e => {
322
+ setFocused(false);
323
+ callIfFunction(onBlur, e);
324
+ if (transformOnBlur) {
325
+ setFormValue(transformOnBlur(formValue));
326
+ }
327
+ };
328
+ useEffect(() => {
329
+ if (lastSelection.get() === 1 && constraint === 'capitalize') {
330
+ ref.current.setSelectionRange(lastSelection.get(), lastSelection.get());
331
+ }
332
+ });
333
+ useEffect(() => {
334
+ if (autoResize) {
335
+ doAutoResize(ref.current);
336
+ }
337
+ }, []);
338
+ useEffect(() => {
339
+ if (!!autoSelectOnFocus && !!ref.current && document.activeElement === ref.current) {
340
+ setTimeout(() => {
341
+ var _ref$current2;
342
+ return (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.select();
343
+ }, 0);
344
+ }
345
+ }, [autoSelectOnFocus]);
346
+ const handleChange = e => {
347
+ if (autoResize) {
348
+ doAutoResize(ref.current);
349
+ }
350
+ const target = e.target;
351
+ try {
352
+ lastSelection.set(target.selectionEnd);
353
+ } catch (e) {}
354
+ if (constraint || pattern) {
355
+ setFormValue(validateConstraint(target.value, constraint, showValue(formValue), pattern), ref.current);
356
+ } else {
357
+ setFormValue(target.value, ref.current);
358
+ }
359
+ };
360
+ const validateConstraint = (value, constraint, prevValue, pattern) => {
361
+ let newValue = '';
362
+ if (value === lastValue.get() + "" || lastValue.get() && (lastValue.get() + "").indexOf(value) >= 0 && !pattern) {
363
+ newValue = value;
364
+ if (deleteTrailing) {
365
+ if (_isString(deleteTrailing) && value.slice(-deleteTrailing.length) === deleteTrailing) {
366
+ newValue = value.slice(0, -deleteTrailing.length);
367
+ } else if (_isRegExp(deleteTrailing) && deleteTrailing.test(value)) {
368
+ newValue = value.replace(deleteTrailing, '');
369
+ }
370
+ }
371
+ lastValue.set(showValue(newValue));
372
+ return newValue;
373
+ }
374
+ if (pattern) {
375
+ var _value$match;
376
+ newValue = ((_value$match = value.match(pattern)) === null || _value$match === void 0 || (_value$match = _value$match.slice(1)) === null || _value$match === void 0 ? void 0 : _value$match.join("")) || "";
377
+ // if (newValue.length < value.length - 1) {
378
+ // newValue = value
379
+ // }
380
+ } else if (constraint === 'price') {
381
+ if (value.indexOf(',') >= 0) value = value.replace(/\./g, ''); // ponytail: '.' é separador de milhar quando já há ',' decimal (ex: colar "2.000,45")
382
+ value = value.replace('.', ',').replace(/[^0-9,]/g, '');
383
+ const number = parseFloat(value.replace(',', '.'));
384
+ const commas = value.split(',');
385
+ const fixedNumber = number.toFixed(2);
386
+ newValue = !!commas[0] && commas.length === 2 && parseFloat(fixedNumber) === number && fixedNumber.split('.')[1].indexOf(commas[1]) === 0 ? value : digitsToPattern('>3???????#,##', value);
387
+ } else if (constraint === 'capitalize') {
388
+ // v = "R$ "+(parseInt(v.replace(/[^1-9]*([0-9]*)(,?)([0-9]{0,3}).*/,"$1$3") || 0)/100).toFixed(2).replace(".",",");
389
+ newValue = value.replace(/^[a-z]/, function (e) {
390
+ return e.toUpperCase();
391
+ });
392
+ } else if (constraint === 'number' || constraint === 'hour' || constraint === 'hour-int') {
393
+ newValue = value.replace(/\D/g, '');
394
+ if (newValue !== '') {
395
+ newValue = window.parseInt(newValue, 10);
396
+ if (constraint !== 'number') {
397
+ if ((newValue + '').length > 4 || newValue > 2399) {
398
+ newValue = prevValue;
399
+ } else {
400
+ const resultHour = intToHour(newValue, false);
401
+ const val = resultHour.replace(/\D/g, '');
402
+ const result = isNaN(parseInt(val, 10)) ? undefined : parseInt(val, 10);
403
+ newValue = constraint === 'hour-int' ? result : resultHour;
404
+ }
405
+ }
406
+ }
407
+ } else if (constraint === 'cpf') {
408
+ newValue = digitsToPattern('###.###.###-##', value);
409
+ } else if (constraint === 'cnpj') {
410
+ newValue = digitsToPattern('##.###.###/####-##', value);
411
+ } else if (_isFunction(constraint)) {
412
+ newValue = constraint(value);
413
+ } else if (_isRegExp(constraint)) {
414
+ newValue = value.replace(constraint, '');
415
+ } else {
416
+ newValue = digitsToPattern(constraint, value);
417
+ }
418
+ lastValue.set(showValue(newValue));
419
+ return newValue;
420
+ };
421
+ return [formValue, {
422
+ onChange: handleChange,
423
+ onFocus: handleOnFocus,
424
+ onBlur: handleOnBlur
425
+ }, rawHasErrors || hasErrors, focused];
426
+ };
427
+ const TextInput = styled(/*#__PURE__*/forwardRef((_ref2, forwardedRef) => {
428
+ let {
429
+ showValue = _identity,
430
+ label,
431
+ type = 'text',
432
+ helpText,
433
+ descText,
434
+ bellowDescText,
435
+ mandatory,
436
+ isLoading,
437
+ locked,
438
+ textBoxBefore,
439
+ textBoxAfter,
440
+ textAfter,
441
+ icon,
442
+ className,
443
+ fieldClassName = '',
444
+ FieldType = Field,
445
+ margin,
446
+ value: rawValue,
447
+ setValue: rawSetValue,
448
+ hasErrors: rawHasErrors,
449
+ textarea = false,
450
+ onImage = false,
451
+ rounded,
452
+ autoFocus,
453
+ noFocus,
454
+ autoSelectOnFocus,
455
+ onFocus,
456
+ onBlur,
457
+ pattern,
458
+ autoResize,
459
+ constraint,
460
+ path,
461
+ raw,
462
+ tabIndex = 1
463
+ } = _ref2,
464
+ rest = _objectWithoutProperties(_ref2, _excluded2);
465
+ const ref = useEnsureRef(forwardedRef);
466
+ const [value, events, hasErrors, focused] = useTextInput(_objectSpread({
467
+ path,
468
+ onFocus,
469
+ onBlur,
470
+ autoResize,
471
+ autoSelectOnFocus,
472
+ constraint,
473
+ pattern,
474
+ rawValue,
475
+ rawSetValue,
476
+ rawHasErrors,
477
+ raw,
478
+ showValue
479
+ }, rest), ref);
480
+ const inputTag = textarea ? 'textarea' : 'input';
481
+ const focusInput = () => ref.current.focus();
482
+ const wrapInput = input => {
483
+ if (textBoxBefore) {
484
+ return /*#__PURE__*/React.createElement(InputWithTextBox, {
485
+ focused: focused,
486
+ hasErrors: hasErrors,
487
+ onClick: focusInput,
488
+ textBoxBefore: true,
489
+ rounded: rounded
490
+ }, /*#__PURE__*/React.createElement(TextBoxBefore, {
491
+ rounded: rounded
492
+ }, textBoxBefore), input);
493
+ } else if (textBoxAfter) {
494
+ return /*#__PURE__*/React.createElement(InputWithTextBox, {
495
+ focused: focused,
496
+ hasErrors: hasErrors,
497
+ onClick: focusInput,
498
+ textBoxAfter: true,
499
+ rounded: rounded
500
+ }, input, /*#__PURE__*/React.createElement(TextBoxAfter, {
501
+ rounded: rounded
502
+ }, textBoxAfter));
503
+ } else if (textAfter) {
504
+ return /*#__PURE__*/React.createElement(InputWithTextAfter, {
505
+ focused: focused,
506
+ hasErrors: hasErrors,
507
+ onClick: focusInput,
508
+ rounded: rounded
509
+ }, input, /*#__PURE__*/React.createElement(TextAfterLabel, null, textAfter));
510
+ } else {
511
+ return input;
512
+ }
513
+ };
514
+ const input = wrapInput(/*#__PURE__*/React.createElement(Input, _extends({}, rest, {
515
+ as: inputTag,
516
+ className: !label ? className : undefined,
517
+ isTextArea: textarea,
518
+ "data-hj-whitelist": type !== "password",
519
+ locked: locked,
520
+ rounded: rounded,
521
+ hasIcon: !!icon,
522
+ autoFocus: !isTouchDevice() && autoFocus,
523
+ noFocus: noFocus,
524
+ hasErrors: hasErrors,
525
+ isOnImage: onImage,
526
+ ref: ref,
527
+ tabIndex: tabIndex,
528
+ type: type,
529
+ value: ifUndefined(showValue(value), ''),
530
+ hasTextBox: textBoxBefore || textBoxAfter || textAfter,
531
+ autoResize: autoResize,
532
+ rows: 1
533
+ }, events)));
534
+ const wrappedInput = icon ? /*#__PURE__*/React.createElement(InputWithIcon, null, /*#__PURE__*/React.createElement(InputIcon, {
535
+ icon: icon,
536
+ rounded: rounded
537
+ }), input) : input;
538
+ return !label ? wrappedInput : /*#__PURE__*/React.createElement(FieldType, {
539
+ className: fieldClassName + ' ' + className,
540
+ value: value,
541
+ focused: focused,
542
+ mandatory: mandatory,
543
+ isOnImage: onImage,
544
+ descText: descText,
545
+ bellowDescText: bellowDescText,
546
+ helpText: helpText,
547
+ label: label,
548
+ labelClick: focusInput,
549
+ margin: margin
550
+ }, isLoading && /*#__PURE__*/React.createElement(InputLoading, {
551
+ absolute: true,
552
+ size: 20
553
+ }), wrappedInput);
554
+ })).attrs({
555
+ className: "styled-text-input"
556
+ })``;
557
+ TextInput.Input = Input;
558
+ const FloatingFieldType = styled(Field)`
559
+ input {
560
+ height: 5rem;
561
+ box-shadow: 0 1px 4px rgba(0,0,0,.2);
562
+ border-radius: 8px;
563
+ font-size: 16px;
564
+ font-weight: 400;
565
+ padding: 16px 1rem 0;
566
+ }
567
+ ${FieldLabel} {
568
+ position: absolute;
569
+ top: 1.5rem;
570
+ left: 1rem;
571
+ font-size: 20px;
572
+ font-weight: normal;
573
+ transition: all .2s ease;
574
+ color: rgba(0,0,0,.2);
575
+ pointer-events: none;
576
+ z-index: 1;
577
+ ${props => (props.value || props.focused) && css`
578
+ top: 12px;
579
+ font-size: 14px;
580
+ color: rgba(0,0,0,.4);
581
+ `}
582
+ }
583
+ `;
584
+ const FloatLabelTextInput = props => /*#__PURE__*/React.createElement(TextInput, _extends({}, props, {
585
+ FieldType: FloatingFieldType
586
+ }));
587
+
588
+ export { FloatLabelTextInput, TextInput, TextInput as default, useTextInput };
589
+ //# sourceMappingURL=TextInput.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextInput.mjs","sources":["../src/TextInput.jsx"],"sourcesContent":["import React, {useState, forwardRef, useEffect} from 'react'\nimport {Field, FieldLabel} from './Field'\nimport {useInput} from './enhanceInput'\nimport styled, {css} from 'styled-components'\nimport {Loading} from '@startlibs/components'\nimport {getScrollParent, ifUndefined, callIfFunction, getColor, customTheme, intToHour, digitsToPattern, isTouchDevice, media} from '@startlibs/utils'\nimport {darken} from 'polished'\nimport _ from 'lodash/fp'\nimport {Icon} from '@startlibs/components'\nimport {useEnsureRef, useRefState} from '@startlibs/core'\n\nconst InputWithTextAfter = styled.div`\n display: flex;\n align-items: center;\n border: 1px solid ${getColor('gray210')};\n border-radius: ${props => props.rounded ? '100px' : '8px'};\n background: white;\n ${props => props.focused && css`\n border-color: ${getColor('gray180')};\n box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);\n `}\n ${props => props.hasErrors && css`\n border-color: ${getColor('alert')} !important;\n `}\n input {\n border: none;\n box-shadow: none !important;\n flex: 1;\n min-width: 0;\n }\n`\nconst TextAfterLabel = styled.span`\n padding-right: 0.7rem;\n color: ${getColor('gray180')};\n font-size: 14px;\n white-space: nowrap;\n ${media.mobile`\n padding-right: 1rem;\n `}\n`\n\nconst InputWithIcon = styled.div`\n position: relative;\n width: 100%;\n input, textarea {\n display: block;\n }\n`\nconst InputIcon = styled(Icon)`\n position: absolute;\n left: ${props => props.rounded ? '13px' : '0.7rem'};\n top: 50%;\n transform: translateY(-50%);\n font-size: 23px;\n color: ${getColor('gray180')};\n pointer-events: none;\n z-index: 1;\n line-height: 0;\n ${media.mobile`\n left: ${props => props.rounded ? '1.25rem' : '1rem'};\n `}\n`\n\nconst InputLoading = styled(Loading)`\n bottom: 8px;\n right: 0.6rem;\n left: auto;\n top: auto;\n ${media.mobile`\n bottom: 10px;\n `} \n`\n\nconst Input = styled.input`\n width: 100%;\n font-size: 14px;\n border: 1px solid ${getColor('gray210')};\n border-radius: 8px;\n outline: 0;\n outline: none;\n color: ${getColor('gray60')};\n background: white;\n position: relative;\n height: 3rem;\n padding: 0 0.7rem;\n overflow: auto;\n\n &::-webkit-input-placeholder {\n color: rgba(0,0,0,0.3);\n }\n &::-moz-placeholder {\n color: rgba(0,0,0,0.3);\n }\n /* :-moz-placeholder (Firefox <19) e :-ms-input-placeholder (Edge antigo) saíram: o browserslist\n do pacote já não cobre esses motores (firefox >= 60, edge >= 79, Chromium), e a versão\n single-colon confundia o lightningcss do yak, que compilava pra uma pseudo-classe diferente\n (placeholder-shown, do próprio input, em vez do texto do placeholder) — o color vazava pro\n input inteiro. Sem efeito em nenhum browser hoje suportado; nada muda no golden. */\n ${props => !props.hasTextBox && !props.noFocus && css`\n &:focus {\n border-color: ${getColor('gray180')};\n box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);\n }\n ${props => props.hasErrors && css`\n border-color: ${getColor('alert')} !important;\n `}\n `}\n &::-ms-clear { /* Clear IE pseudo-buttons */\n display: none;\n }\n ${props => props.locked && css`\n padding-right: 2.25rem;\n background: rgba(0,0,0,0.075);\n pointer-events: none;\n `}\n ${props => props.isTextArea && css`\n resize: none;\n min-height: ${props => props.regularInputHeight ? 36 : props.minHeight || 60}px;\n padding: .7rem;\n display: block;\n ${props => props.autoResize ? 'overflow:hidden;' : 'overflow:auto;'}\n `}\n ${props => props.rounded && css`\n border-radius: 100px;\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n `}\n ${props => props.hasIcon && css`\n padding-left: ${props.rounded ? '3rem' : '2.5rem'};\n `}\n /* stylis (sc) emite @media depois das declarações planas, não na ordem do fonte; o yak\n preserva a ordem do fonte. Os blocos de media abaixo (fallback/isTextArea/hasIcon, nessa\n ordem) ficam DEPOIS de todas as declarações planas acima (locked/isTextArea/rounded/hasIcon,\n na mesma ordem do fonte original) pros dois modos baterem — lição do grupo 12: fallback\n antes do bloco de media. As partes de media de isTextArea e hasIcon saíram de dentro dos\n blocos acima (que continuam só com a parte plana, na posição original) e viraram\n interpolações próprias aqui, na mesma ordem relativa de antes (media geral, depois\n isTextArea, depois hasIcon), pra não mudar o resultado em nenhum dos dois modos. */\n ${media.mobile`\n height: 42px;\n padding: 0 1rem;\n @supports (-webkit-touch-callout: none) {\n font-size: 16px;\n }\n `}\n ${props => props.isTextArea && css`\n ${media.mobile`\n padding: 1rem;\n ${props => props.regularInputHeight && 'min-height: 42px;'}\n `}\n `}\n ${props => props.hasIcon && css`\n ${media.mobile`\n padding-left: ${props.rounded ? '3.25rem' : '2.75rem'};\n `}\n `}\n ${customTheme('TextInput')}\n`\n\nconst InputWithTextBox = styled.div`\n display: flex;\n border-radius: ${props => props.rounded ? '100px' : '8px'};\n position: relative;\n &:before {\n position: absolute;\n border-radius: ${props => props.rounded ? '100px' : '8px'};\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 2;\n pointer-events: none;\n }\n ${props => props.focused && css`\n box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);\n &:before {\n content: '';\n border: 1px solid ${getColor('gray180')};\n }\n `}\n ${props => props.hasErrors && css`\n &:before {\n content: '';\n border: 1px solid ${getColor('alert')};\n }\n `}\n ${props => props.textBoxBefore && css`\n input {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n `}\n ${props => props.textBoxAfter && css`\n input {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n `}\n`\nconst TextBox = styled.span`\n display: flex;\n align-items: center;\n padding: 0 0.7rem;\n z-index: 1;\n background-color: ${props => darken(0.075, getColor('gray240')(props))};\n border: 1px solid ${getColor('gray210')};\n cursor: text;\n white-space: nowrap;\n`\nconst TextBoxBefore = styled(TextBox)`\n border-top-left-radius: ${props => props.rounded ? '100px' : '8px'};\n border-bottom-left-radius: ${props => props.rounded ? '100px' : '8px'};\n ${props => props.rounded && 'padding-left: 1.25rem;'}\n margin-right: -1px;\n`\nconst TextBoxAfter = styled(TextBox)`\n border-top-right-radius: ${props => props.rounded ? '100px' : '8px'};\n border-bottom-right-radius: ${props => props.rounded ? '100px' : '8px'};\n ${props => props.rounded && 'padding-right: 1.25rem;'}\n margin-left: -1px;\n`\n\nconst doAutoResize = (element) => {\n const scrollContainer = getScrollParent(element)\n const lastTop = scrollContainer.scrollTop || scrollContainer.pageYOffset\n element.style.height = 'auto'\n element.style.height = (element.scrollHeight) + 'px'\n if (scrollContainer === window) {\n scrollContainer.scroll(scrollContainer.pageXOffset,lastTop)\n } else {\n scrollContainer.scrollTop = lastTop\n }\n}\n\nexport const useTextInput = (\n {\n onFocus,\n onBlur,\n autoResize,\n autoSelectOnFocus,\n constraint,\n pattern,\n path,\n rawValue,\n rawSetValue,\n rawHasErrors,\n transformOnBlur,\n raw,\n showValue,\n deleteTrailing,\n ...rest\n },\n ref\n) => {\n\n const [formValue, setFormValue, {hasErrors}] = useInput({path,value:rawValue,setValue:rawSetValue,...rest},raw)\n const [focused, setFocused] = useState()\n\n const lastSelection = useRefState()\n const lastValue = useRefState(showValue(formValue))\n\n const handleOnFocus = (e) => {\n setFocused(true)\n if (!!autoSelectOnFocus && !!ref.current) {\n setTimeout(() => ref.current?.select(), 0)\n }\n callIfFunction(onFocus, e)\n }\n const handleOnBlur = (e) => {\n setFocused(false)\n callIfFunction(onBlur, e)\n if (transformOnBlur) {\n setFormValue(transformOnBlur(formValue))\n }\n }\n\n useEffect(() => {\n if (lastSelection.get() === 1 && constraint === 'capitalize') {\n ref.current.setSelectionRange(lastSelection.get(), lastSelection.get())\n }\n })\n\n useEffect(() => {\n if (autoResize) {\n doAutoResize(ref.current)\n }\n },[])\n\n useEffect(() => {\n if (!!autoSelectOnFocus && !!ref.current && document.activeElement === ref.current) {\n setTimeout(() => ref.current?.select(), 0)\n }\n }, [autoSelectOnFocus])\n\n \n\n const handleChange = (e) => {\n if (autoResize) {\n doAutoResize(ref.current)\n }\n const target = e.target\n try {\n lastSelection.set(target.selectionEnd)\n } catch(e) {}\n if (constraint || pattern) {\n setFormValue(validateConstraint(target.value, constraint, showValue(formValue), pattern), ref.current)\n } else {\n setFormValue(target.value, ref.current)\n }\n }\n\n const validateConstraint = (value, constraint, prevValue, pattern) => {\n let newValue = ''\n if (value === (lastValue.get()+\"\") || (lastValue.get() && (lastValue.get()+\"\").indexOf(value)>=0 && !pattern)) {\n newValue = value\n if (deleteTrailing) {\n if (_.isString(deleteTrailing) && value.slice(-deleteTrailing.length) === deleteTrailing) {\n newValue = value.slice(0,-deleteTrailing.length)\n } else if (_.isRegExp(deleteTrailing) && deleteTrailing.test(value)) {\n newValue = value.replace(deleteTrailing,'')\n }\n }\n lastValue.set(showValue(newValue))\n return newValue\n }\n if (pattern) {\n newValue = value.match(pattern)?.slice(1)?.join(\"\") || \"\"\n // if (newValue.length < value.length - 1) {\n // newValue = value\n // }\n } else if (constraint === 'price') {\n if (value.indexOf(',') >= 0) value = value.replace(/\\./g, '') // ponytail: '.' é separador de milhar quando já há ',' decimal (ex: colar \"2.000,45\")\n value = value.replace('.', ',').replace(/[^0-9,]/g, '')\n const number = parseFloat(value.replace(',', '.'))\n const commas = value.split(',')\n const fixedNumber = number.toFixed(2)\n newValue = !!commas[0] && commas.length === 2 && parseFloat(fixedNumber) === number && fixedNumber.split('.')[1].indexOf(commas[1]) === 0 ? value : digitsToPattern('>3???????#,##', value)\n } else if (constraint === 'capitalize') {\n // v = \"R$ \"+(parseInt(v.replace(/[^1-9]*([0-9]*)(,?)([0-9]{0,3}).*/,\"$1$3\") || 0)/100).toFixed(2).replace(\".\",\",\");\n newValue = value.replace(/^[a-z]/, function(e) { return e.toUpperCase() })\n } else if (constraint === 'number' || constraint === 'hour' || constraint === 'hour-int') {\n newValue = value.replace(/\\D/g, '')\n if (newValue !== '') {\n newValue = window.parseInt(newValue, 10)\n if (constraint !== 'number') {\n if ((newValue + '').length > 4 || newValue > 2399) {\n newValue = prevValue\n } else {\n const resultHour = intToHour(newValue, false)\n const val = resultHour.replace(/\\D/g, '')\n const result = (isNaN(parseInt(val, 10)) ? undefined : parseInt(val, 10))\n newValue = constraint === 'hour-int' ? result : resultHour\n }\n }\n }\n } else if (constraint === 'cpf') {\n newValue = digitsToPattern('###.###.###-##', value)\n } else if (constraint === 'cnpj') {\n newValue = digitsToPattern('##.###.###/####-##', value)\n } else if (_.isFunction(constraint)) {\n newValue = constraint(value)\n } else if (_.isRegExp(constraint)) {\n newValue = value.replace(constraint, '')\n } else {\n newValue = digitsToPattern(constraint, value)\n }\n lastValue.set(showValue(newValue))\n return newValue\n }\n return [formValue, {onChange: handleChange, onFocus: handleOnFocus, onBlur: handleOnBlur}, rawHasErrors || hasErrors, focused]\n}\n\n\nexport const TextInput = styled(forwardRef((\n {\n showValue = _.identity,\n label,\n type = 'text',\n helpText,\n descText,\n bellowDescText,\n mandatory,\n isLoading,\n locked,\n textBoxBefore,\n textBoxAfter,\n textAfter,\n icon,\n className,\n fieldClassName = '',\n FieldType = Field,\n margin,\n\n value: rawValue,\n setValue: rawSetValue,\n hasErrors: rawHasErrors,\n\n textarea = false,\n onImage = false,\n rounded,\n autoFocus,\n noFocus,\n autoSelectOnFocus,\n\n onFocus,\n onBlur,\n pattern,\n autoResize,\n constraint,\n path,\n raw,\n\n tabIndex = 1,\n\n ...rest\n },\n forwardedRef\n) => {\n const ref = useEnsureRef(forwardedRef)\n const [value, events, hasErrors, focused] = useTextInput({path, onFocus, onBlur, autoResize, autoSelectOnFocus, constraint, pattern, rawValue, rawSetValue, rawHasErrors, raw, showValue, ...rest}, ref)\n const inputTag = textarea ? 'textarea' : 'input'\n\n const focusInput = () => ref.current.focus()\n\n const wrapInput = (input) => {\n if (textBoxBefore) {\n return (\n <InputWithTextBox focused={focused} hasErrors={hasErrors} onClick={focusInput} textBoxBefore rounded={rounded}>\n <TextBoxBefore rounded={rounded}>{textBoxBefore}</TextBoxBefore>\n {input}\n </InputWithTextBox>)\n } else if (textBoxAfter) {\n return (\n <InputWithTextBox focused={focused} hasErrors={hasErrors} onClick={focusInput} textBoxAfter rounded={rounded}>\n {input}\n <TextBoxAfter rounded={rounded}>{textBoxAfter}</TextBoxAfter>\n </InputWithTextBox>)\n } else if (textAfter) {\n return (\n <InputWithTextAfter focused={focused} hasErrors={hasErrors} onClick={focusInput} rounded={rounded}>\n {input}\n <TextAfterLabel>{textAfter}</TextAfterLabel>\n </InputWithTextAfter>)\n } else {\n return input\n }\n }\n const input = wrapInput(<Input\n {...rest}\n as={inputTag}\n className={!label ? className : undefined}\n isTextArea={textarea}\n data-hj-whitelist={type !== \"password\"}\n locked={locked}\n rounded={rounded}\n hasIcon={!!icon}\n autoFocus={!isTouchDevice() && autoFocus}\n noFocus={noFocus}\n hasErrors={hasErrors}\n isOnImage={onImage}\n ref={ref}\n tabIndex={tabIndex}\n type={type}\n value={ifUndefined(showValue(value),'')}\n hasTextBox={textBoxBefore || textBoxAfter || textAfter}\n autoResize={autoResize}\n rows={1}\n {...events}\n />)\n\n const wrappedInput = icon\n ? <InputWithIcon>\n <InputIcon icon={icon} rounded={rounded}/>\n {input}\n </InputWithIcon>\n : input\n\n return (\n !label\n ? wrappedInput\n : <FieldType\n className={fieldClassName+ ' ' + className}\n value={value}\n focused={focused}\n mandatory={mandatory}\n isOnImage={onImage}\n descText={descText}\n bellowDescText={bellowDescText}\n helpText={helpText}\n label={label}\n labelClick={focusInput}\n margin={margin}\n >\n {isLoading && <InputLoading absolute size={20}/>}\n {wrappedInput}\n </FieldType>\n )\n\n}))``\n\nTextInput.Input = Input\nexport default TextInput\n\nconst FloatingFieldType = styled(Field)`\n input {\n height: 5rem;\n box-shadow: 0 1px 4px rgba(0,0,0,.2);\n border-radius: 8px;\n font-size: 16px;\n font-weight: 400;\n padding: 16px 1rem 0;\n }\n ${FieldLabel} {\n position: absolute;\n top: 1.5rem;\n left: 1rem;\n font-size: 20px;\n font-weight: normal;\n transition: all .2s ease;\n color: rgba(0,0,0,.2);\n pointer-events: none;\n z-index: 1;\n ${props => (props.value || props.focused) && `\n top: 12px;\n font-size: 14px;\n color: rgba(0,0,0,.4);\n `}\n }\n `\nexport const FloatLabelTextInput = (props) => <TextInput {...props} FieldType={FloatingFieldType}/>\n"],"names":["InputWithTextAfter","styled","yakDomTag","__yakProps","v","getColor","props","rounded","focused","css","hasErrors","TextAfterLabel","InputWithIcon","InputIcon","Icon","InputLoading","Loading","Input","attrs","className","hasTextBox","noFocus","locked","isTextArea","regularInputHeight","minHeight","autoResize","hasIcon","InputWithTextBox","textBoxBefore","textBoxAfter","TextBox","darken","TextBoxBefore","TextBoxAfter","doAutoResize","element","scrollContainer","getScrollParent","lastTop","scrollTop","pageYOffset","style","height","scrollHeight","window","scroll","pageXOffset","useTextInput","_ref","ref","onFocus","onBlur","autoSelectOnFocus","constraint","pattern","path","rawValue","rawSetValue","rawHasErrors","transformOnBlur","raw","showValue","deleteTrailing","rest","_objectWithoutProperties","_excluded","formValue","setFormValue","useInput","_objectSpread","value","setValue","setFocused","useState","lastSelection","useRefState","lastValue","handleOnFocus","e","current","setTimeout","_ref$current","select","callIfFunction","handleOnBlur","useEffect","get","setSelectionRange","document","activeElement","_ref$current2","handleChange","target","set","selectionEnd","validateConstraint","prevValue","newValue","indexOf","_isString","slice","length","_isRegExp","test","replace","_value$match","match","join","number","parseFloat","commas","split","fixedNumber","toFixed","digitsToPattern","toUpperCase","parseInt","resultHour","intToHour","val","result","isNaN","undefined","_isFunction","onChange","TextInput","forwardRef","_ref2","forwardedRef","_identity","label","type","helpText","descText","bellowDescText","mandatory","isLoading","textAfter","icon","fieldClassName","FieldType","Field","margin","textarea","onImage","autoFocus","tabIndex","_excluded2","useEnsureRef","events","inputTag","focusInput","focus","wrapInput","input","React","createElement","onClick","_extends","as","isTouchDevice","isOnImage","ifUndefined","rows","wrappedInput","labelClick","absolute","size","FloatingFieldType","FieldLabel","FloatLabelTextInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAWA,MAAMA,kBAAkB,GAAGC,MAAA,CAAAC,SAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AAC3B;AACA;AACA,oBAAA,EAH2BC,UAAA,IAAA;AAAA,EAAA,MAAAC,CAAA,GAGLC,QAAQ,CAAC,SAAS,CAAC,CAAA;AAAA,EAAA,OAAA,OAAAD,CAAA,KAAAA,UAAAA,GAAAA,CAAA,CAAAD,UAAA,IAAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AACzC,iBAAmBE,EAAAA,KAAK,IAAIA,KAAK,CAACC,OAAO,GAAG,OAAO,GAAG,KAAK,CAAA;AAC3D;AACA,EAAA,EAAID,KAAK,IAAIA,KAAK,CAACE,OAAO,IAAIC,GAAG,CAAA;AACjC,kBAAA,EADiCN,UAAA,IAAA;AAAA,EAAA,MAAAC,CAAA,GACbC,QAAQ,CAAC,SAAS,CAAC,CAAA;AAAA,EAAA,OAAA,OAAAD,CAAA,KAAAA,UAAAA,GAAAA,CAAA,CAAAD,UAAA,IAAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AACvC;AACA,EAAG,CAAA,CAAA;AACH,EAAA,EAAIE,KAAK,IAAIA,KAAK,CAACI,SAAS,IAAID,GAAG,CAAA;AACnC,kBAAA,EADmCN,UAAA,IAAA;AAAA,EAAA,MAAAC,CAAA,GACfC,QAAQ,CAAC,OAAO,CAAC,CAAA;AAAA,EAAA,OAAA,OAAAD,CAAA,KAAAA,UAAAA,GAAAA,CAAA,CAAAD,UAAA,IAAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AACrC,EAAG,CAAA,CAAA;AACH;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AACD,MAAMO,cAAc,GAAGV,MAAA,CAAAC,SAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AACvB;AACA,SAAA,EAFuBC,UAAA,IAAA;AAAA,EAAA,MAAAC,CAAA,GAEZC,QAAQ,CAAC,SAAS,CAAC,CAAA;AAAA,EAAA,OAAA,OAAAD,CAAA,KAAAA,UAAAA,GAAAA,CAAA,CAAAD,UAAA,IAAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAMQ,aAAa,GAAGX,MAAA,CAAAC,SAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACtB;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AACD,MAAMW,SAAS,GAAGZ,MAAM,CAACa,IAAI,CAAC,CAAA;AAC9B;AACA,QAAUR,EAAAA,KAAK,IAAIA,KAAK,CAACC,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AACpD;AACA;AACA;AACA,SAAA,EAJoDJ,UAAA,IAAA;AAAA,EAAA,MAAAC,CAAA,GAIzCC,QAAQ,CAAC,SAAS,CAAC,CAAA;AAAA,EAAA,OAAA,OAAAD,CAAA,KAAAA,UAAAA,GAAAA,CAAA,CAAAD,UAAA,IAAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AAC9B;AACA;AACA;AACA;AACA,UAAYE,EAAAA,KAAK,IAAIA,KAAK,CAACC,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;AACvD;AACA,CAAC,CAAA;AAED,MAAMQ,YAAY,GAAGd,MAAM,CAACe,OAAO,CAAC,CAAA;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAMC,KAAK,GAAGhB,MAAA,CAAAC,SAAA,WAAAgB,KAAA,CAAA;EAAAC,SAAA,EAAA,yBAAA;AAAA,CAAA,CAAA,CAAA;AACd;AACA;AACA,oBAAA,EAHchB,UAAA,IAAA;AAAA,EAAA,MAAAC,CAAA,GAGQC,QAAQ,CAAC,SAAS,CAAC,CAAA;AAAA,EAAA,OAAA,OAAAD,CAAA,KAAAA,UAAAA,GAAAA,CAAA,CAAAD,UAAA,IAAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AACzC;AACA;AACA;AACA,SAAA,EAJyCD,UAAA,IAAA;AAAA,EAAA,MAAAC,CAAA,GAI9BC,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAAA,EAAA,OAAA,OAAAD,CAAA,KAAAA,UAAAA,GAAAA,CAAA,CAAAD,UAAA,IAAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIE,KAAK,IAAI,CAACA,KAAK,CAACc,UAAU,IAAI,CAACd,KAAK,CAACe,OAAO,IAAIZ,GAAG,CAAA;AACvD;AACA,oBAAA,EAFuDN,UAAA,IAAA;AAAA,EAAA,MAAAC,CAAA,GAEjCC,QAAQ,CAAC,SAAS,CAAC,CAAA;AAAA,EAAA,OAAA,OAAAD,CAAA,KAAAA,UAAAA,GAAAA,CAAA,CAAAD,UAAA,IAAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AACzC;AACA;AACA,IAAA,EAAME,KAAK,IAAIA,KAAK,CAACI,SAAS,IAAID,GAAG,CAAA;AACrC,oBAAA,EADqCN,UAAA,IAAA;AAAA,EAAA,MAAAC,CAAA,GACfC,QAAQ,CAAC,OAAO,CAAC,CAAA;AAAA,EAAA,OAAA,OAAAD,CAAA,KAAAA,UAAAA,GAAAA,CAAA,CAAAD,UAAA,IAAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AACvC,IAAK,CAAA,CAAA;AACL,EAAG,CAAA,CAAA;AACH;AACA;AACA;AACA,EAAA,EAAIE,KAAK,IAAIA,KAAK,CAACgB,MAAM,IAAIb,GAAG,CAAA;AAChC;AACA;AACA;AACA,EAAG,CAAA,CAAA;AACH,EAAA,EAAIH,KAAK,IAAIA,KAAK,CAACiB,UAAU,IAAId,GAAG,CAAA;AACpC;AACA,gBAAA,EAAkBH,KAAK,IAAIA,KAAK,CAACkB,kBAAkB,GAAG,EAAE,GAAGlB,KAAK,CAACmB,SAAS,IAAI,EAAE,CAAA;AAChF;AACA;AACA,IAAMnB,EAAAA,KAAK,IAAIA,KAAK,CAACoB,UAAU,GAAAjB,GAAA,CAAAA,gBAAAA,CAAAA,GAAAA,GAAA,CAAwC,cAAA,CAAA,CAAA;AACvE,EAAG,CAAA,CAAA;AACH,EAAA,EAAIH,KAAK,IAAIA,KAAK,CAACC,OAAO,IAAIE,GAAG,CAAA;AACjC;AACA;AACA;AACA,EAAG,CAAA,CAAA;AACH,EAAA,EAAIH,KAAK,IAAIA,KAAK,CAACqB,OAAO,IAAIlB,GAAG,CAAA;AACjC,kBAAA,EADiCN,UAAA,IAAA;EAAA,MAAAC,CAAA,GACbE,KAAK,CAACC,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAAA,EAAA,OAAA,OAAAH,CAAA,KAAAA,UAAAA,GAAAA,CAAA,CAAAD,UAAA,IAAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AACrD,EAAG,CAAA,CAAA;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIE,KAAK,IAAIA,KAAK,CAACiB,UAAU,IAAId,GAAG,CAAA;AACpC;AACA;AACA,MAAA,EAAQH,KAAK,IAAIA,KAAK,CAACkB,kBAAkB,IAAAf,GAAA,CAAuB,iBAAA,CAAA,CAAA;AAChE;AACA,EAAG,CAAA,CAAA;AACH,EAAA,EAAIH,KAAK,IAAIA,KAAK,CAACqB,OAAO,IAAIlB,GAAG,CAAA;AACjC;AACA,oBAAA,EAFiCN,UAAA,IAAA;EAAA,MAAAC,CAAA,GAEXE,KAAK,CAACC,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAAA,EAAA,OAAA,OAAAH,CAAA,KAAAA,UAAAA,GAAAA,CAAA,CAAAD,UAAA,IAAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AAC3D;AACA,EAAG,CAAA,CAAA;AACH;AACA,CAAC,CAAA;AAED,MAAMwB,gBAAgB,GAAG3B,MAAA,CAAAC,SAAA,CAAA,KAAA,CAAA,CAAA,CAAA;AACzB;AACA,iBAAmBI,EAAAA,KAAK,IAAIA,KAAK,CAACC,OAAO,GAAG,OAAO,GAAG,KAAK,CAAA;AAC3D;AACA;AACA;AACA,mBAAqBD,EAAAA,KAAK,IAAIA,KAAK,CAACC,OAAO,GAAG,OAAO,GAAG,KAAK,CAAA;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAID,KAAK,IAAIA,KAAK,CAACE,OAAO,IAAIC,GAAG,CAAA;AACjC;AACA;AACA;AACA,wBAAA,EAJiCN,UAAA,IAAA;AAAA,EAAA,MAAAC,CAAA,GAIPC,QAAQ,CAAC,SAAS,CAAC,CAAA;AAAA,EAAA,OAAA,OAAAD,CAAA,KAAAA,UAAAA,GAAAA,CAAA,CAAAD,UAAA,IAAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AAC7C;AACA,EAAG,CAAA,CAAA;AACH,EAAA,EAAIE,KAAK,IAAIA,KAAK,CAACI,SAAS,IAAID,GAAG,CAAA;AACnC;AACA;AACA,wBAAA,EAHmCN,UAAA,IAAA;AAAA,EAAA,MAAAC,CAAA,GAGTC,QAAQ,CAAC,OAAO,CAAC,CAAA;AAAA,EAAA,OAAA,OAAAD,CAAA,KAAAA,UAAAA,GAAAA,CAAA,CAAAD,UAAA,IAAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AAC3C;AACA,EAAG,CAAA,CAAA;AACH,EAAA,EAAIE,KAAK,IAAIA,KAAK,CAACuB,aAAa,IAAIpB,GAAG,CAAA;AACvC;AACA;AACA;AACA;AACA,EAAG,CAAA,CAAA;AACH,EAAA,EAAIH,KAAK,IAAIA,KAAK,CAACwB,YAAY,IAAIrB,GAAG,CAAA;AACtC;AACA;AACA;AACA;AACA,EAAG,CAAA,CAAA;AACH,CAAC,CAAA;AACD,MAAMsB,OAAO,GAAG9B,MAAA,CAAAC,SAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAChB;AACA;AACA;AACA;AACA,oBAAA,EAAsBI,KAAK,IAAI0B,MAAM,CAAC,KAAK,EAAE3B,QAAQ,CAAC,SAAS,CAAC,CAACC,KAAK,CAAC,CAAC,CAAA;AACxE,oBAAA,EADwEH,UAAA,IAAA;AAAA,EAAA,MAAAC,CAAA,GAClDC,QAAQ,CAAC,SAAS,CAAC,CAAA;AAAA,EAAA,OAAA,OAAAD,CAAA,KAAAA,UAAAA,GAAAA,CAAA,CAAAD,UAAA,IAAAC,CAAA,CAAA;AAAA,CAAA,CAAA;AACzC;AACA;AACA,CAAC,CAAA;AACD,MAAM6B,aAAa,GAAGhC,MAAM,CAAC8B,OAAO,CAAC,CAAA;AACrC,0BAA4BzB,EAAAA,KAAK,IAAIA,KAAK,CAACC,OAAO,GAAG,OAAO,GAAG,KAAK,CAAA;AACpE,6BAA+BD,EAAAA,KAAK,IAAIA,KAAK,CAACC,OAAO,GAAG,OAAO,GAAG,KAAK,CAAA;AACvE,EAAA,EAAID,KAAK,IAAIA,KAAK,CAACC,OAAO,IAAAE,GAAA,CAA4B,sBAAA,CAAA,CAAA;AACtD;AACA,CAAC,CAAA;AACD,MAAMyB,YAAY,GAAGjC,MAAM,CAAC8B,OAAO,CAAC,CAAA;AACpC,2BAA6BzB,EAAAA,KAAK,IAAIA,KAAK,CAACC,OAAO,GAAG,OAAO,GAAG,KAAK,CAAA;AACrE,8BAAgCD,EAAAA,KAAK,IAAIA,KAAK,CAACC,OAAO,GAAG,OAAO,GAAG,KAAK,CAAA;AACxE,EAAA,EAAID,KAAK,IAAIA,KAAK,CAACC,OAAO,IAAAE,GAAA,CAA6B,uBAAA,CAAA,CAAA;AACvD;AACA,CAAC,CAAA;AAED,MAAM0B,YAAY,GAAIC,OAAO,IAAK;AAChC,EAAA,MAAMC,eAAe,GAAGC,eAAe,CAACF,OAAO,CAAC,CAAA;EAChD,MAAMG,OAAO,GAAGF,eAAe,CAACG,SAAS,IAAIH,eAAe,CAACI,WAAW,CAAA;AACxEL,EAAAA,OAAO,CAACM,KAAK,CAACC,MAAM,GAAG,MAAM,CAAA;EAC7BP,OAAO,CAACM,KAAK,CAACC,MAAM,GAAIP,OAAO,CAACQ,YAAY,GAAI,IAAI,CAAA;EACpD,IAAIP,eAAe,KAAKQ,MAAM,EAAE;IAC9BR,eAAe,CAACS,MAAM,CAACT,eAAe,CAACU,WAAW,EAACR,OAAO,CAAC,CAAA;AAC7D,GAAC,MAAM;IACLF,eAAe,CAACG,SAAS,GAAGD,OAAO,CAAA;AACrC,GAAA;AACF,CAAC,CAAA;MAEYS,YAAY,GAAGA,CAAAC,IAAA,EAkB1BC,GAAG,KACA;EAAA,IAlBH;MACEC,OAAO;MACPC,MAAM;MACN1B,UAAU;MACV2B,iBAAiB;MACjBC,UAAU;MACVC,OAAO;MACPC,IAAI;MACJC,QAAQ;MACRC,WAAW;MACXC,YAAY;MACZC,eAAe;MACfC,GAAG;MACHC,SAAS;AACTC,MAAAA,cAAAA;AAEF,KAAC,GAAAd,IAAA;AADIe,IAAAA,IAAI,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA,CAAA;AAKT,EAAA,MAAM,CAACC,SAAS,EAAEC,YAAY,EAAE;AAAC1D,IAAAA,SAAAA;AAAS,GAAC,CAAC,GAAG2D,QAAQ,CAAAC,aAAA,CAAA;IAAEd,IAAI;AAACe,IAAAA,KAAK,EAACd,QAAQ;AAACe,IAAAA,QAAQ,EAACd,WAAAA;GAAeM,EAAAA,IAAI,CAAEH,EAAAA,GAAG,CAAC,CAAA;EAC/G,MAAM,CAACrD,OAAO,EAAEiE,UAAU,CAAC,GAAGC,QAAQ,EAAE,CAAA;AAExC,EAAA,MAAMC,aAAa,GAAGC,WAAW,EAAE,CAAA;EACnC,MAAMC,SAAS,GAAGD,WAAW,CAACd,SAAS,CAACK,SAAS,CAAC,CAAC,CAAA;EAEnD,MAAMW,aAAa,GAAIC,CAAC,IAAK;IAC3BN,UAAU,CAAC,IAAI,CAAC,CAAA;IAChB,IAAI,CAAC,CAACpB,iBAAiB,IAAI,CAAC,CAACH,GAAG,CAAC8B,OAAO,EAAE;AACxCC,MAAAA,UAAU,CAAC,MAAA;AAAA,QAAA,IAAAC,YAAA,CAAA;AAAA,QAAA,OAAA,CAAAA,YAAA,GAAMhC,GAAG,CAAC8B,OAAO,MAAA,IAAA,IAAAE,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,YAAA,CAAaC,MAAM,EAAE,CAAA;AAAA,OAAA,EAAE,CAAC,CAAC,CAAA;AAC5C,KAAA;AACAC,IAAAA,cAAc,CAACjC,OAAO,EAAE4B,CAAC,CAAC,CAAA;GAC3B,CAAA;EACD,MAAMM,YAAY,GAAIN,CAAC,IAAK;IAC1BN,UAAU,CAAC,KAAK,CAAC,CAAA;AACjBW,IAAAA,cAAc,CAAChC,MAAM,EAAE2B,CAAC,CAAC,CAAA;AACzB,IAAA,IAAInB,eAAe,EAAE;AACnBQ,MAAAA,YAAY,CAACR,eAAe,CAACO,SAAS,CAAC,CAAC,CAAA;AAC1C,KAAA;GACD,CAAA;AAEDmB,EAAAA,SAAS,CAAC,MAAM;IACd,IAAIX,aAAa,CAACY,GAAG,EAAE,KAAK,CAAC,IAAIjC,UAAU,KAAK,YAAY,EAAE;AAC5DJ,MAAAA,GAAG,CAAC8B,OAAO,CAACQ,iBAAiB,CAACb,aAAa,CAACY,GAAG,EAAE,EAAEZ,aAAa,CAACY,GAAG,EAAE,CAAC,CAAA;AACzE,KAAA;AACF,GAAC,CAAC,CAAA;AAEFD,EAAAA,SAAS,CAAC,MAAM;AACZ,IAAA,IAAI5D,UAAU,EAAE;AACdS,MAAAA,YAAY,CAACe,GAAG,CAAC8B,OAAO,CAAC,CAAA;AAC3B,KAAA;GACH,EAAC,EAAE,CAAC,CAAA;AAELM,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAAC,CAACjC,iBAAiB,IAAI,CAAC,CAACH,GAAG,CAAC8B,OAAO,IAAIS,QAAQ,CAACC,aAAa,KAAKxC,GAAG,CAAC8B,OAAO,EAAE;AAClFC,MAAAA,UAAU,CAAC,MAAA;AAAA,QAAA,IAAAU,aAAA,CAAA;AAAA,QAAA,OAAA,CAAAA,aAAA,GAAMzC,GAAG,CAAC8B,OAAO,MAAA,IAAA,IAAAW,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,aAAA,CAAaR,MAAM,EAAE,CAAA;AAAA,OAAA,EAAE,CAAC,CAAC,CAAA;AAC5C,KAAA;AACF,GAAC,EAAE,CAAC9B,iBAAiB,CAAC,CAAC,CAAA;EAIvB,MAAMuC,YAAY,GAAIb,CAAC,IAAK;AAC1B,IAAA,IAAIrD,UAAU,EAAE;AACdS,MAAAA,YAAY,CAACe,GAAG,CAAC8B,OAAO,CAAC,CAAA;AAC3B,KAAA;AACA,IAAA,MAAMa,MAAM,GAAGd,CAAC,CAACc,MAAM,CAAA;IACvB,IAAI;AACFlB,MAAAA,aAAa,CAACmB,GAAG,CAACD,MAAM,CAACE,YAAY,CAAC,CAAA;AACxC,KAAC,CAAC,OAAMhB,CAAC,EAAE,EAAC;IACZ,IAAIzB,UAAU,IAAIC,OAAO,EAAE;MACzBa,YAAY,CAAC4B,kBAAkB,CAACH,MAAM,CAACtB,KAAK,EAAEjB,UAAU,EAAEQ,SAAS,CAACK,SAAS,CAAC,EAAEZ,OAAO,CAAC,EAAEL,GAAG,CAAC8B,OAAO,CAAC,CAAA;AACxG,KAAC,MAAM;MACLZ,YAAY,CAACyB,MAAM,CAACtB,KAAK,EAAErB,GAAG,CAAC8B,OAAO,CAAC,CAAA;AACzC,KAAA;GACD,CAAA;EAED,MAAMgB,kBAAkB,GAAGA,CAACzB,KAAK,EAAEjB,UAAU,EAAE2C,SAAS,EAAE1C,OAAO,KAAK;IACpE,IAAI2C,QAAQ,GAAG,EAAE,CAAA;AACjB,IAAA,IAAI3B,KAAK,KAAMM,SAAS,CAACU,GAAG,EAAE,GAAC,EAAG,IAAKV,SAAS,CAACU,GAAG,EAAE,IAAI,CAACV,SAAS,CAACU,GAAG,EAAE,GAAC,EAAE,EAAEY,OAAO,CAAC5B,KAAK,CAAC,IAAE,CAAC,IAAI,CAAChB,OAAQ,EAAE;AAC7G2C,MAAAA,QAAQ,GAAG3B,KAAK,CAAA;AAChB,MAAA,IAAIR,cAAc,EAAE;AAClB,QAAA,IAAIqC,SAAA,CAAWrC,cAAc,CAAC,IAAIQ,KAAK,CAAC8B,KAAK,CAAC,CAACtC,cAAc,CAACuC,MAAM,CAAC,KAAKvC,cAAc,EAAE;UACxFmC,QAAQ,GAAG3B,KAAK,CAAC8B,KAAK,CAAC,CAAC,EAAC,CAACtC,cAAc,CAACuC,MAAM,CAAC,CAAA;AAClD,SAAC,MAAM,IAAIC,SAAA,CAAWxC,cAAc,CAAC,IAAIA,cAAc,CAACyC,IAAI,CAACjC,KAAK,CAAC,EAAE;UACnE2B,QAAQ,GAAG3B,KAAK,CAACkC,OAAO,CAAC1C,cAAc,EAAC,EAAE,CAAC,CAAA;AAC7C,SAAA;AACF,OAAA;AACAc,MAAAA,SAAS,CAACiB,GAAG,CAAChC,SAAS,CAACoC,QAAQ,CAAC,CAAC,CAAA;AAClC,MAAA,OAAOA,QAAQ,CAAA;AACjB,KAAA;AACA,IAAA,IAAI3C,OAAO,EAAE;AAAA,MAAA,IAAAmD,YAAA,CAAA;AACXR,MAAAA,QAAQ,GAAG,CAAA,CAAAQ,YAAA,GAAAnC,KAAK,CAACoC,KAAK,CAACpD,OAAO,CAAC,MAAAmD,IAAAA,IAAAA,YAAA,gBAAAA,YAAA,GAApBA,YAAA,CAAsBL,KAAK,CAAC,CAAC,CAAC,cAAAK,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA9BA,YAAA,CAAgCE,IAAI,CAAC,EAAE,CAAC,KAAI,EAAE,CAAA;AACzD;AACA;AACA;AACF,KAAC,MAAM,IAAItD,UAAU,KAAK,OAAO,EAAE;AACjC,MAAA,IAAIiB,KAAK,CAAC4B,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE5B,KAAK,GAAGA,KAAK,CAACkC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AAC9DlC,MAAAA,KAAK,GAAGA,KAAK,CAACkC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAACA,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAA;AACvD,MAAA,MAAMI,MAAM,GAAGC,UAAU,CAACvC,KAAK,CAACkC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAA;AAClD,MAAA,MAAMM,MAAM,GAAGxC,KAAK,CAACyC,KAAK,CAAC,GAAG,CAAC,CAAA;AAC/B,MAAA,MAAMC,WAAW,GAAGJ,MAAM,CAACK,OAAO,CAAC,CAAC,CAAC,CAAA;MACrChB,QAAQ,GAAG,CAAC,CAACa,MAAM,CAAC,CAAC,CAAC,IAAIA,MAAM,CAACT,MAAM,KAAK,CAAC,IAAIQ,UAAU,CAACG,WAAW,CAAC,KAAKJ,MAAM,IAAII,WAAW,CAACD,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAACb,OAAO,CAACY,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAGxC,KAAK,GAAG4C,eAAe,CAAC,eAAe,EAAE5C,KAAK,CAAC,CAAA;AAC7L,KAAC,MAAM,IAAIjB,UAAU,KAAK,YAAY,EAAE;AACtC;MACA4C,QAAQ,GAAG3B,KAAK,CAACkC,OAAO,CAAC,QAAQ,EAAE,UAAS1B,CAAC,EAAE;AAAE,QAAA,OAAOA,CAAC,CAACqC,WAAW,EAAE,CAAA;AAAC,OAAC,CAAC,CAAA;AAC5E,KAAC,MAAM,IAAI9D,UAAU,KAAK,QAAQ,IAAIA,UAAU,KAAK,MAAM,IAAIA,UAAU,KAAK,UAAU,EAAE;MACxF4C,QAAQ,GAAG3B,KAAK,CAACkC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;MACnC,IAAIP,QAAQ,KAAK,EAAE,EAAE;QACnBA,QAAQ,GAAGrD,MAAM,CAACwE,QAAQ,CAACnB,QAAQ,EAAE,EAAE,CAAC,CAAA;QACxC,IAAI5C,UAAU,KAAK,QAAQ,EAAE;AAC3B,UAAA,IAAI,CAAC4C,QAAQ,GAAG,EAAE,EAAEI,MAAM,GAAG,CAAC,IAAIJ,QAAQ,GAAG,IAAI,EAAE;AACjDA,YAAAA,QAAQ,GAAGD,SAAS,CAAA;AACtB,WAAC,MAAM;AACL,YAAA,MAAMqB,UAAU,GAAGC,SAAS,CAACrB,QAAQ,EAAE,KAAK,CAAC,CAAA;YAC7C,MAAMsB,GAAG,GAAGF,UAAU,CAACb,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;AACzC,YAAA,MAAMgB,MAAM,GAAIC,KAAK,CAACL,QAAQ,CAACG,GAAG,EAAE,EAAE,CAAC,CAAC,GAAGG,SAAS,GAAGN,QAAQ,CAACG,GAAG,EAAE,EAAE,CAAE,CAAA;AACzEtB,YAAAA,QAAQ,GAAG5C,UAAU,KAAK,UAAU,GAAGmE,MAAM,GAAGH,UAAU,CAAA;AAC5D,WAAA;AACF,SAAA;AACF,OAAA;AACF,KAAC,MAAM,IAAIhE,UAAU,KAAK,KAAK,EAAE;AAC/B4C,MAAAA,QAAQ,GAAGiB,eAAe,CAAC,gBAAgB,EAAE5C,KAAK,CAAC,CAAA;AACrD,KAAC,MAAM,IAAIjB,UAAU,KAAK,MAAM,EAAE;AAChC4C,MAAAA,QAAQ,GAAGiB,eAAe,CAAC,oBAAoB,EAAE5C,KAAK,CAAC,CAAA;AACzD,KAAC,MAAM,IAAIqD,WAAA,CAAatE,UAAU,CAAC,EAAE;AACnC4C,MAAAA,QAAQ,GAAG5C,UAAU,CAACiB,KAAK,CAAC,CAAA;AAC9B,KAAC,MAAM,IAAIgC,SAAA,CAAWjD,UAAU,CAAC,EAAE;MACjC4C,QAAQ,GAAG3B,KAAK,CAACkC,OAAO,CAACnD,UAAU,EAAE,EAAE,CAAC,CAAA;AAC1C,KAAC,MAAM;AACL4C,MAAAA,QAAQ,GAAGiB,eAAe,CAAC7D,UAAU,EAAEiB,KAAK,CAAC,CAAA;AAC/C,KAAA;AACAM,IAAAA,SAAS,CAACiB,GAAG,CAAChC,SAAS,CAACoC,QAAQ,CAAC,CAAC,CAAA;AAClC,IAAA,OAAOA,QAAQ,CAAA;GAChB,CAAA;EACD,OAAO,CAAC/B,SAAS,EAAE;AAAC0D,IAAAA,QAAQ,EAAEjC,YAAY;AAAEzC,IAAAA,OAAO,EAAE2B,aAAa;AAAE1B,IAAAA,MAAM,EAAEiC,YAAAA;AAAY,GAAC,EAAE1B,YAAY,IAAIjD,SAAS,EAAEF,OAAO,CAAC,CAAA;AAChI,EAAC;AAGM,MAAMsH,SAAS,GAAG7H,MAAM,cAAC8H,UAAU,CAAC,CAAAC,KAAA,EA2CzCC,YAAY,KACT;EAAA,IA3CH;AACEnE,MAAAA,SAAS,GAAAoE,SAAa;MACtBC,KAAK;AACLC,MAAAA,IAAI,GAAG,MAAM;MACbC,QAAQ;MACRC,QAAQ;MACRC,cAAc;MACdC,SAAS;MACTC,SAAS;MACTnH,MAAM;MACNO,aAAa;MACbC,YAAY;MACZ4G,SAAS;MACTC,IAAI;MACJxH,SAAS;AACTyH,MAAAA,cAAc,GAAG,EAAE;AACnBC,MAAAA,SAAS,GAAGC,KAAK;MACjBC,MAAM;AAENxE,MAAAA,KAAK,EAAEd,QAAQ;AACfe,MAAAA,QAAQ,EAAEd,WAAW;AACrBhD,MAAAA,SAAS,EAAEiD,YAAY;AAEvBqF,MAAAA,QAAQ,GAAG,KAAK;AAChBC,MAAAA,OAAO,GAAG,KAAK;MACf1I,OAAO;MACP2I,SAAS;MACT7H,OAAO;MACPgC,iBAAiB;MAEjBF,OAAO;MACPC,MAAM;MACNG,OAAO;MACP7B,UAAU;MACV4B,UAAU;MACVE,IAAI;MACJK,GAAG;AAEHsF,MAAAA,QAAQ,GAAG,CAAA;AAGb,KAAC,GAAAnB,KAAA;AADIhE,IAAAA,IAAI,GAAAC,wBAAA,CAAA+D,KAAA,EAAAoB,UAAA,CAAA,CAAA;AAIT,EAAA,MAAMlG,GAAG,GAAGmG,YAAY,CAACpB,YAAY,CAAC,CAAA;AACtC,EAAA,MAAM,CAAC1D,KAAK,EAAE+E,MAAM,EAAE5I,SAAS,EAAEF,OAAO,CAAC,GAAGwC,YAAY,CAAAsB,aAAA,CAAA;IAAEd,IAAI;IAAEL,OAAO;IAAEC,MAAM;IAAE1B,UAAU;IAAE2B,iBAAiB;IAAEC,UAAU;IAAEC,OAAO;IAAEE,QAAQ;IAAEC,WAAW;IAAEC,YAAY;IAAEE,GAAG;AAAEC,IAAAA,SAAAA;GAAcE,EAAAA,IAAI,CAAGd,EAAAA,GAAG,CAAC,CAAA;AACxM,EAAA,MAAMqG,QAAQ,GAAGP,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAA;EAEhD,MAAMQ,UAAU,GAAGA,MAAMtG,GAAG,CAAC8B,OAAO,CAACyE,KAAK,EAAE,CAAA;EAE5C,MAAMC,SAAS,GAAIC,KAAK,IAAK;AAC3B,IAAA,IAAI9H,aAAa,EAAE;AACjB,MAAA,oBACE+H,KAAA,CAAAC,aAAA,CAACjI,gBAAgB,EAAA;AAACpB,QAAAA,OAAO,EAAEA,OAAQ;AAACE,QAAAA,SAAS,EAAEA,SAAU;AAACoJ,QAAAA,OAAO,EAAEN,UAAW;QAAC3H,aAAa,EAAA,IAAA;AAACtB,QAAAA,OAAO,EAAEA,OAAAA;AAAQ,OAAA,eAC5GqJ,KAAA,CAAAC,aAAA,CAAC5H,aAAa,EAAA;AAAC1B,QAAAA,OAAO,EAAEA,OAAAA;AAAQ,OAAA,EAAEsB,aAA6B,CAAC,EAC/D8H,KACe,CAAC,CAAA;KACtB,MAAM,IAAI7H,YAAY,EAAE;AACvB,MAAA,oBACE8H,KAAA,CAAAC,aAAA,CAACjI,gBAAgB,EAAA;AAACpB,QAAAA,OAAO,EAAEA,OAAQ;AAACE,QAAAA,SAAS,EAAEA,SAAU;AAACoJ,QAAAA,OAAO,EAAEN,UAAW;QAAC1H,YAAY,EAAA,IAAA;AAACvB,QAAAA,OAAO,EAAEA,OAAAA;AAAQ,OAAA,EAC1GoJ,KAAK,eACNC,KAAA,CAAAC,aAAA,CAAC3H,YAAY,EAAA;AAAC3B,QAAAA,OAAO,EAAEA,OAAAA;OAAUuB,EAAAA,YAA2B,CAC5C,CAAC,CAAA;KACtB,MAAM,IAAI4G,SAAS,EAAE;AACpB,MAAA,oBACEkB,KAAA,CAAAC,aAAA,CAAC7J,kBAAkB,EAAA;AAACQ,QAAAA,OAAO,EAAEA,OAAQ;AAACE,QAAAA,SAAS,EAAEA,SAAU;AAACoJ,QAAAA,OAAO,EAAEN,UAAW;AAACjJ,QAAAA,OAAO,EAAEA,OAAAA;OACvFoJ,EAAAA,KAAK,eACNC,KAAA,CAAAC,aAAA,CAAClJ,cAAc,EAAA,IAAA,EAAE+H,SAA0B,CACzB,CAAC,CAAA;AACzB,KAAC,MAAM;AACL,MAAA,OAAOiB,KAAK,CAAA;AACd,KAAA;GACD,CAAA;AACD,EAAA,MAAMA,KAAK,GAAGD,SAAS,cAACE,KAAA,CAAAC,aAAA,CAAC5I,KAAK,EAAA8I,QAAA,CAAA,EAAA,EACxB/F,IAAI,EAAA;AACRgG,IAAAA,EAAE,EAAET,QAAS;AACbpI,IAAAA,SAAS,EAAE,CAACgH,KAAK,GAAGhH,SAAS,GAAGwG,SAAU;AAC1CpG,IAAAA,UAAU,EAAEyH,QAAS;IACrB,mBAAmBZ,EAAAA,IAAI,KAAK,UAAW;AACvC9G,IAAAA,MAAM,EAAEA,MAAO;AACff,IAAAA,OAAO,EAAEA,OAAQ;IACjBoB,OAAO,EAAE,CAAC,CAACgH,IAAK;AAChBO,IAAAA,SAAS,EAAE,CAACe,aAAa,EAAE,IAAIf,SAAU;AACzC7H,IAAAA,OAAO,EAAEA,OAAQ;AACjBX,IAAAA,SAAS,EAAEA,SAAU;AACrBwJ,IAAAA,SAAS,EAAEjB,OAAQ;AACnB/F,IAAAA,GAAG,EAAEA,GAAI;AACTiG,IAAAA,QAAQ,EAAEA,QAAS;AACnBf,IAAAA,IAAI,EAAEA,IAAK;IACX7D,KAAK,EAAE4F,WAAW,CAACrG,SAAS,CAACS,KAAK,CAAC,EAAC,EAAE,CAAE;AACxCnD,IAAAA,UAAU,EAAES,aAAa,IAAIC,YAAY,IAAI4G,SAAU;AACvDhH,IAAAA,UAAU,EAAEA,UAAW;AACvB0I,IAAAA,IAAI,EAAE,CAAA;GACFd,EAAAA,MAAM,CACX,CAAC,CAAC,CAAA;AAEH,EAAA,MAAMe,YAAY,GAAG1B,IAAI,gBACrBiB,KAAA,CAAAC,aAAA,CAACjJ,aAAa,EACZgJ,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAAChJ,SAAS,EAAA;AAAC8H,IAAAA,IAAI,EAAEA,IAAK;AAACpI,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAC,CAAC,EACzCoJ,KACY,CAAC,GAChBA,KAAK,CAAA;EAET,OACE,CAACxB,KAAK,GACJkC,YAAY,gBACZT,KAAA,CAAAC,aAAA,CAAChB,SAAS,EAAA;AACV1H,IAAAA,SAAS,EAAEyH,cAAc,GAAE,GAAG,GAAGzH,SAAU;AAC3CoD,IAAAA,KAAK,EAAEA,KAAM;AACb/D,IAAAA,OAAO,EAAEA,OAAQ;AACjBgI,IAAAA,SAAS,EAAEA,SAAU;AACrB0B,IAAAA,SAAS,EAAEjB,OAAQ;AACnBX,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,cAAc,EAAEA,cAAe;AAC/BF,IAAAA,QAAQ,EAAEA,QAAS;AACnBF,IAAAA,KAAK,EAAEA,KAAM;AACbmC,IAAAA,UAAU,EAAEd,UAAW;AACvBT,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAAA,EAEdN,SAAS,iBAAImB,KAAA,CAAAC,aAAA,CAAC9I,YAAY,EAAA;IAACwJ,QAAQ,EAAA,IAAA;AAACC,IAAAA,IAAI,EAAE,EAAA;GAAI,CAAC,EAC/CH,YACQ,CAAC,CAAA;AAGhB,CAAC,CAAC,CAAC,CAAAnJ,KAAA,CAAA;EAAAC,SAAA,EAAA,mBAAA;AAAA,CAAE,CAAA,CAAA,EAAA;AAEL2G,SAAS,CAAC7G,KAAK,GAAGA,KAAK,CAAA;AAGvB,MAAMwJ,iBAAiB,GAAGxK,MAAM,CAAC6I,KAAK,CAAC,CAAA;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAM4B,UAAU,CAAA;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAQpK,EAAAA,KAAK,IAAI,CAACA,KAAK,CAACiE,KAAK,IAAIjE,KAAK,CAACE,OAAO,KAAAC,GAAA,CAAA;AAC9C;AACA;AACA;AACA,MAAO,CAAA,CAAA;AACP;AACA,EAAG,CAAA,CAAA;AACUkK,MAAAA,mBAAmB,GAAIrK,KAAK,iBAAKsJ,KAAA,CAAAC,aAAA,CAAC/B,SAAS,EAAAiC,QAAA,KAAKzJ,KAAK,EAAA;AAAEuI,EAAAA,SAAS,EAAE4B,iBAAAA;AAAkB,CAAA,CAAC;;;;"}