@useblu/ocean-react 1.55.1 → 1.57.0

package/index.js

@@ -303,6 +303,18 @@ var TransactionListItem = e__default["default"].forwardRef(function (_a, ref) {
 });
 TransactionListItem.displayName = 'TransactionListItem';
 
+var UnorderedListItem = e__default["default"].forwardRef(function (_a, ref) {
+    var description = _a.description, Icon = _a.icon, title = _a.title, className = _a.className, iconVariant = _a.iconVariant, rest = __rest$1(_a, ["description", "icon", "title", "className", "iconVariant"]);
+    return (e__default["default"].createElement("div", __assign$1({ ref: ref, className: classNames('ods-unordered-list-item', className) }, rest),
+        Icon && iconVariant !== 'chevron' ? (e__default["default"].createElement(Icon, { size: iconVariant === 'solid' ? 20 : 24, className: classNames('ods-unordered-list-item__icon', iconVariant === 'solid' && 'ods-unordered-list-item__icon--solid') })) : (e__default["default"].createElement("span", { className: "ods-unordered-list-item__icon-container" },
+            e__default["default"].createElement(ee, { size: 16 }))),
+        e__default["default"].createElement("span", null,
+            title && (e__default["default"].createElement(Typography, { variant: "paragraph", className: classNames('ods-unordered-list-item__title', iconVariant === 'solid' &&
+                    'ods-unordered-list-item__title--with-solid-icon') }, title)),
+            e__default["default"].createElement(Typography, { variant: "description", className: classNames(!title && 'ods-unordered-list-item__description') }, description))));
+});
+UnorderedListItem.displayName = 'UnorderedListItem';
+
 var mapIconsByType$1 = {
     warning: zi,
     error: rs,
@@ -46458,13 +46470,16 @@ var Chips = function (_a) {
         var target = event.target;
         if (wrapperRef.current && !wrapperRef.current.contains(target)) {
             setSelectionIsOpen(false);
-            if (onClose)
+            if (onClose && selectionIsOpen)
                 onClose();
         }
     }
     e.useEffect(function () {
-        if (selectedValue && selectedValue !== selectedOptions && !multiChoice) {
+        if (selectedValue && selectedValue !== selectedOptions) {
             setSelectedOptions(selectedValue);
+            if (multiChoice && Array.isArray(selectedValue)) {
+                setCounter(selectedValue.length);
+            }
         }
     }, [selectedValue]);
     e.useEffect(function () {
@@ -46472,7 +46487,7 @@ var Chips = function (_a) {
         return function () {
             document.removeEventListener('mousedown', handleClickOutside);
         };
-    }, [wrapperRef]);
+    }, [wrapperRef, selectionIsOpen]);
     var handleClickChips = function () {
         if (options && (options === null || options === void 0 ? void 0 : options.length) > 0) {
             setSelectionIsOpen(!selectionIsOpen);
@@ -46584,4 +46599,5 @@ exports.TextArea = TextArea;
 exports.TopBar = TopBar;
 exports.TransactionListItem = TransactionListItem;
 exports.Typography = Typography;
+exports.UnorderedListItem = UnorderedListItem;
 //# sourceMappingURL=index.js.map