react-elegant-ui/esm/components/Select/Select.registry/desktop.js

Elegant UI components, made by BEM best practices for react

import { Registry } from '../../../lib/di';
import { withDefaultProps } from '../../../hocs/withDefaultProps';
// Artefacts
import { Button } from '../../Button/Button.bundle/desktop';
import { Icon } from '../../Icon/Icon.bundle/desktop';
import { Popup } from '../../Popup/Popup.bundle/desktop';
import { Menu } from '../../Menu/Menu.bundle/desktop';
import { applyMaxHeight, applyMinWidth } from '../../../hooks/behavior/usePopper';
import { cnSelect } from '../Select@desktop';
import { SelectTrigger } from '../Trigger/Select-Trigger';
import { SelectList } from '../List/Select-List';
import { SelectPopup } from '../Popup/Select-Popup';
export var regObjects = {
  Trigger: SelectTrigger,
  // ButtonTrigger features
  Button: withDefaultProps(Button, {
    view: 'default',
    size: 'm'
  }),
  Icon: withDefaultProps(Icon, {
    glyph: 'unfold-more',
    size: 's'
  }),
  // Desktop features
  PopupComponent: withDefaultProps(Popup, {
    // at the moment `applyMaxHeight` decrease block size while scroll, it's bug
    modifiers: [applyMaxHeight, applyMinWidth],
    view: 'default'
  }),
  Popup: SelectPopup,
  Menu: withDefaultProps(Menu, {
    size: 'm',
    isRenderHidden: true
  }),
  List: SelectList
};
export var SelectDesktopRegistry = new Registry({
  id: cnSelect()
}).fill(regObjects);