react-complex-tree
Advanced tools
Comparing version 1.1.0 to 1.1.1
@@ -14,2 +14,5 @@ import * as React from 'react'; | ||
var _a; | ||
if (environment.defaultInteractionMode && typeof environment.defaultInteractionMode !== 'string') { | ||
return environment.defaultInteractionMode; | ||
} | ||
switch ((_a = environment.defaultInteractionMode) !== null && _a !== void 0 ? _a : InteractionMode.ClickItemToExpand) { | ||
@@ -16,0 +19,0 @@ case InteractionMode.DoubleClickItemToExpand: |
@@ -31,3 +31,2 @@ import { useTreeEnvironment } from './ControlledTreeEnvironment'; | ||
if (e.clientX < 0 || e.clientY < 0) { | ||
// console.log("Drag aborted due to mouse coords being negative"); | ||
return; // TODO hotfix | ||
@@ -37,3 +36,2 @@ } | ||
var outsideContainer = isOutsideOfContainer(e, treeBb); | ||
// console.log(outsideContainer, treeBb, e.clientX, e.clientY); | ||
var _e = getHoveringPosition(e.clientY, treeBb.top, itemHeight, environment), linearIndex = _e.linearIndex, offset = _e.offset; | ||
@@ -47,3 +45,2 @@ var nextDragCode = outsideContainer ? 'outside' : "" + treeId + linearIndex + (offset !== null && offset !== void 0 ? offset : ''); | ||
onDragAtPosition(undefined); | ||
// console.log("Drag aborted due to being out of container"); | ||
return; | ||
@@ -53,3 +50,2 @@ } | ||
onDragAtPosition(undefined); | ||
// console.log("Drag aborted due to being out of linear list"); | ||
return; | ||
@@ -62,3 +58,2 @@ } | ||
onDragAtPosition(undefined); | ||
// console.log("Drag aborted due to canDropOnItemWithoutChildren"); | ||
return; | ||
@@ -68,3 +63,2 @@ } | ||
onDragAtPosition(undefined); | ||
// console.log("Drag aborted due to canDropOnItemWithChildren"); | ||
return; | ||
@@ -74,3 +68,2 @@ } | ||
onDragAtPosition(undefined); | ||
// console.log("Drag aborted due to canReorderItems"); | ||
return; | ||
@@ -77,0 +70,0 @@ } |
@@ -24,2 +24,3 @@ import { InteractionMode, } from '../types'; | ||
else { | ||
actions.selectItem(); | ||
if (!item.hasChildren || _this.environment.canInvokePrimaryActionOnItemContainer) { | ||
@@ -26,0 +27,0 @@ actions.primaryAction(); |
import { defaultKeyboardBindings } from '../hotkeys/defaultKeyboardBindings'; | ||
export var resolveLiveDescriptor = function (descriptor, environment, dnd, tree) { | ||
var getItemTitle = function (index) { | ||
console.log(index, environment.items, dnd.draggingPosition); | ||
return environment.getItemTitle(environment.items[index]); | ||
}; | ||
var getItemTitle = function (index) { return environment.getItemTitle(environment.items[index]); }; | ||
return descriptor.replace(/(\{[^\s\}]+)\}/g, function (variableNameWithBrackets) { | ||
@@ -8,0 +5,0 @@ var _a, _b, _c, _d; |
@@ -41,3 +41,3 @@ var __assign = (this && this.__assign) || function () { | ||
var _a, _b; | ||
var _c, _d, _e, _f, _g, _h, _j, _k; | ||
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o; | ||
if (!item) { | ||
@@ -47,11 +47,12 @@ return undefined; | ||
var viewState = environment.viewState[treeId]; | ||
var itemsToDrag = (_d = (_c = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _c === void 0 ? void 0 : _c.map(function (item) { return environment.items[item]; })) !== null && _d !== void 0 ? _d : ((viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem) ? [environment.items[viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem]] : []); | ||
var canDrag = //selectedItems && | ||
// selectedItems.length > 0 && | ||
environment.canDragAndDrop && | ||
((_f = (_e = environment.canDrag) === null || _e === void 0 ? void 0 : _e.call(environment, itemsToDrag)) !== null && _f !== void 0 ? _f : true) && | ||
itemsToDrag.map(function (item) { var _a; return (_a = item.canMove) !== null && _a !== void 0 ? _a : true; }).reduce(function (a, b) { return a && b; }, true); | ||
var currentlySelectedItems = (_d = (_c = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _c === void 0 ? void 0 : _c.map(function (item) { return environment.items[item]; })) !== null && _d !== void 0 ? _d : ((viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem) ? [environment.items[viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem]] : []); | ||
var isItemPartOfSelectedItems = !!currentlySelectedItems.find(function (selectedItem) { return selectedItem.index === item.index; }); | ||
var canDragCurrentlySelectedItems = currentlySelectedItems && | ||
((_f = (_e = environment.canDrag) === null || _e === void 0 ? void 0 : _e.call(environment, currentlySelectedItems)) !== null && _f !== void 0 ? _f : true) && | ||
currentlySelectedItems.map(function (item) { var _a; return (_a = item.canMove) !== null && _a !== void 0 ? _a : true; }).reduce(function (a, b) { return a && b; }, true); | ||
var canDragThisItem = ((_h = (_g = environment.canDrag) === null || _g === void 0 ? void 0 : _g.call(environment, [item])) !== null && _h !== void 0 ? _h : true) && ((_j = item.canMove) !== null && _j !== void 0 ? _j : true); | ||
var canDrag = environment.canDragAndDrop && | ||
((isItemPartOfSelectedItems && canDragCurrentlySelectedItems) || (!isItemPartOfSelectedItems && canDragThisItem)); | ||
var canDropOn = environment.canDragAndDrop && | ||
!!((_h = (_g = dnd.viableDragPositions) === null || _g === void 0 ? void 0 : _g[treeId]) === null || _h === void 0 ? void 0 : _h.find(function (position) { return position.targetType === 'item' && position.targetItem === item.index; })); | ||
!!((_l = (_k = dnd.viableDragPositions) === null || _k === void 0 ? void 0 : _k[treeId]) === null || _l === void 0 ? void 0 : _l.find(function (position) { return position.targetType === 'item' && position.targetItem === item.index; })); | ||
var actions = { | ||
@@ -116,4 +117,4 @@ // TODO disable most actions during rename | ||
var renderFlags = { | ||
isSelected: (_j = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _j === void 0 ? void 0 : _j.includes(item.index), | ||
isExpanded: (_k = viewState === null || viewState === void 0 ? void 0 : viewState.expandedItems) === null || _k === void 0 ? void 0 : _k.includes(item.index), | ||
isSelected: (_m = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _m === void 0 ? void 0 : _m.includes(item.index), | ||
isExpanded: (_o = viewState === null || viewState === void 0 ? void 0 : viewState.expandedItems) === null || _o === void 0 ? void 0 : _o.includes(item.index), | ||
isFocused: (viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem) === item.index, | ||
@@ -120,0 +121,0 @@ isRenaming: renamingItem === item.index, |
@@ -121,7 +121,7 @@ import React, { FormHTMLAttributes, HTMLProps, InputHTMLAttributes, Ref } from 'react'; | ||
export interface InteractionManager { | ||
mode: InteractionMode; | ||
mode: InteractionMode | string; | ||
createInteractiveElementProps: (item: TreeItem, treeId: string, actions: TreeItemActions, renderFlags: TreeItemRenderFlags) => HTMLProps<HTMLElement>; | ||
} | ||
export interface TreeCapabilities<T = any> { | ||
defaultInteractionMode?: InteractionMode; | ||
defaultInteractionMode?: InteractionMode | InteractionManager; | ||
canDragAndDrop?: boolean; | ||
@@ -128,0 +128,0 @@ canDropOnItemWithChildren?: boolean; |
@@ -56,12 +56,2 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { | ||
return __generator(this, function (_a) { | ||
// if (this.implicitItemOrdering) { | ||
// const orderedChildren = (await Promise.all(newChildren | ||
// .map(childId => this.getTreeItem(childId)))) | ||
// .sort(this.implicitItemOrdering) | ||
// .map(item => item.index); | ||
// console.log(orderedChildren, newChildren) | ||
// this.data.items[itemId].children = orderedChildren; | ||
// } else { | ||
// this.data.items[itemId].children = newChildren; | ||
// } | ||
this.data.items[itemId].children = newChildren; | ||
@@ -68,0 +58,0 @@ this.onDidChangeTreeDataEmitter.emit([itemId]); |
@@ -37,2 +37,5 @@ "use strict"; | ||
var _a; | ||
if (environment.defaultInteractionMode && typeof environment.defaultInteractionMode !== 'string') { | ||
return environment.defaultInteractionMode; | ||
} | ||
switch ((_a = environment.defaultInteractionMode) !== null && _a !== void 0 ? _a : types_1.InteractionMode.ClickItemToExpand) { | ||
@@ -39,0 +42,0 @@ case types_1.InteractionMode.DoubleClickItemToExpand: |
@@ -34,3 +34,2 @@ "use strict"; | ||
if (e.clientX < 0 || e.clientY < 0) { | ||
// console.log("Drag aborted due to mouse coords being negative"); | ||
return; // TODO hotfix | ||
@@ -40,3 +39,2 @@ } | ||
var outsideContainer = isOutsideOfContainer(e, treeBb); | ||
// console.log(outsideContainer, treeBb, e.clientX, e.clientY); | ||
var _e = getHoveringPosition(e.clientY, treeBb.top, itemHeight, environment), linearIndex = _e.linearIndex, offset = _e.offset; | ||
@@ -50,3 +48,2 @@ var nextDragCode = outsideContainer ? 'outside' : "" + treeId + linearIndex + (offset !== null && offset !== void 0 ? offset : ''); | ||
onDragAtPosition(undefined); | ||
// console.log("Drag aborted due to being out of container"); | ||
return; | ||
@@ -56,3 +53,2 @@ } | ||
onDragAtPosition(undefined); | ||
// console.log("Drag aborted due to being out of linear list"); | ||
return; | ||
@@ -65,3 +61,2 @@ } | ||
onDragAtPosition(undefined); | ||
// console.log("Drag aborted due to canDropOnItemWithoutChildren"); | ||
return; | ||
@@ -71,3 +66,2 @@ } | ||
onDragAtPosition(undefined); | ||
// console.log("Drag aborted due to canDropOnItemWithChildren"); | ||
return; | ||
@@ -77,3 +71,2 @@ } | ||
onDragAtPosition(undefined); | ||
// console.log("Drag aborted due to canReorderItems"); | ||
return; | ||
@@ -80,0 +73,0 @@ } |
@@ -27,2 +27,3 @@ "use strict"; | ||
else { | ||
actions.selectItem(); | ||
if (!item.hasChildren || _this.environment.canInvokePrimaryActionOnItemContainer) { | ||
@@ -29,0 +30,0 @@ actions.primaryAction(); |
@@ -6,6 +6,3 @@ "use strict"; | ||
var resolveLiveDescriptor = function (descriptor, environment, dnd, tree) { | ||
var getItemTitle = function (index) { | ||
console.log(index, environment.items, dnd.draggingPosition); | ||
return environment.getItemTitle(environment.items[index]); | ||
}; | ||
var getItemTitle = function (index) { return environment.getItemTitle(environment.items[index]); }; | ||
return descriptor.replace(/(\{[^\s\}]+)\}/g, function (variableNameWithBrackets) { | ||
@@ -12,0 +9,0 @@ var _a, _b, _c, _d; |
@@ -44,3 +44,3 @@ "use strict"; | ||
var _a, _b; | ||
var _c, _d, _e, _f, _g, _h, _j, _k; | ||
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o; | ||
if (!item) { | ||
@@ -50,11 +50,12 @@ return undefined; | ||
var viewState = environment.viewState[treeId]; | ||
var itemsToDrag = (_d = (_c = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _c === void 0 ? void 0 : _c.map(function (item) { return environment.items[item]; })) !== null && _d !== void 0 ? _d : ((viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem) ? [environment.items[viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem]] : []); | ||
var canDrag = //selectedItems && | ||
// selectedItems.length > 0 && | ||
environment.canDragAndDrop && | ||
((_f = (_e = environment.canDrag) === null || _e === void 0 ? void 0 : _e.call(environment, itemsToDrag)) !== null && _f !== void 0 ? _f : true) && | ||
itemsToDrag.map(function (item) { var _a; return (_a = item.canMove) !== null && _a !== void 0 ? _a : true; }).reduce(function (a, b) { return a && b; }, true); | ||
var currentlySelectedItems = (_d = (_c = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _c === void 0 ? void 0 : _c.map(function (item) { return environment.items[item]; })) !== null && _d !== void 0 ? _d : ((viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem) ? [environment.items[viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem]] : []); | ||
var isItemPartOfSelectedItems = !!currentlySelectedItems.find(function (selectedItem) { return selectedItem.index === item.index; }); | ||
var canDragCurrentlySelectedItems = currentlySelectedItems && | ||
((_f = (_e = environment.canDrag) === null || _e === void 0 ? void 0 : _e.call(environment, currentlySelectedItems)) !== null && _f !== void 0 ? _f : true) && | ||
currentlySelectedItems.map(function (item) { var _a; return (_a = item.canMove) !== null && _a !== void 0 ? _a : true; }).reduce(function (a, b) { return a && b; }, true); | ||
var canDragThisItem = ((_h = (_g = environment.canDrag) === null || _g === void 0 ? void 0 : _g.call(environment, [item])) !== null && _h !== void 0 ? _h : true) && ((_j = item.canMove) !== null && _j !== void 0 ? _j : true); | ||
var canDrag = environment.canDragAndDrop && | ||
((isItemPartOfSelectedItems && canDragCurrentlySelectedItems) || (!isItemPartOfSelectedItems && canDragThisItem)); | ||
var canDropOn = environment.canDragAndDrop && | ||
!!((_h = (_g = dnd.viableDragPositions) === null || _g === void 0 ? void 0 : _g[treeId]) === null || _h === void 0 ? void 0 : _h.find(function (position) { return position.targetType === 'item' && position.targetItem === item.index; })); | ||
!!((_l = (_k = dnd.viableDragPositions) === null || _k === void 0 ? void 0 : _k[treeId]) === null || _l === void 0 ? void 0 : _l.find(function (position) { return position.targetType === 'item' && position.targetItem === item.index; })); | ||
var actions = { | ||
@@ -119,4 +120,4 @@ // TODO disable most actions during rename | ||
var renderFlags = { | ||
isSelected: (_j = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _j === void 0 ? void 0 : _j.includes(item.index), | ||
isExpanded: (_k = viewState === null || viewState === void 0 ? void 0 : viewState.expandedItems) === null || _k === void 0 ? void 0 : _k.includes(item.index), | ||
isSelected: (_m = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _m === void 0 ? void 0 : _m.includes(item.index), | ||
isExpanded: (_o = viewState === null || viewState === void 0 ? void 0 : viewState.expandedItems) === null || _o === void 0 ? void 0 : _o.includes(item.index), | ||
isFocused: (viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem) === item.index, | ||
@@ -123,0 +124,0 @@ isRenaming: renamingItem === item.index, |
@@ -121,7 +121,7 @@ import React, { FormHTMLAttributes, HTMLProps, InputHTMLAttributes, Ref } from 'react'; | ||
export interface InteractionManager { | ||
mode: InteractionMode; | ||
mode: InteractionMode | string; | ||
createInteractiveElementProps: (item: TreeItem, treeId: string, actions: TreeItemActions, renderFlags: TreeItemRenderFlags) => HTMLProps<HTMLElement>; | ||
} | ||
export interface TreeCapabilities<T = any> { | ||
defaultInteractionMode?: InteractionMode; | ||
defaultInteractionMode?: InteractionMode | InteractionManager; | ||
canDragAndDrop?: boolean; | ||
@@ -128,0 +128,0 @@ canDropOnItemWithChildren?: boolean; |
@@ -59,12 +59,2 @@ "use strict"; | ||
return __generator(this, function (_a) { | ||
// if (this.implicitItemOrdering) { | ||
// const orderedChildren = (await Promise.all(newChildren | ||
// .map(childId => this.getTreeItem(childId)))) | ||
// .sort(this.implicitItemOrdering) | ||
// .map(item => item.index); | ||
// console.log(orderedChildren, newChildren) | ||
// this.data.items[itemId].children = orderedChildren; | ||
// } else { | ||
// this.data.items[itemId].children = newChildren; | ||
// } | ||
this.data.items[itemId].children = newChildren; | ||
@@ -71,0 +61,0 @@ this.onDidChangeTreeDataEmitter.emit([itemId]); |
@@ -14,2 +14,5 @@ import * as React from 'react'; | ||
var _a; | ||
if (environment.defaultInteractionMode && typeof environment.defaultInteractionMode !== 'string') { | ||
return environment.defaultInteractionMode; | ||
} | ||
switch ((_a = environment.defaultInteractionMode) !== null && _a !== void 0 ? _a : InteractionMode.ClickItemToExpand) { | ||
@@ -16,0 +19,0 @@ case InteractionMode.DoubleClickItemToExpand: |
@@ -31,3 +31,2 @@ import { useTreeEnvironment } from './ControlledTreeEnvironment'; | ||
if (e.clientX < 0 || e.clientY < 0) { | ||
// console.log("Drag aborted due to mouse coords being negative"); | ||
return; // TODO hotfix | ||
@@ -37,3 +36,2 @@ } | ||
var outsideContainer = isOutsideOfContainer(e, treeBb); | ||
// console.log(outsideContainer, treeBb, e.clientX, e.clientY); | ||
var _e = getHoveringPosition(e.clientY, treeBb.top, itemHeight, environment), linearIndex = _e.linearIndex, offset = _e.offset; | ||
@@ -47,3 +45,2 @@ var nextDragCode = outsideContainer ? 'outside' : "" + treeId + linearIndex + (offset !== null && offset !== void 0 ? offset : ''); | ||
onDragAtPosition(undefined); | ||
// console.log("Drag aborted due to being out of container"); | ||
return; | ||
@@ -53,3 +50,2 @@ } | ||
onDragAtPosition(undefined); | ||
// console.log("Drag aborted due to being out of linear list"); | ||
return; | ||
@@ -62,3 +58,2 @@ } | ||
onDragAtPosition(undefined); | ||
// console.log("Drag aborted due to canDropOnItemWithoutChildren"); | ||
return; | ||
@@ -68,3 +63,2 @@ } | ||
onDragAtPosition(undefined); | ||
// console.log("Drag aborted due to canDropOnItemWithChildren"); | ||
return; | ||
@@ -74,3 +68,2 @@ } | ||
onDragAtPosition(undefined); | ||
// console.log("Drag aborted due to canReorderItems"); | ||
return; | ||
@@ -77,0 +70,0 @@ } |
@@ -24,2 +24,3 @@ import { InteractionMode, } from '../types'; | ||
else { | ||
actions.selectItem(); | ||
if (!item.hasChildren || _this.environment.canInvokePrimaryActionOnItemContainer) { | ||
@@ -26,0 +27,0 @@ actions.primaryAction(); |
import { defaultKeyboardBindings } from '../hotkeys/defaultKeyboardBindings'; | ||
export var resolveLiveDescriptor = function (descriptor, environment, dnd, tree) { | ||
var getItemTitle = function (index) { | ||
console.log(index, environment.items, dnd.draggingPosition); | ||
return environment.getItemTitle(environment.items[index]); | ||
}; | ||
var getItemTitle = function (index) { return environment.getItemTitle(environment.items[index]); }; | ||
return descriptor.replace(/(\{[^\s\}]+)\}/g, function (variableNameWithBrackets) { | ||
@@ -8,0 +5,0 @@ var _a, _b, _c, _d; |
@@ -41,3 +41,3 @@ var __assign = (this && this.__assign) || function () { | ||
var _a, _b; | ||
var _c, _d, _e, _f, _g, _h, _j, _k; | ||
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o; | ||
if (!item) { | ||
@@ -47,11 +47,12 @@ return undefined; | ||
var viewState = environment.viewState[treeId]; | ||
var itemsToDrag = (_d = (_c = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _c === void 0 ? void 0 : _c.map(function (item) { return environment.items[item]; })) !== null && _d !== void 0 ? _d : ((viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem) ? [environment.items[viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem]] : []); | ||
var canDrag = //selectedItems && | ||
// selectedItems.length > 0 && | ||
environment.canDragAndDrop && | ||
((_f = (_e = environment.canDrag) === null || _e === void 0 ? void 0 : _e.call(environment, itemsToDrag)) !== null && _f !== void 0 ? _f : true) && | ||
itemsToDrag.map(function (item) { var _a; return (_a = item.canMove) !== null && _a !== void 0 ? _a : true; }).reduce(function (a, b) { return a && b; }, true); | ||
var currentlySelectedItems = (_d = (_c = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _c === void 0 ? void 0 : _c.map(function (item) { return environment.items[item]; })) !== null && _d !== void 0 ? _d : ((viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem) ? [environment.items[viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem]] : []); | ||
var isItemPartOfSelectedItems = !!currentlySelectedItems.find(function (selectedItem) { return selectedItem.index === item.index; }); | ||
var canDragCurrentlySelectedItems = currentlySelectedItems && | ||
((_f = (_e = environment.canDrag) === null || _e === void 0 ? void 0 : _e.call(environment, currentlySelectedItems)) !== null && _f !== void 0 ? _f : true) && | ||
currentlySelectedItems.map(function (item) { var _a; return (_a = item.canMove) !== null && _a !== void 0 ? _a : true; }).reduce(function (a, b) { return a && b; }, true); | ||
var canDragThisItem = ((_h = (_g = environment.canDrag) === null || _g === void 0 ? void 0 : _g.call(environment, [item])) !== null && _h !== void 0 ? _h : true) && ((_j = item.canMove) !== null && _j !== void 0 ? _j : true); | ||
var canDrag = environment.canDragAndDrop && | ||
((isItemPartOfSelectedItems && canDragCurrentlySelectedItems) || (!isItemPartOfSelectedItems && canDragThisItem)); | ||
var canDropOn = environment.canDragAndDrop && | ||
!!((_h = (_g = dnd.viableDragPositions) === null || _g === void 0 ? void 0 : _g[treeId]) === null || _h === void 0 ? void 0 : _h.find(function (position) { return position.targetType === 'item' && position.targetItem === item.index; })); | ||
!!((_l = (_k = dnd.viableDragPositions) === null || _k === void 0 ? void 0 : _k[treeId]) === null || _l === void 0 ? void 0 : _l.find(function (position) { return position.targetType === 'item' && position.targetItem === item.index; })); | ||
var actions = { | ||
@@ -116,4 +117,4 @@ // TODO disable most actions during rename | ||
var renderFlags = { | ||
isSelected: (_j = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _j === void 0 ? void 0 : _j.includes(item.index), | ||
isExpanded: (_k = viewState === null || viewState === void 0 ? void 0 : viewState.expandedItems) === null || _k === void 0 ? void 0 : _k.includes(item.index), | ||
isSelected: (_m = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _m === void 0 ? void 0 : _m.includes(item.index), | ||
isExpanded: (_o = viewState === null || viewState === void 0 ? void 0 : viewState.expandedItems) === null || _o === void 0 ? void 0 : _o.includes(item.index), | ||
isFocused: (viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem) === item.index, | ||
@@ -120,0 +121,0 @@ isRenaming: renamingItem === item.index, |
@@ -121,7 +121,7 @@ import React, { FormHTMLAttributes, HTMLProps, InputHTMLAttributes, Ref } from 'react'; | ||
export interface InteractionManager { | ||
mode: InteractionMode; | ||
mode: InteractionMode | string; | ||
createInteractiveElementProps: (item: TreeItem, treeId: string, actions: TreeItemActions, renderFlags: TreeItemRenderFlags) => HTMLProps<HTMLElement>; | ||
} | ||
export interface TreeCapabilities<T = any> { | ||
defaultInteractionMode?: InteractionMode; | ||
defaultInteractionMode?: InteractionMode | InteractionManager; | ||
canDragAndDrop?: boolean; | ||
@@ -128,0 +128,0 @@ canDropOnItemWithChildren?: boolean; |
@@ -56,12 +56,2 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { | ||
return __generator(this, function (_a) { | ||
// if (this.implicitItemOrdering) { | ||
// const orderedChildren = (await Promise.all(newChildren | ||
// .map(childId => this.getTreeItem(childId)))) | ||
// .sort(this.implicitItemOrdering) | ||
// .map(item => item.index); | ||
// console.log(orderedChildren, newChildren) | ||
// this.data.items[itemId].children = orderedChildren; | ||
// } else { | ||
// this.data.items[itemId].children = newChildren; | ||
// } | ||
this.data.items[itemId].children = newChildren; | ||
@@ -68,0 +58,0 @@ this.onDidChangeTreeDataEmitter.emit([itemId]); |
{ | ||
"name": "react-complex-tree", | ||
"version": "1.1.0", | ||
"version": "1.1.1", | ||
"main": "lib/cjs/index.js", | ||
@@ -61,3 +61,3 @@ "module": "lib/esm/index.js", | ||
}, | ||
"gitHead": "6eb9a0e6baf1c1fcc661fbf0b6681dfae93666c4" | ||
"gitHead": "0443fb5b4c23cccfa45f5e1390a8eb83a04db5f2" | ||
} |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
938154
11089