@datability/8ui 0.1.15 → 0.1.17
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.
|
@@ -9,7 +9,7 @@ import './index.scss';
|
|
|
9
9
|
import InputBase from '../InputBase';
|
|
10
10
|
import Menu from '../../Menu';
|
|
11
11
|
var InputSelect = function (_a) {
|
|
12
|
-
var name = _a.name, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, options = _a.options, onChange = _a.onChange, notShowClearValue = _a.notShowClearValue, _e = _a.value, value = _e === void 0 ? '' : _e, _f = _a.isHideClearIcon, isHideClearIcon = _f === void 0 ? false : _f;
|
|
12
|
+
var name = _a.name, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, options = _a.options, onChange = _a.onChange, notShowClearValue = _a.notShowClearValue, _e = _a.value, value = _e === void 0 ? '' : _e, _f = _a.isHideClearIcon, isHideClearIcon = _f === void 0 ? false : _f, placeholder = _a.placeholder;
|
|
13
13
|
var _g = useFormikContext(), values = _g.values, touched = _g.touched, errors = _g.errors, setFieldValue = _g.setFieldValue;
|
|
14
14
|
var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
|
|
15
15
|
var selected = options === null || options === void 0 ? void 0 : options.find(function (e) { return e.value === (Boolean(value) ? value : getIn(values, name)); });
|
|
@@ -28,8 +28,9 @@ var InputSelect = function (_a) {
|
|
|
28
28
|
var isOpen = _a.isOpen;
|
|
29
29
|
return (React.createElement("div", { className: "DBui-wrapperInputSelect", "aria-invalid": isInvalid, "aria-disabled": disabled },
|
|
30
30
|
React.createElement("div", { className: "DBui-wrapperLabelInputSelect" },
|
|
31
|
-
React.createElement("p",
|
|
32
|
-
React.createElement("small", null, selected === null || selected === void 0 ? void 0 : selected.label)),
|
|
31
|
+
(selected === null || selected === void 0 ? void 0 : selected.label) ? (React.createElement("p", { className: "DBui-wrapperLabel" },
|
|
32
|
+
React.createElement("small", null, selected === null || selected === void 0 ? void 0 : selected.label))) : (React.createElement("p", { className: "DBui-placeholder" },
|
|
33
|
+
React.createElement("small", null, placeholder))),
|
|
33
34
|
React.createElement("img", { src: closedSVG, className: "DBui-clearIconInputSelect", onClick: handleCleaState, "aria-hidden": !Boolean(getIn(values, name)) || disabled || notShowClearValue || isHideClearIcon })),
|
|
34
35
|
React.createElement("img", { src: expandArrowSVG, className: "DBui-arrowIconInputSelect", "aria-checked": disabled ? true : !isOpen })));
|
|
35
36
|
} }, options.map(function (data, index) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputSelect/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AACT,OAAO,cAAc,MAAM,8BAA8B,CAAA;AACzD,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAE/C,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,IAAI,MAAM,YAAY,CAAA;AAI7B,IAAM,WAAW,GAA+B,UAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputSelect/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,23 +7,36 @@
|
|
|
7
7
|
width: 100%;
|
|
8
8
|
padding: 0.3em 35px 0.3em 0.5em;
|
|
9
9
|
border-radius: 8px;
|
|
10
|
-
border: 1px solid #
|
|
11
|
-
background-color: #
|
|
10
|
+
border: 1px solid #e3e3e8;
|
|
11
|
+
background-color: #ffffff;
|
|
12
12
|
color: #000000;
|
|
13
13
|
display: flex;
|
|
14
14
|
|
|
15
15
|
&[aria-invalid='true'] {
|
|
16
|
-
border: 1px solid #
|
|
16
|
+
border: 1px solid #eb5757;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
&[aria-disabled='true'] {
|
|
20
20
|
@extend .DBui-disabled;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
+
.DBui-wrapperLabel {
|
|
24
|
+
text-overflow: ellipsis;
|
|
25
|
+
overflow: hidden;
|
|
26
|
+
display: -webkit-box;
|
|
27
|
+
-webkit-line-clamp: 1;
|
|
28
|
+
-webkit-box-orient: vertical;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.DBui-placeholder {
|
|
32
|
+
color: #c3c3c3;
|
|
33
|
+
}
|
|
34
|
+
|
|
23
35
|
.DBui-wrapperLabelInputSelect {
|
|
24
36
|
display: flex;
|
|
25
37
|
gap: 0.3em;
|
|
26
38
|
align-items: center;
|
|
39
|
+
width: 100%;
|
|
27
40
|
|
|
28
41
|
.DBui-clearIconInputSelect {
|
|
29
42
|
width: 20px;
|
|
@@ -35,7 +48,6 @@
|
|
|
35
48
|
&:hover {
|
|
36
49
|
opacity: 0.8;
|
|
37
50
|
}
|
|
38
|
-
|
|
39
51
|
}
|
|
40
52
|
}
|
|
41
53
|
|
|
@@ -53,17 +65,17 @@
|
|
|
53
65
|
}
|
|
54
66
|
|
|
55
67
|
.DBui-menuItemInputSelect {
|
|
56
|
-
background-color: #
|
|
68
|
+
background-color: #ffffff;
|
|
57
69
|
color: #000000;
|
|
58
70
|
padding: 0.3em 0.5em;
|
|
59
71
|
cursor: pointer;
|
|
60
72
|
|
|
61
73
|
&:hover {
|
|
62
|
-
background-color: #
|
|
74
|
+
background-color: #fafafa;
|
|
63
75
|
}
|
|
64
76
|
|
|
65
77
|
&[aria-checked='true'] {
|
|
66
|
-
background-color: #
|
|
67
|
-
color: #
|
|
78
|
+
background-color: #6f5ee0;
|
|
79
|
+
color: #ffffff;
|
|
68
80
|
}
|
|
69
|
-
}
|
|
81
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@datability/8ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.17",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/components/index.js",
|
|
6
6
|
"types": "dist/components/index.d.ts",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"license": "ISC",
|
|
9
9
|
"keywords": [],
|
|
10
10
|
"scripts": {
|
|
11
|
-
"start": "react-scripts start",
|
|
11
|
+
"start": "PORT=4000 react-scripts start",
|
|
12
12
|
"cp-svg": "copyfiles -u 1 src/components/**/*.svg dist/",
|
|
13
13
|
"cp-scss": "copyfiles -u 1 src/components/**/*.scss dist/",
|
|
14
14
|
"cp-scss-2": "copyfiles -u 1 src/components/**/**/*.scss dist/",
|