wini-web-components 1.5.5 → 1.5.7

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.
Files changed (4) hide show
  1. package/dist/component/input-multi-select/input-multi-select.js +3 -2
  2. package/dist/component/select1/select1.js +3 -2
  3. package/dist/index.js +1 -1
  4. package/package.json +1 -1
package/dist/component/input-multi-select/input-multi-select.js CHANGED
@@ -275,12 +275,13 @@ var SelectMultiple = /** @class */ (function (_super) {
275
275
  else
276
276
  _this.setState(__assign(__assign({}, _this.state), { isOpen: false, onSelect: null }));
277
277
  } })),
278
- this.props.showClearValueButton && react_1.default.createElement("button", { type: 'button', className: 'row', style: { padding: '0.4rem' }, onClick: function (ev) {
278
+ this.props.showClearValueButton && this.state.value.length ? react_1.default.createElement("button", { type: 'button', className: 'row', style: { padding: '0.4rem' }, onClick: function (ev) {
279
279
  ev.stopPropagation();
280
280
  if (_this.state.value.length)
281
281
  _this.setState(__assign(__assign({}, _this.state), { isOpen: true, value: [] }));
282
282
  } },
283
- react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faXmarkCircle, style: { fontSize: '1.6rem', color: '#161C24' } })),
283
+ react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faXmarkCircle, style: { fontSize: '1.6rem', color: "var(--neutral-text-color-subtitle)" } })) : react_1.default.createElement("div", { className: 'row', style: { display: (this.containerRef.current && this.containerRef.current.getBoundingClientRect().width >= 120) ? "flex" : "none" } },
284
+ react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: this.state.isOpen ? free_solid_svg_icons_1.faChevronUp : free_solid_svg_icons_1.faChevronDown, style: { fontSize: '1.1rem', color: "var(--neutral-text-color-subtitle)" } })),
284
285
  this.state.isOpen &&
285
286
  react_dom_1.default.createPortal(react_1.default.createElement("div", { className: "select-multi-popup col ".concat((_e = this.props.popupClassName) !== null && _e !== void 0 ? _e : ""), style: (_f = this.state.style) !== null && _f !== void 0 ? _f : {
286
287
  top: this.state.offset.y + this.state.offset.height + 2 + 'px',
package/dist/component/select1/select1.js CHANGED
@@ -292,12 +292,13 @@ var Select1 = /** @class */ (function (_super) {
292
292
  else if (!_this.state.onSelect)
293
293
  _this.setState(__assign(__assign({}, _this.state), { isOpen: false, onSelect: null }));
294
294
  } }) : _value.name),
295
- this.props.showClearValueButton && react_1.default.createElement("button", { type: 'button', className: 'row', style: { padding: '0.4rem' }, onClick: function (ev) {
295
+ this.props.showClearValueButton && _value ? react_1.default.createElement("button", { type: 'button', className: 'row', style: { padding: '0.4rem' }, onClick: function (ev) {
296
296
  ev.stopPropagation();
297
297
  if (_this.state.value)
298
298
  _this.setState(__assign(__assign({}, _this.state), { isOpen: true, value: undefined }));
299
299
  } },
300
- react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faXmarkCircle, style: { fontSize: '1.6rem', color: '#161C24' } })),
300
+ react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faXmarkCircle, style: { fontSize: '1.6rem', color: "var(--neutral-text-color-subtitle)" } })) : react_1.default.createElement("div", { className: 'row', style: { display: (this.containerRef.current && this.containerRef.current.getBoundingClientRect().width >= 120) ? "flex" : "none" } },
301
+ react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: this.state.isOpen ? free_solid_svg_icons_1.faChevronUp : free_solid_svg_icons_1.faChevronDown, style: { fontSize: '1.1rem', color: "var(--neutral-text-color-subtitle)" } })),
301
302
  this.state.isOpen &&
302
303
  react_dom_1.default.createPortal(react_1.default.createElement("div", { className: "select1-popup col ".concat((_e = this.props.popupClassName) !== null && _e !== void 0 ? _e : ""), style: (_f = this.state.style) !== null && _f !== void 0 ? _f : {
303
304
  top: this.state.offset.y + this.state.offset.height + 2 + 'px',