@megafon/ui-core 6.2.1 → 7.0.0-beta.1

package/dist/es/components/ListData/ListData.css

@@ -1,162 +1 @@
-.mfui-list-data {
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 100%;
-  height: -webkit-fit-content;
-  height: -moz-fit-content;
-  height: fit-content;
-  padding: 8px 16px 8px 12px;
-  border: none;
-  color: var(--content);
-  text-decoration: none;
-  background-color: transparent;
-  -webkit-transition: background-color, opacity;
-  transition: background-color, opacity;
-  -webkit-transition-duration: 0.3s;
-          transition-duration: 0.3s;
-}
-.mfui-list-data__icon-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  width: 40px;
-  height: 40px;
-  margin-right: 8px;
-}
-.mfui-list-data__icon-container svg {
-  fill: var(--content);
-}
-.mfui-list-data__icon-container_colored {
-  border-radius: 50%;
-  background-color: var(--brandGreen20);
-}
-.mfui-list-data__icon-container_colored svg {
-  fill: var(--brandGreen);
-}
-.mfui-list-data__icon {
-  width: 32px;
-  min-width: 32px;
-  height: 32px;
-}
-.mfui-list-data__icon_small {
-  width: 20px;
-  min-width: 20px;
-  height: 20px;
-}
-.mfui-list-data__header {
-  display: grid;
-  grid-template-columns: 100%;
-  margin-right: auto;
-  padding-left: 4px;
-}
-.mfui-list-data__header_gap {
-  padding-right: 8px;
-}
-.mfui-list-data__header_align {
-  -ms-flex-item-align: end;
-      align-self: flex-end;
-}
-.mfui-list-data__title {
-  font-size: 15px;
-  line-height: 24px;
-  /* stylelint-disable-next-line value-no-vendor-prefix */
-  display: -webkit-box;
-  overflow: hidden;
-  white-space: normal;
-  text-overflow: ellipsis;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  font-weight: 500;
-  line-height: 18px;
-}
-.mfui-list-data__title-link {
-  color: var(--content);
-}
-.mfui-list-data__sub-title {
-  font-size: 12px;
-  line-height: 18px;
-  margin-top: 4px;
-  overflow: hidden;
-  color: var(--spbSky3);
-  font-weight: 400;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.mfui-list-data__value-container {
-  display: grid;
-  grid-template-columns: -webkit-min-content;
-  grid-template-columns: min-content;
-  align-self: flex-start;
-  padding-left: 12px;
-}
-.mfui-list-data__value {
-  font-size: 15px;
-  line-height: 24px;
-  /* stylelint-disable-next-line value-no-vendor-prefix */
-  display: -webkit-box;
-  overflow: hidden;
-  white-space: normal;
-  text-overflow: ellipsis;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  max-width: 110px;
-  line-height: 18px;
-}
-.mfui-list-data__value_color_green {
-  color: var(--brandGreen);
-}
-.mfui-list-data__sub-value {
-  font-size: 12px;
-  line-height: 18px;
-  max-width: 110px;
-  margin-top: 4px;
-  overflow: hidden;
-  color: var(--spbSky3);
-  font-weight: 400;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.mfui-list-data__action-icon {
-  fill: var(--spbSky3);
-}
-.mfui-list-data__action-icon_active {
-  cursor: pointer;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  -webkit-transition: fill 0.3s;
-  transition: fill 0.3s;
-}
-.mfui-list-data__action-icon_active:hover {
-  fill: var(--content);
-}
-.mfui-list-data__children_event-none {
-  pointer-events: none;
-}
-.mfui-list-data_active:not(.mfui-list-data_disabled) {
-  border-radius: 12px;
-  cursor: pointer;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.mfui-list-data_active:not(.mfui-list-data_disabled):hover {
-  background-color: var(--spbSky0);
-}
-.mfui-list-data_disabled {
-  opacity: 0.5;
-}
-.mfui-list-data_disabled .mfui-list-data__title-link {
-  pointer-events: none;
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-list-data{background-color:transparent;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:8px 16px 8px 12px;position:relative;text-decoration:none;-webkit-transition:background-color,opacity;transition:background-color,opacity;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%}.mfui-list-data,.mfui-list-data__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-list-data__icon-container{-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;height:40px;justify-content:center;margin-right:8px;width:40px}.mfui-list-data__icon-container svg{fill:var(--content)}.mfui-list-data__icon-container_colored{background-color:var(--brandGreen20);border-radius:50%}.mfui-list-data__icon-container_colored svg{fill:var(--brandGreen)}.mfui-list-data__icon{height:32px;min-width:32px;width:32px}.mfui-list-data__icon_small{height:20px;min-width:20px;width:20px}.mfui-list-data__header{display:grid;grid-template-columns:100%;margin-right:auto;padding-left:4px}.mfui-list-data__header_gap{padding-right:8px}.mfui-list-data__header_align{-ms-flex-item-align:end;align-self:flex-end}.mfui-list-data__title{display:-webkit-box;font-size:15px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:500;line-height:18px}.mfui-list-data__title-link{color:var(--content)}.mfui-list-data__sub-title{color:var(--spbSky3);font-size:12px;font-weight:400;line-height:18px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfui-list-data__value-container{align-self:flex-start;display:grid;grid-template-columns:-webkit-min-content;grid-template-columns:min-content;padding-left:12px}.mfui-list-data__value{display:-webkit-box;font-size:15px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:18px;max-width:110px}.mfui-list-data__value_color_green{color:var(--brandGreen)}.mfui-list-data__sub-value{color:var(--spbSky3);font-size:12px;font-weight:400;line-height:18px;margin-top:4px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfui-list-data__action-icon{fill:var(--spbSky3)}.mfui-list-data__action-icon_active{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:fill .3s;transition:fill .3s}.mfui-list-data__action-icon_active:hover{fill:var(--content)}.mfui-list-data__children_event-none{pointer-events:none}.mfui-list-data_active:not(.mfui-list-data_disabled){border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-list-data_active:not(.mfui-list-data_disabled):hover{background-color:var(--spbSky0)}.mfui-list-data_disabled{opacity:.5}.mfui-list-data_disabled .mfui-list-data__title-link{pointer-events:none}

package/dist/es/components/ListData/ListData.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-import * as PropTypes from 'prop-types';
-import './ListData.less';
-declare type Target = '_self' | '_blank' | '_parent' | '_top';
-export declare type TitlePropsType = {
+import * as React from 'react';
+import './ListData.scss';
+type Target = '_self' | '_blank' | '_parent' | '_top';
+export type TitlePropsType = {
     /** Текст заголовка */
     text: string;
     /** Ссылка */
@@ -16,12 +15,12 @@ declare const ValueColors: {
     readonly DEFAULT: "default";
     readonly GREEN: "green";
 };
-export declare type ValueColorsType = typeof ValueColors[keyof typeof ValueColors];
+export type ValueColorsType = (typeof ValueColors)[keyof typeof ValueColors];
 declare const Actions: {
     readonly DELETE: "delete";
     readonly CONTROL: "control";
 };
-export declare type ActionsType = typeof Actions[keyof typeof Actions];
+export type ActionsType = (typeof Actions)[keyof typeof Actions];
 export interface IListDataProps {
     /** Заголовок */
     title: string | TitlePropsType;
@@ -64,31 +63,4 @@ export interface IListDataProps {
     children?: React.ReactNode;
 }
 declare const ListData: React.FC<IListDataProps>;
-export declare const ListDataPropType: {
-    title: PropTypes.Validator<string | PropTypes.InferProps<{
-        text: PropTypes.Validator<string>;
-        href: PropTypes.Validator<string>;
-        target: PropTypes.Requireable<string>;
-        rel: PropTypes.Requireable<string>;
-    }>>;
-    subTitle: PropTypes.Requireable<string>;
-    value: PropTypes.Requireable<string>;
-    valueColor: PropTypes.Requireable<"default" | "green">;
-    subValue: PropTypes.Requireable<string>;
-    icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
-    isIconColored: PropTypes.Requireable<boolean>;
-    avatar: PropTypes.Requireable<PropTypes.ReactElementLike>;
-    disabled: PropTypes.Requireable<boolean>;
-    actionType: PropTypes.Requireable<"delete" | "control">;
-    onAction: PropTypes.Requireable<(...args: any[]) => any>;
-    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    className: PropTypes.Requireable<string>;
-    classes: PropTypes.Requireable<{
-        [x: string]: string | null | undefined;
-    }>;
-    dataAttrs: PropTypes.Requireable<{
-        [x: string]: object | null | undefined;
-    }>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-};
 export default ListData;

package/dist/es/components/ListData/ListData.js

@@ -2,12 +2,9 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import "core-js/modules/es.parse-int.js";
-import "core-js/modules/es.object.values.js";
-import React from 'react';
+import * as React from 'react';
 import { cnCreate, convert, filterDataAttrs, textConvertConfig } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
 import "./ListData.css";
-
 var DeleteIcon = function DeleteIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 20 20"
@@ -15,7 +12,6 @@ var DeleteIcon = function DeleteIcon(props) {
     d: "M16 4h-3.2c-.4-1.2-1.5-2-2.8-2s-2.4.8-2.8 2H4v4h1l1 10h8l1-10h1V4zM5 5h3v-.4C8.2 3.7 9.1 3 10 3s1.8.7 2 1.6V5h3v2H5V5zm8 12H7l-.9-9H14l-1 9z"
   }));
 };
-
 var NothingIcon = function NothingIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 32 32"
@@ -33,7 +29,6 @@ var NothingIcon = function NothingIcon(props) {
     r: 1.5
   }));
 };
-
 var LINE_COUNT = 2;
 var ValueColors = {
   DEFAULT: 'default',
@@ -44,41 +39,36 @@ var Actions = {
   CONTROL: 'control'
 };
 var cn = cnCreate('mfui-list-data');
-
 var ListData = function ListData(_ref) {
   var title = _ref.title,
-      subTitle = _ref.subTitle,
-      value = _ref.value,
-      valueColor = _ref.valueColor,
-      subValue = _ref.subValue,
-      icon = _ref.icon,
-      _ref$isIconColored = _ref.isIconColored,
-      isIconColored = _ref$isIconColored === void 0 ? false : _ref$isIconColored,
-      avatar = _ref.avatar,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      actionType = _ref.actionType,
-      onClick = _ref.onClick,
-      onAction = _ref.onAction,
-      className = _ref.className,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      dataAttrs = _ref.dataAttrs,
-      children = _ref.children;
+    subTitle = _ref.subTitle,
+    value = _ref.value,
+    valueColor = _ref.valueColor,
+    subValue = _ref.subValue,
+    icon = _ref.icon,
+    _ref$isIconColored = _ref.isIconColored,
+    isIconColored = _ref$isIconColored === void 0 ? false : _ref$isIconColored,
+    avatar = _ref.avatar,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    actionType = _ref.actionType,
+    onClick = _ref.onClick,
+    onAction = _ref.onAction,
+    className = _ref.className,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs,
+    children = _ref.children;
   var valueRef = React.useRef(null);
-
   var _React$useState = React.useState('right'),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      valueAlignment = _React$useState2[0],
-      setValueAlignment = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    valueAlignment = _React$useState2[0],
+    setValueAlignment = _React$useState2[1];
   var isActive = !!onClick && !(_typeof(title) === 'object' && (title === null || title === void 0 ? void 0 : title.href));
   var showActionElement = !!actionType || !!children;
-
   var handleClick = function handleClick(e) {
     !disabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
   };
-
   var handleAction = React.useCallback(function (e) {
     e.stopPropagation();
     !disabled && (onAction === null || onAction === void 0 ? void 0 : onAction(e));
@@ -87,7 +77,6 @@ var ListData = function ListData(_ref) {
     if (!valueRef.current) {
       return;
     }
-
     var lineHeight = parseInt(getComputedStyle(valueRef.current).lineHeight, 10);
     var actualHeight = valueRef.current.offsetHeight;
     var currentLineCount = actualHeight / lineHeight;
@@ -101,12 +90,10 @@ var ListData = function ListData(_ref) {
     target: title === null || title === void 0 ? void 0 : title.target,
     rel: title === null || title === void 0 ? void 0 : title.rel
   }, title.text));
-
   var renderIcon = function renderIcon() {
     if (!icon && !avatar) {
       return null;
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: cn('icon-container', {
         colored: isIconColored && !avatar
@@ -115,7 +102,6 @@ var ListData = function ListData(_ref) {
       className: cn('icon')
     }, icon));
   };
-
   var renderExtraContent = function renderExtraContent() {
     if (children) {
       return /*#__PURE__*/React.createElement("div", {
@@ -124,7 +110,6 @@ var ListData = function ListData(_ref) {
         })
       }, children);
     }
-
     if (value) {
       return /*#__PURE__*/React.createElement("div", {
         className: cn('value-container')
@@ -140,7 +125,6 @@ var ListData = function ListData(_ref) {
         className: cn('sub-value')
       }, subValue));
     }
-
     if (actionType) {
       var isDelete = actionType === Actions.DELETE;
       var ActionIcon = isDelete ? DeleteIcon : NothingIcon;
@@ -156,10 +140,8 @@ var ListData = function ListData(_ref) {
         })
       }));
     }
-
     return null;
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       active: isActive,
@@ -175,29 +157,4 @@ var ListData = function ListData(_ref) {
     className: cn('sub-title', [classes.subtitle])
   }, subTitle)), renderExtraContent());
 };
-
-export var ListDataPropType = {
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
-    text: PropTypes.string.isRequired,
-    href: PropTypes.string.isRequired,
-    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
-    rel: PropTypes.string
-  })]).isRequired,
-  subTitle: PropTypes.string,
-  value: PropTypes.string,
-  valueColor: PropTypes.oneOf(Object.values(ValueColors)),
-  subValue: PropTypes.string,
-  icon: PropTypes.element,
-  isIconColored: PropTypes.bool,
-  avatar: PropTypes.element,
-  disabled: PropTypes.bool,
-  actionType: PropTypes.oneOf(Object.values(Actions)),
-  onAction: PropTypes.func,
-  onClick: PropTypes.func,
-  className: PropTypes.string,
-  classes: PropTypes.objectOf(PropTypes.string),
-  dataAttrs: PropTypes.objectOf(PropTypes.object),
-  children: PropTypes.node
-};
-ListData.propTypes = ListDataPropType;
 export default ListData;

package/dist/es/components/ListData/ListDataGroup.css

@@ -1,15 +1 @@
-.mfui-list-data-group {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  overflow-y: hidden;
-}
-.mfui-list-data-group__item_divider:not(:last-child) {
-  border-bottom: 1px solid var(--spbSky1);
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-list-data-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;overflow-y:hidden}.mfui-list-data-group__item_divider:not(:last-child){border-bottom:1px solid var(--spbSky1)}

package/dist/es/components/ListData/ListDataGroup.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
+import * as React from 'react';
 import { DragEndEvent, DragStartEvent } from '@dnd-kit/core';
 import { ActivatorNodesType, GapSizesType } from './components/ListDataSortable';
 import { IListDataProps } from './ListData';
-import './ListDataGroup.less';
-export declare type ListItemPropsType = IListDataProps & {
+import './ListDataGroup.scss';
+export type ListItemPropsType = IListDataProps & {
     id: string | number;
 };
-declare type DragOverlayPropsType = {
+type DragOverlayPropsType = {
     className?: string;
     zIndex?: number;
 };

package/dist/es/components/ListData/ListDataGroup.js

@@ -1,69 +1,55 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.array.find-index.js";
+import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.object.values.js";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
-import React from 'react';
+import * as React from 'react';
 import { closestCenter, DndContext, DragOverlay, KeyboardSensor, MouseSensor, TouchSensor, useSensor, useSensors } from '@dnd-kit/core';
 import { arrayMove, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
 import ListDataSortable, { ActivatorNodes, GapSizes } from "./components/ListDataSortable";
 import { restrictToElement, restrictToVerticalAxis } from "./helpers";
-import { ListDataPropType } from "./ListData";
 import "./ListDataGroup.css";
 var SCREEN_READER_INSTRUCTION = "\u0427\u0442\u043E\u0431\u044B \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u043F\u0435\u0440\u0435\u0442\u0430\u0441\u043A\u0438\u0432\u0430\u0435\u043C\u044B\u0439 \u044D\u043B\u0435\u043C\u0435\u043D\u0442, \u043D\u0430\u0436\u043C\u0438\u0442\u0435 \u043F\u0440\u043E\u0431\u0435\u043B.\n    \u041F\u0440\u0438 \u043F\u0435\u0440\u0435\u0442\u0430\u0441\u043A\u0438\u0432\u0430\u043D\u0438\u0438 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u043A\u043B\u0430\u0432\u0438\u0448\u0438 \u0441\u043E \u0441\u0442\u0440\u0435\u043B\u043A\u0430\u043C\u0438 \u0434\u043B\u044F \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u044F \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430.\n    \u0421\u043D\u043E\u0432\u0430 \u043D\u0430\u0436\u043C\u0438\u0442\u0435 \u043F\u0440\u043E\u0431\u0435\u043B, \u0447\u0442\u043E\u0431\u044B \u043F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u044C \u044D\u043B\u0435\u043C\u0435\u043D\u0442 \u0432 \u0435\u0433\u043E \u043D\u043E\u0432\u043E\u0435 \u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u0438\u043B\u0438 \u043D\u0430\u0436\u043C\u0438\u0442\u0435 escape \u0434\u043B\u044F \u043E\u0442\u043C\u0435\u043D\u044B.";
 var cn = cnCreate('mfui-list-data-group');
-
 var ListDataGroup = function ListDataGroup(_ref) {
   var items = _ref.items,
-      _ref$activatorNode = _ref.activatorNode,
-      activatorNode = _ref$activatorNode === void 0 ? ActivatorNodes.CONTROL : _ref$activatorNode,
-      _ref$gap = _ref.gap,
-      gap = _ref$gap === void 0 ? GapSizes.NONE : _ref$gap,
-      _ref$showDivider = _ref.showDivider,
-      showDivider = _ref$showDivider === void 0 ? false : _ref$showDivider,
-      onDragStart = _ref.onDragStart,
-      onDragEnd = _ref.onDragEnd,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      dragOverlayProps = _ref.dragOverlayProps,
-      className = _ref.className,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      dataAttrs = _ref.dataAttrs;
-
+    _ref$activatorNode = _ref.activatorNode,
+    activatorNode = _ref$activatorNode === void 0 ? ActivatorNodes.CONTROL : _ref$activatorNode,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? GapSizes.NONE : _ref$gap,
+    _ref$showDivider = _ref.showDivider,
+    showDivider = _ref$showDivider === void 0 ? false : _ref$showDivider,
+    onDragStart = _ref.onDragStart,
+    onDragEnd = _ref.onDragEnd,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    dragOverlayProps = _ref.dragOverlayProps,
+    className = _ref.className,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs;
   var _React$useState = React.useState(items),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      itemsList = _React$useState2[0],
-      setItemsList = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    itemsList = _React$useState2[0],
+    setItemsList = _React$useState2[1];
   var _React$useState3 = React.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      activeId = _React$useState4[0],
-      setActiveId = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    activeId = _React$useState4[0],
+    setActiveId = _React$useState4[1];
   var _React$useState5 = React.useState(null),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      dragEndEvent = _React$useState6[0],
-      setDragEndEvent = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    dragEndEvent = _React$useState6[0],
+    setDragEndEvent = _React$useState6[1];
   var boundaryRef = React.useRef(null);
   var sensors = useSensors(useSensor(KeyboardSensor, {
     coordinateGetter: sortableKeyboardCoordinates
@@ -83,8 +69,7 @@ var ListDataGroup = function ListDataGroup(_ref) {
   }, [setActiveId]);
   var handleDragEnd = React.useCallback(function (event) {
     var active = event.active,
-        over = event.over;
-
+      over = event.over;
     if ((over === null || over === void 0 ? void 0 : over.id) && active.id !== over.id) {
       setItemsList(function (prevItemsList) {
         var oldIndex = prevItemsList.findIndex(function (item) {
@@ -96,7 +81,6 @@ var ListDataGroup = function ListDataGroup(_ref) {
         return arrayMove(prevItemsList, oldIndex, newIndex);
       });
     }
-
     setActiveId(null);
     setDragEndEvent(event);
   }, []);
@@ -106,11 +90,9 @@ var ListDataGroup = function ListDataGroup(_ref) {
       setDragEndEvent(null);
     }
   }, [itemsList, onDragEnd, dragEndEvent]);
-
   var renderSortableItem = function renderSortableItem(_a, index, isDragOverlay) {
     var id = _a.id,
-        item = __rest(_a, ["id"]);
-
+      item = __rest(_a, ["id"]);
     return /*#__PURE__*/React.createElement("div", {
       key: id,
       className: cn('item', {
@@ -133,20 +115,16 @@ var ListDataGroup = function ListDataGroup(_ref) {
       }
     }));
   };
-
   var renderDragOverlay = function renderDragOverlay() {
     var activeIndex = itemsList.findIndex(function (item) {
       return item.id === activeId;
     });
     var activeItem = itemsList[activeIndex];
-
     if (activeItem) {
       return renderSortableItem(activeItem, activeIndex, true);
     }
-
     return null;
   };
-
   return /*#__PURE__*/React.createElement(DndContext, {
     sensors: sensors,
     collisionDetection: closestCenter,
@@ -169,27 +147,4 @@ var ListDataGroup = function ListDataGroup(_ref) {
     return renderSortableItem(item, index);
   }))), /*#__PURE__*/React.createElement(DragOverlay, dragOverlayProps, activeId ? renderDragOverlay() : null));
 };
-
-ListDataGroup.propTypes = {
-  items: PropTypes.arrayOf(PropTypes.shape(_extends({
-    id: PropTypes.string.isRequired
-  }, ListDataPropType)).isRequired).isRequired,
-  activatorNode: PropTypes.oneOf(Object.values(ActivatorNodes)),
-  gap: PropTypes.oneOf(Object.values(GapSizes)),
-  showDivider: PropTypes.bool,
-  onDragStart: PropTypes.func,
-  onDragEnd: PropTypes.func,
-  disabled: PropTypes.bool,
-  dragOverlayProps: PropTypes.shape({
-    className: PropTypes.string,
-    zIndex: PropTypes.number
-  }),
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    cell: PropTypes.string,
-    control: PropTypes.string
-  }),
-  dataAttrs: PropTypes.objectOf(PropTypes.object)
-};
 export default ListDataGroup;