@agility/plenum-ui 1.0.1 → 1.0.2

package/lib/index.js

@@ -7151,8 +7151,8 @@ var Dropdown = function (_a) {
                 React__default["default"].createElement("span", { className: "sr-only" }, "Dropdown Menu"),
                 React__default["default"].createElement(DynamicIcons, { className: "h-5 w-5", "aria-hidden": "true", icon: "DotsVerticalIcon" }))),
         React__default["default"].createElement(mt, { as: React.Fragment, enter: "transition ease-out duration-100", enterFrom: "transform opacity-0 scale-95", enterTo: "transform opacity-100 scale-100", leave: "transition ease-in duration-75", leaveFrom: "transform opacity-100 scale-100", leaveTo: "transform opacity-0 scale-95" },
-            React__default["default"].createElement(Ze.Items, { className: menuStyles, slot: "" }, items.map(function (itemStack) {
-                return (React__default["default"].createElement("div", { className: "py-1" }, itemStack.map(function (item, index) {
+            React__default["default"].createElement(Ze.Items, { className: menuStyles, slot: "" }, items.map(function (itemStack, i) {
+                return (React__default["default"].createElement("div", { className: "py-1", key: i }, itemStack.map(function (item, index) {
                     return (React__default["default"].createElement(Ze.Item, { key: index }, function (_a) {
                         var active = _a.active;
                         var anchorStyles = cn$1('group flex items-center px-4 py-2 text-sm cursor-pointer', { 'text-red-500': item.isEmphasized }, { 'text-gray-900': !item.isEmphasized }, { 'bg-gray-100 text-gray-900': active }, {
@@ -13640,13 +13640,18 @@ var Placeholder = function (_a) {
     return React__default["default"].createElement("div", null);
 };
 var TreeView = function (_a, ref) {
-    var treeData = _a.treeData, CustomNode = _a.CustomNode;
+    var treeData = _a.treeData, CustomNode = _a.CustomNode, initialOpen = _a.initialOpen;
     var _b = React.useState(treeData), list = _b[0], setList = _b[1];
     var handleDrop = function (newTree) { return setList(newTree); };
     var handleUpdateList = React.useCallback(function (item) {
         var newList = __spreadArray$1(__spreadArray$1([], list, true), item, true);
         setList(newList);
     }, [list]);
+    React.useEffect(function () {
+        if (treeData) {
+            setList(treeData);
+        }
+    }, [treeData]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(Tree, { ref: ref, tree: list, classes: {
                 root: 'pl-0 ml-0 !border-l-0',
@@ -13660,9 +13665,9 @@ var TreeView = function (_a, ref) {
                 if ((dragSource === null || dragSource === void 0 ? void 0 : dragSource.parent) === dropTargetId) {
                     return true;
                 }
-            }, dropTargetOffset: 5, placeholderRender: function (node, _a) {
+            }, initialOpen: initialOpen, dropTargetOffset: 5, placeholderRender: function (node, _a) {
                 var depth = _a.depth;
-                return (React__default["default"].createElement(Placeholder, { node: node, depth: depth }));
+                return React__default["default"].createElement(Placeholder, { node: node, depth: depth });
             }, render: function (node, _a) {
                 var depth = _a.depth, isOpen = _a.isOpen, onToggle = _a.onToggle;
                 return (React__default["default"].createElement(CustomNode, { node: node, depth: depth, isOpen: isOpen, onToggle: onToggle, onUpdate: handleUpdateList }));