@rpg-engine/long-bow 0.5.75 → 0.5.76
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/dist/components/Dropdown.d.ts +1 -0
- package/dist/long-bow.cjs.development.js +10 -7
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +10 -7
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Dropdown.tsx +14 -6
- package/src/stories/Dropdown.stories.tsx +10 -2
package/dist/long-bow.esm.js
CHANGED
|
@@ -14886,7 +14886,9 @@ var ItemTypes = /*#__PURE__*/styled.div.withConfig({
|
|
|
14886
14886
|
var Dropdown = function Dropdown(_ref) {
|
|
14887
14887
|
var options = _ref.options,
|
|
14888
14888
|
width = _ref.width,
|
|
14889
|
-
onChange = _ref.onChange
|
|
14889
|
+
onChange = _ref.onChange,
|
|
14890
|
+
_ref$opensUp = _ref.opensUp,
|
|
14891
|
+
opensUp = _ref$opensUp === void 0 ? false : _ref$opensUp;
|
|
14890
14892
|
var dropdownId = v4();
|
|
14891
14893
|
var _useState = useState(''),
|
|
14892
14894
|
selectedValue = _useState[0],
|
|
@@ -14906,10 +14908,6 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14906
14908
|
return o.value === selectedValue;
|
|
14907
14909
|
}).length < 1;
|
|
14908
14910
|
}
|
|
14909
|
-
/**
|
|
14910
|
-
* make a selection if there is no selected value already present
|
|
14911
|
-
* or if there is a selected value but its not in new options
|
|
14912
|
-
*/
|
|
14913
14911
|
if (change) {
|
|
14914
14912
|
setSelectedValue(firstOption.value);
|
|
14915
14913
|
setSelectedOption(firstOption.option);
|
|
@@ -14936,7 +14934,8 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14936
14934
|
}
|
|
14937
14935
|
}, React.createElement("label", null, "\u25BC"), " ", selectedOption), React.createElement(DropdownOptions$1, {
|
|
14938
14936
|
className: "rpgui-dropdown-imp",
|
|
14939
|
-
opened: opened
|
|
14937
|
+
opened: opened,
|
|
14938
|
+
opensUp: opensUp
|
|
14940
14939
|
}, options.map(function (option) {
|
|
14941
14940
|
return React.createElement("li", {
|
|
14942
14941
|
key: option.id,
|
|
@@ -14961,8 +14960,12 @@ var DropdownSelect$1 = /*#__PURE__*/styled.p.withConfig({
|
|
|
14961
14960
|
var DropdownOptions$1 = /*#__PURE__*/styled.ul.withConfig({
|
|
14962
14961
|
displayName: "Dropdown__DropdownOptions",
|
|
14963
14962
|
componentId: "sc-8arn65-2"
|
|
14964
|
-
})(["position:absolute;width:100%;max-height:300px;overflow-y:auto;display:", ";box-sizing:border-box;@media (max-width:768px){padding:8px 0;}"], function (props) {
|
|
14963
|
+
})(["position:absolute;width:100%;max-height:300px;overflow-y:auto;display:", ";box-sizing:border-box;bottom:", ";top:", ";margin:0;padding:0;@media (max-width:768px){padding:8px 0;}"], function (props) {
|
|
14965
14964
|
return props.opened ? 'block' : 'none';
|
|
14965
|
+
}, function (props) {
|
|
14966
|
+
return props.opensUp ? '100%' : 'auto';
|
|
14967
|
+
}, function (props) {
|
|
14968
|
+
return props.opensUp ? 'auto' : '100%';
|
|
14966
14969
|
});
|
|
14967
14970
|
|
|
14968
14971
|
var DropdownSelectorContainer = function DropdownSelectorContainer(_ref) {
|