superdesk-ui-framework 3.0.1-beta.13 → 3.0.1-beta.14

package/dist/examples.bundle.js

@@ -39266,7 +39266,7 @@ var DurationInput = /** @class */ (function (_super) {
     return DurationInput;
 }(React.PureComponent));
 exports.DurationInput = DurationInput;
-function getDurationString(seconds) {
+function getDurationString(seconds, zero) {
     function zeroPad(value) {
         if (value.toString().length === 1 || value === 0) {
             return "0".concat(value);
@@ -39278,9 +39278,19 @@ function getDurationString(seconds) {
             return value;
         }
     }
-    var hour = zeroPad(Math.floor(seconds / 3600));
-    var minute = zeroPad(Math.floor((seconds % 3600) / 60));
-    var second = zeroPad(Math.floor(seconds % 60));
+    var hour;
+    var minute;
+    var second;
+    if (zero) {
+        hour = zeroPad(Math.floor(seconds / 3600));
+        minute = zeroPad(Math.floor((seconds % 3600) / 60));
+        second = zeroPad(Math.floor(seconds % 60));
+    }
+    else {
+        hour = Math.floor(seconds / 3600);
+        minute = Math.floor((seconds % 3600) / 60);
+        second = Math.floor(seconds % 60);
+    }
     if (Number(hour) === 0 && Number(minute) > 0) {
         return "".concat(minute, "m ").concat(second, "s");
     }
@@ -41124,7 +41134,7 @@ var TableList = /** @class */ (function (_super) {
             this.props.onDrag(result.source.index, result.destination.index) : null;
     };
     TableList.prototype.dropDown = function () {
-        return (React.createElement(Dropdown_1.Dropdown, { items: this.props.itemsDropdown ? this.props.itemsDropdown : [] },
+        return (React.createElement(Dropdown_1.Dropdown, { items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
             React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } })));
     };
     TableList.prototype.render = function () {
@@ -41143,7 +41153,9 @@ var TableList = /** @class */ (function (_super) {
                         _this.state.items.map(function (item, index) { return (React.createElement(react_beautiful_dnd_1.Draggable, { key: index, draggableId: "".concat(index), index: index }, function (provided2, _snapshot2) { return (React.createElement("div", __assign({ ref: provided2.innerRef }, provided2.draggableProps, provided2.dragHandleProps),
                             React.createElement(TableListItem, { dragAndDrop: _this.props.dragAndDrop, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
                                     ? item.onDoubleClick
-                                    : undefined, addItem: _this.props.addItem, itemsDropdown: _this.props.itemsDropdown, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
+                                    : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
+                                    ? _this.props.itemsDropdown(index)
+                                    : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
                                     && _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
                         provided.placeholder,
                         (_this.props.addItem && !_this.props.readOnly) &&
@@ -41153,7 +41165,7 @@ var TableList = /** @class */ (function (_super) {
                 : React.createElement("ul", { className: classes },
                     this.state.items.map(function (item, index) { return (React.createElement(TableListItem, { key: index, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
                             ? item.onDoubleClick
-                            : undefined, addItem: _this.props.addItem, itemsDropdown: _this.props.itemsDropdown, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
+                            : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
                             && _this.props.onAddItem(index, item); } })); }),
                     (this.props.addItem && !this.props.readOnly) &&
                         React.createElement("li", { className: "table-list__add-item table-list__item--margin" },
@@ -41215,7 +41227,7 @@ var TableListItem = /** @class */ (function (_super) {
                 React.createElement("div", { className: 'table-list__add-bar-container' },
                     React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
                         React.createElement("div", { className: 'table-list__add-bar' },
-                            React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown : [] },
+                            React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
                                 React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))
             : React.createElement("li", { className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
                 React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
@@ -57384,12 +57396,12 @@ var React = __importStar(__webpack_require__(0));
 var ReactDOM = __importStar(__webpack_require__(9));
 var core_1 = __webpack_require__(61);
 var react_id_generator_1 = __webpack_require__(8);
+var DROPDOWN_ID_CONTAINER = "sd-dropdown-constainer";
 var Dropdown = function (_a) {
     var items = _a.items, header = _a.header, footer = _a.footer, children = _a.children, append = _a.append, align = _a.align, onChange = _a.onChange;
     var _b = React.useState(false), open = _b[0], setOpen = _b[1];
     var _c = React.useState(false), change = _c[0], setChange = _c[1];
     var menuID = (0, react_id_generator_1.useId)()[0];
-    var DROPDOWN_ID = "react-placeholder";
     var ref = React.useRef(null);
     var buttonRef = React.useRef(null);
     var headerElements = header === null || header === void 0 ? void 0 : header.map(function (el, index) {
@@ -57402,11 +57414,10 @@ var Dropdown = function (_a) {
         return each(el, index);
     });
     React.useEffect(function () {
-        var existingElement = document.getElementById(DROPDOWN_ID);
+        var existingElement = document.getElementById(DROPDOWN_ID_CONTAINER);
         if (!existingElement) {
             var el = document.createElement("div");
-            el.id = DROPDOWN_ID;
-            // style placeholder
+            el.id = DROPDOWN_ID_CONTAINER;
             el.style.position = 'absolute';
             el.style.top = '0';
             el.style.left = '0';
@@ -57421,7 +57432,6 @@ var Dropdown = function (_a) {
         }
         setChange(true);
     }, [open]);
-    // structure for append menu
     function createAppendMenu() {
         if (header && footer) {
             return (React.createElement("div", { className: 'dropdown__menu dropdown__menu--has-head-foot', id: menuID, role: 'menu', ref: ref },
@@ -57443,7 +57453,6 @@ var Dropdown = function (_a) {
             return (React.createElement("ul", { className: 'dropdown__menu ', id: menuID, role: 'menu', ref: ref }, dropdownElements));
         }
     }
-    // toggle menu
     function toggleDisplay() {
         if (!open) {
             var menuRef_1;
@@ -57492,15 +57501,14 @@ var Dropdown = function (_a) {
         }
     }
     function addInPlaceholder() {
-        var placeholder = document.getElementById(DROPDOWN_ID);
+        var placeholder = document.getElementById(DROPDOWN_ID_CONTAINER);
         var menu = createAppendMenu();
         if (open) {
             return ReactDOM.render(menu, placeholder);
         }
         else {
-            var menuDOM = document.getElementById(menuID);
-            if (menuDOM) {
-                menuDOM.style.display = 'none';
+            if (placeholder) {
+                ReactDOM.unmountComponentAtNode(placeholder);
             }
         }
     }
@@ -57510,7 +57518,7 @@ var Dropdown = function (_a) {
             item['items'].forEach(function (el, key) {
                 submenuItems_1.push(each(el, key));
             });
-            return (React.createElement(DropdownItemWithSubmenu, { key: index, item: item, subMenuItems: submenuItems_1 }));
+            return (React.createElement(DropdownItemWithSubmenu, { key: index, index: index, item: item, menuID: menuID, subMenuItems: submenuItems_1, onChange: onChange }));
         }
         else if (item['type'] === 'group') {
             var groupItems_1 = [];
@@ -57580,19 +57588,20 @@ var DropdownItem = function (_a) {
             label)));
 };
 var DropdownItemWithSubmenu = function (_a) {
-    var index = _a.index, item = _a.item, subMenuItems = _a.subMenuItems;
+    var index = _a.index, item = _a.item, menuID = _a.menuID, subMenuItems = _a.subMenuItems, onChange = _a.onChange;
     var _b = React.useState(undefined), open = _b[0], setOpen = _b[1];
     var refButtonSubMenu = React.useRef(null);
     var refSubMenu = React.useRef(null);
+    var placeholder = document.getElementById(menuID);
     React.useEffect(function () {
         var subMenuRef = refSubMenu.current;
         var subToggleRef = refButtonSubMenu.current;
         if (open === true) {
-            document.body.appendChild(subMenuRef);
+            placeholder === null || placeholder === void 0 ? void 0 : placeholder.appendChild(subMenuRef);
             subMenuRef.style.display = 'block';
         }
         else if (open === false) {
-            document.body.removeChild(subMenuRef);
+            placeholder === null || placeholder === void 0 ? void 0 : placeholder.removeChild(subMenuRef);
             subMenuRef.style.display = 'none';
         }
         if (subMenuRef && subToggleRef) {
@@ -57603,7 +57612,14 @@ var DropdownItemWithSubmenu = function (_a) {
     }, [open]);
     return (React.createElement("li", { key: index, ref: refButtonSubMenu },
         React.createElement("div", { className: 'dropdown', onMouseLeave: function () { return setOpen(false); } },
-            React.createElement("button", { className: 'dropdown__toggle dropdown-toggle', "aria-haspopup": "menu", tabIndex: 0, onMouseOver: function () { return setOpen(true); }, onClick: item['onSelect'] },
+            React.createElement("button", { className: 'dropdown__toggle dropdown-toggle', "aria-haspopup": "menu", tabIndex: 0, onClick: function () {
+                    if (item.onSelect) {
+                        item.onSelect();
+                    }
+                    if (onChange) {
+                        onChange();
+                    }
+                }, onMouseOver: function () { return setOpen(true); } },
                 item['icon'] ? React.createElement("i", { className: 'icon-' + item['icon'] }) : null,
                 item['label']),
             React.createElement("ul", { role: 'menu', ref: refSubMenu, style: { display: 'none' }, className: 'dropdown__menu' }, subMenuItems))));
@@ -59731,28 +59747,49 @@ var classnames_1 = __importDefault(__webpack_require__(2));
 var ContentListItem = /** @class */ (function (_super) {
     __extends(ContentListItem, _super);
     function ContentListItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.delay = 200;
+        _this.prevent = false;
+        _this.onSingleClick = function () {
+            _this.timer = setTimeout(function () {
+                if (!_this.prevent) {
+                    if (_this.props.onClick) {
+                        _this.props.onClick();
+                    }
+                }
+            }, _this.delay);
+        };
+        _this.onDoubleClick = function () {
+            clearTimeout(_this.timer);
+            _this.prevent = true;
+            if (_this.props.onDoubleClick) {
+                _this.props.onDoubleClick();
+            }
+            setTimeout(function () {
+                _this.prevent = false;
+            }, _this.delay);
+        };
+        return _this;
     }
     ContentListItem.prototype.render = function () {
-        var classes = (0, classnames_1.default)('sd-list-item sd-list-item-group sd-list-item-group--space-between-items', {
+        var classes = (0, classnames_1.default)('sd-list-item sd-shadow--z1', {
             'sd-list-item--activated': this.props.activated,
             'sd-list-item--selected': this.props.selected,
             'fetched': this.props.archived,
             'actioning': this.props.loading,
         });
-        return (React.createElement("div", { className: classes, onClick: this.props.onClick, onDoubleClick: this.props.onDoubleClick },
-            React.createElement("div", { className: "sd-list-item sd-shadow--z1" },
-                this.props.locked
-                    ? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
-                    : React.createElement("div", { className: "sd-list-item__border" }),
-                this.props.itemColum.map(function (item, index) {
-                    return React.createElement("div", { className: "sd-list-item__column ".concat(item.fullwidth && 'sd-list-item__column--grow', " ").concat(!item.border && 'sd-list-item__column--no-border'), key: index }, item.itemRow.map(function (e, i) {
-                        return (item.itemRow.length <= 1
-                            ? React.createElement(React.Fragment, { key: i }, e.content)
-                            : React.createElement("div", { className: "sd-list-item__row", key: i }, e.content));
-                    }));
-                }),
-                React.createElement("div", { className: "sd-list-item__action-menu" }, this.props.action))));
+        return (React.createElement("div", { className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
+            this.props.locked
+                ? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
+                : React.createElement("div", { className: "sd-list-item__border" }),
+            this.props.itemColum.map(function (item, index) {
+                return React.createElement("div", { className: "sd-list-item__column ".concat(item.fullwidth && 'sd-list-item__column--grow', " ").concat(!item.border && 'sd-list-item__column--no-border'), key: index }, item.itemRow.map(function (e, i) {
+                    return (item.itemRow.length <= 1
+                        ? React.createElement(React.Fragment, { key: i }, e.content)
+                        : React.createElement("div", { className: "sd-list-item__row", key: i }, e.content));
+                }));
+            }),
+            React.createElement("div", { className: "sd-list-item__action-menu" }, this.props.action)));
     };
     return ContentListItem;
 }(React.PureComponent));
@@ -98172,7 +98209,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TieredMenu = void 0;
+exports.TieredMenu = exports.LocationRetrieved = void 0;
 
 var _react = _interopRequireWildcard(__webpack_require__(0));
 
@@ -98198,6 +98235,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -98218,27 +98257,97 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+// interface IProps {
+//     children(args: {direction: 'left' | 'right'}): JSX.Element;
+// }
+// interface IState {
+//     direction: 'left' | 'right' | null;
+// }
+
+/**
+ * Checks whether there is more space on the left or right,
+ * in order to choose which direction submenus open to.
+ */
+var LocationRetrieved = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(LocationRetrieved, _React$PureComponent);
+
+  var _super = _createSuper(LocationRetrieved);
+
+  // <IProps, IState>
+  function LocationRetrieved(props) {
+    var _this;
+
+    _classCallCheck(this, LocationRetrieved);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      direction: null
+    };
+    _this.recompute = _this.recompute.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(LocationRetrieved, [{
+    key: "recompute",
+    value: function recompute(callback) {
+      // public, used in TieredMenu#show
+      this.setState({
+        direction: null
+      });
+      setTimeout(callback, 0);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      if (this.state.direction == null) {
+        return /*#__PURE__*/_react.default.createElement("span", {
+          ref: function ref(el) {
+            if (el != null) {
+              var rect = el.getBoundingClientRect();
+              var left = rect.left;
+              var availableSpaceH = document.body.offsetWidth;
+              var direction = left < availableSpaceH / 2 ? 'right' : 'left';
+
+              _this2.setState({
+                direction: direction
+              });
+            }
+          }
+        });
+      } else {
+        return this.props.children({
+          direction: this.state.direction
+        });
+      }
+    }
+  }]);
+
+  return LocationRetrieved;
+}(_react.default.PureComponent);
+
+exports.LocationRetrieved = LocationRetrieved;
 
 var TieredMenu = /*#__PURE__*/function (_Component) {
   _inherits(TieredMenu, _Component);
 
-  var _super = _createSuper(TieredMenu);
+  var _super2 = _createSuper(TieredMenu);
 
   function TieredMenu(props) {
-    var _this;
+    var _this3;
 
     _classCallCheck(this, TieredMenu);
 
-    _this = _super.call(this, props);
-    _this.state = {
+    _this3 = _super2.call(this, props);
+    _this3.state = {
       visible: !props.popup
     };
-    _this.onEnter = _this.onEnter.bind(_assertThisInitialized(_this));
-    _this.onEntered = _this.onEntered.bind(_assertThisInitialized(_this));
-    _this.onExit = _this.onExit.bind(_assertThisInitialized(_this));
-    _this.id = _this.props.id || (0, _UniqueComponentId.default)();
-    return _this;
+    _this3.onEnter = _this3.onEnter.bind(_assertThisInitialized(_this3));
+    _this3.onEntered = _this3.onEntered.bind(_assertThisInitialized(_this3));
+    _this3.onExit = _this3.onExit.bind(_assertThisInitialized(_this3));
+    _this3.id = _this3.props.id || (0, _UniqueComponentId.default)();
+    return _this3;
   }
 
   _createClass(TieredMenu, [{
@@ -98251,29 +98360,31 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
   }, {
     key: "show",
     value: function show(event) {
-      var _this2 = this;
+      var _this4 = this;
 
       this.target = event.currentTarget;
       var currentEvent = event;
-      this.setState({
-        visible: true
-      }, function () {
-        if (_this2.props.onShow) {
-          _this2.props.onShow(currentEvent);
-        }
+      this.locator.recompute(function () {
+        _this4.setState({
+          visible: true
+        }, function () {
+          if (_this4.props.onShow) {
+            _this4.props.onShow(currentEvent);
+          }
+        });
       });
     }
   }, {
     key: "hide",
     value: function hide(event) {
-      var _this3 = this;
+      var _this5 = this;
 
       var currentEvent = event;
       this.setState({
         visible: false
       }, function () {
-        if (_this3.props.onHide) {
-          _this3.props.onHide(currentEvent);
+        if (_this5.props.onHide) {
+          _this5.props.onHide(currentEvent);
         }
       });
     }
@@ -98314,12 +98425,12 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
   }, {
     key: "bindDocumentClickListener",
     value: function bindDocumentClickListener() {
-      var _this4 = this;
+      var _this6 = this;
 
       if (!this.documentClickListener) {
         this.documentClickListener = function (event) {
-          if (_this4.props.popup && _this4.state.visible && !_this4.container.contains(event.target)) {
-            _this4.hide(event);
+          if (_this6.props.popup && _this6.state.visible && !_this6.container.contains(event.target)) {
+            _this6.hide(event);
           }
         };
 
@@ -98337,12 +98448,12 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
   }, {
     key: "bindDocumentResizeListener",
     value: function bindDocumentResizeListener() {
-      var _this5 = this;
+      var _this7 = this;
 
       if (!this.documentResizeListener) {
         this.documentResizeListener = function (event) {
-          if (_this5.state.visible) {
-            _this5.hide(event);
+          if (_this7.state.visible) {
+            _this7.hide(event);
           }
         };
 
@@ -98360,12 +98471,12 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
   }, {
     key: "bindScrollListener",
     value: function bindScrollListener() {
-      var _this6 = this;
+      var _this8 = this;
 
       if (!this.scrollHandler) {
         this.scrollHandler = new _ConnectedOverlayScrollHandler.default(this.target, function (event) {
-          if (_this6.state.visible) {
-            _this6.hide(event);
+          if (_this8.state.visible) {
+            _this8.hide(event);
           }
         });
       }
@@ -98391,8 +98502,8 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "renderElement",
-    value: function renderElement() {
-      var _this7 = this;
+    value: function renderElement(direction) {
+      var _this9 = this;
 
       var className = (0, _ClassNames.classNames)('p-tieredmenu p-component', {
         'p-tieredmenu-overlay': this.props.popup
@@ -98410,7 +98521,7 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
         onExit: this.onExit
       }, /*#__PURE__*/_react.default.createElement("div", {
         ref: function ref(el) {
-          return _this7.container = el;
+          return _this9.container = el;
         },
         id: this.id,
         className: className,
@@ -98419,14 +98530,28 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react.default.createElement(_TieredMenuSub.TieredMenuSub, {
         model: this.props.model,
         root: true,
-        popup: this.props.popup
+        popup: this.props.popup,
+        direction: direction
       })));
     }
   }, {
     key: "render",
     value: function render() {
-      var element = this.renderElement();
-      if (this.props.appendTo) return /*#__PURE__*/_reactDom.default.createPortal(element, this.props.appendTo);else return element;
+      var _this10 = this;
+
+      return /*#__PURE__*/_react.default.createElement(LocationRetrieved, {
+        ref: function ref(instance) {
+          if (instance != null) {
+            _this10.locator = instance;
+          }
+        }
+      }, function (_ref) {
+        var direction = _ref.direction;
+
+        var element = _this10.renderElement(direction);
+
+        if (_this10.props.appendTo) return /*#__PURE__*/_reactDom.default.createPortal(element, _this10.props.appendTo);else return element;
+      });
     }
   }]);
 
@@ -98590,6 +98715,8 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
   }, {
     key: "onItemClick",
     value: function onItemClick(event, item) {
+      var _item$items$length, _item$items;
+
       if (item.disabled) {
         event.preventDefault();
         return;
@@ -98606,21 +98733,27 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
         });
       }
 
-      if (this.props.root) {
-        if (item.items) {
-          if (this.state.activeItem && item === this.state.activeItem) {
-            this.setState({
-              activeItem: null
-            });
-          } else {
-            this.setState({
-              activeItem: item
-            });
-          }
+      if (((_item$items$length = (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.length) !== null && _item$items$length !== void 0 ? _item$items$length : 0) > 0) {
+        if (this.state.activeItem && item === this.state.activeItem) {
+          this.setState({
+            activeItem: null
+          });
+        } else {
+          this.setState({
+            activeItem: item
+          });
         }
       }
 
-      if (!item.items) {
+      var target = event.target;
+      var isKeyboardEvent = event.clientX === 0 && event.clientY === 0;
+
+      if (isKeyboardEvent) {
+        setTimeout(function () {
+          var el = target.parentElement.querySelectorAll('.p-submenu-list > .p-menuitem')[0].querySelector('button');
+          el.focus();
+        }, 0);
+      } else if (!item.items) {
         this.onLeafClick();
       }
     }
@@ -98677,8 +98810,10 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
   }, {
     key: "onChildItemKeyDown",
     value: function onChildItemKeyDown(event, childListItem) {
-      //left
-      if (event.which === 37) {
+      var leftArrow = event.which === 37;
+      var escape = event.which === 27;
+
+      if (leftArrow || escape) {
         this.setState({
           activeItem: null
         });
@@ -98750,7 +98885,8 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
           onLeafClick: this.onLeafClick,
           popup: this.props.popup,
           onKeyDown: this.onChildItemKeyDown,
-          parentActive: item === this.state.activeItem
+          parentActive: item === this.state.activeItem,
+          direction: this.props.direction
         });
       }
 
@@ -98778,10 +98914,8 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
           return _this3.onItemMouseEnter(event, item);
         },
         role: "none"
-      }, /*#__PURE__*/_react.default.createElement("a", {
-        href: item.url || '#',
+      }, /*#__PURE__*/_react.default.createElement("button", {
         className: linkClassName,
-        target: item.target,
         role: "menuitem",
         "aria-haspopup": item.items != null,
         onClick: function onClick(event) {
@@ -98827,7 +98961,10 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
         },
         className: className,
         role: this.props.root ? 'menubar' : 'menu',
-        "aria-orientation": "horizontal"
+        "aria-orientation": "horizontal",
+        style: {
+          left: this.props.direction === 'left' ? '-100%' : '100%'
+        }
       }, submenu);
     }
   }]);
@@ -98854,7 +98991,8 @@ _defineProperty(TieredMenuSub, "propTypes", {
   popup: _propTypes.default.bool,
   onLeafClick: _propTypes.default.func,
   onKeyDown: _propTypes.default.func,
-  parentActive: _propTypes.default.bool
+  parentActive: _propTypes.default.bool,
+  direction: _propTypes.default.string
 });
 
 /***/ }),
@@ -116573,11 +116711,11 @@ var RundownEditor = /** @class */ (function (_super) {
                         React.createElement(index_1.IconLabel, { style: 'translucent', innerLabel: 'Duration:', text: '00:38', size: 'large', type: 'warning' }),
                         React.createElement(index_1.Text, { color: 'light', size: 'medium', className: 'sd-margin--0' }, "OF"),
                         React.createElement(index_1.IconLabel, { style: 'translucent', innerLabel: 'Planned:', text: '00:45', size: 'large' })),
-                    React.createElement(TableList_1.TableList, { className: 'sd-margin-y--4', dragAndDrop: true, addItem: true, array: this.state.array, itemsDropdown: [
+                    React.createElement(TableList_1.TableList, { className: 'sd-margin-y--4', dragAndDrop: true, addItem: true, array: this.state.array, itemsDropdown: function () { return [
                             { label: React.createElement(index_1.Label, { style: 'translucent', type: 'primary', text: 'aacc' }), onSelect: function () { return 1; } },
                             { label: React.createElement(index_1.Label, { style: 'translucent', text: 'prlg' }), onSelect: function () { return 1; } },
                             { label: React.createElement(index_1.Label, { style: 'translucent', type: 'primary', text: 'prlg' }), onSelect: function () { return 1; } },
-                        ], onClick: function () { return false; } }))),
+                        ]; } }))),
             React.createElement(Layout.RightPanel, { open: this.state.rightPanelOpen },
                 React.createElement(Layout.Panel, { size: 'full', side: 'right' },
                     React.createElement(Layout.PanelContent, null,
@@ -129291,7 +129429,7 @@ var DropdownDoc = /** @class */ (function (_super) {
                 " to the dropdown element to append to the inner dropdown menu to the body. This is useful when the dropdown button is inside a div with overflow: hidden, and the menu would otherwise be hidden."),
             React.createElement(Markup.ReactMarkup, null,
                 React.createElement(Markup.ReactMarkupPreview, null,
-                    React.createElement(app_typescript_1.Dropdown, { header: [
+                    React.createElement(app_typescript_1.Dropdown, { append: true, header: [
                             {
                                 type: 'group',
                                 label: 'Create new',
@@ -129305,7 +129443,14 @@ var DropdownDoc = /** @class */ (function (_super) {
                                                 type: 'submenu',
                                                 label: 'Show 1',
                                                 icon: 'plus-sign',
-                                                items: [],
+                                                items: [
+                                                    {
+                                                        type: 'submenu',
+                                                        label: 'Show 1',
+                                                        icon: 'plus-sign',
+                                                        items: []
+                                                    }
+                                                ],
                                             },
                                             {
                                                 type: 'submenu',
@@ -129341,6 +129486,272 @@ var DropdownDoc = /** @class */ (function (_super) {
                                             },
                                         ],
                                     },
+                                    {
+                                        type: 'submenu',
+                                        label: 'Rundown',
+                                        icon: 'plus-sign',
+                                        items: [
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 1',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 2',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                        ],
+                                    },
+                                    {
+                                        type: 'submenu',
+                                        label: 'Rundown',
+                                        icon: 'plus-sign',
+                                        items: [
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 1',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 2',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                        ],
+                                    },
+                                    {
+                                        type: 'submenu',
+                                        label: 'Rundown',
+                                        icon: 'plus-sign',
+                                        items: [
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 1',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 2',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                        ],
+                                    },
+                                    {
+                                        type: 'submenu',
+                                        label: 'Rundown',
+                                        icon: 'plus-sign',
+                                        items: [
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 1',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 2',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                        ],
+                                    },
+                                    {
+                                        type: 'submenu',
+                                        label: 'Rundown',
+                                        icon: 'plus-sign',
+                                        items: [
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 1',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 2',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                        ],
+                                    },
+                                    {
+                                        type: 'submenu',
+                                        label: 'Rundown',
+                                        icon: 'plus-sign',
+                                        items: [
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 1',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 2',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                        ],
+                                    },
+                                    {
+                                        type: 'submenu',
+                                        label: 'Rundown',
+                                        icon: 'plus-sign',
+                                        items: [
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 1',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 2',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                        ],
+                                    },
+                                    {
+                                        type: 'submenu',
+                                        label: 'Rundown',
+                                        icon: 'plus-sign',
+                                        items: [
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 1',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 2',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                        ],
+                                    },
+                                    {
+                                        type: 'submenu',
+                                        label: 'Rundown',
+                                        icon: 'plus-sign',
+                                        items: [
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 1',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 2',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                        ],
+                                    },
+                                    {
+                                        type: 'submenu',
+                                        label: 'Rundown',
+                                        icon: 'plus-sign',
+                                        items: [
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 1',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 2',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                        ],
+                                    },
+                                    {
+                                        type: 'submenu',
+                                        label: 'Rundown',
+                                        icon: 'plus-sign',
+                                        items: [
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 1',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 2',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                        ],
+                                    },
+                                    {
+                                        type: 'submenu',
+                                        label: 'Rundown',
+                                        icon: 'plus-sign',
+                                        items: [
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 1',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 2',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                        ],
+                                    },
+                                    {
+                                        type: 'submenu',
+                                        label: 'Rundown',
+                                        icon: 'plus-sign',
+                                        items: [
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 1',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 2',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                        ],
+                                    },
+                                    {
+                                        type: 'submenu',
+                                        label: 'Rundown',
+                                        icon: 'plus-sign',
+                                        items: [
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 1',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                            {
+                                                type: 'submenu',
+                                                label: 'Show 2',
+                                                icon: 'plus-sign',
+                                                items: [],
+                                            },
+                                        ],
+                                    },
                                 ],
                             },
                         ], footer: [
@@ -129350,7 +129761,7 @@ var DropdownDoc = /** @class */ (function (_super) {
                                     {
                                         icon: 'rundown',
                                         label: 'Create new Show',
-                                        onSelect: function () { return false; },
+                                        onSelect: function () { return console.log('aaa'); },
                                     },
                                 ],
                             },
@@ -129508,7 +129919,13 @@ var DropdownDoc = /** @class */ (function (_super) {
                                                     type: 'submenu',
                                                     label: 'Show 1',
                                                     icon: 'plus-sign',
-                                                    items: [],
+                                                    items: [
+                                                        {
+                                                            type: 'submenu',
+                                                            label: 'Show 1',
+                                                            items: []
+                                                        }
+                                                    ],
                                                 },
                                                 {
                                                     type: 'submenu',
@@ -131546,9 +131963,8 @@ var TableListDoc = /** @class */ (function (_super) {
                     center: React.createElement("span", null, "Item 2"),
                     end: React.createElement(app_typescript_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }),
                     action: React.createElement(app_typescript_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }),
-                    onClick: function () {
-                        return false;
-                    }
+                    onClick: function () { return console.log('single'); },
+                    onDoubleClick: function () { return console.log('double'); },
                 },
                 {
                     start: React.createElement(React.Fragment, null,
@@ -131557,9 +131973,9 @@ var TableListDoc = /** @class */ (function (_super) {
                     center: React.createElement("span", null, "Item 3"),
                     end: React.createElement(app_typescript_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }),
                     action: React.createElement(app_typescript_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }),
-                    onClick: function () {
-                        return false;
-                    }
+                    onClick: function () { return console.log('single'); },
+                    onDoubleClick: function () { return console.log('double'); },
+                    hexColor: '#ff9808'
                 },
             ]
         };
@@ -131568,35 +131984,35 @@ var TableListDoc = /** @class */ (function (_super) {
     TableListDoc.prototype.render = function () {
         return (React.createElement("section", { className: 'docs-page__container' },
             React.createElement("h2", { className: 'docs-page__h2' }, "TableList"),
-            React.createElement(Markup.ReactMarkupCodePreview, null, "\n                    <TableList\n                    dragAndDrop\n                    addItem\n                    array={this.state.array}\n                    itemsDropdown={[\n                        { label: 'Action 1', onSelect: () => 1 },\n                        { label: 'Action 2', onSelect: () => 1 },\n                        { label: 'Action 3', onSelect: () => 1 },\n                    ]} />\n                "),
+            React.createElement(Markup.ReactMarkupCodePreview, null, "\n                    <TableList\n                    dragAndDrop\n                    addItem\n                    array={this.state.array}\n                    itemsDropdown={(index) => [\n                        { label: <Label style='translucent' type='primary' text='aacc' />, onSelect: () => console.log(index) },\n                        { label: <Label style='translucent' text='prlg' />, onSelect: () => console.log(index) },\n                        { label: <Label style='translucent' type='primary' text='prlg' />, onSelect: () => console.log(index) },\n                    ]} />\n                "),
             React.createElement("p", { className: "docs-page__paragraph" }, "With drag and drop functionality:"),
             React.createElement(Markup.ReactMarkup, null,
                 React.createElement(Markup.ReactMarkupPreview, null,
-                    React.createElement(TableList_1.TableList, { dragAndDrop: true, addItem: true, onAddItem: function (index, item) { return console.log(index, item); }, array: this.state.array, itemsDropdown: [
-                            { label: React.createElement(app_typescript_1.Label, { style: 'translucent', type: 'primary', text: 'aacc' }), onSelect: function () { return 1; } },
-                            { label: React.createElement(app_typescript_1.Label, { style: 'translucent', text: 'prlg' }), onSelect: function () { return 1; } },
-                            { label: React.createElement(app_typescript_1.Label, { style: 'translucent', type: 'primary', text: 'prlg' }), onSelect: function () { return 1; } },
-                        ], onDrag: function (start, end) { return console.log(start, end); } })),
-                React.createElement(Markup.ReactMarkupCode, null, "\n                        <TableList\n                        dragAndDrop\n                        addItem\n                        array={this.state.array}\n                        itemsDropdown={[\n                            { label: <Label style='translucent' type='primary' text='aacc' />, onSelect: () => 1 },\n                            { label: <Label style='translucent' text='prlg' />, onSelect: () => 1 },\n                            { label: <Label style='translucent' type='primary' text='prlg' />, onSelect: () => 1 },\n                        ]}\n                        onClick={() => false}\n                        />\n                    ")),
+                    React.createElement(TableList_1.TableList, { dragAndDrop: true, addItem: true, array: this.state.array, itemsDropdown: function (index) { return [
+                            { label: React.createElement(app_typescript_1.Label, { style: 'translucent', type: 'primary', text: 'aacc' }), onSelect: function () { return console.log(index); } },
+                            { label: React.createElement(app_typescript_1.Label, { style: 'translucent', text: 'prlg' }), onSelect: function () { return console.log(index); } },
+                            { label: React.createElement(app_typescript_1.Label, { style: 'translucent', type: 'primary', text: 'prlg' }), onSelect: function () { return console.log(index); } },
+                        ]; }, onDrag: function (start, end) { return console.log(start, end); } })),
+                React.createElement(Markup.ReactMarkupCode, null, "\n                        <TableList\n                        dragAndDrop\n                        addItem\n                        array={this.state.array}\n                        itemsDropdown={(index) => [\n                                { label: <Label style='translucent' type='primary' text='aacc' />, onSelect: () => console.log(index) },\n                                { label: <Label style='translucent' text='prlg' />, onSelect: () => console.log(index) },\n                                { label: <Label style='translucent' type='primary' text='prlg' />, onSelect: () => console.log(index) },\n                            ]\n                        }\n                        onDrag={(start, end) => console.log(start, end)}\n                        />\n                    ")),
             React.createElement("h3", { className: "docs-page__h3" }, "Props"),
             React.createElement("p", { className: "docs-page__paragraph" }, "TableList"),
             React.createElement(app_typescript_1.PropsList, null,
-                React.createElement(app_typescript_1.Prop, { name: 'array', isRequired: false, type: 'Array', default: 'false', description: 'Array of object.' }),
-                React.createElement(app_typescript_1.Prop, { name: 'children', isRequired: false, type: 'React.ReactNode', default: 'false', description: 'Children of component.' }),
+                React.createElement(app_typescript_1.Prop, { name: 'array', isRequired: true, type: 'Array', default: 'false', description: 'Array of object.' }),
                 React.createElement(app_typescript_1.Prop, { name: 'addItem', isRequired: false, type: 'boolean', default: 'false', description: 'Functionality to add items to the list.' }),
                 React.createElement(app_typescript_1.Prop, { name: 'dragAndDrop', isRequired: false, type: 'boolean', default: 'false', description: 'Drag&Drop functionality.' }),
-                React.createElement(app_typescript_1.Prop, { name: 'itemsDropdown', isRequired: false, type: 'React.ReactNode | any', default: 'false', description: 'Dropdown for functionality to add items to the list.' }),
                 React.createElement(app_typescript_1.Prop, { name: 'className', isRequired: false, type: 'string', default: 'false', description: 'Add class on TableList container.' }),
-                React.createElement(app_typescript_1.Prop, { name: 'showDragHandle', isRequired: false, type: 'string', default: 'always', description: '' }),
-                React.createElement(app_typescript_1.Prop, { name: 'onClick', isRequired: false, type: 'function', default: 'false', description: 'onClick functionality.' }),
+                React.createElement(app_typescript_1.Prop, { name: 'showDragHandle', isRequired: false, type: 'string', default: 'always', description: '"always" | "onHover" | "none".' }),
+                React.createElement(app_typescript_1.Prop, { name: 'readOnly', isRequired: false, type: 'boolean', default: 'false', description: 'When specified, component changes are not enabled.' }),
                 React.createElement(app_typescript_1.Prop, { name: 'onDrag', isRequired: false, type: 'function', default: 'false', description: 'Returns start and end position of draggable item' }),
-                React.createElement(app_typescript_1.Prop, { name: 'onAddItem', isRequired: false, type: 'function', default: 'false', description: 'Returns index of draggable item.' })),
+                React.createElement(app_typescript_1.Prop, { name: 'onAddItem', isRequired: false, type: 'function', default: 'false', description: 'Returns index of draggable item.' }),
+                React.createElement(app_typescript_1.Prop, { name: 'itemsDropdown', isRequired: false, type: 'function', default: 'false', description: 'Dropdown for adding items in the list. Returns index of draggable item.' })),
             React.createElement("p", { className: "docs-page__paragraph" }, "array:"),
             React.createElement(app_typescript_1.PropsList, null,
                 React.createElement(app_typescript_1.Prop, { name: 'start', isRequired: false, type: 'React.ReactNode', default: 'false', description: 'Column of individual items of list.' }),
                 React.createElement(app_typescript_1.Prop, { name: 'center', isRequired: false, type: 'React.ReactNode', default: 'false', description: 'Column of individual items of list.' }),
                 React.createElement(app_typescript_1.Prop, { name: 'end', isRequired: false, type: 'React.ReactNode', default: 'false', description: 'Column of individual items of list.' }),
                 React.createElement(app_typescript_1.Prop, { name: 'action', isRequired: false, type: 'React.ReactNode', default: 'false', description: 'Column of individual list items that is displayed on hover.' }),
+                React.createElement(app_typescript_1.Prop, { name: 'hexColor', isRequired: false, type: 'string', default: 'false', description: '' }),
                 React.createElement(app_typescript_1.Prop, { name: 'onClick', isRequired: false, type: 'function', default: 'false', description: 'onClick functionality.' }),
                 React.createElement(app_typescript_1.Prop, { name: 'onDoubleClick', isRequired: false, type: 'function', default: 'false', description: 'onDoubleClick functionality.' }))));
     };
@@ -134425,11 +134841,11 @@ var Rundowns = /** @class */ (function (_super) {
                                         React.createElement(index_1.IconLabel, { style: 'translucent', innerLabel: 'Duration:', text: '00:56', type: 'warning' }),
                                         React.createElement(index_1.Text, { color: 'light', size: 'small', className: 'sd-margin--0' }, "OF"),
                                         React.createElement(index_1.IconLabel, { style: 'translucent', innerLabel: 'Planned:', text: '01:00' })),
-                                    React.createElement(TableList_1.TableList, { className: 'sd-margin-y--4', array: this.state.array, itemsDropdown: [
+                                    React.createElement(TableList_1.TableList, { className: 'sd-margin-y--4', array: this.state.array, itemsDropdown: function () { return [
                                             { label: React.createElement(index_1.Label, { style: 'translucent', type: 'primary', text: 'aacc' }), onSelect: function () { return 1; } },
                                             { label: React.createElement(index_1.Label, { style: 'translucent', text: 'prlg' }), onSelect: function () { return 1; } },
                                             { label: React.createElement(index_1.Label, { style: 'translucent', type: 'primary', text: 'prlg' }), onSelect: function () { return 1; } },
-                                        ], onClick: function () { return false; } }))))),
+                                        ]; } }))))),
                     React.createElement(Layout.OverlayPanel, null)),
                 React.createElement(Layout.ContentSplitter, { visible: this.state.openEditor }),
                 React.createElement(Layout.AuthoringContainer, { open: this.state.openEditor },
@@ -137331,7 +137747,7 @@ exports.WithSizeObserverDocs = WithSizeObserverDocs;
 /* 649 */
 /***/ (function(module, exports) {
 
-module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.13","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build"},"devDependencies":{"@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/lodash":"^4.14.161","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"5.14.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","lodash":"4.17.21","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","tslint":"^5.18.0","typescript":"4.5.2","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","moment":"^2.29.3","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
+module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.14","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build"},"devDependencies":{"@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/lodash":"^4.14.161","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"5.14.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","lodash":"4.17.21","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","tslint":"^5.18.0","typescript":"4.5.2","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","moment":"^2.29.3","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
 
 /***/ }),
 /* 650 */