@weareconceptstudio/form 0.4.3 → 0.4.5
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 +15 -9
- package/dist/styles/formStyle.js.map +1 -1
- package/package.json +3 -3
|
@@ -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,mHAipBI"}
|
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,10 +305,15 @@ 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
|
|
|
313
|
+
display: flex;
|
|
314
|
+
flex-wrap: wrap;
|
|
315
|
+
justify-content: space-between;
|
|
316
|
+
|
|
311
317
|
/* &.react-select__option--is-focused {
|
|
312
318
|
background-color: var(--form_selectOptionFocusBgColor);
|
|
313
319
|
} */
|
|
@@ -483,7 +489,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
483
489
|
:root {
|
|
484
490
|
--form_labelDistance: var(--sp1x);
|
|
485
491
|
--form_inputPadTBL: var(--sp2x);
|
|
486
|
-
--form_inputPadR: var(--sp6x);
|
|
492
|
+
/* --form_inputPadR: var(--sp6x); */
|
|
487
493
|
--form_errorSize: var(--sp2x);
|
|
488
494
|
--form_passwordIconSize: var(--sp3x);
|
|
489
495
|
|
|
@@ -506,7 +512,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
506
512
|
:root {
|
|
507
513
|
--form_labelDistance: var(--sp1x);
|
|
508
514
|
--form_inputPadTBL: var(--sp1-5x);
|
|
509
|
-
--form_inputPadR: var(--sp5x);
|
|
515
|
+
/* --form_inputPadR: var(--sp5x); */
|
|
510
516
|
--form_errorSize: var(--sp2x);
|
|
511
517
|
--form_passwordIconSize: var(--sp3x);
|
|
512
518
|
|
|
@@ -529,7 +535,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
529
535
|
:root {
|
|
530
536
|
--form_labelDistance: var(--sp0-5x);
|
|
531
537
|
--form_inputPadTBL: var(--sp1-5x);
|
|
532
|
-
--form_inputPadR: var(--sp5x);
|
|
538
|
+
/* --form_inputPadR: var(--sp5x); */
|
|
533
539
|
--form_errorSize: var(--sp2x);
|
|
534
540
|
--form_passwordIconSize: var(--sp3x);
|
|
535
541
|
|
|
@@ -552,7 +558,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
552
558
|
:root {
|
|
553
559
|
--form_labelDistance: var(--sp0-5x);
|
|
554
560
|
--form_inputPadTBL: var(--sp1-5x);
|
|
555
|
-
--form_inputPadR: var(--sp5x);
|
|
561
|
+
/* --form_inputPadR: var(--sp5x); */
|
|
556
562
|
--form_errorSize: var(--sp1-5x);
|
|
557
563
|
--form_passwordIconSize: var(--sp2-5x);
|
|
558
564
|
|
|
@@ -575,7 +581,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
575
581
|
:root {
|
|
576
582
|
--form_labelDistance: var(--sp0-5x);
|
|
577
583
|
--form_inputPadTBL: var(--sp1x);
|
|
578
|
-
--form_inputPadR: var(--sp4x);
|
|
584
|
+
/* --form_inputPadR: var(--sp4x); */
|
|
579
585
|
--form_errorSize: var(--sp1-5x);
|
|
580
586
|
--form_passwordIconSize: var(--sp2-5x);
|
|
581
587
|
|
|
@@ -598,7 +604,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
598
604
|
:root {
|
|
599
605
|
--form_labelDistance: var(--sp0-5x);
|
|
600
606
|
--form_inputPadTBL: var(--sp1x);
|
|
601
|
-
--form_inputPadR: var(--sp4x);
|
|
607
|
+
/* --form_inputPadR: var(--sp4x); */
|
|
602
608
|
--form_errorSize: var(--sp1-5x);
|
|
603
609
|
--form_passwordIconSize: var(--sp2-5x);
|
|
604
610
|
|
|
@@ -621,7 +627,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
621
627
|
:root {
|
|
622
628
|
--form_labelDistance: var(--sp0-5x);
|
|
623
629
|
--form_inputPadTBL: var(--sp1x);
|
|
624
|
-
--form_inputPadR: var(--sp4x);
|
|
630
|
+
/* --form_inputPadR: var(--sp4x); */
|
|
625
631
|
--form_errorSize: var(--sp1-5x);
|
|
626
632
|
--form_passwordIconSize: var(--sp2-5x);
|
|
627
633
|
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAseH,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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@weareconceptstudio/form",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.5",
|
|
4
4
|
"description": "Concept Studio Form",
|
|
5
5
|
"author": "Concept Studio",
|
|
6
6
|
"license": "ISC",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"watch": "tsc -m es6 --watch"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@weareconceptstudio/core": "^0.4.
|
|
24
|
+
"@weareconceptstudio/core": "^0.4.3"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"libphonenumber-js": "1.11.20",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"react-select": "5.8.0"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@weareconceptstudio/core": "^0.4.
|
|
32
|
+
"@weareconceptstudio/core": "^0.4.3",
|
|
33
33
|
"rimraf": "6.0.1",
|
|
34
34
|
"typescript": "5.3.3"
|
|
35
35
|
}
|