@zohodesk/components 1.3.2 → 1.3.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/.cli/propValidation_report.html +1 -1
- package/README.md +15 -0
- package/es/Button/__tests__/Button.spec.js +134 -1
- package/es/DateTime/__tests__/YearView.spec.js +1 -2
- package/es/MultiSelect/MultiSelect.js +15 -2
- package/es/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +8 -1
- package/es/MultiSelect/props/propTypes.js +3 -1
- package/es/Provider/IdProvider.js +1 -1
- package/es/Select/Select.js +15 -6
- package/es/Select/__tests__/Select.spec.js +1130 -4
- package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +9621 -1
- package/es/Select/props/propTypes.js +3 -1
- package/es/Stencils/Stencils.js +5 -12
- package/es/Stencils/Stencils.module.css +11 -7
- package/es/Stencils/__tests__/Stencils.spec.js +9 -1
- package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +27 -11
- package/es/Stencils/props/defaultProps.js +2 -1
- package/es/Stencils/props/propTypes.js +3 -2
- package/es/Tab/Tab.js +2 -1
- package/es/Tab/TabWrapper.js +2 -1
- package/es/Tab/Tabs.js +10 -10
- package/es/Tab/__tests__/TabLayout.spec.js +34 -0
- package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +341 -0
- package/es/Tab/props/propTypes.js +2 -2
- package/es/Tab/utils/tabConfigs.js +18 -0
- package/es/Tag/__tests__/Tag.spec.js +8 -1
- package/es/TextBoxIcon/TextBoxIcon.js +6 -2
- package/es/TextBoxIcon/props/propTypes.js +2 -1
- package/es/utils/Common.js +1 -1
- package/lib/Button/__tests__/Button.spec.js +140 -0
- package/lib/DateTime/__tests__/YearView.spec.js +1 -2
- package/lib/MultiSelect/MultiSelect.js +16 -3
- package/lib/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +8 -0
- package/lib/MultiSelect/props/propTypes.js +3 -1
- package/lib/Provider/IdProvider.js +1 -0
- package/lib/Select/Select.js +16 -7
- package/lib/Select/__tests__/Select.spec.js +1364 -3
- package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +9621 -1
- package/lib/Select/props/propTypes.js +3 -1
- package/lib/Stencils/Stencils.js +5 -12
- package/lib/Stencils/Stencils.module.css +11 -7
- package/lib/Stencils/__tests__/Stencils.spec.js +11 -3
- package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +27 -11
- package/lib/Stencils/props/defaultProps.js +2 -1
- package/lib/Stencils/props/propTypes.js +3 -2
- package/lib/Tab/Tab.js +3 -1
- package/lib/Tab/TabWrapper.js +3 -1
- package/lib/Tab/Tabs.js +11 -10
- package/lib/Tab/__tests__/TabLayout.spec.js +41 -0
- package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +341 -0
- package/lib/Tab/props/propTypes.js +2 -2
- package/lib/Tab/utils/tabConfigs.js +27 -0
- package/lib/Tag/__tests__/Tag.spec.js +10 -2
- package/lib/TextBoxIcon/TextBoxIcon.js +6 -2
- package/lib/TextBoxIcon/props/propTypes.js +2 -1
- package/lib/utils/Common.js +1 -1
- package/package.json +1 -1
- package/react-cli.config.js +2 -2
- package/result.json +1 -1
- package/es/DateTime/__tests__/__snapshots__/YearView.spec.js.snap +0 -61
- package/lib/DateTime/__tests__/__snapshots__/YearView.spec.js.snap +0 -61
package/lib/Select/Select.js
CHANGED
|
@@ -776,7 +776,9 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
|
|
|
776
776
|
positionsOffset = _this$props11.positionsOffset,
|
|
777
777
|
targetOffset = _this$props11.targetOffset,
|
|
778
778
|
isRestrictScroll = _this$props11.isRestrictScroll,
|
|
779
|
-
dropBoxPortalId = _this$props11.dropBoxPortalId
|
|
779
|
+
dropBoxPortalId = _this$props11.dropBoxPortalId,
|
|
780
|
+
renderCustomToggleIndicator = _this$props11.renderCustomToggleIndicator,
|
|
781
|
+
renderCustomSearchClearComponent = _this$props11.renderCustomSearchClearComponent;
|
|
780
782
|
var _i18nKeys = i18nKeys,
|
|
781
783
|
TextBoxIcon_i18n = _i18nKeys.TextBoxIcon_i18n,
|
|
782
784
|
_i18nKeys$TextBox_all = _i18nKeys.TextBox_ally_label,
|
|
@@ -854,14 +856,20 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
|
|
|
854
856
|
TextBoxProps: _objectSpread({
|
|
855
857
|
'data-title': title || selected
|
|
856
858
|
}, TextBoxProps)
|
|
857
|
-
}
|
|
858
|
-
|
|
859
|
+
},
|
|
860
|
+
renderRightPlaceholderNode: typeof renderCustomToggleIndicator == 'function' ? renderCustomToggleIndicator({
|
|
861
|
+
togglePopup: this.togglePopup,
|
|
862
|
+
isPopupOpened: isPopupReady,
|
|
863
|
+
isReadOnly: isReadOnly,
|
|
864
|
+
isDisabled: isDisabled
|
|
865
|
+
}) : renderCustomToggleIndicator
|
|
866
|
+
}, TextBoxIconProps), !renderCustomToggleIndicator || children ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
859
867
|
isInline: true,
|
|
860
868
|
isCover: false,
|
|
861
869
|
alignBox: "row",
|
|
862
870
|
align: "both",
|
|
863
871
|
className: _SelectModule["default"].rightPlaceholder
|
|
864
|
-
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
872
|
+
}, !renderCustomToggleIndicator ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
865
873
|
align: "both",
|
|
866
874
|
dataId: "".concat(dataId, "_downIcon"),
|
|
867
875
|
"aria-hidden": true,
|
|
@@ -869,10 +877,10 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
|
|
|
869
877
|
}, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
|
|
870
878
|
name: "ZD-down",
|
|
871
879
|
size: "7"
|
|
872
|
-
})), children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
880
|
+
})) : null, children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
873
881
|
className: isPopupOpen ? _SelectModule["default"].rotate : '',
|
|
874
882
|
dataId: "".concat(dataId, "_children")
|
|
875
|
-
}, children) : null)) : /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
|
|
883
|
+
}, children) : null) : null) : /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
|
|
876
884
|
a11y: {
|
|
877
885
|
role: 'Menuitem',
|
|
878
886
|
ariaLabel: TextBox_ally_label,
|
|
@@ -960,7 +968,8 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
|
|
|
960
968
|
autoComplete: autoComplete,
|
|
961
969
|
customProps: {
|
|
962
970
|
TextBoxProps: DropdownSearchTextBoxProps
|
|
963
|
-
}
|
|
971
|
+
},
|
|
972
|
+
renderCustomClearComponent: renderCustomSearchClearComponent
|
|
964
973
|
}))) : null, /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
|
|
965
974
|
shrink: true,
|
|
966
975
|
customClass: !tabletMode && dropBoxSize ? _SelectModule["default"][dropBoxSize] : '',
|