@useblu/ocean-react 1.63.0 → 1.64.0
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/CHANGELOG.md +6 -0
- package/CardListItem/CardListItem.d.ts +9 -9
- package/CardListItem/CardListItem.d.ts.map +1 -1
- package/index.es.js +13 -5
- package/index.es.js.map +1 -1
- package/index.js +13 -5
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -47887,19 +47887,27 @@ var Shortcut = function (_a) {
|
|
|
47887
47887
|
size === 'medium' && description && (e__default["default"].createElement("span", { className: classNames('ods-shortcut__description', 'ods-typography', 'ods-typography__description') }, description))));
|
|
47888
47888
|
};
|
|
47889
47889
|
|
|
47890
|
-
var CardListItem = function (_a) {
|
|
47891
|
-
var title = _a.title, description = _a.description, caption = _a.caption, leadingIcon = _a.leadingIcon, actionIcon = _a.actionIcon, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, onClick = _a.onClick;
|
|
47892
|
-
return (e__default["default"].createElement("div", { "data-testid": "card-list-item", className: classNames('ods-card-list-item', "ods-card-list-item--size-".concat(size), { 'ods-card-list-item--
|
|
47890
|
+
var CardListItem = e.forwardRef(function (_a, ref) {
|
|
47891
|
+
var title = _a.title, description = _a.description, caption = _a.caption, leadingIcon = _a.leadingIcon, actionIcon = _a.actionIcon, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, onClick = _a.onClick, loading = _a.loading, rest = __rest$2(_a, ["title", "description", "caption", "leadingIcon", "actionIcon", "size", "disabled", "fullWidth", "onClick", "loading"]);
|
|
47892
|
+
return loading ? (e__default["default"].createElement("div", __assign$2({ ref: ref }, rest, { "data-testid": "card-list-item", className: classNames('ods-card-list-item', "ods-card-list-item--size-".concat(size), { 'ods-card-list-item--full-width': fullWidth }, {
|
|
47893
|
+
'ods-card-list-item--loading': loading
|
|
47894
|
+
}) }),
|
|
47895
|
+
e__default["default"].createElement("div", { className: "ods-card-list-item__circle" }),
|
|
47896
|
+
e__default["default"].createElement("div", { className: "ods-card-list-item__lines" },
|
|
47897
|
+
e__default["default"].createElement("div", { className: "ods-card-list-item__lines__line1" }),
|
|
47898
|
+
e__default["default"].createElement("div", { className: "ods-card-list-item__lines__line2" }),
|
|
47899
|
+
size === 'medium' && (e__default["default"].createElement("div", { className: "ods-card-list-item__lines__line3" }))))) : (e__default["default"].createElement("div", __assign$2({ ref: ref }, rest, { "data-testid": "card-list-item", className: classNames('ods-card-list-item', "ods-card-list-item--size-".concat(size), { 'ods-card-list-item--disabled': disabled }, { 'ods-card-list-item--full-width': fullWidth }), onClick: function () {
|
|
47893
47900
|
if (!disabled && onClick)
|
|
47894
47901
|
onClick();
|
|
47895
|
-
} },
|
|
47902
|
+
} }),
|
|
47896
47903
|
leadingIcon && (e__default["default"].createElement("div", { className: "ods-card-list-item__leading-icon" }, leadingIcon)),
|
|
47897
47904
|
e__default["default"].createElement("div", { className: "ods-card-list-item__content" },
|
|
47898
47905
|
e__default["default"].createElement("div", { className: "ods-card-list-item__content__title" }, title),
|
|
47899
47906
|
description && (e__default["default"].createElement("div", { className: "ods-card-list-item__content__description" }, description)),
|
|
47900
47907
|
caption && size === 'medium' && (e__default["default"].createElement("div", { className: "ods-card-list-item__content__caption" }, caption))),
|
|
47901
47908
|
actionIcon && (e__default["default"].createElement("div", { className: "ods-card-list-item__action" }, actionIcon))));
|
|
47902
|
-
};
|
|
47909
|
+
});
|
|
47910
|
+
CardListItem.displayName = 'CardListItem';
|
|
47903
47911
|
|
|
47904
47912
|
var Options = function (_a) {
|
|
47905
47913
|
var options = _a.options, selectedOptions = _a.selectedOptions, clearLabel = _a.clearLabel, filterLabel = _a.filterLabel, multiChoice = _a.multiChoice, onSelect = _a.onSelect, filterOptions = _a.filterOptions, clearOptions = _a.clearOptions;
|