@zohodesk/dot 1.0.0-temp-157 → 1.0.0-temp-160

package/lib/v1/list/DepartmentDropDown/DepartmentDropDown.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/DepartmentDropDown/props/defaultProps");
+
+var _propTypes = require("../../../list/DepartmentDropDown/props/propTypes");
+
+var _ToggleDropDown = _interopRequireDefault(require("../../dropdown/ToggleDropDown/ToggleDropDown"));
+
+var _SecondaryText = require("../SecondaryText");
+
+var _DepartmentDropDownModule = _interopRequireDefault(require("../../../list/DepartmentDropDown/DepartmentDropDown.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function DepartmentDropDown(props) {
+  var departmentName = props.departmentName,
+      _props$departmentList = props.departmentList,
+      departmentList = _props$departmentList === void 0 ? [] : _props$departmentList,
+      onSelectLabel = props.onSelectLabel,
+      isEditable = props.isEditable,
+      dataId = props.dataId,
+      isFetching = props.isFetching,
+      isPopupActive = props.isPopupActive,
+      getNextOptions = props.getNextOptions,
+      isNextOptions = props.isNextOptions,
+      onSearch = props.onSearch,
+      needSearchFetching = props.needSearchFetching,
+      searchStr = props.searchStr,
+      i18nKeys = props.i18nKeys,
+      onMoveDepartment = props.onMoveDepartment,
+      getDepartment = props.getDepartment;
+  var _i18nKeys$title = i18nKeys.title,
+      title = _i18nKeys$title === void 0 ? 'Move Department' : _i18nKeys$title,
+      _i18nKeys$searchEmpty = i18nKeys.searchEmptyText,
+      searchEmptyText = _i18nKeys$searchEmpty === void 0 ? 'No results found' : _i18nKeys$searchEmpty,
+      _i18nKeys$searchError = i18nKeys.searchErrorText,
+      searchErrorText = _i18nKeys$searchError === void 0 ? 'No results' : _i18nKeys$searchError,
+      _i18nKeys$placeholder = i18nKeys.placeholder,
+      placeholder = _i18nKeys$placeholder === void 0 ? 'Search Department' : _i18nKeys$placeholder;
+
+  function onClick(e) {
+    if (getDepartment) {
+      getDepartment(e);
+    }
+
+    onSearch('');
+  }
+
+  function handleMoveDepartment(deptId) {
+    onSearch('');
+    onMoveDepartment(deptId);
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], {
+    title: title,
+    options: departmentList,
+    value: /*#__PURE__*/_react["default"].createElement(_SecondaryText.DepartmentText, {
+      text: departmentName,
+      dataTitle: departmentName
+    }),
+    keyName: "name",
+    idName: "id",
+    onClick: handleMoveDepartment,
+    isArrow: false,
+    isEditable: isEditable,
+    onSelectLabel: onSelectLabel,
+    isPopupActive: isPopupActive,
+    needExternalPopupState: true,
+    isSearch: departmentList.length > 5 || searchStr.length !== 0,
+    boxSize: "small",
+    dataId: dataId,
+    isDataLoaded: !isFetching,
+    isPadding: false,
+    searchErrorText: searchErrorText,
+    searchEmptyHint: searchEmptyText,
+    isNeedEffect: false,
+    className: _DepartmentDropDownModule["default"].departmentBox,
+    placeHolderText: placeholder,
+    getNextOptions: getNextOptions,
+    isNextOptions: isNextOptions,
+    onSearch: onSearch,
+    needSearchFetching: needSearchFetching
+  });
+}
+
+DepartmentDropDown.defaultProps = _defaultProps.defaultProps;
+DepartmentDropDown.propTypes = _propTypes.propTypes;
+var _default = DepartmentDropDown; // if (__DOCS__) {
+//   DepartmentDropDown.docs = {
+//     folderName: 'List',
+//     componentGroup: 'DepartmentDropDown'
+//   };
+// }
+
+exports["default"] = _default;

package/lib/v1/list/Dot/Dot.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Dot;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/Dot/props/defaultProps");
+
+var _propTypes = require("../../../list/Dot/props/propTypes");
+
+var _DotModule = _interopRequireDefault(require("../../../list/Dot/Dot.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Dot(props) {
+  var className = props.className,
+      spacingType = props.spacingType;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_DotModule["default"].dot, " ").concat(_DotModule["default"][spacingType], " ").concat(className)
+  }, ".");
+}
+
+Dot.propTypes = _propTypes.propTypes;
+Dot.defaultProps = _defaultProps.defaultProps;

package/lib/v1/list/DotNew/DotNew.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = DotNew;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/DotNew/props/defaultProps");
+
+var _propTypes = require("../../../list/DotNew/props/propTypes");
+
+var _DotNewModule = _interopRequireDefault(require("../../../list/DotNew/DotNew.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function DotNew(props) {
+  var className = props.className,
+      dataTitle = props.dataTitle,
+      size = props.size;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_DotNewModule["default"].container, " ").concat(_DotNewModule["default"][size], " ").concat(className ? className : ''),
+    "data-title": dataTitle
+  });
+}
+
+DotNew.propTypes = _propTypes.propTypes;
+DotNew.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
+//   DotNew.docs = {
+//     folderName: 'List',
+//     componentGroup: 'DotNew'
+//   };
+// }

package/lib/v1/list/GridStencils/GridStencils.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = GridStencils;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../../../list/GridStencils/props/propTypes");
+
+var _GridStencilsModule = _interopRequireDefault(require("../../../list/GridStencils/GridStencils.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function GridStencils(props) {
+  var lineBar = props.lineBar,
+      from = props.from,
+      isThreeLayout = props.isThreeLayout,
+      styles = props.styles,
+      order = props.order;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: from == 'leftPanel' && isThreeLayout ? "".concat(_GridStencilsModule["default"].stenLoading, " ").concat(_GridStencilsModule["default"].threeLayout) : from == 'leftPanel' ? "".concat(_GridStencilsModule["default"].stenLoading, " ").concat(_GridStencilsModule["default"].leftCont) : _GridStencilsModule["default"].stenLoading,
+    style: styles,
+    order: order
+  }, lineBar ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: _GridStencilsModule["default"].stenLoadbody
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_GridStencilsModule["default"].lineBar, " ").concat(_GridStencilsModule["default"].stenListBAr)
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_GridStencilsModule["default"].lineBar2, " ").concat(_GridStencilsModule["default"].stenListBAr)
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_GridStencilsModule["default"].lineBar3, " ").concat(_GridStencilsModule["default"].stenListBAr)
+  })) : '');
+}
+
+GridStencils.propTypes = _propTypes.propTypes; // if (__DOCS__) {
+//   GridStencils.docs = {
+//     folderName: 'List',
+//     componentGroup: 'GridStencils'
+//   };
+// }

package/lib/v1/list/Icons/AddNewIcon.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = AddNewIcon;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../../../list/Icons/props/propTypes");
+
+var _icons = require("@zohodesk/icons");
+
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
+
+var _IconsModule = _interopRequireDefault(require("../../../list/Icons/Icons.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function AddNewIcon(props) {
+  var onClick = props.onClick,
+      dataId = props.dataId,
+      dataTitle = props.dataTitle,
+      iconClass = props.iconClass,
+      className = props.className;
+  return /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: onClick,
+    className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : '', " ").concat(_semanticButtonModule["default"].buttonReset),
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-SE-addTickets",
+    iconClass: iconClass ? iconClass : ''
+  }));
+}
+
+AddNewIcon.propTypes = _propTypes.AddNewIcon_propTypes;

package/lib/v1/list/Icons/CompleteIcon.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = CompleteIcon;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../../../list/Icons/props/propTypes");
+
+var _icons = require("@zohodesk/icons");
+
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
+
+var _IconsModule = _interopRequireDefault(require("../../../list/Icons/Icons.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function CompleteIcon(props) {
+  var onClick = props.onClick,
+      dataId = props.dataId,
+      dataTitle = props.dataTitle,
+      iconClass = props.iconClass,
+      className = props.className,
+      iconSize = props.iconSize;
+  return /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: onClick,
+    className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : '', " ").concat(_semanticButtonModule["default"].buttonReset),
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-GN-checkbox",
+    iconClass: iconClass ? iconClass : '',
+    size: iconSize
+  }));
+}
+
+CompleteIcon.propTypes = _propTypes.CompleteIcon_propTypes;

package/lib/v1/list/Icons/DeleteIcon.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = DeleteComponent;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../../../list/Icons/props/propTypes");
+
+var _IconsModule = _interopRequireDefault(require("../../../list/Icons/Icons.module.css"));
+
+var _icons = require("@zohodesk/icons");
+
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function DeleteComponent(props) {
+  var onClick = props.onClick,
+      dataId = props.dataId,
+      dataTitle = props.dataTitle,
+      iconClass = props.iconClass,
+      iconSize = props.iconSize,
+      className = props.className;
+  return /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: onClick,
+    className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].redHover, " ").concat(className ? className : '', " ").concat(_semanticButtonModule["default"].buttonReset),
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle,
+    "aria-label": dataTitle
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-GN-delete",
+    iconClass: iconClass ? iconClass : '',
+    size: iconSize
+  }));
+}
+
+DeleteComponent.propTypes = _propTypes.DeleteComponent_propTypes;

package/lib/v1/list/Icons/EditIcon.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = EditIcon;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../../../list/Icons/props/propTypes");
+
+var _IconsModule = _interopRequireDefault(require("../../../list/Icons/Icons.module.css"));
+
+var _icons = require("@zohodesk/icons");
+
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function EditIcon(props) {
+  var onClick = props.onClick,
+      dataId = props.dataId,
+      dataTitle = props.dataTitle,
+      iconClass = props.iconClass,
+      iconSize = props.iconSize,
+      className = props.className;
+  return /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: onClick,
+    className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : '', " ").concat(_semanticButtonModule["default"].buttonReset),
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle,
+    "aria-label": dataTitle
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-GN-edit",
+    iconClass: iconClass ? iconClass : '',
+    size: iconSize
+  }));
+}
+
+EditIcon.propTypes = _propTypes.EditIcon_propTypes;

package/lib/v1/list/Icons/FloatingIcons.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = FloatingIcons;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/Icons/props/defaultProps");
+
+var _propTypes = require("../../../list/Icons/props/propTypes");
+
+var _IconsModule = _interopRequireDefault(require("../../../list/Icons/Icons.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function FloatingIcons(props) {
+  var _props$children = props.children,
+      children = _props$children === void 0 ? [] : _props$children,
+      iconClass = props.iconClass;
+
+  var icons = _react["default"].Children.toArray(children).filter(function (o) {
+    return o;
+  });
+
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_IconsModule["default"].container)
+  }, icons.map(function (child) {
+    return /*#__PURE__*/_react["default"].cloneElement(child, {
+      iconClass: iconClass
+    });
+  }));
+}
+
+FloatingIcons.propTypes = _propTypes.FloatingIcons_propTypes;
+FloatingIcons.defaultProps = _defaultProps.FloatingIcons_defaultProps; // if (__DOCS__) {
+//   FloatingIcons.docs = {
+//     folderName: 'List',
+//     componentGroup: 'FloatingIcons'
+//   };
+// }

package/lib/v1/list/Icons/ReadUnreadIcon.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ReadUnreadIcon;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/Icons/props/defaultProps");
+
+var _propTypes = require("../../../list/Icons/props/propTypes");
+
+var _icons = require("@zohodesk/icons");
+
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
+
+var _IconsModule = _interopRequireDefault(require("../../../list/Icons/Icons.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ReadUnreadIcon(props) {
+  var onClick = props.onClick,
+      dataId = props.dataId,
+      dataTitle = props.dataTitle,
+      iconClassName = props.iconClassName,
+      iconClass = props.iconClass,
+      className = props.className,
+      isRead = props.isRead,
+      iconSize = props.iconSize;
+  return /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: onClick,
+    className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : '', " ").concat(_semanticButtonModule["default"].buttonReset),
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle,
+    "aria-label": dataTitle
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: isRead ? 'ZD-GN-read' : 'ZD-GN-unread',
+    size: iconSize,
+    iconClass: "".concat(iconClassName ? iconClassName : '', " ").concat(iconClass ? iconClass : '')
+  }));
+}
+
+ReadUnreadIcon.defaultProps = _defaultProps.ReadUnreadIcon_defaultProps;
+ReadUnreadIcon.propTypes = _propTypes.ReadUnreadIcon_propTypes;

package/lib/v1/list/Icons/SmartIcon.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = SmartIcon;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../../../list/Icons/props/propTypes");
+
+var _IconsModule = _interopRequireDefault(require("../../../list/Icons/Icons.module.css"));
+
+var _icons = require("@zohodesk/icons");
+
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function SmartIcon(props) {
+  var onClick = props.onClick,
+      dataId = props.dataId,
+      dataTitle = props.dataTitle,
+      iconClass = props.iconClass,
+      className = props.className;
+  return /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: onClick,
+    className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : '', " ").concat(_semanticButtonModule["default"].buttonReset),
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-TK-peek",
+    iconClass: iconClass ? iconClass : ''
+  }));
+}
+
+SmartIcon.propTypes = _propTypes.SmartIcon_propTypes;

package/lib/v1/list/Icons/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AddNewIcon", {
+  enumerable: true,
+  get: function get() {
+    return _AddNewIcon["default"];
+  }
+});
+Object.defineProperty(exports, "CompleteIcon", {
+  enumerable: true,
+  get: function get() {
+    return _CompleteIcon["default"];
+  }
+});
+Object.defineProperty(exports, "DeleteComponent", {
+  enumerable: true,
+  get: function get() {
+    return _DeleteComponent["default"];
+  }
+});
+Object.defineProperty(exports, "EditIcon", {
+  enumerable: true,
+  get: function get() {
+    return _EditIcon["default"];
+  }
+});
+Object.defineProperty(exports, "FloatingIcons", {
+  enumerable: true,
+  get: function get() {
+    return _FloatingIcons["default"];
+  }
+});
+Object.defineProperty(exports, "ReadUnreadIcon", {
+  enumerable: true,
+  get: function get() {
+    return _ReadUnreadIcon["default"];
+  }
+});
+Object.defineProperty(exports, "SmartIcon", {
+  enumerable: true,
+  get: function get() {
+    return _SmartIcon["default"];
+  }
+});
+
+var _AddNewIcon = _interopRequireDefault(require("./AddNewIcon"));
+
+var _CompleteIcon = _interopRequireDefault(require("./CompleteIcon"));
+
+var _DeleteComponent = _interopRequireDefault(require("./DeleteComponent"));
+
+var _EditIcon = _interopRequireDefault(require("./EditIcon"));
+
+var _FloatingIcons = _interopRequireDefault(require("./FloatingIcons"));
+
+var _ReadUnreadIcon = _interopRequireDefault(require("./ReadUnreadIcon"));
+
+var _SmartIcon = _interopRequireDefault(require("./SmartIcon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/v1/list/ListLayout/ListLayout.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Column = Column;
+exports["default"] = ListLayout;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/ListLayout/props/defaultProps");
+
+var _propTypes = require("../../../list/ListLayout/props/propTypes");
+
+var _Layout = require("@zohodesk/components/es/v1/Layout");
+
+var _ListLayoutModule = _interopRequireDefault(require("../../../list/ListLayout/ListLayout.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ListLayout(props) {
+  var children = props.children,
+      className = props.className,
+      needHover = props.needHover,
+      align = props.align,
+      view = props.view,
+      containerClass = props.containerClass,
+      isActive = props.isActive,
+      onClick = props.onClick,
+      onMouseLeave = props.onMouseLeave,
+      dataId = props.dataId,
+      dataTitle = props.dataTitle,
+      a11y = props.a11y,
+      isHovered = props.isHovered,
+      onMouseEnter = props.onMouseEnter,
+      needPointer = props.needPointer,
+      isKeyboardActive = props.isKeyboardActive;
+  var _a11y$role = a11y.role,
+      role = _a11y$role === void 0 ? 'listitem' : _a11y$role,
+      ariaLabel = a11y.ariaLabel,
+      ariaPosinset = a11y.ariaPosinset,
+      ariaSetsize = a11y.ariaSetsize;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_ListLayoutModule["default"].container, " ").concat(containerClass, " ").concat(needHover ? _ListLayoutModule["default"].listHover : '', " ").concat(isActive ? _ListLayoutModule["default"].active : '', " ").concat(_ListLayoutModule["default"][view], " ").concat(onClick && needPointer ? _ListLayoutModule["default"].cursorPointer : '', " ").concat(isHovered ? _ListLayoutModule["default"].hoveredStyle : '', " ").concat(isKeyboardActive ? _ListLayoutModule["default"].keyboardActive : '', " "),
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle,
+    tabIndex: "0",
+    role: role,
+    "data-a11y-inset-focus": true,
+    "aria-label": ariaLabel,
+    "aria-setsize": ariaSetsize,
+    "aria-posinset": ariaPosinset
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "row",
+    align: align,
+    className: "".concat(_ListLayoutModule["default"].innerContainer, " ").concat(className ? className : '')
+  }, children));
+}
+
+ListLayout.propTypes = _propTypes.ListLayout_propTypes;
+ListLayout.defaultProps = _defaultProps.ListLayout_defaultProps;
+
+function Column(props) {
+  var children = props.children,
+      className = props.className;
+  return /*#__PURE__*/_react["default"].createElement(_Layout.Box, _extends({
+    className: "".concat(className ? className : '')
+  }, props), children);
+}
+
+Column.propTypes = _propTypes.Column_propTypes; // if (__DOCS__) {
+//   ListLayout.docs = {
+//     folderName: 'List',
+//     componentGroup: 'ListLayout'
+//   };
+// }