@weareconceptstudio/form 0.3.5 → 0.3.6
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/select/index.d.ts.map +1 -1
- package/dist/components/select/index.js +5 -4
- package/dist/components/select/index.js.map +1 -1
- package/dist/styles/formStyle.d.ts.map +1 -1
- package/dist/styles/formStyle.js +15 -0
- package/dist/styles/formStyle.js.map +1 -1
- package/package.json +1 -1
|
@@ -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,uDAyJC;;;;kBAlK2D,OAAO"}
|
|
@@ -7,7 +7,7 @@ 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, } = 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;
|
|
11
11
|
const { selectIcon } = useFormContext();
|
|
12
12
|
const { translate } = useTranslation();
|
|
13
13
|
const formInstance = useFormInstance();
|
|
@@ -66,7 +66,7 @@ const Select = (props) => {
|
|
|
66
66
|
const customStyles = {
|
|
67
67
|
menuList: (provided) => ({
|
|
68
68
|
...provided,
|
|
69
|
-
maxHeight:
|
|
69
|
+
maxHeight: `${menuListMaxHeight}px`,
|
|
70
70
|
}),
|
|
71
71
|
};
|
|
72
72
|
const options = useMemo(() => {
|
|
@@ -98,8 +98,9 @@ const Select = (props) => {
|
|
|
98
98
|
}, [list, optionKey, optionValue, optGroup]);
|
|
99
99
|
return (React.createElement(ReactSelect
|
|
100
100
|
// unstyled
|
|
101
|
-
|
|
102
|
-
|
|
101
|
+
, {
|
|
102
|
+
// unstyled
|
|
103
|
+
options: options, isMulti: multiple, isLoading: loading, styles: customStyles, isDisabled: disabled, menuIsOpen: menuIsOpen, className: classString, isClearable: allowClear, isSearchable: allowSearch, components: customComponents, classNamePrefix: 'react-select', noOptionsMessage: customNoOptionsMessage, value: options.filter((opt) => multiple ? selectProps.value.includes(opt.value) : opt.value === selectProps.value), ...selectProps }));
|
|
103
104
|
};
|
|
104
105
|
if (process.env.NODE_ENV !== 'production') {
|
|
105
106
|
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;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE;IACxB,MAAM,EACL,IAAI,EACJ,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,OAAO,EAAE,IAAI,GAAG,EAAE,EAClB,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,WAAW,EACX,QAAQ,
|
|
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,mHA+nBI"}
|
package/dist/styles/formStyle.js
CHANGED
|
@@ -148,6 +148,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
148
148
|
background-color: var(--form_selectBgColor);
|
|
149
149
|
min-height: unset;
|
|
150
150
|
transition: border var(--form_trTime) ease-out;
|
|
151
|
+
cursor: pointer;
|
|
151
152
|
|
|
152
153
|
.react-select__value-container {
|
|
153
154
|
padding: var(--form_inputPadTBL);
|
|
@@ -193,6 +194,19 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
193
194
|
}
|
|
194
195
|
}
|
|
195
196
|
|
|
197
|
+
input {
|
|
198
|
+
width: unset !important;
|
|
199
|
+
background-color: unset !important;
|
|
200
|
+
color: unset !important;
|
|
201
|
+
font-size: unset !important;
|
|
202
|
+
line-height: unset !important;
|
|
203
|
+
font-family: unset !important;
|
|
204
|
+
font-weight: unset !important;
|
|
205
|
+
border-radius: unset !important;
|
|
206
|
+
border: unset !important;
|
|
207
|
+
padding: unset !important;
|
|
208
|
+
}
|
|
209
|
+
|
|
196
210
|
&.react-select__value-container--has-value {
|
|
197
211
|
~ .react-select__indicators {
|
|
198
212
|
.react-select__indicator {
|
|
@@ -292,6 +306,7 @@ const FormStyle = createGlobalStyle `${css `
|
|
|
292
306
|
font-weight: 500;
|
|
293
307
|
padding: var(--form_inputPadTBL) var(--form_inputPadR) var(--form_inputPadTBL) var(--form_inputPadTBL);
|
|
294
308
|
background-color: var(--form_selectOptionBgColor);
|
|
309
|
+
cursor: pointer;
|
|
295
310
|
|
|
296
311
|
/* &.react-select__option--is-focused {
|
|
297
312
|
background-color: var(--form_selectOptionFocusBgColor);
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAgeH,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;sCAuBzI,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,oBAAoB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;sCAuBxI,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,oBAAoB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;sCAuBxI,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,oBAAoB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;sCAuBzI,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,eAAe;;;;;;;;;;;;;;;;;;;;;;;sCAuBvI,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,kBAAkB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;sCAuBrI,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;;;;;;;;;;;;;;CAqB/F,EAAE,CAAC;AAEJ,eAAe,SAAS,CAAC"}
|