@useblu/ocean-react 1.74.0 → 1.76.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.76.0](https://github.com/ocean-ds/ocean-web/compare/v1.75.0...v1.76.0) (2025-01-30)
+
+### Features
+
+- create card group ([#1129](https://github.com/ocean-ds/ocean-web/issues/1129)) ([7d01634](https://github.com/ocean-ds/ocean-web/commit/7d01634c691d96a265e85ea108d7d36399a8ca8f))
+
+# [1.75.0](https://github.com/ocean-ds/ocean-web/compare/v1.74.0...v1.75.0) (2025-01-28)
+
+### Features
+
+- update button ([#1128](https://github.com/ocean-ds/ocean-web/issues/1128)) ([cade258](https://github.com/ocean-ds/ocean-web/commit/cade258f64c4a9a3dcaec1b6e80e5af3c027d6e4))
+
 # [1.74.0](https://github.com/ocean-ds/ocean-web/compare/v1.73.0...v1.74.0) (2025-01-17)
 
 ### Features

package/CardGroup/ActionButton.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface IActionButtonProps {
+    actionLabel?: string;
+    actionClick?: () => void;
+}
+declare const ActionButton: ({ actionLabel, actionClick, }: IActionButtonProps) => JSX.Element;
+export default ActionButton;
+//# sourceMappingURL=ActionButton.d.ts.map

package/CardGroup/ActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../src/CardGroup/ActionButton.tsx"],"names":[],"mappings":";AAGA,UAAU,kBAAkB;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,YAAY,kCAGf,kBAAkB,KAAG,WAavB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/CardGroup/CardGroup.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ICardGroupProps {
+    title?: string;
+    subtitle?: string;
+    variant?: 'minimal' | 'header';
+    count?: number;
+    actionLabel?: string;
+    actionClick?: () => void;
+    children?: React.ReactNode;
+}
+declare const CardGroup: React.ForwardRefExoticComponent<ICardGroupProps & React.RefAttributes<HTMLDivElement>>;
+export default CardGroup;
+//# sourceMappingURL=CardGroup.d.ts.map

package/CardGroup/CardGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardGroup.d.ts","sourceRoot":"","sources":["../../src/CardGroup/CardGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,wFAoCd,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/CardGroup/Header.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface IHeaderProps {
+    title?: string;
+    subtitle?: string;
+    count?: number;
+}
+declare const Header: ({ title, subtitle, count }: IHeaderProps) => JSX.Element;
+export default Header;
+//# sourceMappingURL=Header.d.ts.map

package/CardGroup/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/CardGroup/Header.tsx"],"names":[],"mappings":";AAGA,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,QAAA,MAAM,MAAM,+BAAgC,YAAY,KAAG,WAgB1D,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/CardGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './CardGroup';
+//# sourceMappingURL=index.d.ts.map

package/CardGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CardGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/CardGroup/stories/RenderCardGroup.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ICardGroupProps } from '../CardGroup';
+declare const RenderCardGroup: (props: ICardGroupProps) => JSX.Element;
+export default RenderCardGroup;
+//# sourceMappingURL=RenderCardGroup.d.ts.map

package/CardGroup/stories/RenderCardGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderCardGroup.d.ts","sourceRoot":"","sources":["../../../src/CardGroup/stories/RenderCardGroup.tsx"],"names":[],"mappings":";AACA,OAAkB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE1D,QAAA,MAAM,eAAe,UAAW,eAAe,KAAG,WAIjD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/index.d.ts

@@ -18,6 +18,8 @@ export { default as Alert } from './Alert';
 export * from './Alert';
 export { default as Button } from './Button';
 export * from './Button';
+export { default as CardGroup } from './CardGroup';
+export * from './CardGroup';
 export { default as Carousel } from './Carousel';
 export * from './Carousel';
 export { default as Input } from './Input';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/index.es.js

@@ -433,6 +433,47 @@ var Alert = e.forwardRef(function (_a, ref) {
 });
 Alert.displayName = 'Alert';
 
+var Badge = e.forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.variation, variation = _b === void 0 ? 'small' : _b, className = _a.className, count = _a.count, color = _a.color, rest = __rest$2(_a, ["children", "variation", "className", "count", "color"]);
+    var countToShow = count && count > 99 ? "99+" : count;
+    return (e.createElement("div", __assign$2({ ref: ref, role: "tag", className: classNames('ods-badge', "ods-badge--".concat(variation), "ods-badge--".concat(color), className, {
+            'ods-badge--overflow': count && count > 9
+        }) }, rest),
+        variation !== 'tiny' && typeof count !== 'undefined' && (e.createElement("div", { className: "ods-badge__content ods-badge__count" }, countToShow)),
+        variation !== 'tiny' && typeof count === 'undefined' && children && (e.createElement("div", { className: "ods-badge__content ods-badge__text" }, children)),
+        variation === 'tiny' && e.createElement("div", { className: "ods-badge__content" })));
+});
+Badge.displayName = 'Badge';
+
+var Header = function (_a) {
+    var title = _a.title, subtitle = _a.subtitle, count = _a.count;
+    return (e.createElement("div", { className: "ods-card-group__header" },
+        e.createElement("div", { className: "ods-card-group__header--content" },
+            e.createElement("p", { className: "ods-typography ods-typography__heading4" }, title),
+            subtitle && (e.createElement("p", { className: "ods-typography ods-typography__description" }, subtitle))),
+        count !== undefined && (e.createElement(Badge, { variation: "medium", color: count === 0 ? 'neutral' : 'alert', count: count }))));
+};
+
+var ActionButton = function (_a) {
+    var actionLabel = _a.actionLabel, actionClick = _a.actionClick;
+    return (e.createElement(e.Fragment, null,
+        e.createElement("hr", { className: "ods-divider" }),
+        e.createElement("button", { onClick: actionClick, type: "button", className: "ods-card-group__action", "aria-label": actionLabel },
+            e.createElement("span", { className: "ods-card-group__action--label" }, actionLabel),
+            e.createElement(re, { size: 20 }))));
+};
+
+var CardGroup = forwardRef(function (_a, ref) {
+    var title = _a.title, subtitle = _a.subtitle, actionLabel = _a.actionLabel, actionClick = _a.actionClick, count = _a.count, children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'minimal' : _b, rest = __rest$2(_a, ["title", "subtitle", "actionLabel", "actionClick", "count", "children", "variant"]);
+    return (e.createElement("div", __assign$2({ ref: ref }, rest, { "data-testid": "card-group", className: classNames('ods-card-group', "ods-card-group--".concat(variant)) }),
+        (title || subtitle) && (e.createElement(Header, { title: title, subtitle: subtitle, count: count })),
+        children && variant !== 'header' && (e.createElement(e.Fragment, null,
+            (title || subtitle) && e.createElement("hr", { className: "ods-divider" }),
+            e.createElement("div", null, children))),
+        actionLabel && variant !== 'header' && (e.createElement(ActionButton, { actionLabel: actionLabel, actionClick: actionClick }))));
+});
+CardGroup.displayName = 'CardGroup';
+
 var lib$3 = {};
 
 var slider = {};
@@ -27363,18 +27404,6 @@ var Steps = function (_a) {
     return (e.createElement("svg", { height: "20", width: 30 * (steps - 1) + 22, viewBox: "0 0 ".concat(30 * (steps - 1) + 22, " 20"), fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "step-".concat(currentStep) }, Array.from(Array(steps).keys()).map(function (step) { return (e.createElement("g", { key: step }, getCurrentStep(step + 1))); })));
 };
 
-var Badge = e.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.variation, variation = _b === void 0 ? 'small' : _b, className = _a.className, count = _a.count, color = _a.color, rest = __rest$2(_a, ["children", "variation", "className", "count", "color"]);
-    var countToShow = count && count > 99 ? "99+" : count;
-    return (e.createElement("div", __assign$2({ ref: ref, role: "tag", className: classNames('ods-badge', "ods-badge--".concat(variation), "ods-badge--".concat(color), className, {
-            'ods-badge--overflow': count && count > 9
-        }) }, rest),
-        variation !== 'tiny' && typeof count !== 'undefined' && (e.createElement("div", { className: "ods-badge__content ods-badge__count" }, countToShow)),
-        variation !== 'tiny' && typeof count === 'undefined' && children && (e.createElement("div", { className: "ods-badge__content ods-badge__text" }, children)),
-        variation === 'tiny' && e.createElement("div", { className: "ods-badge__content" })));
-});
-Badge.displayName = 'Badge';
-
 var CrossSellCard = e.forwardRef(function (_a, ref) {
     var title = _a.title, className = _a.className, description = _a.description, imageSrc = _a.imageSrc, ctaText = _a.ctaText, ctaAction = _a.ctaAction, customIcon = _a.customIcon, rest = __rest$2(_a, ["title", "className", "description", "imageSrc", "ctaText", "ctaAction", "customIcon"]);
     return (e.createElement("div", __assign$2({ ref: ref }, rest, { className: classNames('ods-cross-sell-card', className) }),
@@ -48376,5 +48405,5 @@ var WebNotification = e.forwardRef(function (_a, ref) {
 });
 WebNotification.displayName = 'WebNotification';
 
-export { Accordion, Alert, Badge, Breadcrumb, Button$1 as Button, CardListItem, Carousel, DoughnutChart as Chart, Checkbox, Chips, Col, Container, CrossSellCard, DatePickerSingle as DatePicker, DatePickerRange as DateRange, Divider, DoughnutChart, Drawer, index$1 as Grid, IconButton, Input, Link, List, Modal, Progress, Radio, Row$1 as Row, Search, Select, SelectAutocomplete, Shortcut, Snackbar, Stepper, Steps, SubHeader, Switch, Tag, TextArea, TextListItem, TokenInput, TopBar, TransactionListItem, Typography, UnorderedListItem, WebNotification };
+export { Accordion, Alert, Badge, Breadcrumb, Button$1 as Button, CardGroup, CardListItem, Carousel, DoughnutChart as Chart, Checkbox, Chips, Col, Container, CrossSellCard, DatePickerSingle as DatePicker, DatePickerRange as DateRange, Divider, DoughnutChart, Drawer, index$1 as Grid, IconButton, Input, Link, List, Modal, Progress, Radio, Row$1 as Row, Search, Select, SelectAutocomplete, Shortcut, Snackbar, Stepper, Steps, SubHeader, Switch, Tag, TextArea, TextListItem, TokenInput, TopBar, TransactionListItem, Typography, UnorderedListItem, WebNotification };
 //# sourceMappingURL=index.es.js.map