v-eris 1.0.25 → 1.0.26
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/package.json +1 -1
- package/release/cjs/components/AutoComplete/index.js +4 -6
- package/release/cjs/components/AutoComplete/index.js.map +1 -1
- package/release/cjs/components/AutoComplete/index.scss +42 -4
- package/release/cjs/components/Input/index.js +18 -3
- package/release/cjs/components/Input/index.js.map +1 -1
- package/release/cjs/components/Input/index.scss +17 -7
- package/release/cjs/examples/routes/autocomplete.js +5 -7
- package/release/cjs/examples/routes/autocomplete.js.map +1 -1
- package/release/esm/components/AutoComplete/index.js +4 -6
- package/release/esm/components/AutoComplete/index.js.map +1 -1
- package/release/esm/components/Input/index.js +18 -3
- package/release/esm/components/Input/index.js.map +1 -1
- package/release/esm/examples/routes/autocomplete.js +5 -7
- package/release/esm/examples/routes/autocomplete.js.map +1 -1
- package/types/components/Input/index.d.ts.map +1 -1
package/package.json
CHANGED
|
@@ -17,7 +17,7 @@ exports.AutoCompleteContext = react_1.default.createContext({
|
|
|
17
17
|
onBlur: function (e) { }
|
|
18
18
|
});
|
|
19
19
|
var AutoComplete = function (props) {
|
|
20
|
-
var className = props.className, children = props.children, onChange = props.onChange, onSelect = props.onSelect, margin = props.margin, padding = props.padding, label = props.label, rest = tslib_1.__rest(props, ["className", "children", "onChange", "onSelect", "margin", "padding", "label"]);
|
|
20
|
+
var className = props.className, children = props.children, onChange = props.onChange, onSelect = props.onSelect, margin = props.margin, padding = props.padding, label = props.label, larger = props.larger, rest = tslib_1.__rest(props, ["className", "children", "onChange", "onSelect", "margin", "padding", "label", "larger"]);
|
|
21
21
|
var _a = (0, react_1.useState)(false), expanded = _a[0], setExpanded = _a[1];
|
|
22
22
|
var _b = (0, react_1.useState)(""), search = _b[0], setSearch = _b[1];
|
|
23
23
|
var _c = (0, react_1.useState)([]), list = _c[0], setList = _c[1];
|
|
@@ -64,16 +64,13 @@ var AutoComplete = function (props) {
|
|
|
64
64
|
;
|
|
65
65
|
return result;
|
|
66
66
|
}, [list, selected]);
|
|
67
|
-
return (react_1.default.createElement("div", { className: props_1.Props.className("autocomplete", className) },
|
|
67
|
+
return (react_1.default.createElement("div", { className: props_1.Props.className("autocomplete", className, { expanded: expanded, larger: larger }) },
|
|
68
68
|
react_1.default.createElement(exports.AutoCompleteContext.Provider, { value: {
|
|
69
69
|
value: forcedValue,
|
|
70
70
|
select: function () {
|
|
71
|
-
console.log(111, list, selected);
|
|
72
71
|
if (list && list[selected]) {
|
|
73
|
-
console.log(222);
|
|
74
72
|
var v_1 = list[selected].value;
|
|
75
73
|
onSelect(v_1, function () {
|
|
76
|
-
console.log(333);
|
|
77
74
|
setForcedValue(v_1);
|
|
78
75
|
});
|
|
79
76
|
}
|
|
@@ -126,7 +123,8 @@ var AutoComplete = function (props) {
|
|
|
126
123
|
;
|
|
127
124
|
}
|
|
128
125
|
} }, children),
|
|
129
|
-
react_1.default.createElement("div", { className: props_1.Props.className("autocomplete-
|
|
126
|
+
react_1.default.createElement("div", { className: props_1.Props.className("autocomplete-shadowfix", { hidden: !expanded }) }),
|
|
127
|
+
react_1.default.createElement("div", { className: props_1.Props.className("autocomplete-suggestions"), style: props.style, ref: childrenElem }, suggestions)));
|
|
130
128
|
};
|
|
131
129
|
exports.AutoComplete = AutoComplete;
|
|
132
130
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../source/components/AutoComplete/index.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAC5D,6CAA4C;AAE5C,4CAA2C;AAC3C,0DAAmD;AAEnD,wBAAqB;AACrB,qDAAuD;AAE1C,QAAA,mBAAmB,GAAG,eAAK,CAAC,aAAa,CAAC;IACtD,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,UAAE,CAAC,IAAO,CAAC;IACtB,OAAO,EAAE,UAAE,CAAC,IAAO,CAAC;IACpB,QAAQ,EAAE,UAAE,CAAC,IAAO,CAAC;IACrB,OAAO,EAAE,UAAE,CAAC,IAAO,CAAC;IACpB,MAAM,EAAE,UAAE,CAAC,IAAO,CAAC;CACnB,CAAC,CAAC;AAEI,IAAM,YAAY,GAAG,UAAE,KAAK;IAC5B,IAAA,SAAS,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../source/components/AutoComplete/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,21 +3,42 @@
|
|
|
3
3
|
.autocomplete{
|
|
4
4
|
position: relative;
|
|
5
5
|
display: inline-block;
|
|
6
|
+
align-self: flex-start;
|
|
6
7
|
|
|
8
|
+
&-shadowfix{
|
|
9
|
+
left: 0px;
|
|
10
|
+
right: 0px;
|
|
11
|
+
display: block;
|
|
12
|
+
position: absolute;
|
|
13
|
+
background: white;
|
|
14
|
+
z-index: 3;
|
|
15
|
+
bottom: 0px;
|
|
16
|
+
height: 7px;
|
|
17
|
+
display: none;
|
|
18
|
+
}
|
|
19
|
+
&-shadowfix-hidden{
|
|
20
|
+
display: none;
|
|
21
|
+
}
|
|
7
22
|
&-suggestions{
|
|
23
|
+
border: 0px solid;
|
|
8
24
|
position: absolute;
|
|
9
25
|
padding: 4px 4px;
|
|
10
26
|
background: #ffffff;
|
|
11
27
|
width: 100%;
|
|
12
28
|
overflow-y: auto;
|
|
13
29
|
box-sizing: border-box;
|
|
14
|
-
box-shadow: 0px
|
|
30
|
+
box-shadow: 0px 14px 20px -14px #0000005c;
|
|
15
31
|
transition: all 240ms;
|
|
16
32
|
max-height: 200px;
|
|
17
|
-
border-radius:
|
|
33
|
+
border-radius: 0px 0px 4px 4px;
|
|
34
|
+
border-color: transparent;
|
|
35
|
+
//border-top: 1px solid #f9f9f9;
|
|
36
|
+
z-index: 2;
|
|
37
|
+
border: 1px solid #00000005;
|
|
38
|
+
border-top: 0px solid #f9f9f9;
|
|
18
39
|
display: none;
|
|
19
40
|
}
|
|
20
|
-
&-suggestions
|
|
41
|
+
&-expanded > &-suggestions{
|
|
21
42
|
display: block;
|
|
22
43
|
}
|
|
23
44
|
|
|
@@ -36,7 +57,7 @@
|
|
|
36
57
|
background-color: #f4f4f4;
|
|
37
58
|
}
|
|
38
59
|
|
|
39
|
-
&-
|
|
60
|
+
&-expanded > &-suggestions &-item{
|
|
40
61
|
opacity: 1;
|
|
41
62
|
}
|
|
42
63
|
|
|
@@ -45,3 +66,20 @@
|
|
|
45
66
|
}
|
|
46
67
|
|
|
47
68
|
}
|
|
69
|
+
|
|
70
|
+
.autocomplete > .input-focus{
|
|
71
|
+
border-color: transparent;
|
|
72
|
+
}
|
|
73
|
+
.autocomplete-expanded > .input{
|
|
74
|
+
border-radius: 4px 4px 0px 0px;
|
|
75
|
+
box-shadow: 0px 5px 20px -1px #00000045;
|
|
76
|
+
border-bottom-width: 0px;
|
|
77
|
+
border-color: transparent;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.autocomplete-larger > .autocomplete-suggestions{
|
|
81
|
+
border-radius: 0px 0px 8px 8px;
|
|
82
|
+
}
|
|
83
|
+
.autocomplete-larger.autocomplete-expanded > .input{
|
|
84
|
+
border-radius: 8px 8px 0px 0px;
|
|
85
|
+
}
|
|
@@ -6,9 +6,10 @@ var react_1 = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
var props_1 = require("../../utility/props");
|
|
7
7
|
var AutoComplete_1 = require("../../components/AutoComplete");
|
|
8
8
|
var Typography_1 = require("../../components/Typography");
|
|
9
|
+
var Icons_1 = require("../../components/Icons");
|
|
9
10
|
require("./index.scss");
|
|
10
11
|
var Input = function (props) {
|
|
11
|
-
var className = props.className, children = props.children, propValue = props.propValue, style = props.style, margin = props.margin, padding = props.padding, placeholder = props.placeholder, tools = props.tools, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, onClear = props.onClear, rest = tslib_1.__rest(props, ["className", "children", "propValue", "style", "margin", "padding", "placeholder", "tools", "onChange", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "onClear"]);
|
|
12
|
+
var className = props.className, children = props.children, propValue = props.propValue, style = props.style, margin = props.margin, padding = props.padding, placeholder = props.placeholder, tools = props.tools, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, onClear = props.onClear, larger = props.larger, rest = tslib_1.__rest(props, ["className", "children", "propValue", "style", "margin", "padding", "placeholder", "tools", "onChange", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "onClear", "larger"]);
|
|
12
13
|
var _a = (0, react_1.useState)(children), value = _a[0], setValue = _a[1];
|
|
13
14
|
var _b = (0, react_1.useState)(false), isFocused = _b[0], setIsFocused = _b[1];
|
|
14
15
|
var autocomplete = (0, react_1.useContext)(AutoComplete_1.AutoCompleteContext);
|
|
@@ -26,6 +27,21 @@ var Input = function (props) {
|
|
|
26
27
|
return result;
|
|
27
28
|
var index = 0;
|
|
28
29
|
var _loop_1 = function (item) {
|
|
30
|
+
if (typeof item == "string") {
|
|
31
|
+
if (item == "search") {
|
|
32
|
+
item = { icon: react_1.default.createElement(Icons_1.Icons.search, { active: true }), direction: 0, onClick: function (event) {
|
|
33
|
+
event.autocomplete.select();
|
|
34
|
+
} };
|
|
35
|
+
}
|
|
36
|
+
else if (item == "clear") {
|
|
37
|
+
item = { icon: react_1.default.createElement(Icons_1.Icons.cross, { active: true, style: { fontSize: "70%" } }), direction: 1, onClick: function (event) {
|
|
38
|
+
event.setValue("");
|
|
39
|
+
} };
|
|
40
|
+
}
|
|
41
|
+
else
|
|
42
|
+
return "continue";
|
|
43
|
+
}
|
|
44
|
+
;
|
|
29
45
|
if (!item || !item.icon)
|
|
30
46
|
return "continue";
|
|
31
47
|
if (direction == 1 && (item.direction != 1 && item.direction != "right"))
|
|
@@ -33,7 +49,6 @@ var Input = function (props) {
|
|
|
33
49
|
if (direction == -1 && (item.direction == 1 || item.direction == "right"))
|
|
34
50
|
return "continue";
|
|
35
51
|
result.push(react_1.default.createElement(Typography_1.Text, { key: index, className: props_1.Props.classNameEx("input", { "tool": true }), onClick: function (event) {
|
|
36
|
-
console.log(event, item.onClick);
|
|
37
52
|
if (!item.onClick)
|
|
38
53
|
return;
|
|
39
54
|
item.onClick({
|
|
@@ -59,7 +74,7 @@ var Input = function (props) {
|
|
|
59
74
|
var toolsRight = (0, react_1.useMemo)(function () {
|
|
60
75
|
return parseTools(tools, 1);
|
|
61
76
|
}, [tools, autocomplete]);
|
|
62
|
-
return (react_1.default.createElement("span", { className: props_1.Props.className("input", className, { focus: isFocused }), style: style },
|
|
77
|
+
return (react_1.default.createElement("span", { className: props_1.Props.className("input", className, { focus: isFocused, larger: larger }), style: style },
|
|
63
78
|
react_1.default.createElement("span", { className: "input-left" }, toolsLeft),
|
|
64
79
|
react_1.default.createElement("input", { placeholder: placeholder, value: value || "", className: "typography", onFocus: function (e) {
|
|
65
80
|
autocomplete.onFocus({ value: e.target.value, event: e });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../source/components/Input/index.tsx"],"names":[],"mappings":";;;;AAAA,qDAAoF;AACpF,6CAA4C;AAC5C,8DAAoE;AACpE,0DAAmD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../source/components/Input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +1,23 @@
|
|
|
1
1
|
@import "../../../assets/styles/preset";
|
|
2
2
|
|
|
3
3
|
.input{
|
|
4
|
-
|
|
5
|
-
border: 1px solid;
|
|
4
|
+
border: 1px solid;
|
|
6
5
|
border-color: #dcdcdc;
|
|
7
|
-
box-shadow: inset 0 0 2px 0px #cccccc;
|
|
8
|
-
background: #fff;
|
|
9
|
-
padding: 0px 0px;
|
|
10
|
-
border-radius: 4px;
|
|
11
6
|
box-sizing: border-box;
|
|
12
7
|
display: flex;
|
|
13
8
|
flex-direction: row;
|
|
14
9
|
flex-wrap: nowrap;
|
|
15
|
-
align-items:
|
|
10
|
+
align-items: center;
|
|
11
|
+
align-self: flex-start;
|
|
12
|
+
//background: #fff;
|
|
13
|
+
padding: 2px 0px;
|
|
14
|
+
position: relative;
|
|
15
|
+
width: 240px;
|
|
16
|
+
z-index: 1;
|
|
17
|
+
|
|
18
|
+
box-shadow: none;
|
|
19
|
+
border-radius: 4px;
|
|
20
|
+
border-bottom-width: 1px;
|
|
16
21
|
|
|
17
22
|
& > input{
|
|
18
23
|
border: 0px;
|
|
@@ -22,6 +27,7 @@
|
|
|
22
27
|
box-sizing: border-box;
|
|
23
28
|
flex-basis: 100%;
|
|
24
29
|
background: transparent;
|
|
30
|
+
|
|
25
31
|
}
|
|
26
32
|
&-focus{
|
|
27
33
|
border-color: $accent;
|
|
@@ -43,3 +49,7 @@
|
|
|
43
49
|
}
|
|
44
50
|
|
|
45
51
|
}
|
|
52
|
+
.input-larger{
|
|
53
|
+
padding: 7px 9px;
|
|
54
|
+
border-radius: 8px;
|
|
55
|
+
}
|
|
@@ -23,17 +23,17 @@ var AutoCompleteRoute = function (props) {
|
|
|
23
23
|
{ icon: react_1.default.createElement(Icons_1.Icons.podcast, null), value: value + " title5" }
|
|
24
24
|
]); } },
|
|
25
25
|
react_1.default.createElement(Input_1.Input, null, "Hello")),
|
|
26
|
-
react_1.default.createElement(AutoComplete_1.AutoComplete, { onChange: function (value, callback) { return callback([
|
|
26
|
+
react_1.default.createElement(AutoComplete_1.AutoComplete, { larger: true, onChange: function (value, callback) { return callback([
|
|
27
27
|
{ icon: react_1.default.createElement(Icons_1.Icons.blog, null), value: value + " title1" },
|
|
28
28
|
{ icon: react_1.default.createElement(Icons_1.Icons.image, null), value: value + " title2" },
|
|
29
29
|
{ icon: react_1.default.createElement(Icons_1.Icons.camera, null), value: value + " title3" },
|
|
30
30
|
{ icon: react_1.default.createElement(Icons_1.Icons.dice, null), value: value + " title4" },
|
|
31
31
|
{ icon: react_1.default.createElement(Icons_1.Icons.podcast, null), value: value + " title5" }
|
|
32
32
|
]); } },
|
|
33
|
-
react_1.default.createElement(Input_1.Input, { style: { width: "300px" }, tools: [
|
|
33
|
+
react_1.default.createElement(Input_1.Input, { style: { width: "300px" }, larger: true, tools: [
|
|
34
34
|
{ icon: react_1.default.createElement(Icons_1.Icons.search, null), direction: 0 },
|
|
35
35
|
], placeholder: "What would you like to find?" })),
|
|
36
|
-
react_1.default.createElement(AutoComplete_1.AutoComplete, { onChange: function (value, callback) { return callback([
|
|
36
|
+
react_1.default.createElement(AutoComplete_1.AutoComplete, { larger: true, onChange: function (value, callback) { return callback([
|
|
37
37
|
{ icon: react_1.default.createElement(Icons_1.Icons.blog, null), value: value + " title1" },
|
|
38
38
|
{ icon: react_1.default.createElement(Icons_1.Icons.image, null), value: value + " title2" },
|
|
39
39
|
{ label: (react_1.default.createElement(Typography_1.Text, null,
|
|
@@ -43,13 +43,11 @@ var AutoCompleteRoute = function (props) {
|
|
|
43
43
|
{ icon: react_1.default.createElement(Icons_1.Icons.dice, null), value: value + " title4" },
|
|
44
44
|
{ icon: react_1.default.createElement(Icons_1.Icons.podcast, null), value: value + " title5" }
|
|
45
45
|
]); } },
|
|
46
|
-
react_1.default.createElement(Input_1.Input, { style: { width: "300px" }, tools: [
|
|
46
|
+
react_1.default.createElement(Input_1.Input, { style: { width: "300px" }, larger: true, tools: [
|
|
47
47
|
{ icon: react_1.default.createElement(Icons_1.Icons.search, { active: true }), direction: 0, onClick: function (event) {
|
|
48
48
|
event.autocomplete.select();
|
|
49
49
|
} },
|
|
50
|
-
|
|
51
|
-
event.setValue("");
|
|
52
|
-
} },
|
|
50
|
+
"clear",
|
|
53
51
|
], placeholder: "What would you like to find?" }))))));
|
|
54
52
|
};
|
|
55
53
|
exports.AutoCompleteRoute = AutoCompleteRoute;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../../source/examples/routes/autocomplete.tsx"],"names":[],"mappings":";;;;AAAA,wDAAuC;AAEvC,8CAA6C;AAC7C,oDAAmD;AACnD,8DAA6D;AAC7D,gDAA+C;AAC/C,gDAA+C;AAC/C,4CAA2C;AAC3C,0DAAmD;AAE5C,IAAM,iBAAiB,GAAG,UAAE,KAAK;IAEvC,OAAO,CACN,8BAAC,WAAI,IAAC,UAAU,QAAC,OAAO,EAAG,CAAC;QAE3B,8BAAC,WAAI;YACJ,8BAAC,iBAAO,uBAAuB;YAE/B,8BAAC,SAAG,IAAC,GAAG,EAAG,IAAI;gBAEd,8BAAC,2BAAY,IAAC,QAAQ,EAAE,UAAE,KAAK,EAAE,QAAQ,IAAM,OAAA,QAAQ,CAAC;wBACvD,EAAE,IAAI,EAAE,8BAAC,aAAK,CAAC,IAAI,OAAE,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE;wBACjD,EAAE,IAAI,EAAE,8BAAC,aAAK,CAAC,KAAK,OAAE,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE;wBAClD,EAAE,IAAI,EAAE,8BAAC,aAAK,CAAC,MAAM,OAAE,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE;wBACnD,EAAE,IAAI,EAAE,8BAAC,aAAK,CAAC,IAAI,OAAE,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE;wBACjD,EAAE,IAAI,EAAE,8BAAC,aAAK,CAAC,OAAO,OAAE,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE;qBACpD,CAAC,EAN6C,CAM7C;oBACD,8BAAC,aAAK,gBAAc,CACN;gBAEf,8BAAC,2BAAY,IAAC,QAAQ,EAAE,UAAE,KAAK,EAAE,QAAQ,IAAM,OAAA,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../../source/examples/routes/autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ export var AutoCompleteContext = React.createContext({
|
|
|
14
14
|
onBlur: function (e) { }
|
|
15
15
|
});
|
|
16
16
|
export var AutoComplete = function (props) {
|
|
17
|
-
var className = props.className, children = props.children, onChange = props.onChange, onSelect = props.onSelect, margin = props.margin, padding = props.padding, label = props.label, rest = __rest(props, ["className", "children", "onChange", "onSelect", "margin", "padding", "label"]);
|
|
17
|
+
var className = props.className, children = props.children, onChange = props.onChange, onSelect = props.onSelect, margin = props.margin, padding = props.padding, label = props.label, larger = props.larger, rest = __rest(props, ["className", "children", "onChange", "onSelect", "margin", "padding", "label", "larger"]);
|
|
18
18
|
var _a = useState(false), expanded = _a[0], setExpanded = _a[1];
|
|
19
19
|
var _b = useState(""), search = _b[0], setSearch = _b[1];
|
|
20
20
|
var _c = useState([]), list = _c[0], setList = _c[1];
|
|
@@ -61,16 +61,13 @@ export var AutoComplete = function (props) {
|
|
|
61
61
|
;
|
|
62
62
|
return result;
|
|
63
63
|
}, [list, selected]);
|
|
64
|
-
return (React.createElement("div", { className: Props.className("autocomplete", className) },
|
|
64
|
+
return (React.createElement("div", { className: Props.className("autocomplete", className, { expanded: expanded, larger: larger }) },
|
|
65
65
|
React.createElement(AutoCompleteContext.Provider, { value: {
|
|
66
66
|
value: forcedValue,
|
|
67
67
|
select: function () {
|
|
68
|
-
console.log(111, list, selected);
|
|
69
68
|
if (list && list[selected]) {
|
|
70
|
-
console.log(222);
|
|
71
69
|
var v_1 = list[selected].value;
|
|
72
70
|
onSelect(v_1, function () {
|
|
73
|
-
console.log(333);
|
|
74
71
|
setForcedValue(v_1);
|
|
75
72
|
});
|
|
76
73
|
}
|
|
@@ -123,6 +120,7 @@ export var AutoComplete = function (props) {
|
|
|
123
120
|
;
|
|
124
121
|
}
|
|
125
122
|
} }, children),
|
|
126
|
-
React.createElement("div", { className: Props.className("autocomplete-
|
|
123
|
+
React.createElement("div", { className: Props.className("autocomplete-shadowfix", { hidden: !expanded }) }),
|
|
124
|
+
React.createElement("div", { className: Props.className("autocomplete-suggestions"), style: props.style, ref: childrenElem }, suggestions)));
|
|
127
125
|
};
|
|
128
126
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../source/components/AutoComplete/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,CAAC,IAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAC;IACtD,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,UAAE,CAAC,IAAO,CAAC;IACtB,OAAO,EAAE,UAAE,CAAC,IAAO,CAAC;IACpB,QAAQ,EAAE,UAAE,CAAC,IAAO,CAAC;IACrB,OAAO,EAAE,UAAE,CAAC,IAAO,CAAC;IACpB,MAAM,EAAE,UAAE,CAAC,IAAO,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,YAAY,GAAG,UAAE,KAAK;IAC5B,IAAA,SAAS,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../source/components/AutoComplete/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,9 +3,10 @@ import React, { useState, useEffect, useContext, useMemo } from "react";
|
|
|
3
3
|
import { Props } from "../../utility/props";
|
|
4
4
|
import { AutoCompleteContext } from "../../components/AutoComplete";
|
|
5
5
|
import { Text } from "../../components/Typography";
|
|
6
|
+
import { Icons } from "../../components/Icons";
|
|
6
7
|
import "./index.scss";
|
|
7
8
|
export var Input = function (props) {
|
|
8
|
-
var className = props.className, children = props.children, propValue = props.propValue, style = props.style, margin = props.margin, padding = props.padding, placeholder = props.placeholder, tools = props.tools, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, onClear = props.onClear, rest = __rest(props, ["className", "children", "propValue", "style", "margin", "padding", "placeholder", "tools", "onChange", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "onClear"]);
|
|
9
|
+
var className = props.className, children = props.children, propValue = props.propValue, style = props.style, margin = props.margin, padding = props.padding, placeholder = props.placeholder, tools = props.tools, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, onClear = props.onClear, larger = props.larger, rest = __rest(props, ["className", "children", "propValue", "style", "margin", "padding", "placeholder", "tools", "onChange", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "onClear", "larger"]);
|
|
9
10
|
var _a = useState(children), value = _a[0], setValue = _a[1];
|
|
10
11
|
var _b = useState(false), isFocused = _b[0], setIsFocused = _b[1];
|
|
11
12
|
var autocomplete = useContext(AutoCompleteContext);
|
|
@@ -23,6 +24,21 @@ export var Input = function (props) {
|
|
|
23
24
|
return result;
|
|
24
25
|
var index = 0;
|
|
25
26
|
var _loop_1 = function (item) {
|
|
27
|
+
if (typeof item == "string") {
|
|
28
|
+
if (item == "search") {
|
|
29
|
+
item = { icon: React.createElement(Icons.search, { active: true }), direction: 0, onClick: function (event) {
|
|
30
|
+
event.autocomplete.select();
|
|
31
|
+
} };
|
|
32
|
+
}
|
|
33
|
+
else if (item == "clear") {
|
|
34
|
+
item = { icon: React.createElement(Icons.cross, { active: true, style: { fontSize: "70%" } }), direction: 1, onClick: function (event) {
|
|
35
|
+
event.setValue("");
|
|
36
|
+
} };
|
|
37
|
+
}
|
|
38
|
+
else
|
|
39
|
+
return "continue";
|
|
40
|
+
}
|
|
41
|
+
;
|
|
26
42
|
if (!item || !item.icon)
|
|
27
43
|
return "continue";
|
|
28
44
|
if (direction == 1 && (item.direction != 1 && item.direction != "right"))
|
|
@@ -30,7 +46,6 @@ export var Input = function (props) {
|
|
|
30
46
|
if (direction == -1 && (item.direction == 1 || item.direction == "right"))
|
|
31
47
|
return "continue";
|
|
32
48
|
result.push(React.createElement(Text, { key: index, className: Props.classNameEx("input", { "tool": true }), onClick: function (event) {
|
|
33
|
-
console.log(event, item.onClick);
|
|
34
49
|
if (!item.onClick)
|
|
35
50
|
return;
|
|
36
51
|
item.onClick({
|
|
@@ -56,7 +71,7 @@ export var Input = function (props) {
|
|
|
56
71
|
var toolsRight = useMemo(function () {
|
|
57
72
|
return parseTools(tools, 1);
|
|
58
73
|
}, [tools, autocomplete]);
|
|
59
|
-
return (React.createElement("span", { className: Props.className("input", className, { focus: isFocused }), style: style },
|
|
74
|
+
return (React.createElement("span", { className: Props.className("input", className, { focus: isFocused, larger: larger }), style: style },
|
|
60
75
|
React.createElement("span", { className: "input-left" }, toolsLeft),
|
|
61
76
|
React.createElement("input", { placeholder: placeholder, value: value || "", className: "typography", onFocus: function (e) {
|
|
62
77
|
autocomplete.onFocus({ value: e.target.value, event: e });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../source/components/Input/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAc,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../source/components/Input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,17 +19,17 @@ export var AutoCompleteRoute = function (props) {
|
|
|
19
19
|
{ icon: React.createElement(Icons.podcast, null), value: value + " title5" }
|
|
20
20
|
]); } },
|
|
21
21
|
React.createElement(Input, null, "Hello")),
|
|
22
|
-
React.createElement(AutoComplete, { onChange: function (value, callback) { return callback([
|
|
22
|
+
React.createElement(AutoComplete, { larger: true, onChange: function (value, callback) { return callback([
|
|
23
23
|
{ icon: React.createElement(Icons.blog, null), value: value + " title1" },
|
|
24
24
|
{ icon: React.createElement(Icons.image, null), value: value + " title2" },
|
|
25
25
|
{ icon: React.createElement(Icons.camera, null), value: value + " title3" },
|
|
26
26
|
{ icon: React.createElement(Icons.dice, null), value: value + " title4" },
|
|
27
27
|
{ icon: React.createElement(Icons.podcast, null), value: value + " title5" }
|
|
28
28
|
]); } },
|
|
29
|
-
React.createElement(Input, { style: { width: "300px" }, tools: [
|
|
29
|
+
React.createElement(Input, { style: { width: "300px" }, larger: true, tools: [
|
|
30
30
|
{ icon: React.createElement(Icons.search, null), direction: 0 },
|
|
31
31
|
], placeholder: "What would you like to find?" })),
|
|
32
|
-
React.createElement(AutoComplete, { onChange: function (value, callback) { return callback([
|
|
32
|
+
React.createElement(AutoComplete, { larger: true, onChange: function (value, callback) { return callback([
|
|
33
33
|
{ icon: React.createElement(Icons.blog, null), value: value + " title1" },
|
|
34
34
|
{ icon: React.createElement(Icons.image, null), value: value + " title2" },
|
|
35
35
|
{ label: (React.createElement(Text, null,
|
|
@@ -39,13 +39,11 @@ export var AutoCompleteRoute = function (props) {
|
|
|
39
39
|
{ icon: React.createElement(Icons.dice, null), value: value + " title4" },
|
|
40
40
|
{ icon: React.createElement(Icons.podcast, null), value: value + " title5" }
|
|
41
41
|
]); } },
|
|
42
|
-
React.createElement(Input, { style: { width: "300px" }, tools: [
|
|
42
|
+
React.createElement(Input, { style: { width: "300px" }, larger: true, tools: [
|
|
43
43
|
{ icon: React.createElement(Icons.search, { active: true }), direction: 0, onClick: function (event) {
|
|
44
44
|
event.autocomplete.select();
|
|
45
45
|
} },
|
|
46
|
-
|
|
47
|
-
event.setValue("");
|
|
48
|
-
} },
|
|
46
|
+
"clear",
|
|
49
47
|
], placeholder: "What would you like to find?" }))))));
|
|
50
48
|
};
|
|
51
49
|
//# sourceMappingURL=autocomplete.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../../source/examples/routes/autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAE,KAAK;IAEvC,OAAO,CACN,oBAAC,IAAI,IAAC,UAAU,QAAC,OAAO,EAAG,CAAC;QAE3B,oBAAC,IAAI;YACJ,oBAAC,OAAO,uBAAuB;YAE/B,oBAAC,GAAG,IAAC,GAAG,EAAG,IAAI;gBAEd,oBAAC,YAAY,IAAC,QAAQ,EAAE,UAAE,KAAK,EAAE,QAAQ,IAAM,OAAA,QAAQ,CAAC;wBACvD,EAAE,IAAI,EAAE,oBAAC,KAAK,CAAC,IAAI,OAAE,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE;wBACjD,EAAE,IAAI,EAAE,oBAAC,KAAK,CAAC,KAAK,OAAE,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE;wBAClD,EAAE,IAAI,EAAE,oBAAC,KAAK,CAAC,MAAM,OAAE,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE;wBACnD,EAAE,IAAI,EAAE,oBAAC,KAAK,CAAC,IAAI,OAAE,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE;wBACjD,EAAE,IAAI,EAAE,oBAAC,KAAK,CAAC,OAAO,OAAE,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE;qBACpD,CAAC,EAN6C,CAM7C;oBACD,oBAAC,KAAK,gBAAc,CACN;gBAEf,oBAAC,YAAY,IAAC,QAAQ,EAAE,UAAE,KAAK,EAAE,QAAQ,IAAM,OAAA,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../../source/examples/routes/autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/components/Input/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/components/Input/index.tsx"],"names":[],"mappings":"AAMA,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,KAAK,qBA8JjB,CAAC"}
|