@weareconceptstudio/form 0.4.3 → 0.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/form/hooks/useFormInstance.d.ts +1 -1
- package/dist/components/form/hooks/useFormInstance.d.ts.map +1 -1
- package/dist/components/form/hooks/useFormInstance.js +2 -2
- package/dist/components/form/hooks/useFormInstance.js.map +1 -1
- package/dist/components/input/Input.d.ts.map +1 -1
- package/dist/components/input/Input.js +2 -2
- package/dist/components/input/Input.js.map +1 -1
- package/dist/components/select/index.d.ts.map +1 -1
- package/dist/components/select/index.js +11 -7
- package/dist/components/select/index.js.map +1 -1
- package/dist/styles/formStyle.d.ts.map +1 -1
- package/dist/styles/formStyle.js +11 -9
- package/dist/styles/formStyle.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
1
|
+
export function useFormInstance(): {
|
|
2
2
|
watch: import("react-hook-form").UseFormWatch<import("react-hook-form").FieldValues>;
|
|
3
3
|
getValues: import("react-hook-form").UseFormGetValues<import("react-hook-form").FieldValues>;
|
|
4
4
|
getFieldState: import("react-hook-form").UseFormGetFieldState<import("react-hook-form").FieldValues>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFormInstance.d.ts","sourceRoot":"","sources":["../../../../src/components/form/hooks/useFormInstance.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useFormInstance.d.ts","sourceRoot":"","sources":["../../../../src/components/form/hooks/useFormInstance.js"],"names":[],"mappings":"AAGO;;;;;;;;;;;;;;;;EAQN"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useFormContext } from 'react-hook-form';
|
|
3
|
-
export
|
|
3
|
+
export const useFormInstance = () => {
|
|
4
4
|
const methods = useFormContext();
|
|
5
5
|
if (methods == null) {
|
|
6
6
|
return null;
|
|
7
7
|
}
|
|
8
8
|
return { ...methods };
|
|
9
|
-
}
|
|
9
|
+
};
|
|
10
10
|
//# sourceMappingURL=useFormInstance.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFormInstance.js","sourceRoot":"","sources":["../../../../src/components/form/hooks/useFormInstance.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"useFormInstance.js","sourceRoot":"","sources":["../../../../src/components/form/hooks/useFormInstance.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IACnC,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IAEjC,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,EAAE,GAAG,OAAO,EAAE,CAAC;AACvB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.js"],"names":[],"mappings":";AAKA,+
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.js"],"names":[],"mappings":";AAKA,+EA0DG;kBA/DoD,OAAO"}
|
|
@@ -4,7 +4,7 @@ import { useInput } from '../form/hooks/useInput';
|
|
|
4
4
|
import BaseInput from './BaseInput';
|
|
5
5
|
const Input = forwardRef((props, ref) => {
|
|
6
6
|
useImperativeHandle(ref, () => ({ childType: 'input' }));
|
|
7
|
-
const { name, autoComplete = 'new-password', onChange, onFocus, onBlur, onKeyDown, onKeyUp, disabled, className, placeholder, type = 'text', uppercase =
|
|
7
|
+
const { name, autoComplete = 'new-password', onChange, onFocus, onBlur, onKeyDown, onKeyUp, disabled, className, placeholder, type = 'text', uppercase = false, } = props;
|
|
8
8
|
const { translate } = useTranslation();
|
|
9
9
|
const { field } = useInput({
|
|
10
10
|
type,
|
|
@@ -13,7 +13,7 @@ const Input = forwardRef((props, ref) => {
|
|
|
13
13
|
onBlur,
|
|
14
14
|
});
|
|
15
15
|
//! On Uppercase
|
|
16
|
-
const inputFirstLatterUppercase = type == 'text' &&
|
|
16
|
+
const inputFirstLatterUppercase = type == 'text' && uppercase
|
|
17
17
|
? (e) => {
|
|
18
18
|
let inputValue = e.target.value.trimStart();
|
|
19
19
|
if (e.target.value.length > 0) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/input/Input.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;IAEzD,MAAM,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/input/Input.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;IAEzD,MAAM,EACL,IAAI,EACJ,YAAY,GAAG,cAAc,EAC7B,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,IAAI,GAAG,MAAM,EACb,SAAS,GAAG,KAAK,GACjB,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAEvC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC;QAC1B,IAAI;QACJ,IAAI;QACJ,QAAQ;QACR,MAAM;KACN,CAAC,CAAC;IAEH,gBAAgB;IAChB,MAAM,yBAAyB,GAC9B,IAAI,IAAI,MAAM,IAAI,SAAS;QAC1B,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACN,IAAI,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YAE5C,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC/B,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC3E,CAAC;QACF,CAAC;QACF,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACN,oBAAC,SAAS,OACL,KAAK,EACT,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,QAAQ;QAClB,+BACC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,yBAAyB,EAClC,WAAW,EAAE,SAAS,CAAC,WAAW,CAAC,KAC/B,KAAK,GACR,CACS,CACZ,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;IAC3C,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC7B,CAAC;AAED,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.js"],"names":[],"mappings":";AASA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.js"],"names":[],"mappings":";AASA,uDAgKC;;;;kBAzK2D,OAAO"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React, { useState, useMemo, useEffect, useRef } from 'react';
|
|
2
|
-
import ReactSelect, { components } from 'react-select';
|
|
2
|
+
import ReactSelect, { components as ReactSelectComponents } from 'react-select';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { bottom_arrow, empty } from './icons';
|
|
5
5
|
import { useInput } from '../form/hooks/useInput';
|
|
6
|
-
import useFormInstance from '../form/hooks/useFormInstance';
|
|
6
|
+
import { useFormInstance } from '../form/hooks/useFormInstance';
|
|
7
7
|
import { useTranslation } from '@weareconceptstudio/core';
|
|
8
8
|
import { useFormContext } from '../../FormProvider';
|
|
9
9
|
const Select = (props) => {
|
|
10
|
-
const { name, placeholder, value, onChange, multiple = false, allowClear = false, allowSearch = false, disabled = false, loading = false, options: list = [], className, select_arrow = false, select_empty = false, optionKey, optionValue, optGroup, menuIsOpen = undefined, menuListMaxHeight = 200, } = props;
|
|
10
|
+
const { name, placeholder, value, onChange, multiple = false, allowClear = false, allowSearch = false, disabled = false, loading = false, options: list = [], className, select_arrow = false, select_empty = false, optionKey, optionValue, optGroup, menuIsOpen = undefined, menuListMaxHeight = 200, customComponents, } = props;
|
|
11
11
|
const { selectIcon } = useFormContext();
|
|
12
12
|
const { translate } = useTranslation();
|
|
13
13
|
const formInstance = useFormInstance();
|
|
@@ -45,16 +45,18 @@ const Select = (props) => {
|
|
|
45
45
|
});
|
|
46
46
|
//! Custom Placeholder
|
|
47
47
|
const Placeholder = (props) => {
|
|
48
|
-
return React.createElement(
|
|
48
|
+
return (React.createElement(ReactSelectComponents.Placeholder, { ...props }, translate(placeholder)));
|
|
49
49
|
};
|
|
50
50
|
//! Custom DropdownIndicator
|
|
51
51
|
const DropdownIndicator = (props) => {
|
|
52
|
-
return (React.createElement(
|
|
52
|
+
return (React.createElement(ReactSelectComponents.DropdownIndicator, { ...props }, selectIcon || select_arrow || bottom_arrow));
|
|
53
53
|
};
|
|
54
54
|
//! Custom Components
|
|
55
|
-
const
|
|
55
|
+
const components = {
|
|
56
|
+
...ReactSelectComponents,
|
|
56
57
|
Placeholder,
|
|
57
58
|
DropdownIndicator,
|
|
59
|
+
...(customComponents || {}),
|
|
58
60
|
};
|
|
59
61
|
//! Custom No Options Message
|
|
60
62
|
const customNoOptionsMessage = () => {
|
|
@@ -81,6 +83,7 @@ const Select = (props) => {
|
|
|
81
83
|
return {
|
|
82
84
|
label: option[labelKey],
|
|
83
85
|
value: option[valueKey],
|
|
86
|
+
externalValue: option,
|
|
84
87
|
};
|
|
85
88
|
}),
|
|
86
89
|
});
|
|
@@ -91,6 +94,7 @@ const Select = (props) => {
|
|
|
91
94
|
newOptions.push({
|
|
92
95
|
label: option[labelKey],
|
|
93
96
|
value: option[valueKey],
|
|
97
|
+
externalValue: option,
|
|
94
98
|
});
|
|
95
99
|
});
|
|
96
100
|
}
|
|
@@ -98,7 +102,7 @@ const Select = (props) => {
|
|
|
98
102
|
}, [list, optionKey, optionValue, optGroup]);
|
|
99
103
|
return (React.createElement(ReactSelect
|
|
100
104
|
// unstyled
|
|
101
|
-
, { ...selectProps, options: options, isMulti: multiple, isLoading: loading, styles: customStyles, isDisabled: disabled, menuIsOpen: menuIsOpen, className: classString, isClearable: allowClear, isSearchable: allowSearch, components:
|
|
105
|
+
, { ...selectProps, options: options, isMulti: multiple, isLoading: loading, styles: customStyles, isDisabled: disabled, menuIsOpen: menuIsOpen, className: classString, isClearable: allowClear, isSearchable: allowSearch, components: components, classNamePrefix: 'react-select', noOptionsMessage: customNoOptionsMessage, value: options.filter((opt) => multiple ? selectProps.value.includes(opt.value) : opt.value === selectProps.value) }));
|
|
102
106
|
};
|
|
103
107
|
if (process.env.NODE_ENV !== 'production') {
|
|
104
108
|
Select.displayName = 'Select';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/select/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,WAAW,EAAE,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/select/index.js"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formStyle.d.ts","sourceRoot":"","sources":["../../src/styles/formStyle.js"],"names":[],"mappings":";AAEA,
|
|
1
|
+
{"version":3,"file":"formStyle.d.ts","sourceRoot":"","sources":["../../src/styles/formStyle.js"],"names":[],"mappings":";AAEA,mHA6oBI"}
|
package/dist/styles/formStyle.js
CHANGED
|
@@ -3,7 +3,8 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
3
3
|
:root {
|
|
4
4
|
--form_labelDistance: var(--sp1-5x);
|
|
5
5
|
--form_inputPadTBL: var(--sp2-5x);
|
|
6
|
-
--form_inputPadR: var(--sp8x);
|
|
6
|
+
/* --form_inputPadR: var(--sp8x); */
|
|
7
|
+
--form_inputPadR: var(--form_inputPadTBL);
|
|
7
8
|
--form_errorSize: var(--sp2x);
|
|
8
9
|
--form_passwordIconSize: var(--sp4x);
|
|
9
10
|
|
|
@@ -304,7 +305,8 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
304
305
|
font-size: var(--form_p3);
|
|
305
306
|
font-family: var(--form_Font);
|
|
306
307
|
font-weight: 500;
|
|
307
|
-
padding: var(--form_inputPadTBL) var(--form_inputPadR) var(--form_inputPadTBL)
|
|
308
|
+
padding: var(--form_inputPadTBL) var(--form_inputPadR) var(--form_inputPadTBL)
|
|
309
|
+
var(--form_inputPadTBL);
|
|
308
310
|
background-color: var(--form_selectOptionBgColor);
|
|
309
311
|
cursor: pointer;
|
|
310
312
|
|
|
@@ -483,7 +485,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
483
485
|
:root {
|
|
484
486
|
--form_labelDistance: var(--sp1x);
|
|
485
487
|
--form_inputPadTBL: var(--sp2x);
|
|
486
|
-
--form_inputPadR: var(--sp6x);
|
|
488
|
+
/* --form_inputPadR: var(--sp6x); */
|
|
487
489
|
--form_errorSize: var(--sp2x);
|
|
488
490
|
--form_passwordIconSize: var(--sp3x);
|
|
489
491
|
|
|
@@ -506,7 +508,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
506
508
|
:root {
|
|
507
509
|
--form_labelDistance: var(--sp1x);
|
|
508
510
|
--form_inputPadTBL: var(--sp1-5x);
|
|
509
|
-
--form_inputPadR: var(--sp5x);
|
|
511
|
+
/* --form_inputPadR: var(--sp5x); */
|
|
510
512
|
--form_errorSize: var(--sp2x);
|
|
511
513
|
--form_passwordIconSize: var(--sp3x);
|
|
512
514
|
|
|
@@ -529,7 +531,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
529
531
|
:root {
|
|
530
532
|
--form_labelDistance: var(--sp0-5x);
|
|
531
533
|
--form_inputPadTBL: var(--sp1-5x);
|
|
532
|
-
--form_inputPadR: var(--sp5x);
|
|
534
|
+
/* --form_inputPadR: var(--sp5x); */
|
|
533
535
|
--form_errorSize: var(--sp2x);
|
|
534
536
|
--form_passwordIconSize: var(--sp3x);
|
|
535
537
|
|
|
@@ -552,7 +554,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
552
554
|
:root {
|
|
553
555
|
--form_labelDistance: var(--sp0-5x);
|
|
554
556
|
--form_inputPadTBL: var(--sp1-5x);
|
|
555
|
-
--form_inputPadR: var(--sp5x);
|
|
557
|
+
/* --form_inputPadR: var(--sp5x); */
|
|
556
558
|
--form_errorSize: var(--sp1-5x);
|
|
557
559
|
--form_passwordIconSize: var(--sp2-5x);
|
|
558
560
|
|
|
@@ -575,7 +577,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
575
577
|
:root {
|
|
576
578
|
--form_labelDistance: var(--sp0-5x);
|
|
577
579
|
--form_inputPadTBL: var(--sp1x);
|
|
578
|
-
--form_inputPadR: var(--sp4x);
|
|
580
|
+
/* --form_inputPadR: var(--sp4x); */
|
|
579
581
|
--form_errorSize: var(--sp1-5x);
|
|
580
582
|
--form_passwordIconSize: var(--sp2-5x);
|
|
581
583
|
|
|
@@ -598,7 +600,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
598
600
|
:root {
|
|
599
601
|
--form_labelDistance: var(--sp0-5x);
|
|
600
602
|
--form_inputPadTBL: var(--sp1x);
|
|
601
|
-
--form_inputPadR: var(--sp4x);
|
|
603
|
+
/* --form_inputPadR: var(--sp4x); */
|
|
602
604
|
--form_errorSize: var(--sp1-5x);
|
|
603
605
|
--form_passwordIconSize: var(--sp2-5x);
|
|
604
606
|
|
|
@@ -621,7 +623,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
621
623
|
:root {
|
|
622
624
|
--form_labelDistance: var(--sp0-5x);
|
|
623
625
|
--form_inputPadTBL: var(--sp1x);
|
|
624
|
-
--form_inputPadR: var(--sp4x);
|
|
626
|
+
/* --form_inputPadR: var(--sp4x); */
|
|
625
627
|
--form_errorSize: var(--sp1-5x);
|
|
626
628
|
--form_passwordIconSize: var(--sp2-5x);
|
|
627
629
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formStyle.js","sourceRoot":"","sources":["../../src/styles/formStyle.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,SAAS,GAAG,iBAAiB,CAAA,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"formStyle.js","sourceRoot":"","sources":["../../src/styles/formStyle.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,SAAS,GAAG,iBAAiB,CAAA,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAkeH,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAChF,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;sCAuBV,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,oBAAoB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAC/E,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;sCAuBV,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,oBAAoB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAC/E,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;sCAuBV,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,oBAAoB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAC/E,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;sCAuBX,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAChF,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,eAAe;;;;;;;;;;;;;;;;;;;;;;;sCAuBR,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,kBAAkB,qBAAqB,CACjH,KAAK,EACJ,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;sCAuBb,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;;;;;;;;;;;;;;CAqB/F,EAAE,CAAC;AAEJ,eAAe,SAAS,CAAC"}
|