@mw-kit/mw-ui 1.3.0 → 1.3.1

package/dist/index.modern.js

@@ -11911,20 +11911,24 @@ var ScrollContainer = function ScrollContainer(props) {
 var _templateObject$6, _templateObject2$4, _templateObject3$4, _templateObject4$4, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 var positions = {
   'top right': function topRight(_ref) {
-    var left = _ref.left;
-    return css(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n    top: 0;\n    left: ", ";\n  "])), left || '100%');
+    var bottom = _ref.bottom,
+        left = _ref.left;
+    return css(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n    top: ", ";\n    left: ", ";\n  "])), bottom ? "calc(100% - " + bottom + ")" : 0, left || '100%');
   },
   'top left': function topLeft(_ref2) {
-    var right = _ref2.right;
-    return css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n    top: 0;\n    right: ", ";\n  "])), right || '100%');
+    var bottom = _ref2.bottom,
+        right = _ref2.right;
+    return css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n    top: ", ";\n    right: ", ";\n  "])), bottom ? "calc(100% - " + bottom + ")" : 0, right || '100%');
   },
   'bottom right': function bottomRight(_ref3) {
-    var left = _ref3.left;
-    return css(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n    bottom: 0;\n    left: ", ";\n  "])), left || '100%');
+    var top = _ref3.top,
+        left = _ref3.left;
+    return css(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n    bottom: ", ";\n    left: ", ";\n  "])), top ? "calc(100% - " + top + ")" : 0, left || '100%');
   },
   'bottom left': function bottomLeft(_ref4) {
-    var right = _ref4.right;
-    return css(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteralLoose(["\n    bottom: 0;\n    right: ", ";\n  "])), right || '100%');
+    var top = _ref4.top,
+        right = _ref4.right;
+    return css(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteralLoose(["\n    bottom: ", ";\n    right: ", ";\n  "])), top ? "calc(100% - " + top + ")" : 0, right || '100%');
   },
   'right top': function rightTop(_ref5) {
     var bottom = _ref5.bottom;
@@ -11982,7 +11986,6 @@ var Container$2 = styled.div(_templateObject9$1 || (_templateObject9$1 = _tagged
 });
 
 var AbsoluteContainer = function AbsoluteContainer(props) {
-  var disableAutoPosition = props.disableAutoPosition || props.position;
   var center = props.center || {
     x: 50,
     y: 75
@@ -12003,7 +12006,8 @@ var AbsoluteContainer = function AbsoluteContainer(props) {
       setFirstRender = _useState3[1];
 
   useEffect(function () {
-    if (disableAutoPosition || !ref) return;
+    setFirstRender(false);
+    if (props.position || !ref) return;
     var width = window.innerWidth;
     var height = window.innerHeight;
 
@@ -12028,10 +12032,8 @@ var AbsoluteContainer = function AbsoluteContainer(props) {
 
       setPosition(_newPosition);
     }
-
-    setFirstRender(false);
   }, [ref]);
-  var htmlProps = filterObject(props, ['center', 'position', 'disableAutoPosition', 'children']);
+  var htmlProps = filterObject(props, ['center', 'position', 'children']);
   return React__default.createElement(Container$2, Object.assign({}, htmlProps, {
     position: position,
     ref: setRef,
@@ -12100,25 +12102,13 @@ var Menu = function Menu(props) {
       open = _props.open,
       close = _props.close,
       options = _props.options,
-      width = _props.width,
-      height = _props.height,
-      maxWidth = _props.maxWidth,
-      maxHeight = _props.maxHeight,
-      bordered = _props.bordered,
-      position = _props.position,
-      disableAutoPosition = _props.disableAutoPosition,
-      axis = _props.axis,
-      references = _props.references,
       onScrollEnd = _props.onScrollEnd,
       before = _props.before,
       after = _props.after,
       scrollHeight = _props.scrollHeight,
       scrollSpacing = _props.scrollSpacing,
-      containerSpacing = _props.containerSpacing,
       children = _props.children,
       loading = _props.loading,
-      center = _props.center,
-      itemSpacing = _props.itemSpacing,
       innerContent = _props.innerContent;
 
   var _useState = useState(-1),
@@ -12150,21 +12140,11 @@ var Menu = function Menu(props) {
     }));
   };
 
+  var absoluteContainerProps = filterObject(props, ['scrollSpacing', 'onScrollEnd', 'before', 'after', 'scrollHeight', 'open', 'close', 'options', 'loading', 'children'], {
+    itemSpacing: 's1'
+  });
   if (!open) return React__default.createElement(React__default.Fragment, null);
-  return React__default.createElement(Container$3, {
-    width: width,
-    height: height,
-    maxWidth: maxWidth,
-    maxHeight: maxHeight,
-    position: position,
-    bordered: bordered,
-    itemSpacing: itemSpacing || 's1',
-    containerSpacing: containerSpacing,
-    disableAutoPosition: disableAutoPosition,
-    axis: axis,
-    references: references,
-    center: center
-  }, React__default.createElement(React__default.Fragment, null, React__default.createElement(ScrollContainer, {
+  return React__default.createElement(Container$3, Object.assign({}, absoluteContainerProps), React__default.createElement(React__default.Fragment, null, React__default.createElement(ScrollContainer, {
     onScrollEnd: onScrollEnd,
     before: before,
     after: after,
@@ -13475,6 +13455,9 @@ var Header$1 = function Header() {
       setSearched = _context$search[1],
       loading = context.loading,
       options = context.options;
+  useEffect(function () {
+    setSearch(searched);
+  }, [searched]);
 
   var onClick = function onClick() {
     setChecked(function (prev) {
@@ -13600,7 +13583,6 @@ var getOptions = function getOptions(props, options, checked, setChecked) {
 
 var Select = React__default.forwardRef(function (props, ref) {
   var position = props.position,
-      disableAutoPosition = props.disableAutoPosition,
       loader = props.loader,
       type = props.type;
 
@@ -13641,7 +13623,7 @@ var Select = React__default.forwardRef(function (props, ref) {
   };
 
   var parsedOptions = getOptions(props, options, checked, setChecked);
-  var inputProps = filterObject(props, ['type', 'onScrollEnd', 'position', 'disableAutoPosition', 'value']);
+  var inputProps = filterObject(props, ['type', 'onScrollEnd', 'position', 'value']);
 
   if (props.type === 'select-multiple') {
     if (props.value.length > 0) {
@@ -13702,8 +13684,9 @@ var Select = React__default.forwardRef(function (props, ref) {
     };
   }, [onSubmit]);
   useEffect(function () {
-    if (!Array.isArray(props.value) || !open) return;
-    setChecked([].concat(props.value));
+    if (open) return;
+    setSearch('');
+    if (Array.isArray(props.value)) setChecked([].concat(props.value));
   }, [props.value, open]);
   return React__default.createElement(Provider.Provider, {
     value: {
@@ -13747,14 +13730,17 @@ var Select = React__default.forwardRef(function (props, ref) {
     bordered: true,
     itemSpacing: type === 'select-multiple' ? undefined : 's3',
     position: position,
-    disableAutoPosition: disableAutoPosition,
     references: {
       bottom: '35px'
     },
     before: React__default.createElement(Header$1, null),
     after: React__default.createElement(Footer$1, null),
     scrollHeight: props.search ? '135px' : '165px',
-    loading: loading
+    loading: loading,
+    center: props.center || {
+      x: 50,
+      y: 50
+    }
   })));
 });
 Select.displayName = 'Select';