@factorearth/component-library 3.1.6-alpha.0 → 3.1.8-alpha.0
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.
|
@@ -23,7 +23,7 @@ export const SelectField = (props) => {
|
|
|
23
23
|
return (React.createElement(React.Fragment, null,
|
|
24
24
|
React.createElement(DropdownSelect, { components: {
|
|
25
25
|
DropdownIndicator: type === "radio" ? RadioIndicator : CheckBoxIndicator,
|
|
26
|
-
}, colorPalette: colorPalette, options: options, isMulti: type === "radio" ? false : true, menuPortalTarget: document.body, isSearchable: false, value: selectedValues, id: "", name: "", menuPlacement: "auto", menuIsOpen: false, onFocus: () => setOpen(true), isClearable:
|
|
26
|
+
}, colorPalette: colorPalette, options: options, isMulti: type === "radio" ? false : true, menuPortalTarget: document.body, isSearchable: false, value: selectedValues, id: "", name: "", menuPlacement: "auto", menuIsOpen: false, onFocus: () => setOpen(true), isClearable: false, moreHorizon: moreHorizon ? moreHorizon : undefined, styles: {
|
|
27
27
|
multiValue: (provided, state) => ({
|
|
28
28
|
...provided,
|
|
29
29
|
backgroundColor: colorPalette.background.secondary,
|
|
@@ -33,6 +33,11 @@ export const SelectField = (props) => {
|
|
|
33
33
|
display: "none",
|
|
34
34
|
},
|
|
35
35
|
}),
|
|
36
|
+
multiValueLabel: (provided, state) => ({
|
|
37
|
+
...provided,
|
|
38
|
+
color: colorPalette.text.primary,
|
|
39
|
+
padding: "4px",
|
|
40
|
+
}),
|
|
36
41
|
} }),
|
|
37
42
|
React.createElement(Modal, { colorPalette: colorPalette, open: open, setOpen: setOpen, "aria-describedby": "radio-or-checkbox-select" },
|
|
38
43
|
React.createElement("div", { style: {
|
|
@@ -48,20 +53,27 @@ export const SelectField = (props) => {
|
|
|
48
53
|
justifyContent: "space-evenly",
|
|
49
54
|
flexWrap: "wrap",
|
|
50
55
|
overflow: "auto",
|
|
51
|
-
} }, selectOptions.map((option) =>
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
:
|
|
65
|
-
|
|
56
|
+
} }, selectOptions.map((option) => {
|
|
57
|
+
let checked = false;
|
|
58
|
+
if (type === "radio" && Array.isArray(selectedValues)) {
|
|
59
|
+
checked = selectedValues.some((value) => value.id === option.id);
|
|
60
|
+
}
|
|
61
|
+
else if (type === "checkbox" &&
|
|
62
|
+
!Array.isArray(selectedValues) &&
|
|
63
|
+
selectedValues[option.id]) {
|
|
64
|
+
checked = true;
|
|
65
|
+
}
|
|
66
|
+
return (React.createElement("div", { key: `${option.id}`, style: {
|
|
67
|
+
fontSize: "14px",
|
|
68
|
+
fontWeight: "600",
|
|
69
|
+
display: "flex",
|
|
70
|
+
justifyContent: "center",
|
|
71
|
+
alignItems: "center",
|
|
72
|
+
gap: "8px",
|
|
73
|
+
paddingBottom: "16px",
|
|
74
|
+
} },
|
|
75
|
+
React.createElement("input", { type: type, id: option.linkedId || option.id, defaultValue: option.value || "", checked: checked, onChange: handleChange }),
|
|
76
|
+
React.createElement("label", { htmlFor: option.label }, option.label)));
|
|
77
|
+
})))));
|
|
66
78
|
};
|
|
67
79
|
//# sourceMappingURL=SelectField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../lib/Atoms/SelectField/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,UAAU,EAA0B,MAAM,cAAc,CAAC;AAIlE,MAAM,cAAc,GAAG,CAAC,KAA6B,EAAE,EAAE;IACxD,OAAO,CACN,oBAAC,UAAU,CAAC,iBAAiB,OAAK,KAAK;QACtC,oBAAC,aAAa,OAAG,CACa,CAC/B,CAAC;AACH,CAAC,CAAC;AACF,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAC3D,OAAO,CACN,oBAAC,UAAU,CAAC,iBAAiB,OAAK,KAAK;QACtC,oBAAC,aAAa,OAAG,CACa,CAC/B,CAAC;AACH,CAAC,CAAC;AAeF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACtD,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,GACvE,KAAK,CAAC;IACP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IACjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,
|
|
1
|
+
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../lib/Atoms/SelectField/SelectField.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@factorearth/component-library",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.8-alpha.0",
|
|
4
4
|
"description": " A storybook component library for FactorEarth",
|
|
5
5
|
"author": "madtrx <marlin.makori@gmail.com>",
|
|
6
6
|
"homepage": "https://github.com/FactorEarth/RecordMiddleware#readme",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"access": "public",
|
|
47
47
|
"registry": "https://registry.npmjs.org/"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "2f486abf03e9109ba430c59a2aaf8e2465388eed",
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@emotion/react": "^11.13.0",
|
|
52
52
|
"@emotion/styled": "^11.13.0",
|