@factorearth/component-library 3.1.7-alpha.0 → 3.1.9-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.
|
@@ -14,11 +14,9 @@ const CheckBoxIndicator = (props) => {
|
|
|
14
14
|
export const SelectField = (props) => {
|
|
15
15
|
const { handleChange, colorPalette, options, moreHorizon, values, type } = props;
|
|
16
16
|
const [open, setOpen] = useState(false);
|
|
17
|
-
const [selectOptions, setSelectOptions] = useState([]);
|
|
18
17
|
const [selectedValues, setSelectedValues] = useState([]);
|
|
19
18
|
useEffect(() => {
|
|
20
19
|
setSelectedValues(values && type === "checkbox" ? Object.values(values) : values || []);
|
|
21
|
-
setSelectOptions(options);
|
|
22
20
|
}, [values]);
|
|
23
21
|
return (React.createElement(React.Fragment, null,
|
|
24
22
|
React.createElement(DropdownSelect, { components: {
|
|
@@ -29,15 +27,13 @@ export const SelectField = (props) => {
|
|
|
29
27
|
backgroundColor: colorPalette.background.secondary,
|
|
30
28
|
color: colorPalette.text.primary,
|
|
31
29
|
padding: "4px",
|
|
32
|
-
"
|
|
30
|
+
":nth-child(1)": {
|
|
31
|
+
padding: "4px",
|
|
32
|
+
},
|
|
33
|
+
"> div[role=button]": {
|
|
33
34
|
display: "none",
|
|
34
35
|
},
|
|
35
36
|
}),
|
|
36
|
-
multiValueLabel: (provided, state) => ({
|
|
37
|
-
...provided,
|
|
38
|
-
color: colorPalette.text.primary,
|
|
39
|
-
padding: "4px",
|
|
40
|
-
}),
|
|
41
37
|
} }),
|
|
42
38
|
React.createElement(Modal, { colorPalette: colorPalette, open: open, setOpen: setOpen, "aria-describedby": "radio-or-checkbox-select" },
|
|
43
39
|
React.createElement("div", { style: {
|
|
@@ -53,20 +49,21 @@ export const SelectField = (props) => {
|
|
|
53
49
|
justifyContent: "space-evenly",
|
|
54
50
|
flexWrap: "wrap",
|
|
55
51
|
overflow: "auto",
|
|
56
|
-
} },
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
52
|
+
} }, options.map((option) => {
|
|
53
|
+
let checked = false;
|
|
54
|
+
if (Array.isArray(selectedValues))
|
|
55
|
+
checked = selectedValues.some((value) => value.id === option.id);
|
|
56
|
+
return (React.createElement("div", { key: `${option.id}`, style: {
|
|
57
|
+
fontSize: "14px",
|
|
58
|
+
fontWeight: "600",
|
|
59
|
+
display: "flex",
|
|
60
|
+
justifyContent: "center",
|
|
61
|
+
alignItems: "center",
|
|
62
|
+
gap: "8px",
|
|
63
|
+
paddingBottom: "16px",
|
|
64
|
+
} },
|
|
65
|
+
React.createElement("input", { type: type, id: option.linkedId || option.id, defaultValue: option.value || "", checked: checked, onChange: handleChange }),
|
|
66
|
+
React.createElement("label", { htmlFor: option.label }, option.label)));
|
|
67
|
+
})))));
|
|
71
68
|
};
|
|
72
69
|
//# 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,
|
|
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.9-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": "54a9d63a886251566dee7a0369a47ed73442db87",
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@emotion/react": "^11.13.0",
|
|
52
52
|
"@emotion/styled": "^11.13.0",
|