@useblu/ocean-react 1.90.0 → 1.92.0

package/index.js

@@ -47094,6 +47094,54 @@ var WebNotification = e.forwardRef(function (_a, ref) {
 });
 WebNotification.displayName = 'WebNotification';
 
+var SkeletonBar = function (_a) {
+    var width = _a.width, height = _a.height, props = __rest$1(_a, ["width", "height"]);
+    return (e.createElement("div", __assign$1({ className: "ods-skeleton-bar", style: { width: width, height: height } }, props)));
+};
+
+var ContentList = function (_a) {
+    var _b;
+    var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, errorMessage = _a.errorMessage, tagLabel = _a.tagLabel, loading = _a.loading, disabled = _a.disabled, _c = _a.state, state = _c === void 0 ? 'default' : _c, _d = _a.type, type = _d === void 0 ? 'default' : _d;
+    return loading ? (e.createElement("div", { className: "ods-content-list__skeleton" },
+        e.createElement(SkeletonBar, { width: "40%", height: "16px" }),
+        e.createElement(SkeletonBar, { width: "90%", height: "16px" }),
+        e.createElement(SkeletonBar, { width: "90%", height: "16px" }))) : (e.createElement("div", { className: classNames('ods-content-list__content', {
+            'ods-content-list--disabled': disabled,
+        }) },
+        e.createElement("p", { className: classNames('ods-typography', {
+                'ods-typography__paragraph': type === 'default',
+                'ods-typography__description': type === 'inverted',
+                'ods-typography__tag': tagLabel,
+            }) },
+            title,
+            tagLabel && (e.createElement(Tag, { type: "important", size: "small", variant: "highlight" }, tagLabel))),
+        description && (e.createElement("p", { className: classNames('ods-typography', (_b = {
+                    'ods-typography__description': type === 'default',
+                    'ods-typography__paragraph': type === 'inverted'
+                },
+                _b["ods-typography__paragraph--".concat(state)] = state && type === 'inverted',
+                _b)) },
+            strikethroughDescription &&
+                state === 'strikethrough' &&
+                type === 'inverted' && (e.createElement("span", { className: "ods-typography__paragraph--strikethrough-text" }, strikethroughDescription)),
+            description)),
+        caption && (e.createElement("p", { className: classNames('ods-typography', 'ods-typography__captionbold') }, caption)),
+        errorMessage && (e.createElement("p", { className: "ods-typography ods-typography__caption" }, errorMessage))));
+};
+
+var SettingsListItem = function (_a) {
+    var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, errorMessage = _a.errorMessage, button = _a.button, tag = _a.tag, disabled = _a.disabled, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.loading, loading = _c === void 0 ? false : _c, _d = _a.showDivider, showDivider = _d === void 0 ? true : _d, _e = _a.blocked, blocked = _e === void 0 ? false : _e, _f = _a.state, state = _f === void 0 ? 'default' : _f;
+    return (e.createElement("div", { className: classNames('ods-settings-list-item', {
+            'ods-settings-list-item--disabled': disabled,
+            'ods-settings-list-item--divider': showDivider,
+        }) },
+        e.createElement(ContentList, { type: type, title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, errorMessage: errorMessage, disabled: disabled, loading: loading, state: state }),
+        e.createElement("div", { className: "ods-settings-list-item__actions" },
+            blocked && e.createElement(At, { size: 20 }),
+            button && (e.createElement(Button$1, __assign$1({ size: "sm", disabled: disabled, loading: loading }, button))),
+            tag && e.createElement(Tag, __assign$1({ size: "medium", setIconOff: true }, tag)))));
+};
+
 exports.Accordion = Accordion;
 exports.Alert = Alert;
 exports.Badge = Badge;
@@ -47125,6 +47173,7 @@ exports.Row = Row$1;
 exports.Search = Search;
 exports.Select = Select;
 exports.SelectAutocomplete = SelectAutocomplete;
+exports.SettingsListItem = SettingsListItem;
 exports.Shortcut = Shortcut;
 exports.Snackbar = Snackbar;
 exports.Stepper = Stepper;