@agility/plenum-ui 1.0.1 → 1.0.2

package/README.md

@@ -24,12 +24,6 @@ Using npm:
 $ npm install @agility/plenum-ui
 ```
 
-Using bower:
-
-```bash
-$ bower install @agility/plenum-ui
-```
-
 Using yarn:
 
 ```bash

package/lib/components/TreeView/TreeView.d.ts

@@ -11,6 +11,7 @@ export interface TreeViewProps {
     /** Prop comment */
     treeData: NodeModel<DataProps>[];
     CustomNode: JSXElementConstructor<TreeItemProps>;
+    initialOpen: boolean | [number | string];
 }
 export interface DataProps {
     type: string;

package/lib/index.esm.js

@@ -7125,8 +7125,8 @@ var Dropdown = function (_a) {
                 React__default.createElement("span", { className: "sr-only" }, "Dropdown Menu"),
                 React__default.createElement(DynamicIcons, { className: "h-5 w-5", "aria-hidden": "true", icon: "DotsVerticalIcon" }))),
         React__default.createElement(mt, { as: 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.createElement(Ze.Items, { className: menuStyles, slot: "" }, items.map(function (itemStack) {
-                return (React__default.createElement("div", { className: "py-1" }, itemStack.map(function (item, index) {
+            React__default.createElement(Ze.Items, { className: menuStyles, slot: "" }, items.map(function (itemStack, i) {
+                return (React__default.createElement("div", { className: "py-1", key: i }, itemStack.map(function (item, index) {
                     return (React__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 }, {
@@ -13614,13 +13614,18 @@ var Placeholder = function (_a) {
     return React__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 = useState(treeData), list = _b[0], setList = _b[1];
     var handleDrop = function (newTree) { return setList(newTree); };
     var handleUpdateList = useCallback(function (item) {
         var newList = __spreadArray$1(__spreadArray$1([], list, true), item, true);
         setList(newList);
     }, [list]);
+    useEffect(function () {
+        if (treeData) {
+            setList(treeData);
+        }
+    }, [treeData]);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(Tree, { ref: ref, tree: list, classes: {
                 root: 'pl-0 ml-0 !border-l-0',
@@ -13634,9 +13639,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.createElement(Placeholder, { node: node, depth: depth }));
+                return React__default.createElement(Placeholder, { node: node, depth: depth });
             }, render: function (node, _a) {
                 var depth = _a.depth, isOpen = _a.isOpen, onToggle = _a.onToggle;
                 return (React__default.createElement(CustomNode, { node: node, depth: depth, isOpen: isOpen, onToggle: onToggle, onUpdate: handleUpdateList }));