intelicoreact 0.3.62 → 0.3.64
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/dist/Atomic/FormElements/Input/Input.js +3 -1
- package/dist/Atomic/FormElements/Input/Input.scss +4 -0
- package/dist/Atomic/FormElements/NumericInput/NumericInput.scss +4 -0
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.scss +7 -0
- package/dist/Atomic/UI/Alert/Alert.js +5 -1
- package/dist/Atomic/UI/Tag/Tag.scss +7 -0
- package/dist/Atomic/UI/TagList/TagList.js +4 -3
- package/package.json +1 -1
|
@@ -291,7 +291,9 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
|
291
291
|
|
|
292
292
|
function renderInput() {
|
|
293
293
|
var uniProps = _objectSpread(_objectSpread({
|
|
294
|
-
className:
|
|
294
|
+
className: (0, _classnames.default)({
|
|
295
|
+
'input--with-icon': icon && !action
|
|
296
|
+
}, className),
|
|
295
297
|
placeholder: placeholder,
|
|
296
298
|
value: formatedValue,
|
|
297
299
|
inputMode: isNumericMobileKeyboard ? 'numeric' : 'text',
|
|
@@ -30,6 +30,8 @@ var Alert = function Alert(_ref) {
|
|
|
30
30
|
children = _ref.children,
|
|
31
31
|
noDismiss = _ref.noDismiss,
|
|
32
32
|
testId = _ref.testId,
|
|
33
|
+
_ref$isHidden = _ref.isHidden,
|
|
34
|
+
isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden,
|
|
33
35
|
_ref$variant = _ref.variant,
|
|
34
36
|
variant = _ref$variant === void 0 ? 'warning' : _ref$variant;
|
|
35
37
|
|
|
@@ -42,7 +44,9 @@ var Alert = function Alert(_ref) {
|
|
|
42
44
|
"data-testid": "alert--key-".concat(testId, "--varint-").concat(variant),
|
|
43
45
|
className: (0, _classnames.default)(className, {
|
|
44
46
|
hidden: onClose
|
|
45
|
-
}, "alert alert--".concat(variant)
|
|
47
|
+
}, "alert alert--".concat(variant), {
|
|
48
|
+
hidden: isHidden
|
|
49
|
+
})
|
|
46
50
|
}, icon, /*#__PURE__*/_react.default.createElement("div", null, children || message), !noDismiss && /*#__PURE__*/_react.default.createElement("div", {
|
|
47
51
|
className: "alert__close-btn"
|
|
48
52
|
}, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
|
|
@@ -174,7 +174,7 @@ var TagList = function TagList(_ref) {
|
|
|
174
174
|
}, [staticTagsCount]); // Toggle Show/Hide More Tags
|
|
175
175
|
|
|
176
176
|
(0, _react.useEffect)(function () {
|
|
177
|
-
setRenderItemsCount(renderAll ? tagList.length : staticTagsCount);
|
|
177
|
+
setRenderItemsCount(renderAll ? tagList === null || tagList === void 0 ? void 0 : tagList.length : staticTagsCount);
|
|
178
178
|
}, [renderAll]);
|
|
179
179
|
|
|
180
180
|
var renderTags = function renderTags() {
|
|
@@ -196,6 +196,7 @@ var TagList = function TagList(_ref) {
|
|
|
196
196
|
};
|
|
197
197
|
|
|
198
198
|
var renderMoreTags = function renderMoreTags() {
|
|
199
|
+
if ((tagList === null || tagList === void 0 ? void 0 : tagList.length) < shownItemsCount || !(tagList !== null && tagList !== void 0 && tagList.length) || disableShowMore) return null;
|
|
199
200
|
var restItems = tagList.length - renderItemsCount;
|
|
200
201
|
if (restItems === 0 || !withToggle || staticTagsCount === -1) return null;
|
|
201
202
|
return /*#__PURE__*/_react.default.createElement(_Tag.default, {
|
|
@@ -210,7 +211,7 @@ var TagList = function TagList(_ref) {
|
|
|
210
211
|
};
|
|
211
212
|
|
|
212
213
|
var renderHideTags = function renderHideTags() {
|
|
213
|
-
if (renderItemsCount !== tagList.length || !withToggle || staticTagsCount === -1 || staticTagsCount === tagList.length) return null;
|
|
214
|
+
if (renderItemsCount !== (tagList === null || tagList === void 0 ? void 0 : tagList.length) || !withToggle || staticTagsCount === -1 || staticTagsCount === (tagList === null || tagList === void 0 ? void 0 : tagList.length)) return null;
|
|
214
215
|
return /*#__PURE__*/_react.default.createElement(_Tag.default, {
|
|
215
216
|
label: "...",
|
|
216
217
|
className: "tag-list_wrapper_hide-more",
|
|
@@ -223,7 +224,7 @@ var TagList = function TagList(_ref) {
|
|
|
223
224
|
};
|
|
224
225
|
|
|
225
226
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
226
|
-
className: "tag-list_wrapper ".concat(renderItemsCount !== tagList.length || !withToggle || staticTagsCount === -1 || staticTagsCount === tagList.length ? 'tag-list_wrapper--only-static-items' : 'tag-list_wrapper--all-items', " ").concat(className !== null && className !== void 0 ? className : ''),
|
|
227
|
+
className: "tag-list_wrapper ".concat(renderItemsCount !== (tagList === null || tagList === void 0 ? void 0 : tagList.length) || !withToggle || staticTagsCount === -1 || staticTagsCount === (tagList === null || tagList === void 0 ? void 0 : tagList.length) ? 'tag-list_wrapper--only-static-items' : 'tag-list_wrapper--all-items', " ").concat(className !== null && className !== void 0 ? className : ''),
|
|
227
228
|
ref: wrapperRef
|
|
228
229
|
}, renderTags(), renderMoreTags(), renderHideTags());
|
|
229
230
|
};
|