react-asc 18.8.1 → 18.8.2

package/components/TreeView/TreeItem.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="react" />
-export interface ITreeNodeProps {
+export interface ITreeItemProps {
     nodeId: string;
     label: string;
     children?: any;
     className?: string;
     isExpanded?: boolean;
     isSelected?: boolean;
+    isSelectable?: boolean;
     onToggleExpand?: (id: string) => void;
     onSelect?: (id: string, isSelected: boolean) => void;
 }
-export declare const TreeItem: (props: ITreeNodeProps) => JSX.Element;
+export declare const TreeItem: (props: ITreeItemProps) => JSX.Element;

package/index.es.js

@@ -2492,12 +2492,12 @@ const TreeView = (props) => {
     return (React.createElement("ul", { className: getCssClasses() }, children));
 };
 
-var css_248z = ".TreeItem-module_treeItem__2FtLe {\n  display: flex;\n  flex-direction: column;\n}";
+var css_248z = ".TreeItem-module_treeItem__2FtLe {\n  display: flex;\n  flex-direction: column;\n  min-height: 48px;\n  justify-content: center;\n}";
 var styles = {"treeItem":"TreeItem-module_treeItem__2FtLe"};
 styleInject(css_248z);
 
 const TreeItem = (props) => {
-    const { nodeId, label, children, className, isExpanded, isSelected, onToggleExpand, onSelect } = props;
+    const { nodeId, label, children, className, isExpanded, isSelected, isSelectable, onToggleExpand, onSelect } = props;
     const [_isExpanded, setIsExpanded] = useState(false);
     const [_isSelected, setIsSelected] = useState(false);
     const getCssClasses = () => {
@@ -2526,7 +2526,8 @@ const TreeItem = (props) => {
         React.createElement("div", { className: "d-flex align-items-center" },
             children &&
                 React.createElement(IconButton, { onClick: () => handleOnToggleExpand(nodeId), icon: !_isExpanded ? React.createElement(ChevronRightSolidIcon, null) : React.createElement(ChevronDownSolidIcon, null) }),
-            React.createElement(Checkbox, { checked: _isSelected, onChange: () => handleOnSelect(nodeId) }),
+            isSelectable &&
+                React.createElement(Checkbox, { checked: _isSelected, onChange: () => handleOnSelect(nodeId) }),
             label),
         children && _isExpanded ? React.createElement("ul", null, children) : null));
 };