@useblu/ocean-react 1.32.0 → 1.34.0

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.34.0](https://github.com/ocean-ds/ocean-web/compare/v1.33.1...v1.34.0) (2022-08-03)
+
+### Features
+
+- **crosssellcard:** CustomIcon + increases the clickable area for the whole component ([#992](https://github.com/ocean-ds/ocean-web/issues/992)) ([7f16ad2](https://github.com/ocean-ds/ocean-web/commit/7f16ad209c8d6beb6a330270bb70209398aaa81e))
+
+## [1.33.1](https://github.com/ocean-ds/ocean-web/compare/v1.33.0...v1.33.1) (2022-08-02)
+
+### Bug Fixes
+
+- **badge:** fixes badge not being displayed properly on count=0 ([#991](https://github.com/ocean-ds/ocean-web/issues/991)) ([6255e31](https://github.com/ocean-ds/ocean-web/commit/6255e3150c7e4b372e34964fa7936e3541621c2c))
+
+# [1.33.0](https://github.com/ocean-ds/ocean-web/compare/v1.32.0...v1.33.0) (2022-07-07)
+
+### Features
+
+- add checkbox error state ([#982](https://github.com/ocean-ds/ocean-web/issues/982)) ([e36081e](https://github.com/ocean-ds/ocean-web/commit/e36081ec995356f5f7215d158bfcca66c24e1153))
+
 # [1.32.0](https://github.com/ocean-ds/ocean-web/compare/v1.31.4...v1.32.0) (2022-06-30)
 
 ### Features

package/Checkbox/Checkbox.d.ts

@@ -2,10 +2,12 @@ import React from 'react';
 export declare type CheckboxProps = {
     label?: React.ReactNode;
     indeterminate?: boolean;
+    error?: boolean;
 } & React.ComponentPropsWithoutRef<'input'>;
 declare const Checkbox: React.ForwardRefExoticComponent<{
     label?: React.ReactNode;
     indeterminate?: boolean | undefined;
+    error?: boolean | undefined;
 } & Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
 export default Checkbox;
 //# sourceMappingURL=Checkbox.d.ts.map

package/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,oBAAY,aAAa,GAAG;IAI1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAOxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,QAAQ;YAVJ,MAAM,SAAS;;oMAoCxB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,oBAAY,aAAa,GAAG;IAI1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAOxB,aAAa,CAAC,EAAE,OAAO,CAAC;IAKxB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,QAAQ;YAfJ,MAAM,SAAS;;;oMA6CxB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/CrossSellCard/CrossSellCard.d.ts

@@ -4,6 +4,7 @@ export declare type CrossSellCardProps = {
     description: string;
     imageSrc?: string;
     ctaText: string;
+    customIcon?: JSX.Element;
     ctaAction: () => void;
 } & React.ComponentPropsWithoutRef<'div'>;
 declare const CrossSellCard: React.ForwardRefExoticComponent<{
@@ -11,6 +12,7 @@ declare const CrossSellCard: React.ForwardRefExoticComponent<{
     description: string;
     imageSrc?: string | undefined;
     ctaText: string;
+    customIcon?: JSX.Element | undefined;
     ctaAction: () => void;
 } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
 export default CrossSellCard;

package/CrossSellCard/CrossSellCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CrossSellCard.d.ts","sourceRoot":"","sources":["../../src/CrossSellCard/CrossSellCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,kBAAkB,GAAG;IAI/B,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,EAAE,MAAM,CAAC;IAIpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAIlB,OAAO,EAAE,MAAM,CAAC;IAIhB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,aAAa;WAnBV,MAAM;iBAIA,MAAM;;aAQV,MAAM;eAIJ,MAAM,IAAI;kLAsCtB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CrossSellCard.d.ts","sourceRoot":"","sources":["../../src/CrossSellCard/CrossSellCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,oBAAY,kBAAkB,GAAG;IAI/B,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,EAAE,MAAM,CAAC;IAIpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAIlB,OAAO,EAAE,MAAM,CAAC;IAIhB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAIzB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,aAAa;WAvBV,MAAM;iBAIA,MAAM;;aAQV,MAAM;;eAQJ,MAAM,IAAI;kLAmDtB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/FormLabel/FormLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../src/FormLabel/FormLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,oBAAY,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,IAAI;IAKlE,SAAS,CAAC,EAAE,CAAC,CAAC;CACf,GAAG,iBAAiB,CACnB,CAAC,EACD;IAKE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CACF,CAAC;AAEF,iBAAS,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,EAC1D,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,EACxE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,sEAejC;AAED,QAAA,MAAM,SAAS,sBAEsB,CAAC;AAEtC,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../src/FormLabel/FormLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,oBAAY,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,IAAI;IAKlE,SAAS,CAAC,EAAE,CAAC,CAAC;CACf,GAAG,iBAAiB,CACnB,CAAC,EACD;IAKE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CACF,CAAC;AAEF,iBAAS,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,EAC1D,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,EACxE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,sEAejC;AAED,QAAA,MAAM,SAAS,sBAEqB,CAAC;AAErC,eAAe,SAAS,CAAC"}

package/IconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,oBAAY,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IAKpE,SAAS,CAAC,EAAE,CAAC,CAAC;CACf,GAAG,iBAAiB,CACnB,CAAC,EACD;IAKE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAKnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CACF,CAAC;AAEF,iBAAS,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAC5D,EACE,QAAQ,EACR,SAAS,EACT,IAAW,EACX,QAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,CAAC,CAAC,CAAC,EACrB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,sEAgBlC;AAED,QAAA,MAAM,UAAU,uBAEsB,CAAC;AAEvC,eAAe,UAAU,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,oBAAY,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IAKpE,SAAS,CAAC,EAAE,CAAC,CAAC;CACf,GAAG,iBAAiB,CACnB,CAAC,EACD;IAKE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAKnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CACF,CAAC;AAEF,iBAAS,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAC5D,EACE,QAAQ,EACR,SAAS,EACT,IAAW,EACX,QAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,CAAC,CAAC,CAAC,EACrB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,sEAgBlC;AAED,QAAA,MAAM,UAAU,uBAEqB,CAAC;AAEtC,eAAe,UAAU,CAAC"}

package/Select/Option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../src/Select/Option.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,MAAM,yCA6CV,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../src/Select/Option.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,MAAM,yCA4CV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/index.es.js

@@ -4962,10 +4962,10 @@ var Input = e$1.forwardRef(function Input(_a, ref) {
 });
 
 var Checkbox = e$1.forwardRef(function Checkbox(_a, ref) {
-    var className = _a.className, label = _a.label, id = _a.id, indeterminate = _a.indeterminate, rest = __rest(_a, ["className", "label", "id", "indeterminate"]);
+    var error = _a.error, className = _a.className, label = _a.label, id = _a.id, indeterminate = _a.indeterminate, rest = __rest(_a, ["error", "className", "label", "id", "indeterminate"]);
     return (e$1.createElement("label", { className: "ods-checkbox__root", htmlFor: id },
         e$1.createElement("input", __assign({ ref: ref, id: id, className: classNames('ods-checkbox', className) }, rest, { type: "checkbox", "data-indeterminate": indeterminate })),
-        e$1.createElement("span", { className: classNames('ods-checkbox__checkmark', indeterminate && 'ods-checkbox__checkmark--indeterminate') }),
+        e$1.createElement("span", { className: classNames('ods-checkbox__checkmark', indeterminate && 'ods-checkbox__checkmark--indeterminate', error && 'ods-checkbox__checkmark--error') }),
         label && (e$1.createElement("span", { className: "ods-typography ods-typography__description ods-checkbox__label" }, label))));
 });
 
@@ -4999,10 +4999,7 @@ var Context = e$1.createContext({});
 var Option = e$1.memo(function Option(option) {
     var label = option.label, className = option.className, id = option.id, index = option.index, rest = __rest(option, ["label", "className", "id", "index"]);
     var _a = useContext(Context), selected = _a.selected, onSelect = _a.onSelect, setIsExpanded = _a.setIsExpanded, refSelControl = _a.refSelControl;
-    var isSelected = useMemo(function () { return (selected === null || selected === void 0 ? void 0 : selected.index) === index; }, [
-        selected,
-        index,
-    ]);
+    var isSelected = useMemo(function () { return (selected === null || selected === void 0 ? void 0 : selected.index) === index; }, [selected, index]);
     var refOption = useRef(null);
     useEffect(function () {
         if (refOption && isSelected) {
@@ -25447,23 +25444,23 @@ var Badge = e$1.forwardRef(function Badge(_a, ref) {
     return (e$1.createElement("div", __assign({ ref: ref, role: "tag", className: classNames('ods-badge', "ods-badge--".concat(variation), "ods-badge--".concat(color), className, {
             'ods-badge--overflow': count && count > 99
         }) }, rest),
-        variation !== 'tiny' && count && (e$1.createElement("div", { className: "ods-badge__content ods-badge__count" }, countToShow)),
+        variation !== 'tiny' && typeof count !== 'undefined' && (e$1.createElement("div", { className: "ods-badge__content ods-badge__count" }, countToShow)),
         variation !== 'tiny' && typeof count === 'undefined' && children && (e$1.createElement("div", { className: "ods-badge__content ods-badge__text" }, children)),
         variation === 'tiny' && e$1.createElement("div", { className: "ods-badge__content" })));
 });
 
 var CrossSellCard = e$1.forwardRef(function CrossSellCard(_a, ref) {
-    var title = _a.title, className = _a.className, description = _a.description, imageSrc = _a.imageSrc, ctaText = _a.ctaText, ctaAction = _a.ctaAction, rest = __rest(_a, ["title", "className", "description", "imageSrc", "ctaText", "ctaAction"]);
-    return (e$1.createElement("div", __assign({ ref: ref }, rest, { className: classNames('ods-cross-sell-card', className) }),
-        e$1.createElement("div", { className: "ods-cross-sell-card__content" },
+    var title = _a.title, className = _a.className, description = _a.description, imageSrc = _a.imageSrc, ctaText = _a.ctaText, ctaAction = _a.ctaAction, customIcon = _a.customIcon, rest = __rest(_a, ["title", "className", "description", "imageSrc", "ctaText", "ctaAction", "customIcon"]);
+    return (e$1.createElement("div", __assign({ ref: ref }, rest, { className: classNames('ods-cross-sell-card', className), onClick: ctaAction }),
+        e$1.createElement("a", { className: "ods-cross-sell-card__content", onClick: function () { return ctaAction; }, "data-testid": "cta-test" },
             e$1.createElement("div", { className: "ods-cross-sell-card__information" },
                 e$1.createElement("div", { className: "ods-typography--inverse ods-typography__heading3" }, title),
                 e$1.createElement("div", { className: "ods-typography--inverse ods-typography__description ods-cross-sell-card__description " }, description)),
             imageSrc && (e$1.createElement("img", { className: "ods-cross-sell-card__image", src: imageSrc }))),
-        e$1.createElement("button", { className: "ods-cross-sell-card__cta", onClick: ctaAction, "data-testid": "cta-test" },
+        e$1.createElement("button", { className: "ods-cross-sell-card__cta" },
             ctaText,
-            " ",
-            e$1.createElement(ee, { className: "ods-cross-sell-card__cta-icon" }))));
+            ' ',
+            e$1.createElement("span", { className: "ods-cross-sell-card__cta-icon" }, customIcon || e$1.createElement(ee, null)))));
 });
 
 export { Alert, Badge, Button, Carousel, Checkbox, Col, Container, CrossSellCard, Divider, index$1 as Grid, IconButton, Input, Link, List, Modal, Progress, Radio, Row, Search, Select, Stepper, Steps, SubHeader, Switch, Tag, TextArea, TopBar, TransactionListItem, Typography };