@zohodesk/dot 1.0.0-temp-137 → 1.0.0-temp-138
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/es/dropdown/ToggleDropDown/ToggleDropDown.js +9 -3
- package/es/list/status/StatusListItem/StatusListItem.js +1 -1
- package/es/list/status/StatusListItem/StatusListItem.module.css +1 -1
- package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +7 -3
- package/lib/list/status/StatusListItem/StatusListItem.js +1 -1
- package/lib/list/status/StatusListItem/StatusListItem.module.css +1 -1
- package/package.json +3 -3
|
@@ -520,7 +520,8 @@ export class ToggleDropDown extends Component {
|
|
|
520
520
|
palette,
|
|
521
521
|
getFooter,
|
|
522
522
|
customProps,
|
|
523
|
-
needMultiLineText
|
|
523
|
+
needMultiLineText,
|
|
524
|
+
customClass
|
|
524
525
|
} = this.props;
|
|
525
526
|
let {
|
|
526
527
|
ToggleDropDownProps = {},
|
|
@@ -529,6 +530,10 @@ export class ToggleDropDown extends Component {
|
|
|
529
530
|
ListItemWithIconProps = {},
|
|
530
531
|
ListItemProps = {}
|
|
531
532
|
} = customProps;
|
|
533
|
+
let {
|
|
534
|
+
customDropBox,
|
|
535
|
+
customListBox
|
|
536
|
+
} = customClass;
|
|
532
537
|
const isPopupOpen = needExternalPopupState ? isPopupActive && isOpen : isOpen;
|
|
533
538
|
const Component = isToggleStateNeeded ? children.type : null,
|
|
534
539
|
componentProps = isToggleStateNeeded ? children.props : null;
|
|
@@ -613,7 +618,8 @@ export class ToggleDropDown extends Component {
|
|
|
613
618
|
isAnimate: true,
|
|
614
619
|
getRef: getContainerRef,
|
|
615
620
|
customClass: {
|
|
616
|
-
customDropBoxWrap: style.dropBoxContainer
|
|
621
|
+
customDropBoxWrap: style.dropBoxContainer,
|
|
622
|
+
customDropBox: customDropBox
|
|
617
623
|
},
|
|
618
624
|
needResponsive: needResponsive,
|
|
619
625
|
isPadding: isPadding,
|
|
@@ -659,7 +665,7 @@ export class ToggleDropDown extends Component {
|
|
|
659
665
|
scroll: "vertical",
|
|
660
666
|
preventParentScroll: "vertical",
|
|
661
667
|
dataId: `${dataId}_list`,
|
|
662
|
-
className: `${tabletMode ? style.responsivemaxHgt : style.maxHgt}`,
|
|
668
|
+
className: `${tabletMode ? style.responsivemaxHgt : style.maxHgt} ${customListBox}`,
|
|
663
669
|
eleRef: this.scrollContentRef,
|
|
664
670
|
onScroll: this.handleScroll,
|
|
665
671
|
role: isSearch ? 'listbox' : undefined,
|
|
@@ -77,7 +77,7 @@ export default class StatusListItem extends React.Component {
|
|
|
77
77
|
role: role,
|
|
78
78
|
"aria-selected": ariaSelected,
|
|
79
79
|
isCover: false,
|
|
80
|
-
align: "
|
|
80
|
+
align: "baseline",
|
|
81
81
|
alignBox: "row",
|
|
82
82
|
className: `${style.list} ${style[size]} ${style[palette]} ${active ? style.active : highlight && !isDisabled ? style.hover : ''} ${autoHover && !isDisabled ? style.effect : ''} ${needTick ? style.withTick : ''} ${isDisabled ? CssProvider('isDisable') : ''} ${needBorder ? style.withBorder : ''}`,
|
|
83
83
|
dataId: String(value).replace("'", '_'),
|
|
@@ -569,7 +569,8 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
|
|
|
569
569
|
palette = _this$props12.palette,
|
|
570
570
|
getFooter = _this$props12.getFooter,
|
|
571
571
|
customProps = _this$props12.customProps,
|
|
572
|
-
needMultiLineText = _this$props12.needMultiLineText
|
|
572
|
+
needMultiLineText = _this$props12.needMultiLineText,
|
|
573
|
+
customClass = _this$props12.customClass;
|
|
573
574
|
var _customProps$ToggleDr = customProps.ToggleDropDownProps,
|
|
574
575
|
ToggleDropDownProps = _customProps$ToggleDr === void 0 ? {} : _customProps$ToggleDr,
|
|
575
576
|
_customProps$DropBoxP = customProps.DropBoxProps,
|
|
@@ -580,6 +581,8 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
|
|
|
580
581
|
ListItemWithIconProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem,
|
|
581
582
|
_customProps$ListItem2 = customProps.ListItemProps,
|
|
582
583
|
ListItemProps = _customProps$ListItem2 === void 0 ? {} : _customProps$ListItem2;
|
|
584
|
+
var customDropBox = customClass.customDropBox,
|
|
585
|
+
customListBox = customClass.customListBox;
|
|
583
586
|
var isPopupOpen = needExternalPopupState ? isPopupActive && isOpen : isOpen;
|
|
584
587
|
var Component = isToggleStateNeeded ? children.type : null,
|
|
585
588
|
componentProps = isToggleStateNeeded ? children.props : null;
|
|
@@ -661,7 +664,8 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
|
|
|
661
664
|
isAnimate: true,
|
|
662
665
|
getRef: getContainerRef,
|
|
663
666
|
customClass: {
|
|
664
|
-
customDropBoxWrap: _ToggleDropDownModule["default"].dropBoxContainer
|
|
667
|
+
customDropBoxWrap: _ToggleDropDownModule["default"].dropBoxContainer,
|
|
668
|
+
customDropBox: customDropBox
|
|
665
669
|
},
|
|
666
670
|
needResponsive: needResponsive,
|
|
667
671
|
isPadding: isPadding,
|
|
@@ -707,7 +711,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
|
|
|
707
711
|
scroll: "vertical",
|
|
708
712
|
preventParentScroll: "vertical",
|
|
709
713
|
dataId: "".concat(dataId, "_list"),
|
|
710
|
-
className: "".concat(tabletMode ? _ToggleDropDownModule["default"].responsivemaxHgt : _ToggleDropDownModule["default"].maxHgt),
|
|
714
|
+
className: "".concat(tabletMode ? _ToggleDropDownModule["default"].responsivemaxHgt : _ToggleDropDownModule["default"].maxHgt, " ").concat(customListBox),
|
|
711
715
|
eleRef: _this6.scrollContentRef,
|
|
712
716
|
onScroll: _this6.handleScroll,
|
|
713
717
|
role: isSearch ? 'listbox' : undefined,
|
|
@@ -102,7 +102,7 @@ var StatusListItem = /*#__PURE__*/function (_React$Component) {
|
|
|
102
102
|
role: role,
|
|
103
103
|
"aria-selected": ariaSelected,
|
|
104
104
|
isCover: false,
|
|
105
|
-
align: "
|
|
105
|
+
align: "baseline",
|
|
106
106
|
alignBox: "row",
|
|
107
107
|
className: "".concat(_StatusListItemModule["default"].list, " ").concat(_StatusListItemModule["default"][size], " ").concat(_StatusListItemModule["default"][palette], " ").concat(active ? _StatusListItemModule["default"].active : highlight && !isDisabled ? _StatusListItemModule["default"].hover : '', " ").concat(autoHover && !isDisabled ? _StatusListItemModule["default"].effect : '', " ").concat(needTick ? _StatusListItemModule["default"].withTick : '', " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : '', " ").concat(needBorder ? _StatusListItemModule["default"].withBorder : ''),
|
|
108
108
|
dataId: String(value).replace("'", '_'),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohodesk/dot",
|
|
3
|
-
"version": "1.0.0-temp-
|
|
3
|
+
"version": "1.0.0-temp-138",
|
|
4
4
|
"main": "lib/index",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"private": false,
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"velocity-react": "1.4.3",
|
|
45
45
|
"@zohodesk/variables": "1.0.0-beta.30",
|
|
46
46
|
"@zohodesk/i18n": "1.0.0-beta.7",
|
|
47
|
-
"@zohodesk/components": "1.0.0-alpha-
|
|
47
|
+
"@zohodesk/components": "1.0.0-alpha-262",
|
|
48
48
|
"@zohodesk/icons": "1.0.0-beta.119",
|
|
49
49
|
"@zohodesk/svg": "1.0.0-beta.54",
|
|
50
50
|
"@zohodesk/virtualizer": "1.0.3",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"velocity-react": "1.4.3",
|
|
56
56
|
"@zohodesk/variables": "1.0.0-beta.30",
|
|
57
57
|
"@zohodesk/i18n": "1.0.0-beta.7",
|
|
58
|
-
"@zohodesk/components": "1.0.0-alpha-
|
|
58
|
+
"@zohodesk/components": "1.0.0-alpha-262",
|
|
59
59
|
"@zohodesk/icons": "1.0.0-beta.119",
|
|
60
60
|
"@zohodesk/svg": "1.0.0-beta.54",
|
|
61
61
|
"@zohodesk/virtualizer": "1.0.3",
|