@evo/mobile-region-selector

Usage

Пример:

// Отдельно импортировать стили в зависимости от проекта
// Пример на uaprom и сms-ui:
import '@evo/mobile-region-selector/dist/style.css?global';

const columnIds = [194009, 194003000, 194004000, 194013000, 194015001, 194000000, 194020000];
const regionsMap = require('./fakeData/regionsMap.json');
const regionsTree = require('./fakeData/regionsTree.json');
const MobileView = require('./helper/MobileView').default;
const Overlay = require('./Overlay').default;

<MobileView>
    <Overlay title='Выбор региона' visible onClose={() => console.log('Close overlay')}>
        <MobileRegionSelector
          columnIds={columnIds}
          regionsMap={regionsMap}
          regionsTree={regionsTree}
          currentRegionId={194}
          countryId={194}
          onRegionSelect={() => console.log('Region selected')}
          onDeliveryChange={() => console.log('Delivery changed')}
          regionDelivery
        />
    </Overlay>
</MobileView>

Dependencies

В проекте, который будет использовать данный компонент, должны быть установлены следующие зависимости:

"peerDependencies": {
    "classnames": "^2.2.5",
    "prop-types": "^15.6.1",
    "react": "^16.3.2",
    "react-dom": "^16.3.2"
}