@mw-kit/mw-ui 1.3.0 → 1.3.1

package/dist/components/AbsoluteContainer/interfaces.d.ts

@@ -21,7 +21,6 @@ export interface AbsoluteContainerProps extends CommonProps {
         x: number;
         y: number;
     };
-    disableAutoPosition?: boolean;
 }
 export interface ContainerProps extends CommonProps {
     position: Position;

package/dist/components/Input/components/Select/interfaces.d.ts

@@ -20,9 +20,12 @@ export declare type Loader = (search: string, page: number) => Promise<LoaderRet
 interface CommonProps extends Omit<InputProps, 'type' | 'mask' | 'icon' | 'setValue' | 'name' | 'value' | 'onChange'> {
     onScrollEnd?: () => Promise<void>;
     position?: Position;
-    disableAutoPosition?: boolean;
     loader: Loader;
     search?: boolean;
+    center?: {
+        x: number;
+        y: number;
+    };
 }
 export interface OneSelectProps extends CommonProps {
     type: 'select';

package/dist/components/Menu/interfaces.d.ts

@@ -37,11 +37,6 @@ export interface CommonProps extends Omit<AbsoluteContainerProps, 'children'> {
     bordered?: boolean;
     containerSpacing?: SpacingOrZero | Omit<Spacings, 'right'>;
     itemSpacing?: SpacingOrZero | Spacings;
-    scrollSpacing?: SpacingOrZero | Spacings;
-    onScrollEnd?: () => void;
-    before?: ElementOrString;
-    after?: ElementOrString;
-    scrollHeight?: string;
     children?: JSX.Element | (string & (string | JSX.Element | undefined)) | null;
 }
 export interface MenuProps<T = undefined> extends CommonProps {
@@ -50,6 +45,11 @@ export interface MenuProps<T = undefined> extends CommonProps {
     options: Option<T>[];
     loading?: boolean;
     innerContent?: ElementOrString;
+    scrollSpacing?: SpacingOrZero | Spacings;
+    onScrollEnd?: () => void;
+    before?: ElementOrString;
+    after?: ElementOrString;
+    scrollHeight?: string;
 }
 export declare type ContainerProps = CommonProps;
 export declare type MenuInterface = <T = undefined>(props: MenuProps<T>) => JSX.Element;

package/dist/index.js

@@ -11914,20 +11914,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 styled.css(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n    top: 0;\n    left: ", ";\n  "])), left || '100%');
+    var bottom = _ref.bottom,
+        left = _ref.left;
+    return styled.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 styled.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n    top: 0;\n    right: ", ";\n  "])), right || '100%');
+    var bottom = _ref2.bottom,
+        right = _ref2.right;
+    return styled.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 styled.css(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n    bottom: 0;\n    left: ", ";\n  "])), left || '100%');
+    var top = _ref3.top,
+        left = _ref3.left;
+    return styled.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 styled.css(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteralLoose(["\n    bottom: 0;\n    right: ", ";\n  "])), right || '100%');
+    var top = _ref4.top,
+        right = _ref4.right;
+    return styled.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;
@@ -11985,7 +11989,6 @@ var Container$2 = styled__default.div(_templateObject9$1 || (_templateObject9$1
 });
 
 var AbsoluteContainer = function AbsoluteContainer(props) {
-  var disableAutoPosition = props.disableAutoPosition || props.position;
   var center = props.center || {
     x: 50,
     y: 75
@@ -12006,7 +12009,8 @@ var AbsoluteContainer = function AbsoluteContainer(props) {
       setFirstRender = _useState3[1];
 
   React.useEffect(function () {
-    if (disableAutoPosition || !ref) return;
+    setFirstRender(false);
+    if (props.position || !ref) return;
     var width = window.innerWidth;
     var height = window.innerHeight;
 
@@ -12031,10 +12035,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,
@@ -12103,25 +12105,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 = React.useState(-1),
@@ -12153,21 +12143,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,
@@ -13478,6 +13458,9 @@ var Header$1 = function Header() {
       setSearched = _context$search[1],
       loading = context.loading,
       options = context.options;
+  React.useEffect(function () {
+    setSearch(searched);
+  }, [searched]);
 
   var onClick = function onClick() {
     setChecked(function (prev) {
@@ -13603,7 +13586,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;
 
@@ -13644,7 +13626,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) {
@@ -13705,8 +13687,9 @@ var Select = React__default.forwardRef(function (props, ref) {
     };
   }, [onSubmit]);
   React.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: {
@@ -13750,14 +13733,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';