@codacy/ui-components 0.65.43 → 0.65.45
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/lib/Dropdown/Triggers/FilterTrigger.js +32 -16
- package/lib/index.d.ts +1 -0
- package/lib/index.js +11 -0
- package/package.json +1 -1
|
@@ -16,6 +16,7 @@ var _Icon = require("../../Icon");
|
|
|
16
16
|
var _PillLabel = require("../../PillLabel");
|
|
17
17
|
var _lodash = require("lodash");
|
|
18
18
|
var _Typography = require("../../Typography");
|
|
19
|
+
var _Flexbox = require("../../Flexbox");
|
|
19
20
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
21
|
var _excluded = ["isLoading", "value", "name", "disabled"];
|
|
21
22
|
var StyledFilterButton = /*#__PURE__*/(0, _base["default"])("button", process.env.NODE_ENV === "production" ? {
|
|
@@ -26,7 +27,7 @@ var StyledFilterButton = /*#__PURE__*/(0, _base["default"])("button", process.en
|
|
|
26
27
|
})("background-color:", function (_ref) {
|
|
27
28
|
var theme = _ref.theme;
|
|
28
29
|
return theme.colors['background-primary'];
|
|
29
|
-
}, ";
|
|
30
|
+
}, ";min-height:2rem;display:inline-flex!important;flex-direction:row;align-items:center;cursor:pointer;padding:", function (_ref2) {
|
|
30
31
|
var theme = _ref2.theme;
|
|
31
32
|
return "".concat(theme.space[1], " ").concat(theme.space[2]);
|
|
32
33
|
}, ";border:", function (_ref3) {
|
|
@@ -36,13 +37,25 @@ var StyledFilterButton = /*#__PURE__*/(0, _base["default"])("button", process.en
|
|
|
36
37
|
}, ";border-radius:", function (_ref4) {
|
|
37
38
|
var theme = _ref4.theme;
|
|
38
39
|
return theme.radii[1];
|
|
39
|
-
}, ";"
|
|
40
|
-
var
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
40
|
+
}, ";height:", function (_ref5) {
|
|
41
|
+
var size = _ref5.size;
|
|
42
|
+
return size === 'sm' ? '1.5rem' : '2rem';
|
|
43
|
+
}, ";line-height:", function (_ref6) {
|
|
44
|
+
var size = _ref6.size;
|
|
45
|
+
return "calc(".concat(size === 'sm' ? '1.5rem' : '2rem', " - 2px)");
|
|
46
|
+
}, ";width:", function (_ref7) {
|
|
47
|
+
var size = _ref7.size;
|
|
48
|
+
return size === 'lg' ? '14.75rem' : 'auto';
|
|
49
|
+
}, ";justify-content:", function (_ref8) {
|
|
50
|
+
var size = _ref8.size;
|
|
51
|
+
return size === 'lg' ? 'space-between' : 'flex-start';
|
|
52
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wZG93bi9UcmlnZ2Vycy9GaWx0ZXJUcmlnZ2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZbUciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0Ryb3Bkb3duL1RyaWdnZXJzL0ZpbHRlclRyaWdnZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEZpbHRlclRyaWdnZXJQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5pbXBvcnQgeyB1c2VEcm9wZG93blRyaWdnZXIgfSBmcm9tICcuL2hvb2tzJ1xuaW1wb3J0IHsgQ2hldnJvbkRvd25JY29uLCBTcGlubmVySWNvbiB9IGZyb20gJy4uLy4uL0ljb25zJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uUHJvcHMgfSBmcm9tICcuLi8uLi9JY29uL0ljb24udHlwZXMnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi4vLi4vSWNvbidcbmltcG9ydCB7IFBpbGxMYWJlbCB9IGZyb20gJy4uLy4uL1BpbGxMYWJlbCdcbmltcG9ydCB7IHN0YXJ0Q2FzZSB9IGZyb20gJ2xvZGFzaCdcbmltcG9ydCB7IENhcHRpb24gfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5J1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uLy4uL0ZsZXhib3gnXG5cbmNvbnN0IFN0eWxlZEZpbHRlckJ1dHRvbiA9IHN0eWxlZC5idXR0b248T21pdDxGaWx0ZXJUcmlnZ2VyUHJvcHMsICduYW1lJz4gJiB7IGlzQWN0aXZlPzogYm9vbGVhbiB9PmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtcHJpbWFyeSddfTtcbiAgbWluLWhlaWdodDogMnJlbTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXggIWltcG9ydGFudDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWzFdfSAke3RoZW1lLnNwYWNlWzJdfWB9O1xuICBib3JkZXI6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgYHNvbGlkICR7dGhlbWUuYm9yZGVyV2lkdGhzWzBdfSAke3RoZW1lLmNvbG9yc1tpc0FjdGl2ZSA/ICdib3JkZXItYnJhbmQtaG92ZXInIDogJ2JvcmRlci1icmFuZC1wcmltYXJ5J119YH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ3NtJyA/ICcxLjVyZW0nIDogJzJyZW0nKX07XG4gIGxpbmUtaGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gYGNhbGMoJHtzaXplID09PSAnc20nID8gJzEuNXJlbScgOiAnMnJlbSd9IC0gMnB4KWB9O1xuICB3aWR0aDogJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnbGcnID8gJzE0Ljc1cmVtJyA6ICdhdXRvJyl9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6ICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ2xnJyA/ICdzcGFjZS1iZXR3ZWVuJyA6ICdmbGV4LXN0YXJ0Jyl9O1xuYFxuXG5leHBvcnQgY29uc3QgRmlsdGVyVHJpZ2dlciA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIEZpbHRlclRyaWdnZXJQcm9wcz4oXG4gICh7IGlzTG9hZGluZywgdmFsdWUsIG5hbWUsIGRpc2FibGVkLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCBkcm9wZG93bkNvbnRleHQgPSB1c2VEcm9wZG93blRyaWdnZXIoKVxuXG4gICAgY29uc3QgaWNvblByb3BzID0gdXNlTWVtbzxJY29uUHJvcHM+KFxuICAgICAgKCkgPT5cbiAgICAgICAgaXNMb2FkaW5nXG4gICAgICAgICAgPyB7IGljb246IFNwaW5uZXJJY29uLCBzcGluOiB0cnVlIH1cbiAgICAgICAgICA6IHtcbiAgICAgICAgICAgICAgaWNvbjogQ2hldnJvbkRvd25JY29uLFxuICAgICAgICAgICAgICBmbGlwOiBkcm9wZG93bkNvbnRleHQub3BlbixcbiAgICAgICAgICAgIH0sXG4gICAgICBbZHJvcGRvd25Db250ZXh0Lm9wZW4sIGlzTG9hZGluZ11cbiAgICApXG5cbiAgICBjb25zdCBzZWxlY3RlZEl0ZW1zID0gdmFsdWUgJiYgdHlwZW9mIHZhbHVlID09PSAnbnVtYmVyJyAmJiB2YWx1ZSA+IDAgPyB2YWx1ZSA6IHVuZGVmaW5lZFxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRGaWx0ZXJCdXR0b25cbiAgICAgICAgaXNBY3RpdmU9e2Ryb3Bkb3duQ29udGV4dC5vcGVufVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWQgfHwgaXNMb2FkaW5nfVxuICAgICAgICBvbkNsaWNrPXtkcm9wZG93bkNvbnRleHQub25DbGlja31cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAgPEZsZXggYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgIDxDYXB0aW9uIHNpemU9XCJtZFwiIGNvbG9yPXtkaXNhYmxlZCB8fCBpc0xvYWRpbmcgPyAncGxhY2Vob2xkZXInIDogJ3NlY29uZGFyeSd9PlxuICAgICAgICAgICAge25hbWUuaW5kZXhPZignICcpID4gLTEgPyBuYW1lIDogc3RhcnRDYXNlKG5hbWUpfVxuICAgICAgICAgIDwvQ2FwdGlvbj5cbiAgICAgICAgICB7c2VsZWN0ZWRJdGVtcyAmJiAoXG4gICAgICAgICAgICA8UGlsbExhYmVsIG1sPXsxfSBzdGF0dXM9XCJpbmZvXCI+XG4gICAgICAgICAgICAgIHtzZWxlY3RlZEl0ZW1zfVxuICAgICAgICAgICAgPC9QaWxsTGFiZWw+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4PlxuXG4gICAgICAgIDxJY29uIHsuLi5pY29uUHJvcHN9IG1sPXszfSBjb2xvcj1cImljb24tZW5hYmxlZFwiIC8+XG4gICAgICA8L1N0eWxlZEZpbHRlckJ1dHRvbj5cbiAgICApXG4gIH1cbilcbiJdfQ== */"));
|
|
53
|
+
var FilterTrigger = exports.FilterTrigger = /*#__PURE__*/_react["default"].forwardRef(function (_ref9, ref) {
|
|
54
|
+
var isLoading = _ref9.isLoading,
|
|
55
|
+
value = _ref9.value,
|
|
56
|
+
name = _ref9.name,
|
|
57
|
+
disabled = _ref9.disabled,
|
|
58
|
+
props = (0, _objectWithoutProperties2["default"])(_ref9, _excluded);
|
|
46
59
|
var dropdownContext = (0, _hooks.useDropdownTrigger)();
|
|
47
60
|
var iconProps = (0, _react.useMemo)(function () {
|
|
48
61
|
return isLoading ? {
|
|
@@ -60,14 +73,17 @@ var FilterTrigger = exports.FilterTrigger = /*#__PURE__*/_react["default"].forwa
|
|
|
60
73
|
onClick: dropdownContext.onClick,
|
|
61
74
|
ref: ref
|
|
62
75
|
}, props), {}, {
|
|
63
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
76
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flexbox.Flex, {
|
|
77
|
+
alignItems: "center",
|
|
78
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Caption, {
|
|
79
|
+
size: "md",
|
|
80
|
+
color: disabled || isLoading ? 'placeholder' : 'secondary',
|
|
81
|
+
children: name.indexOf(' ') > -1 ? name : (0, _lodash.startCase)(name)
|
|
82
|
+
}), selectedItems && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PillLabel.PillLabel, {
|
|
83
|
+
ml: 1,
|
|
84
|
+
status: "info",
|
|
85
|
+
children: selectedItems
|
|
86
|
+
})]
|
|
71
87
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, iconProps), {}, {
|
|
72
88
|
ml: 3,
|
|
73
89
|
color: "icon-enabled"
|
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
|
@@ -443,6 +443,17 @@ Object.keys(_StepNumber).forEach(function (key) {
|
|
|
443
443
|
}
|
|
444
444
|
});
|
|
445
445
|
});
|
|
446
|
+
var _BigTabs = require("./BigTabs");
|
|
447
|
+
Object.keys(_BigTabs).forEach(function (key) {
|
|
448
|
+
if (key === "default" || key === "__esModule") return;
|
|
449
|
+
if (key in exports && exports[key] === _BigTabs[key]) return;
|
|
450
|
+
Object.defineProperty(exports, key, {
|
|
451
|
+
enumerable: true,
|
|
452
|
+
get: function get() {
|
|
453
|
+
return _BigTabs[key];
|
|
454
|
+
}
|
|
455
|
+
});
|
|
456
|
+
});
|
|
446
457
|
var _hooks = require("./hooks");
|
|
447
458
|
Object.keys(_hooks).forEach(function (key) {
|
|
448
459
|
if (key === "default" || key === "__esModule") return;
|