myrta-ui 17.0.20 → 17.0.22

package/src/lib/components/form/checkbox-group/checkbox-group.component.ts

@@ -1,211 +0,0 @@
-import {
-  ChangeDetectionStrategy, ChangeDetectorRef,
-  Component,
-  ElementRef,
-  EventEmitter,
-  forwardRef, Injectable,
-  Input,
-  Output,
-  ViewChild
-} from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import {
-  CheckboxGroupInnerItem,
-  CheckboxGroupItem,
-  CheckboxGroupValueInnerWithId,
-  CheckboxGroupValueWithId
-} from './models/checkbox-group.model';
-import { cloneDeep } from 'lodash-es';
-import { getSortedList } from './helpers/get-sorted-list';
-import { filterSearchGroup } from './helpers/filter-search-group';
-import { getItemInnerById } from './helpers/get-item-by-id';
-import { changeItemValue, changeListValue } from './helpers/change-item-value';
-import { changeGroupValue } from './helpers/change-group-value';
-import { getCheckedItems } from './helpers/get-checked-items';
-import { v4 as uuid } from 'uuid';
-import { Field } from '../../../services';
-import { getInnerList } from './helpers/get-inner-list.helper';
-import { innerListToList } from './helpers/inner-list-to-list.helper';
-
-@Injectable({
-  providedIn: CheckboxGroupComponent
-})
-@Component({
-  selector: 'mrx-checkbox-group',
-  templateUrl: './checkbox-group.component.html',
-  styleUrls: ['./checkbox-group.component.less'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => CheckboxGroupComponent),
-      multi: true,
-    },
-  ],
-})
-export class CheckboxGroupComponent implements ControlValueAccessor {
-  private _groupItemsWrapperHeight = 0;
-  private _searchValue = '';
-
-  public list: CheckboxGroupItem[] = [];
-  public innerList: CheckboxGroupInnerItem[] = [];
-
-  public checkedList: CheckboxGroupInnerItem[] = [];
-  public filteredList: CheckboxGroupInnerItem[] = [];
-
-  // SAVE STATE
-  public uuid: string = uuid();
-  @Input() public fields: Field[] = [];
-
-  @Input() public scrollMaxHeight = 200;
-  @Input() public searchable = false;
-  @Input() public scrollable = false;
-  @Input() public sortable = false;
-  @Input() public disabled = false;
-  @Input() public readonly = false;
-  @Input() public enableMessage = 'Ничего не найдено';
-  @Input() public searchPlaceholder = '';
-  @Input() public customClasses = '';
-
-  // TOOLTIP
-  @Input() tooltip = '';
-
-  // LABEL
-  @Input() labelText = '';
-  @Input() linkText = '';
-
-  // VALIDATE
-  @Input() public invalid = false;
-  @Input() public invalidMessage: string | string[] = '';
-
-  @Input() set items(list: CheckboxGroupItem[]) {
-    this.list = list;
-    this._updateModifiedList();
-  }
-
-  get items(): CheckboxGroupInnerItem[] {
-    return this.filteredList;
-  }
-
-  @ViewChild('groupItemsWrapper') groupItemsWrapper!: ElementRef;
-
-  @Output() public changed: EventEmitter<CheckboxGroupItem[]> = new EventEmitter<CheckboxGroupItem[]>();
-  @Output() public modelChange: EventEmitter<CheckboxGroupValueWithId> = new EventEmitter<CheckboxGroupValueWithId>();
-
-  @Output() public changedInner: EventEmitter<CheckboxGroupInnerItem[]> = new EventEmitter<CheckboxGroupInnerItem[]>();
-  @Output() public modelChangeInner: EventEmitter<CheckboxGroupValueInnerWithId> = new EventEmitter<CheckboxGroupValueInnerWithId>();
-
-  @Output() public modelItemChange: EventEmitter<CheckboxGroupInnerItem> = new EventEmitter<CheckboxGroupInnerItem>();
-
-  constructor(private _detector: ChangeDetectorRef) {
-  }
-
-  public get isSearchValue(): string {
-    return this._searchValue;
-  }
-
-  public get displaced(): boolean {
-    return this.list.some((item: CheckboxGroupItem) => item.items?.length);
-  }
-
-  public get getInvalid(): boolean {
-    return this.invalid;
-  }
-
-  public get getInvalidMessage(): string | string[] {
-    return this.invalidMessage;
-  }
-
-  public get getClasses(): string {
-    return `${this.customClasses}`;
-  }
-
-  public get getShowScroll(): boolean {
-    return this._groupItemsWrapperHeight > this.scrollMaxHeight;
-  }
-
-  public trackByFn(index: number, item: CheckboxGroupInnerItem) {
-    return item.id;
-  }
-
-  private onChange = (value: CheckboxGroupItem[]) => {
-  };
-  private onTouched = () => {
-  };
-
-  public writeValue(selectedValue: CheckboxGroupItem[]): void {
-    if (selectedValue !== null) {
-      this.checkedList = getInnerList(selectedValue, this.checkedList);
-      this._updateModifiedList();
-    }
-  }
-
-  private _updateModifiedList() {
-    this.innerList = getInnerList(this.list, this.checkedList);
-    this.filteredList = getSortedList(this.innerList, this.sortable);
-  }
-
-  public checkHeightGroupWrapper(): void {
-    this._groupItemsWrapperHeight = this.groupItemsWrapper.nativeElement.scrollHeight;
-  }
-
-  public updateCheckboxGroupSearchValue(searchValue: string): void {
-    this._searchValue = searchValue;
-    this.filteredList = filterSearchGroup(this.innerList, this._searchValue);
-  }
-
-  public checkboxChanged({value, item}: { value: boolean | null; item: CheckboxGroupInnerItem }) {
-    const cloneList: CheckboxGroupInnerItem[] = cloneDeep(this.filteredList);
-    const findItem: CheckboxGroupInnerItem | null = getItemInnerById(cloneList, item.id);
-    let changedItem: CheckboxGroupInnerItem | null = null;
-
-    if (findItem) {
-      changedItem = changeItemValue(findItem, value);
-      changeGroupValue(cloneList, item.parentId, value);
-      getSortedList(cloneList, this.sortable);
-    }
-
-    this.filteredList = cloneList;
-    this.checkedList = getCheckedItems(cloneList);
-    this.updateValue(this.filteredList, this.checkedList);
-
-    if (changedItem) {
-      this.modelItemChange.emit(changedItem);
-    }
-
-    this._detector.detectChanges();
-  }
-
-  public clearFilters() {
-    const cloneList: CheckboxGroupInnerItem[] = cloneDeep(this.filteredList);
-
-    changeListValue(cloneList, false);
-    getSortedList(cloneList, this.sortable);
-
-    this.filteredList = cloneList;
-    this.checkedList = getCheckedItems(cloneList);
-    this.updateValue(this.filteredList, this.checkedList);
-  }
-
-  public registerOnChange(fn: any): void {
-    this.onChange = fn;
-  }
-
-  public registerOnTouched(fn: any): void {
-    this.onTouched = fn;
-  }
-
-  public updateValue(list: CheckboxGroupItem[], checkedList: CheckboxGroupInnerItem[]): void {
-    const clearedList = innerListToList(checkedList)
-    const clearedInnerList = innerListToList(this.innerList)
-
-    this.changed.emit(clearedList);
-    this.modelChange.emit({value: clearedList, full: clearedInnerList, id: this.uuid});
-
-    this.changedInner.emit(checkedList);
-    this.modelChangeInner.emit({value: checkedList, full: this.innerList, id: this.uuid});
-
-    this.onChange(checkedList);
-    this.onTouched();
-  }
-}

package/src/lib/components/form/checkbox-group/checkbox-group.module.ts

@@ -1,27 +0,0 @@
-import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { CheckboxGroupComponent } from './checkbox-group.component';
-import { FormsModule } from '@angular/forms';
-import { CheckboxModule } from '../checkbox/checkbox.module';
-import { CheckboxGroupItemComponent } from './components/checkbox-group-item/checkbox-group-item.component';
-import { CheckboxGroupHeaderComponent } from './components/checkbox-group-header/checkbox-group-header.component';
-import { ErrorMessageModule } from '../../error-message/error-message.module';
-import { LabelModule } from '../../label/label.module';
-import { SaveStateModule } from '../../save-state/save-state.module';
-import { InputSearchModule } from '../input-search/input-search.module';
-
-@NgModule({
-  declarations: [CheckboxGroupComponent, CheckboxGroupItemComponent, CheckboxGroupHeaderComponent],
-  imports: [
-    CommonModule,
-    FormsModule,
-    CheckboxModule,
-    InputSearchModule,
-    LabelModule,
-    SaveStateModule,
-    ErrorMessageModule
-  ],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  exports: [CheckboxGroupComponent]
-})
-export class CheckboxGroupModule { }

package/src/lib/components/form/checkbox-group/components/checkbox-group-header/checkbox-group-header.component.html

@@ -1,16 +0,0 @@
-<mrx-label
-  *ngIf="labelText"
-  [counter]="checkedItemsCount"
-  [linkText]="linkText"
-  [tooltip]="tooltip"
-  (clickedLink)="onClearFilters()"
->{{ labelText }}</mrx-label>
-
-<div class="mrx-checkbox-group-head--search" *ngIf="searchable">
-  <mrx-input-search
-    [ngModel]="searchValue"
-    [size]="'medium'"
-    [placeholder]="searchPlaceholder"
-    (ngModelChange)="changeSearchValue($event)"
-  ></mrx-input-search>
-</div>

package/src/lib/components/form/checkbox-group/components/checkbox-group-header/checkbox-group-header.component.less

@@ -1,5 +0,0 @@
-.mrx-checkbox-group-head {
-  &--search {
-    margin-bottom: 12px;
-  }
-}

package/src/lib/components/form/checkbox-group/components/checkbox-group-header/checkbox-group-header.component.ts

@@ -1,34 +0,0 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
-import { CheckboxGroupSearchValue } from '../../models/checkbox-group.model';
-
-@Component({
-  selector: 'mrx-checkbox-group-header',
-  templateUrl: './checkbox-group-header.component.html',
-  styleUrls: ['./checkbox-group-header.component.less'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class CheckboxGroupHeaderComponent {
-  public searchValue = ''
-
-  @Input() searchable = false
-  @Input() searchPlaceholder = ''
-
-  // LABEL
-  @Input() tooltip = ''
-  @Input() labelText = ''
-  @Input() linkText = ''
-  @Input() checkedItemsCount = 0
-
-  @Output() public updateCheckboxGroupSearchValue: EventEmitter<string> = new EventEmitter<string>();
-  @Output() public clearFilters: EventEmitter<null> = new EventEmitter<null>();
-
-  constructor() { }
-
-  public changeSearchValue(searchValue: CheckboxGroupSearchValue): void {
-    this.updateCheckboxGroupSearchValue.emit(searchValue)
-  }
-
-  public onClearFilters(): void {
-    this.clearFilters.emit()
-  }
-}

package/src/lib/components/form/checkbox-group/components/checkbox-group-item/checkbox-group-item.component.html

@@ -1,50 +0,0 @@
-<div class="mrx-checkbox-group__item" [class.mrx-checkbox-group__item--buttom-ident]="!isLast">
-  <div class="mrx-checkbox-group__item--array" *ngIf="item.items?.length && level < 10; else singleCheckboxTemplate">
-    <div class="mrx-checkbox-group__item--array-head">
-      <div class="mrx-checkbox-group__item--head-icon mr-1">
-        <span
-          class="mrx-icon icon-chevron-down icon-font-16 cursor-pointer"
-          (click)="toggleList(item)"
-          [style.transform]="translateChevron"
-          ></span>
-      </div>
-
-      <mrx-checkbox
-          [ngModel]="item.value"
-          [indeterminate]="isIndeterminate"
-          (ngModelChange)="checkboxChangeModel($event, item)"
-      >{{ item.text }}</mrx-checkbox>
-    </div>
-
-    <div class="mrx-checkbox-group__item--array-list" [@openList]="isOpen ? 'open' : 'close'" (@openList.done)="onAnimationEvent()">
-      <ng-container>
-        <mrx-checkbox-group-item
-            *ngFor="let item of item.items; trackBy: trackByFn"
-            [level]="level + 1"
-            [item]="item"
-            [displaced]="true"
-            [animationTrigger]="animationTrigger"
-            [disabled]="disabled"
-            [readonly]="readonly"
-            [invalid]="invalid"
-            (checkboxChanged)="checkboxChanged.emit($event)"
-        ></mrx-checkbox-group-item>
-      </ng-container>
-    </div>
-  </div>
-
-  <ng-template #singleCheckboxTemplate>
-    <div class="mrx-checkbox-group__item--single" [class.item-displaced]="displaced">
-      <mrx-checkbox
-          [ngModel]="item.value"
-          [indeterminate]="false"
-          [disabled]="disabled"
-          [readonly]="readonly"
-          [invalid]="invalid"
-          (ngModelChange)="checkboxChangeModel($event, item)"
-      >{{ item.text }}</mrx-checkbox>
-    </div>
-  </ng-template>
-</div>
-
-

package/src/lib/components/form/checkbox-group/components/checkbox-group-item/checkbox-group-item.component.less

@@ -1,23 +0,0 @@
-.mrx-checkbox-group__item {
-  &--single {
-    &.item-displaced {
-      margin-left: 20px;
-    }
-  }
-
-  &--array {
-    &-head {
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-    }
-
-    &-list {
-      padding-left: 20px;
-    }
-  }
-
-  &--buttom-ident {
-    margin-bottom: 12px;
-  }
-}

package/src/lib/components/form/checkbox-group/components/checkbox-group-item/checkbox-group-item.component.ts

@@ -1,107 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  EventEmitter,
-  Input,
-  OnChanges,
-  Output,
-  SimpleChanges
-} from '@angular/core';
-import { animate, group, state, style, transition, trigger } from '@angular/animations';
-import {
-  AnimateCheckboxGroupState,
-  CheckboxGroupInnerItem,
-  CheckboxIndeterminateState
-} from '../../models/checkbox-group.model';
-
-@Component({
-  selector: 'mrx-checkbox-group-item',
-  templateUrl: './checkbox-group-item.component.html',
-  styleUrls: ['./checkbox-group-item.component.less'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  animations: [
-    trigger('openList', [
-      state('*', style({ height: '0', opacity: '0', visibility: 'hidden', marginTop: '0', overflow: 'hidden' })),
-      state('open', style({ height: '*', opacity: '1', visibility: 'visible', marginTop: '12px' })),
-      state('close', style({ height: '0', opacity: '0', visibility: 'hidden', marginTop: '0', overflow: 'hidden' })),
-      transition('* => open', [
-        animate(200)
-      ]),
-      transition('* => close', [
-        animate(200)
-      ]),
-    ])
-  ]
-})
-export class CheckboxGroupItemComponent implements OnChanges {
-  private _item!: CheckboxGroupInnerItem
-
-  public animationState: AnimateCheckboxGroupState = 'close'
-  public isOpen = false
-
-
-  @Input() displaced = false
-  @Input() level = 0
-  @Input() animationTrigger: boolean | null = null
-  @Input() isLast!: boolean
-  @Input() public disabled = false;
-  @Input() public readonly = false;
-  @Input() public invalid = false;
-
-  @Input() set item(value: CheckboxGroupInnerItem) {
-    this._item = value
-  }
-
-  public get item():CheckboxGroupInnerItem {
-    return this._item
-  }
-
-  @Output() public animationEnd: EventEmitter<null> = new EventEmitter<null>();
-  @Output() public checkboxChanged: EventEmitter<{ value: CheckboxIndeterminateState, item: CheckboxGroupInnerItem }> =
-    new EventEmitter<{ value: CheckboxIndeterminateState, item: CheckboxGroupInnerItem }>();
-
-  constructor(private _detector: ChangeDetectorRef) {
-  }
-
-  public get isIndeterminate(): boolean {
-    return this.item.value === null
-  }
-
-  public get translateChevron(): string {
-    return this.isOpen ? 'rotate(0deg)' : 'rotate(-90deg)';
-  }
-
-  public toggleList(item: CheckboxGroupInnerItem): void {
-    this.isOpen = !this.isOpen
-  }
-
-  public checkboxChangeModel(value: CheckboxIndeterminateState, item: CheckboxGroupInnerItem): void {
-    if (this.isIndeterminate) {
-      this.checkboxChanged.emit({ value: false, item })
-    } else {
-      this.checkboxChanged.emit({ value: value, item })
-    }
-
-    this._detector.detectChanges()
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (changes['item'] && (changes['item'].currentValue.value === null)) {
-      this.isOpen = true
-    } else {
-
-      this.isOpen = !!this.animationTrigger;
-    }
-
-    this._detector.detectChanges()
-  }
-
-  public onAnimationEvent(): void {
-    this.animationEnd.emit()
-  }
-
-  public trackByFn(index: number, item: CheckboxGroupInnerItem) {
-    return item.id;
-  }
-}

package/src/lib/components/form/checkbox-group/helpers/change-group-value.ts

@@ -1,23 +0,0 @@
-import { CheckboxGroupInnerItem, CheckboxIndeterminateState } from '../models/checkbox-group.model';
-import { getItemInnerById } from './get-item-by-id';
-
-export const checkUnderArrayValue = (array: CheckboxGroupInnerItem[], value: CheckboxIndeterminateState): boolean => {
-  return array.some((x: CheckboxGroupInnerItem) => {
-    if (x.type === 'array') {
-      return checkUnderArrayValue(x.items, value)
-    }
-
-    return x.value !== value
-  })
-}
-
-export const changeGroupValue = (list: CheckboxGroupInnerItem[], parentId: string | number | null, value: CheckboxIndeterminateState) => {
-  if (!parentId) {
-    return
-  }
-  const parent = getItemInnerById(list, parentId)
-
-  if (parent) {
-    parent.value = checkUnderArrayValue(parent.items, value) ? null : value
-  }
-}

package/src/lib/components/form/checkbox-group/helpers/change-item-value.ts

@@ -1,18 +0,0 @@
-import { CheckboxGroupInnerItem, CheckboxIndeterminateState } from '../models/checkbox-group.model';
-
-export const changeItemValue = (item: CheckboxGroupInnerItem, value: CheckboxIndeterminateState) => {
-  item.value = value
-  if (item.type === 'array') {
-    item.items?.forEach((item: CheckboxGroupInnerItem) => {
-      changeItemValue(item, value)
-    })
-  }
-
-  return item
-}
-
-export const changeListValue = (list: CheckboxGroupInnerItem[], value: CheckboxIndeterminateState) => {
-  list.forEach((item: CheckboxGroupInnerItem) => {
-    changeItemValue(item, value)
-  })
-}

package/src/lib/components/form/checkbox-group/helpers/filter-search-group.ts

@@ -1,29 +0,0 @@
-import { CheckboxGroupInnerItem, CheckboxGroupSearchValue } from '../models/checkbox-group.model';
-
-export const filterSearchGroup = (list: CheckboxGroupInnerItem[], searchValue: CheckboxGroupSearchValue) => {
-  if (!list) return list
-
-  const getIntersectionsFromString = (array: CheckboxGroupInnerItem[]) => {
-    const searchArray: CheckboxGroupInnerItem[] = []
-
-    array.forEach((item: CheckboxGroupInnerItem) => {
-      if (item.text.toLowerCase().includes(searchValue.toLowerCase())) {
-        if (item.type === 'array') {
-          const newArray: CheckboxGroupInnerItem[] = getIntersectionsFromString(item.items || [])
-          searchArray.push({...item, items: newArray})
-        } else {
-          searchArray.push(item)
-        }
-      } else {
-        if (item.type === 'array') {
-          const newArray: CheckboxGroupInnerItem[] = getIntersectionsFromString(item.items || [])
-          newArray.length && searchArray.push({...item, items: newArray})
-        }
-      }
-    })
-
-    return searchArray
-  }
-
-  return getIntersectionsFromString(list)
-}

package/src/lib/components/form/checkbox-group/helpers/get-checked-items.ts

@@ -1,23 +0,0 @@
-import { CheckboxGroupInnerItem } from '../models/checkbox-group.model';
-
-export const getCheckedItems = (list: CheckboxGroupInnerItem[]): CheckboxGroupInnerItem[] => {
-  if (!list) return list
-
-  const checkedItems: CheckboxGroupInnerItem[] = []
-
-  const getCheckedItemsFromArray = (list: CheckboxGroupInnerItem[]) => {
-    list.forEach((item: CheckboxGroupInnerItem) => {
-      if (item.type === 'array') {
-        getCheckedItemsFromArray(item.items || [])
-      } else {
-        if (item.value) {
-          checkedItems.push(item)
-        }
-      }
-    })
-  }
-
-  getCheckedItemsFromArray(list)
-
-  return checkedItems as CheckboxGroupInnerItem[]
-}

package/src/lib/components/form/checkbox-group/helpers/get-inner-list.helper.ts

@@ -1,51 +0,0 @@
-import { CheckboxGroupInnerItem, CheckboxGroupItem } from '../models/checkbox-group.model';
-
-export const getInnerList = (list: CheckboxGroupItem[], checkedList: CheckboxGroupInnerItem[]): CheckboxGroupInnerItem[] => {
-  const getItemValue = (item: CheckboxGroupItem): boolean | null => {
-    if (item.items) {
-      let value: boolean | null = false
-      let count = 0
-
-      item.items.forEach((i, idx, array) => {
-        if (i.items) {
-          if (value === false) {
-            value = getItemValue(i)
-          }
-        } else {
-          if (checkedList.find(c => c.id === i.id)) {
-            count++
-
-            if (value === false) {
-              value = null
-            }
-          }
-        }
-
-        if (idx === array.length - 1) {
-          if (count === array.length) {
-            value = true
-          }
-        }
-      })
-
-      return value
-    } else {
-      return !!checkedList.find(c => c.id === item.id)
-    }
-  }
-
-  const getModifiedList = (items: CheckboxGroupItem[], parentId: string | number | null = null): CheckboxGroupInnerItem[] => {
-    return items.map((item, idx, array) => {
-      return {
-        id: item.id,
-        text: item.text,
-        value: getItemValue(item),
-        parentId: parentId,
-        type: item.items ? 'array' : 'single',
-        items: item.items ? getModifiedList(item.items, item.id) : []
-      }
-    })
-  }
-
-  return getModifiedList(list)
-}

package/src/lib/components/form/checkbox-group/helpers/get-item-by-id.ts

@@ -1,11 +0,0 @@
-import { CheckboxGroupInnerItem, CheckboxGroupItem } from '../models/checkbox-group.model';
-
-export const getItemInnerById = (list: CheckboxGroupInnerItem[], itemId: string | number | null) => {
-  const findById = (acc: CheckboxGroupInnerItem | null, el: CheckboxGroupInnerItem | null): CheckboxGroupInnerItem | null => {
-    if ( el?.id === itemId ) return el;
-    if ( el?.items ) return el.items.reduce(findById, acc);
-    return acc;
-  }
-
-  return list.reduce(findById, null);
-}

package/src/lib/components/form/checkbox-group/helpers/get-sorted-list.ts

@@ -1,45 +0,0 @@
-import { CheckboxGroupInnerItem } from '../models/checkbox-group.model';
-
-export const getSortedList = (list: CheckboxGroupInnerItem[], sortable: boolean): CheckboxGroupInnerItem[] => {
-  if (!list || !sortable) return list
-
-  const sortedFunc = (prev: CheckboxGroupInnerItem, next: CheckboxGroupInnerItem) => {
-    if (prev.value === null) {
-      if (next.value === null) {
-        return 0
-      } else if (next.value) {
-        return 1
-      } else {
-        return -1
-      }
-    } else if (prev.value) {
-      if (next.value === null || !next.value) {
-        return -1
-      } else {
-        return 0
-      }
-    } else {
-      if (next.value === null || next.value) {
-        return 1
-      } else {
-        if (prev.text < next.text) {return -1;}
-        if (prev.text > next.text) {return 1;}
-        return 0
-      }
-    }
-  }
-
-  const getSortedListInner = (list: CheckboxGroupInnerItem[]) => {
-    const sortedList = list.sort(sortedFunc)
-
-    sortedList.forEach((item: CheckboxGroupInnerItem) => {
-      if (item.type === 'array') {
-        getSortedListInner(item.items)
-      }
-    })
-
-    return sortedList
-  }
-
-  return getSortedListInner(list)
-}