react-asc 21.0.3 → 21.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/TreeView/TreeItem.d.ts +2 -2
- package/index.es.js +3 -3
- package/index.js +3 -3
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export interface ITreeItemProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLLIElement>, HTMLLIElement> {
|
|
3
|
-
nodeId
|
|
4
|
-
label
|
|
3
|
+
nodeId?: string;
|
|
4
|
+
label?: string;
|
|
5
5
|
isExpanded?: boolean;
|
|
6
6
|
isSelected?: boolean;
|
|
7
7
|
isSelectable?: boolean;
|
package/index.es.js
CHANGED
|
@@ -2578,7 +2578,7 @@ const TimeSelect = (props) => {
|
|
|
2578
2578
|
React.createElement(MilliSecondSelect, { value: currDate.getMilliseconds(), disabled: disabled, onChange: e => handleOnChange(e, TIMEMODE.MILLISECONDS) }))));
|
|
2579
2579
|
};
|
|
2580
2580
|
|
|
2581
|
-
var css_248z$1 = ".TreeView-module_treeView__VVj-4 {\n list-style-type: none;\n margin-bottom: 0;\n padding-left: 0px !important; }\n .TreeView-module_treeView__VVj-4 ul {\n padding-left: 48px !important; }\n";
|
|
2581
|
+
var css_248z$1 = ".TreeView-module_treeView__VVj-4 {\n list-style-type: none;\n margin-bottom: 0;\n padding-left: 0px !important;\n margin-block-start: 0;\n margin-block-end: 0;\n margin-inline-start: 0px;\n margin-inline-end: 0px;\n padding-inline-start: 0px; }\n .TreeView-module_treeView__VVj-4 ul {\n padding-left: 48px !important; }\n";
|
|
2582
2582
|
var styles$1 = {"treeView":"TreeView-module_treeView__VVj-4"};
|
|
2583
2583
|
styleInject(css_248z$1);
|
|
2584
2584
|
|
|
@@ -2625,9 +2625,9 @@ const TreeItem = (props) => {
|
|
|
2625
2625
|
};
|
|
2626
2626
|
return (React.createElement("li", { className: getCssClasses(), style: { paddingLeft: `${(48 * (children ? 0 : 1))}px` } },
|
|
2627
2627
|
React.createElement("div", { className: "d-flex align-items-center" },
|
|
2628
|
-
children &&
|
|
2628
|
+
children && nodeId &&
|
|
2629
2629
|
React.createElement(IconButton, { onClick: () => handleOnToggleExpand(nodeId), icon: !_isExpanded ? React.createElement(ChevronRightSolidIcon, null) : React.createElement(ChevronDownSolidIcon, null) }),
|
|
2630
|
-
isSelectable &&
|
|
2630
|
+
isSelectable && nodeId &&
|
|
2631
2631
|
React.createElement(Checkbox, { checked: _isSelected, onChange: () => handleOnSelect(nodeId) }),
|
|
2632
2632
|
label),
|
|
2633
2633
|
children && _isExpanded ? React.createElement("ul", null, children) : null));
|
package/index.js
CHANGED
|
@@ -2586,7 +2586,7 @@ const TimeSelect = (props) => {
|
|
|
2586
2586
|
React__default["default"].createElement(MilliSecondSelect, { value: currDate.getMilliseconds(), disabled: disabled, onChange: e => handleOnChange(e, exports.TIMEMODE.MILLISECONDS) }))));
|
|
2587
2587
|
};
|
|
2588
2588
|
|
|
2589
|
-
var css_248z$1 = ".TreeView-module_treeView__VVj-4 {\n list-style-type: none;\n margin-bottom: 0;\n padding-left: 0px !important; }\n .TreeView-module_treeView__VVj-4 ul {\n padding-left: 48px !important; }\n";
|
|
2589
|
+
var css_248z$1 = ".TreeView-module_treeView__VVj-4 {\n list-style-type: none;\n margin-bottom: 0;\n padding-left: 0px !important;\n margin-block-start: 0;\n margin-block-end: 0;\n margin-inline-start: 0px;\n margin-inline-end: 0px;\n padding-inline-start: 0px; }\n .TreeView-module_treeView__VVj-4 ul {\n padding-left: 48px !important; }\n";
|
|
2590
2590
|
var styles$1 = {"treeView":"TreeView-module_treeView__VVj-4"};
|
|
2591
2591
|
styleInject(css_248z$1);
|
|
2592
2592
|
|
|
@@ -2633,9 +2633,9 @@ const TreeItem = (props) => {
|
|
|
2633
2633
|
};
|
|
2634
2634
|
return (React__default["default"].createElement("li", { className: getCssClasses(), style: { paddingLeft: `${(48 * (children ? 0 : 1))}px` } },
|
|
2635
2635
|
React__default["default"].createElement("div", { className: "d-flex align-items-center" },
|
|
2636
|
-
children &&
|
|
2636
|
+
children && nodeId &&
|
|
2637
2637
|
React__default["default"].createElement(IconButton, { onClick: () => handleOnToggleExpand(nodeId), icon: !_isExpanded ? React__default["default"].createElement(ChevronRightSolidIcon, null) : React__default["default"].createElement(ChevronDownSolidIcon, null) }),
|
|
2638
|
-
isSelectable &&
|
|
2638
|
+
isSelectable && nodeId &&
|
|
2639
2639
|
React__default["default"].createElement(Checkbox, { checked: _isSelected, onChange: () => handleOnSelect(nodeId) }),
|
|
2640
2640
|
label),
|
|
2641
2641
|
children && _isExpanded ? React__default["default"].createElement("ul", null, children) : null));
|