@cashub/ui 0.48.23 → 0.48.24

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 (3) hide show
  1. package/package.json +1 -1
  2. package/select/Select.js +1 -1
  3. package/select/subComponent/SelectedMultipleTags.js +7 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cashub/ui",
3
- "version": "0.48.23",
3
+ "version": "0.48.24",
4
4
  "private": false,
5
5
  "author": "CasHUB Team",
6
6
  "description": "CasHUB UI components library",
package/select/Select.js CHANGED
@@ -322,7 +322,7 @@ const Select = _ref => {
322
322
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectedMultipleTags.default, {
323
323
  content: renderOptionContent(value),
324
324
  onClick: event => handleOnDeselect(event, value.id),
325
- disabled: disabled
325
+ disabled: disabled || value.isDisable
326
326
  }, value.id);
327
327
  });
328
328
  }
package/select/subComponent/SelectedMultipleTags.js CHANGED
@@ -17,6 +17,7 @@ const SelectedMultipleTags = _ref => {
17
17
  disabled
18
18
  } = _ref;
19
19
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Selected, {
20
+ $disabled: disabled,
20
21
  children: [!disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
21
22
  onClick: onClick,
22
23
  "data-testid": "removeOption",
@@ -24,5 +25,10 @@ const SelectedMultipleTags = _ref => {
24
25
  }), content]
25
26
  });
26
27
  };
27
- const Selected = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n background: var(--color-background3);\n border-radius: var(--border-radius-l);\n padding: 0.25rem calc(var(--spacing-xs) + 4px);\n margin: 4px 10px 4px 0;\n color: var(--font-on-background);\n font-weight: var(--font-normal);\n word-break: break-all;\n\n > span {\n display: flex;\n align-items: center;\n\n > svg {\n margin-right: var(--spacing-xs);\n color: var(--font-on-background);\n }\n }\n"])));
28
+ const Selected = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n background: var(--color-background3);\n border-radius: var(--border-radius-l);\n padding: 0.25rem calc(var(--spacing-xs) + 4px);\n margin: 4px 10px 4px 0;\n color: var(--font-on-background);\n font-weight: var(--font-normal);\n word-break: break-all;\n\n > span {\n display: flex;\n align-items: center;\n\n > svg {\n margin-right: var(--spacing-xs);\n color: var(--font-on-background);\n }\n }\n\n ", "\n"])), _ref2 => {
29
+ let {
30
+ $disabled
31
+ } = _ref2;
32
+ return $disabled && 'cursor: not-allowed;opacity: 0.5;';
33
+ });
28
34
  var _default = exports.default = SelectedMultipleTags;