@wavemaker/react-runtime 11.14.1-15.6409

package/components/data/form/form-field/base-field.js

@@ -0,0 +1,138 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _composite = require("@wavemaker/react-runtime/components/input/composite");
+var _filterFieldUtil = require("../../utils/filter-field-util");
+var _formContext = require("@wavemaker/react-runtime/components/data/form/form-context");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+var __jsx = _react["default"].createElement;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DEFAULT_CLASS = "ng-pristine ng-invalid ng-touched";
+var DEFAULT_COMPOSITE_CLASS = "app-composite-widget caption-left clearfix form-group live-field";
+var BaseField = function BaseField(WrappedComponent) {
+  var FormField = function FormField(props) {
+    var _props$required;
+    var fieldRef = (0, _react.useRef)(null);
+    var _useState = (0, _react.useState)(props.validators || []),
+      validators = _useState[0],
+      setValidators = _useState[1];
+    var _useState2 = (0, _react.useState)([]),
+      asyncValidators = _useState2[0],
+      setAsyncValidators = _useState2[1];
+    var _useState3 = (0, _react.useState)([]),
+      observe = _useState3[0],
+      observeOn = _useState3[1];
+    var _useState4 = (0, _react.useState)(false),
+      isDataSetBound = _useState4[0],
+      setIsDataSetBound = _useState4[1];
+    var _useState5 = (0, _react.useState)({
+        dataset: [],
+        displayfield: "",
+        displaylabel: "",
+        datafield: "",
+        searchkey: ""
+      }),
+      relatedData = _useState5[0],
+      setRelatedData = _useState5[1];
+    var formContext = (0, _formContext.useFormContext)();
+    var _ref = formContext || {},
+      widgetCls = _ref.widgetCls,
+      captionCls = _ref.captionCls,
+      captionposition = _ref.captionposition;
+    function updateFormWidgetDataset(dataset, displayField) {
+      setRelatedData({
+        dataset: dataset.data,
+        displayfield: displayField || props.displayfield
+      });
+
+      // After updating the dataset, we need to ensure the form field value is synced
+      // This is especially important for related fields where the datafield changes
+      if (formContext !== null && formContext !== void 0 && formContext.trigger && props.formKey) {
+        // Trigger validation for this field to force react-hook-form to re-evaluate
+        setTimeout(function () {
+          formContext.trigger(props.formKey);
+        }, 0);
+      }
+    }
+    function setFieldDataSet(dataset, options) {
+      setRelatedData({
+        displaylabel: props.displayfield = options.aliasColumn || _filterFieldUtil.LIVE_CONSTANTS.LABEL_VALUE,
+        displayfield: props.displayfield = options.aliasColumn || _filterFieldUtil.LIVE_CONSTANTS.LABEL_VALUE,
+        datafield: options.aliasColumn || _filterFieldUtil.LIVE_CONSTANTS.LABEL_KEY,
+        searchkey: options.distinctField || _filterFieldUtil.LIVE_CONSTANTS.LABEL_KEY,
+        dataset: dataset
+      });
+    }
+
+    // Check if there's a required validator and update the required prop
+    var hasRequiredValidator = (0, _react.useMemo)(function () {
+      return validators.some(function (validator) {
+        return validator.type === "required" && validator.validator === true;
+      }) || asyncValidators.some(function (validator) {
+        return validator.type === "required" && validator.validator === true;
+      });
+    }, [validators]);
+
+    // Use the required prop from validators if present, otherwise use the original required prop
+    var isRequired = (_props$required = props.required) !== null && _props$required !== void 0 ? _props$required : hasRequiredValidator;
+    var modifiedProps = (0, _react.useMemo)(function () {
+      var _relatedData$dataset;
+      return _objectSpread(_objectSpread({}, props), {}, {
+        formRef: formContext,
+        validators: validators,
+        asyncValidators: asyncValidators,
+        observe: observe,
+        observeOn: observeOn,
+        setValidators: setValidators,
+        setAsyncValidators: setAsyncValidators,
+        widgetCls: widgetCls,
+        captionCls: captionCls,
+        fieldRef: fieldRef,
+        fieldName: props.name,
+        setIsDataSetBound: setIsDataSetBound,
+        isDataSetBound: isDataSetBound,
+        updateFormWidgetDataset: updateFormWidgetDataset,
+        setFieldDataSet: setFieldDataSet,
+        required: isRequired
+      }, relatedData.dataset && ((_relatedData$dataset = relatedData.dataset) === null || _relatedData$dataset === void 0 ? void 0 : _relatedData$dataset.length) > 0 ? {
+        datafield: relatedData.datafield,
+        dataset: relatedData.dataset,
+        displayfield: relatedData.displayfield
+      } : {});
+    }, [props, validators, asyncValidators, observe, observeOn, relatedData, isRequired]);
+    return __jsx("div", {
+      className: (0, _clsx["default"])(props.className, DEFAULT_CLASS),
+      id: props.id,
+      style: _objectSpread({}, props.conditionalstyle),
+      "data-displayname": props.displayname,
+      "data-name": props.name,
+      "data-placeholder": props.placeholder,
+      name: props.name,
+      displayname: props.displayname,
+      placeholder: props.placeholder
+    }, __jsx(_composite.WmComposite, {
+      captionposition: captionposition || "left",
+      listener: {},
+      name: "",
+      className: DEFAULT_COMPOSITE_CLASS
+    }, __jsx(WrappedComponent, (0, _extends2["default"])({}, modifiedProps, {
+      validators: validators,
+      asyncValidators: asyncValidators,
+      setValidators: setValidators,
+      datavalue: props.datavalue || props.defaultvalue,
+      key: "".concat(props.formKey, "-").concat(relatedData.displayfield || "initial")
+    }))));
+  };
+  return FormField;
+};
+var _default = exports["default"] = BaseField;

package/components/data/form/form-field/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
+var _withBaseWrapper = _interopRequireDefault(require("@wavemaker/react-runtime/higherOrder/withBaseWrapper"));
+var _baseField = _interopRequireDefault(require("./base-field"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+var __jsx = _react["default"].createElement;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var WmFormField = /*#__PURE__*/(0, _react.memo)(function (props) {
+  // Use renderFormFields prop to render the actual form field component
+  // This allows parent components to pass in form fields wrapped with withFormController
+  if (props.renderFormFields) {
+    if (props.formRef) {
+      return __jsx(_react["default"].Fragment, null, props.renderFormFields(_objectSpread({}, props)));
+    } else {
+      return null;
+    }
+  }
+
+  // Fallback: render nothing if no renderFormFields is provided
+  console.warn("WmFormField: renderFormFields prop is required");
+  return null;
+}, function (prev, next) {
+  return (0, _isEqual["default"])(prev, next);
+});
+WmFormField.displayName = "WmFormField";
+var _default = exports["default"] = (0, _baseField["default"])((0, _withBaseWrapper["default"])(WmFormField));

package/components/data/form/form-field/props.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/components/data/form/form-footer/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _excluded = ["className", "children"];
+var __jsx = _react["default"].createElement;
+var DEFAULT_CLASS = "basic-btn-grp form-action panel-footer clearfix";
+var WmFormFooter = function WmFormFooter(props) {
+  var className = props.className,
+    children = props.children,
+    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return __jsx(_Box["default"], (0, _extends2["default"])({
+    component: "div",
+    className: (0, _clsx["default"])(DEFAULT_CLASS, className)
+  }, rest), children);
+};
+WmFormFooter.displayName = "WmFormFooter";
+var _default = exports["default"] = WmFormFooter;

package/components/data/form/form-header/index.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _icon = require("@wavemaker/react-runtime/components/basic/icon");
+var _formAction = _interopRequireDefault(require("@wavemaker/react-runtime/components/data/form/form-action"));
+var _button = require("@wavemaker/react-runtime/components/form/button");
+var __jsx = _react["default"].createElement;
+var WmFormHeader = function WmFormHeader(props) {
+  var _Object$keys;
+  return __jsx("div", {
+    className: "panel-heading"
+  }, __jsx("h3", {
+    className: "panel-title"
+  }, __jsx("div", {
+    className: "pull-left"
+  }, props.iconclass && __jsx(_icon.WmIcon, {
+    name: "",
+    listener: {},
+    iconclass: props.iconclass
+  })), __jsx("div", {
+    className: "pull-left"
+  }, __jsx("div", {
+    className: "heading"
+  }, props.title), __jsx("div", {
+    className: "description"
+  }, props.subheading)), __jsx("div", {
+    className: "form-action panel-actions basic-btn-grp"
+  }, (props === null || props === void 0 ? void 0 : props.headerActions) && ((_Object$keys = Object.keys(props === null || props === void 0 ? void 0 : props.headerActions)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (actionName, index) {
+    return __jsx("div", {
+      className: "form-action panel-actions basic-btn-grp",
+      key: index
+    }, __jsx(_formAction["default"], (0, _extends2["default"])({}, props === null || props === void 0 ? void 0 : props.headerActions[actionName], {
+      headeraction: true
+    })));
+  })), props.collapsible && __jsx("div", {
+    className: "form-action panel-actions basic-btn-grp"
+  }, __jsx(_button.WmButton, {
+    name: "",
+    listener: {},
+    type: "button",
+    className: (0, _clsx["default"])("app-icon wi panel-action", props.expanded ? "wi-minus" : "wi-plus"),
+    title: props.expanded ? "Collapse" : "Expand",
+    onClick: function onClick() {
+      props.expandCollapsePanel();
+    }
+  })))));
+};
+WmFormHeader.displayName = "WmFormHeader";
+var _default = exports["default"] = WmFormHeader;

package/components/data/form/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _withBaseWrapper = _interopRequireDefault(require("@wavemaker/react-runtime/higherOrder/withBaseWrapper"));
+var _message = require("@wavemaker/react-runtime/components/basic/message");
+var _baseForm = _interopRequireDefault(require("./base-form"));
+var _formHeader = _interopRequireDefault(require("./form-header"));
+var __jsx = _react["default"].createElement;
+var WmForm = function WmForm(props) {
+  var _props$headerActions, _props$statusMessage, _props$statusMessage2, _props$statusMessage3, _props$statusMessage4;
+  var shouldHideHeader = props.isLayoutDialog || props.isInsideWizard;
+  return __jsx(_react["default"].Fragment, null, !shouldHideHeader && ((props === null || props === void 0 ? void 0 : props.title) || (props === null || props === void 0 ? void 0 : props.subheading) || (props === null || props === void 0 ? void 0 : props.iconclass) || (props === null || props === void 0 || (_props$headerActions = props.headerActions) === null || _props$headerActions === void 0 ? void 0 : _props$headerActions.length) > 0 || (props === null || props === void 0 ? void 0 : props.collapsible)) && __jsx(_formHeader["default"], {
+    title: props.title,
+    subheading: props.subheading,
+    iconclass: props.iconclass,
+    collapsible: props.collapsible,
+    expanded: props.expanded,
+    headerActions: props.headerActions,
+    expandCollapsePanel: props.expandCollapsePanel,
+    isViewMode: props.isViewMode
+  }), (props === null || props === void 0 ? void 0 : props.showmessage) && (props === null || props === void 0 ? void 0 : props.messagelayout) === "Inline" && __jsx(_message.WmMessage, {
+    "aria-hidden": !(props !== null && props !== void 0 && (_props$statusMessage = props.statusMessage) !== null && _props$statusMessage !== void 0 && _props$statusMessage.caption),
+    "aria-label": props === null || props === void 0 || (_props$statusMessage2 = props.statusMessage) === null || _props$statusMessage2 === void 0 ? void 0 : _props$statusMessage2.caption,
+    caption: props === null || props === void 0 || (_props$statusMessage3 = props.statusMessage) === null || _props$statusMessage3 === void 0 ? void 0 : _props$statusMessage3.caption,
+    type: props === null || props === void 0 || (_props$statusMessage4 = props.statusMessage) === null || _props$statusMessage4 === void 0 ? void 0 : _props$statusMessage4.type,
+    open: props === null || props === void 0 ? void 0 : props.showmessage,
+    close: props === null || props === void 0 ? void 0 : props.clearMessage,
+    name: "",
+    listener: {}
+  }), props.children);
+};
+WmForm.displayName = "WmForm";
+var WmFormWithBaseWrapper = (0, _withBaseWrapper["default"])(WmForm);
+var _default = exports["default"] = (0, _baseForm["default"])(WmFormWithBaseWrapper);

package/components/data/form/props.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/components/data/list/components/GroupHeader.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupHeader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var __jsx = _react["default"].createElement;
+/**
+ * Group header component for grouped lists
+ */
+var GroupHeader = exports.GroupHeader = function GroupHeader(_ref) {
+  var groupKey = _ref.groupKey,
+    displayCount = _ref.displayCount,
+    isCollapsed = _ref.isCollapsed,
+    collapsible = _ref.collapsible,
+    showcount = _ref.showcount,
+    onHeaderClick = _ref.onHeaderClick;
+  return __jsx("li", {
+    className: (0, _clsx["default"])("app-list-item-header list-item list-group-header", {
+      "collapsible-content": collapsible
+    }),
+    onClick: function onClick() {
+      return onHeaderClick(groupKey);
+    }
+  }, __jsx("h4", null, groupKey, __jsx("div", {
+    className: "header-action"
+  }, collapsible && __jsx("i", {
+    className: (0, _clsx["default"])("app-icon wi action", isCollapsed ? "wi-chevron-down" : "wi-chevron-up")
+  }), showcount && __jsx("span", {
+    className: "label label-default"
+  }, displayCount))));
+};

package/components/data/list/components/GroupedListItems.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupedListItems = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _GroupHeader = require("./GroupHeader");
+var _ListItemWithTemplate = require("./ListItemWithTemplate");
+var _NoDataMessage = require("./NoDataMessage");
+var _constants = require("../utils/constants");
+var __jsx = _react["default"].createElement;
+/**
+ * Grouped list items renderer for grouped lists
+ */
+var GroupedListItems = exports.GroupedListItems = function GroupedListItems(_ref) {
+  var groupedData = _ref.groupedData,
+    paginatedGroupedData = _ref.paginatedGroupedData,
+    direction = _ref.direction,
+    disableitem = _ref.disableitem,
+    itemclass = _ref.itemclass,
+    itemsPerRowClass = _ref.itemsPerRowClass,
+    name = _ref.name,
+    tabIndex = _ref.tabIndex,
+    activeItems = _ref.activeItems,
+    collapsible = _ref.collapsible,
+    showcount = _ref.showcount,
+    groupCollapsed = _ref.groupCollapsed,
+    renderItem = _ref.renderItem,
+    itemTemplate = _ref.itemTemplate,
+    nodatamessage = _ref.nodatamessage,
+    onItemClick = _ref.onItemClick,
+    onItemDoubleClick = _ref.onItemDoubleClick,
+    onItemMouseEnter = _ref.onItemMouseEnter,
+    onItemMouseLeave = _ref.onItemMouseLeave,
+    onHeaderClick = _ref.onHeaderClick;
+  if (!groupedData || !Array.isArray(groupedData) || groupedData.length === 0) {
+    return __jsx(_NoDataMessage.NoDataMessage, {
+      message: nodatamessage
+    });
+  }
+  var groupsToRender = paginatedGroupedData;
+  if (groupsToRender.length === 0) {
+    return __jsx(_NoDataMessage.NoDataMessage, {
+      message: nodatamessage
+    });
+  }
+  return __jsx(_react["default"].Fragment, null, groupsToRender.map(function (groupObj) {
+    var isGroupCollapsed = groupCollapsed[groupObj.key] || false;
+    var displayCount = groupObj.originalDataLength || groupObj.data.length;
+    return __jsx("li", {
+      key: "group_".concat(groupObj.key),
+      className: "app-list-item-group clearfix"
+    }, __jsx("ul", {
+      tabIndex: tabIndex,
+      className: (0, _clsx["default"])("list-group item-group")
+    }, __jsx(_GroupHeader.GroupHeader, {
+      groupKey: groupObj.key,
+      displayCount: displayCount,
+      isCollapsed: isGroupCollapsed,
+      collapsible: collapsible,
+      showcount: showcount,
+      onHeaderClick: onHeaderClick
+    }), !isGroupCollapsed && __jsx("li", {
+      className: "list-group-container"
+    }, __jsx("ul", {
+      className: (0, _clsx["default"])("list-group clearfix", direction === _constants.LIST_DIRECTION.HORIZONTAL ? "app-horizontal-list" : "")
+    }, groupObj.data.map(function (item, index) {
+      var actualIndexInGroup = groupObj.startIndexInGroup + index;
+      var itemId = "group_".concat(groupObj.key, "_item_").concat(actualIndexInGroup);
+      var isFirst = index === 0;
+      var isLast = index === groupObj.data.length - 1;
+      return __jsx(_ListItemWithTemplate.ListItemWithTemplate, {
+        key: itemId,
+        item: item,
+        index: actualIndexInGroup,
+        itemId: itemId,
+        isFirst: isFirst,
+        isLast: isLast,
+        disableitem: disableitem,
+        itemclass: (0, _clsx["default"])(itemclass, "group-list-item"),
+        itemsPerRowClass: itemsPerRowClass,
+        name: "".concat(name, "_group_").concat(groupObj.key),
+        tabIndex: tabIndex,
+        isActive: activeItems.has(item),
+        direction: direction,
+        renderItem: renderItem,
+        itemTemplate: itemTemplate,
+        onItemClick: onItemClick,
+        onItemDoubleClick: onItemDoubleClick,
+        onItemMouseEnter: onItemMouseEnter,
+        onItemMouseLeave: onItemMouseLeave
+      });
+    })))));
+  }));
+};

package/components/data/list/components/ListContainer.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListContainer = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ListDND = require("./ListDND");
+var __jsx = _react["default"].createElement;
+/**
+ * List container wrapper that optionally includes drag and drop functionality
+ */
+var ListContainer = exports.ListContainer = function ListContainer(_ref) {
+  var direction = _ref.direction,
+    enablereorder = _ref.enablereorder,
+    items = _ref.items,
+    startIndex = _ref.startIndex,
+    children = _ref.children,
+    onDragEnd = _ref.onDragEnd;
+  return __jsx(_react["default"].Fragment, null, enablereorder ? __jsx(_ListDND.DndWrapper, {
+    items: items,
+    direction: direction,
+    startIndex: startIndex,
+    onDragEnd: onDragEnd
+  }, children) : children);
+};