@plurid/plurid-ui-components-react 0.0.0-12 → 0.0.0-13
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/distribution/components/universal/inputs/Dropdown/index.d.ts +1 -0
- package/distribution/components/universal/inputs/Textline/index.d.ts +3 -3
- package/distribution/index.es.js +12 -4
- package/distribution/index.es.js.map +1 -1
- package/distribution/index.js +12 -4
- package/distribution/index.js.map +1 -1
- package/package.json +20 -20
package/distribution/index.js
CHANGED
|
@@ -1038,7 +1038,9 @@ const Textline = React.forwardRef(((properties, reference) => {
|
|
|
1038
1038
|
}, React__default["default"].createElement("input", {
|
|
1039
1039
|
type: _type,
|
|
1040
1040
|
value: text,
|
|
1041
|
-
onChange:
|
|
1041
|
+
onChange: event => {
|
|
1042
|
+
atChange(event, event.target.value);
|
|
1043
|
+
},
|
|
1042
1044
|
onKeyDown: handleKeyDown,
|
|
1043
1045
|
onFocus: atFocus,
|
|
1044
1046
|
onBlur: atBlur,
|
|
@@ -1107,6 +1109,7 @@ const StyledDropdownList = styled__default["default"].div`
|
|
|
1107
1109
|
}
|
|
1108
1110
|
}};
|
|
1109
1111
|
color: ${props => props.theme.colorPrimary};
|
|
1112
|
+
position: absolute;
|
|
1110
1113
|
left: ${props => {
|
|
1111
1114
|
if (props.left) {
|
|
1112
1115
|
return "0px";
|
|
@@ -1118,6 +1121,12 @@ const StyledDropdownList = styled__default["default"].div`
|
|
|
1118
1121
|
return "auto";
|
|
1119
1122
|
}
|
|
1120
1123
|
return "0px";
|
|
1124
|
+
}};
|
|
1125
|
+
top: ${props => {
|
|
1126
|
+
if (props.listTop) {
|
|
1127
|
+
return props.listTop;
|
|
1128
|
+
}
|
|
1129
|
+
return "25px";
|
|
1121
1130
|
}};
|
|
1122
1131
|
height: ${props => {
|
|
1123
1132
|
if (props.heightItems) {
|
|
@@ -1154,8 +1163,6 @@ const StyledDropdownList = styled__default["default"].div`
|
|
|
1154
1163
|
return "initial";
|
|
1155
1164
|
}};
|
|
1156
1165
|
|
|
1157
|
-
position: absolute;
|
|
1158
|
-
top: 25px;
|
|
1159
1166
|
border-radius: 10px;
|
|
1160
1167
|
min-width: 60px;
|
|
1161
1168
|
|
|
@@ -1237,7 +1244,7 @@ const StyledFilterUpdate = styled__default["default"].div`
|
|
|
1237
1244
|
`;
|
|
1238
1245
|
|
|
1239
1246
|
const Dropdown = properties => {
|
|
1240
|
-
const {selected: selected, selectables: selectables, atSelect: atSelect, left: left, kind: kind, dropdownToggled: dropdownToggled, hideAtSelect: hideAtSelect, selectAtHover: selectAtHover, selectedColor: selectedColor, filterable: filterable, style: style, className: className, theme: themeProperty, generalTheme: generalThemeProperty, interactionTheme: interactionThemeProperty, level: level, heightItems: heightItems, width: width, setDropdownToggled: setDropdownToggled, filterUpdate: filterUpdate} = properties;
|
|
1247
|
+
const {selected: selected, selectables: selectables, atSelect: atSelect, left: left, kind: kind, listTop: listTop, dropdownToggled: dropdownToggled, hideAtSelect: hideAtSelect, selectAtHover: selectAtHover, selectedColor: selectedColor, filterable: filterable, style: style, className: className, theme: themeProperty, generalTheme: generalThemeProperty, interactionTheme: interactionThemeProperty, level: level, heightItems: heightItems, width: width, setDropdownToggled: setDropdownToggled, filterUpdate: filterUpdate} = properties;
|
|
1241
1248
|
const _generalTheme = generalThemeProperty === undefined ? themeProperty === undefined ? themes.plurid : themeProperty : generalThemeProperty;
|
|
1242
1249
|
const _interactionTheme = interactionThemeProperty === undefined ? themeProperty === undefined ? themes.plurid : themeProperty : interactionThemeProperty;
|
|
1243
1250
|
const _level = level !== null && level !== void 0 ? level : 0;
|
|
@@ -1409,6 +1416,7 @@ const Dropdown = properties => {
|
|
|
1409
1416
|
}, typeof selected === "string" ? selected : selected.value), showList && React__default["default"].createElement(StyledDropdownList, {
|
|
1410
1417
|
theme: interactionTheme,
|
|
1411
1418
|
left: left,
|
|
1419
|
+
listTop: listTop,
|
|
1412
1420
|
level: _level,
|
|
1413
1421
|
heightItems: heightItems && filterable && filteredSelectables.length < heightItems ? filteredSelectables.length + 1 : heightItems,
|
|
1414
1422
|
heightBeyond: filteredSelectables.length > (heightItems || 0),
|