chore(modifiers): set private and protected (#1018) (#1058)

Author: doyakovlev

src/amount/amount.tsx

@@ -89,7 +89,7 @@ export type AmountProps = {
  */
 @performance(true)
 export class Amount extends React.Component<AmountProps> {
-    cn = createCn('amount');
+    protected cn = createCn('amount');
 
     static defaultProps: Partial<AmountProps> = {
         size: 'm',

src/attach/attach.tsx

@@ -180,7 +180,7 @@ export type AttachProps = {
  * Компонент прикрепления файлов.
  */
 export class Attach extends React.PureComponent<AttachProps> {
-    cn = createCn('attach');
+    protected cn = createCn('attach');
 
     static defaultProps: Partial<AttachProps> = {
         buttonContent: 'Выберите файл',
@@ -197,8 +197,8 @@ export class Attach extends React.PureComponent<AttachProps> {
         value: []
     };
 
+    // TODO [issues/1018] переписать тесты нужно, что бы private был
     input: HTMLInputElement;
-
     root: HTMLSpanElement;
 
     // eslint-disable-next-line camelcase

src/button/button.tsx

@@ -180,7 +180,7 @@ export type ButtonProps = {
  * Компонент кнопки (да, она нажимается!).
  */
 export class Button extends React.PureComponent<ButtonProps> {
-    cn = createCn('button');
+    protected cn = createCn('button');
 
     static defaultProps: Partial<ButtonProps> = {
         type: 'button',
@@ -195,7 +195,7 @@ export class Button extends React.PureComponent<ButtonProps> {
         pressed: false
     };
 
-    control: HTMLButtonElement | HTMLSpanElement;
+    private control: HTMLButtonElement | HTMLSpanElement;
 
     // eslint-disable-next-line camelcase
     UNSAFE_componentWillReceiveProps(nextProps) {

src/calendar-input/calendar-input.tsx

@@ -222,7 +222,7 @@ export type CalendarInputProps = {
  */
 @performance(true)
 export class CalendarInput extends React.Component<CalendarInputProps> {
-    cn = createCn('calendar-input');
+    protected cn = createCn('calendar-input');
 
     static defaultProps: Partial<CalendarInputProps> = {
         withIcon: true,
@@ -245,35 +245,27 @@ export class CalendarInput extends React.Component<CalendarInputProps> {
         )
     };
 
-    /**
-     * @type {Number}
-     */
-    timeoutId;
+    private timeoutId;
 
-    /**
-     * @type {Number}
-     */
-    changeCloseTimeoutId;
+    private changeCloseTimeoutId;
 
     /**
      * @type {Calendar}
      */
-    calendar;
+    private calendar;
 
     /**
      * @type {Popup}
      */
-    calendarPopup;
+    private calendarPopup;
 
     /**
      * @type {Input}
      */
+    // TODO [issues/1018] переписать тесты нужно, что бы private был
     customCalendarTarget;
 
-    /**
-     * @type {HTMLInputElement}
-     */
-    nativeCalendarTarget;
+    private nativeCalendarTarget;
 
     componentDidMount() {
         if (this.calendarPopup) {

src/calendar/calendar.tsx

@@ -171,7 +171,7 @@ type CalendarState = {
  */
 @performance(true)
 export class Calendar extends React.Component<CalendarProps, CalendarState> {
-    cn = createCn('calendar');
+    protected cn = createCn('calendar');
 
     static defaultProps: Partial<CalendarProps> = {
         selectedFrom: null,
@@ -191,21 +191,21 @@ export class Calendar extends React.Component<CalendarProps, CalendarState> {
         month: startOfMonth(new Date())
     };
 
-    root: HTMLDivElement;
+    private root: HTMLDivElement;
 
-    blurTimeoutId: number = null;
+    private blurTimeoutId: number = null;
 
-    years = [];
+    private years = [];
 
-    earlierLimit: Date;
+    private earlierLimit: Date;
 
-    laterLimit: Date;
+    private laterLimit: Date;
 
-    value: Date;
+    private value: Date;
 
-    selectedTo: Date;
+    private selectedTo: Date;
 
-    selectedFrom: Date;
+    private selectedFrom: Date;
 
     // eslint-disable-next-line camelcase
     UNSAFE_componentWillMount() {

src/card-input/card-input.tsx

@@ -17,7 +17,7 @@ export type CardInputProps = InputProps & {
  * Поле ввода номера карты с маской.
  */
 export class CardInput extends React.PureComponent<CardInputProps> {
-    cn = createCn('card-input');
+    protected cn = createCn('card-input');
 
     static defaultProps: Partial<CardInputProps> = {
         placeholder: '0000 0000 0000 0000 00'
@@ -26,6 +26,7 @@ export class CardInput extends React.PureComponent<CardInputProps> {
     /**
      * @type {Input}
      */
+    // TODO [issues/1018] переписать тесты нужно, что бы private был
     root;
 
     render() {

src/checkbox-group/checkbox-group.tsx

@@ -92,7 +92,7 @@ export type CheckBoxGroupProps = ({
  * Компонент группы чекбоксов.
  */
 export class CheckBoxGroup extends React.PureComponent<CheckBoxGroupProps> {
-    cn = createCn('checkbox-group');
+    protected cn = createCn('checkbox-group');
 
     static defaultProps: Partial<CheckBoxGroupProps> = {
         type: 'normal'
@@ -102,6 +102,7 @@ export class CheckBoxGroup extends React.PureComponent<CheckBoxGroupProps> {
         value: []
     };
 
+    // TODO [issues/1018] переписать тесты нужно, что бы private был
     checkboxes: any[];
 
     render() {

src/checkbox/checkbox.tsx

@@ -126,7 +126,7 @@ export type CheckboxProps = ({
  * Компонент чекбокса.
  */
 export class CheckBox extends React.PureComponent<CheckboxProps> {
-    cn = createCn('checkbox');
+    protected cn = createCn('checkbox');
 
     static defaultProps: Partial<CheckboxProps> = {
         type: 'normal',
@@ -139,7 +139,7 @@ export class CheckBox extends React.PureComponent<CheckboxProps> {
         checked: false
     };
 
-    root;
+    private root;
 
     render() {
         const checked = this.props.checked === undefined ? this.state.checked : this.props.checked;

src/collapse/collapse.tsx

@@ -62,7 +62,7 @@ export type CollapseProps = {
  * Компонент «подката» позволяет спрятать кусок текста за ссылку «Еще...».
  */
 export class Collapse extends React.PureComponent<CollapseProps> {
-    cn = createCn('collapse');
+    protected cn = createCn('collapse');
 
     static defaultProps: Partial<CollapseProps> = {
         expandedLabel: 'Collapse',
@@ -73,6 +73,7 @@ export class Collapse extends React.PureComponent<CollapseProps> {
         isExpanded: false
     };
 
+    // TODO [issues/1018] переписать тесты нужно, что бы private был
     content;
     contentCase;
 

src/dropdown/dropdown.tsx

@@ -119,7 +119,7 @@ export type DropdownProps = {
  * Компонент «выпадашка»: ссылка или кнопка. По клику показывается Popup.
  */
 export class Dropdown extends React.PureComponent<DropdownProps> {
-    cn = createCn('dropdown');
+    protected cn = createCn('dropdown');
 
     static defaultProps: Partial<DropdownProps> = {
         switcherType: 'link',
@@ -137,8 +137,8 @@ export class Dropdown extends React.PureComponent<DropdownProps> {
         popupHovered: false
     };
 
-    popup;
-    switcher;
+    private popup;
+    private switcher;
 
     componentDidMount() {
         this.popup.setTarget(this.switcher.getNode());