@useblu/ocean-react 1.71.0 → 1.73.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.73.0](https://github.com/ocean-ds/ocean-web/compare/v1.72.0...v1.73.0) (2024-12-26)
+
+### Features
+
+- add disabled text list item ([#1125](https://github.com/ocean-ds/ocean-web/issues/1125)) ([56e6bba](https://github.com/ocean-ds/ocean-web/commit/56e6bba63a60f55798de64d9abdeb16340269d16))
+
 # [1.71.0](https://github.com/ocean-ds/ocean-web/compare/v1.70.1...v1.71.0) (2024-12-06)
 
 ### Features

package/TextListItem/TextListItem.d.ts

@@ -12,6 +12,7 @@ export declare type TextListItemProps = {
     onActionClick?: () => void;
     checkbox?: CheckboxProps;
     radio?: RadioProps;
+    disabled?: boolean;
     className?: string;
 } & React.ComponentPropsWithoutRef<'div'>;
 declare const TextListItem: React.ForwardRefExoticComponent<{
@@ -25,6 +26,7 @@ declare const TextListItem: React.ForwardRefExoticComponent<{
     onActionClick?: (() => void) | undefined;
     checkbox?: CheckboxProps | undefined;
     radio?: RadioProps | undefined;
+    disabled?: boolean | undefined;
     className?: string | undefined;
 } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
 export default TextListItem;

package/TextListItem/TextListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextListItem.d.ts","sourceRoot":"","sources":["../../src/TextListItem/TextListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAiB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEnD,oBAAY,iBAAiB,GAAG;IAI9B,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,EAAE,MAAM,CAAC;IAIpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAIjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAIlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAIlB,YAAY,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAItC,UAAU,CAAC,EAAE,OAAO,CAAC;IAIrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAI3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IAIzB,KAAK,CAAC,EAAE,UAAU,CAAC;IAInB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,YAAY;WA3CT,MAAM;iBAIA,MAAM;;;;;;2BAwBG,IAAI;;;;kLAgJ3B,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"TextListItem.d.ts","sourceRoot":"","sources":["../../src/TextListItem/TextListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAiB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEnD,oBAAY,iBAAiB,GAAG;IAI9B,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,EAAE,MAAM,CAAC;IAIpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAIjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAIlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAIlB,YAAY,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAItC,UAAU,CAAC,EAAE,OAAO,CAAC;IAIrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAI3B,QAAQ,CAAC,EAAE,aAAa,CAAC;IAIzB,KAAK,CAAC,EAAE,UAAU,CAAC;IAInB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,QAAA,MAAM,YAAY;WA/CT,MAAM;iBAIA,MAAM;;;;;;2BAwBG,IAAI;;;;;kLAoK3B,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/index.es.js

@@ -6667,7 +6667,7 @@ var TextArea = e.forwardRef(function (_a, ref) {
 TextArea.displayName = 'TextArea';
 
 var TextListItem = e.forwardRef(function (_a, ref) {
-    var title = _a.title, description = _a.description, caption = _a.caption, tagLabel = _a.tagLabel, infoText = _a.infoText, _b = _a.infoTextType, infoTextType = _b === void 0 ? 'neutral' : _b, withAction = _a.withAction, onActionClick = _a.onActionClick, checkbox = _a.checkbox, radio = _a.radio, className = _a.className, rest = __rest$2(_a, ["title", "description", "caption", "tagLabel", "infoText", "infoTextType", "withAction", "onActionClick", "checkbox", "radio", "className"]);
+    var title = _a.title, description = _a.description, caption = _a.caption, tagLabel = _a.tagLabel, infoText = _a.infoText, _b = _a.infoTextType, infoTextType = _b === void 0 ? 'neutral' : _b, withAction = _a.withAction, onActionClick = _a.onActionClick, checkbox = _a.checkbox, radio = _a.radio, disabled = _a.disabled, className = _a.className, rest = __rest$2(_a, ["title", "description", "caption", "tagLabel", "infoText", "infoTextType", "withAction", "onActionClick", "checkbox", "radio", "disabled", "className"]);
     var buttonElementRef = useRef(null);
     var divElementRef = useRef(null);
     var _c = useState(false), isWide = _c[0], setIsWide = _c[1];
@@ -6693,7 +6693,9 @@ var TextListItem = e.forwardRef(function (_a, ref) {
             'ods-text-list-item--wide': isWide,
             'ods-text-list-item--selectable': checkbox || radio
         }), ref: ref }, rest),
-        e.createElement("div", { className: "ods-text-list-item__default-content" },
+        e.createElement("div", { className: classNames('ods-text-list-item__default-content', {
+                'ods-text-list-item__default-content--disabled': disabled
+            }) },
             e.createElement("p", { className: "ods-typography ods-typography__paragraph" },
                 title,
                 tagLabel && (e.createElement(Tag, { type: "neutral", size: "medium" }, tagLabel))),
@@ -6714,14 +6716,19 @@ var TextListItem = e.forwardRef(function (_a, ref) {
         isWide,
         ref,
         rest,
+        disabled,
     ]);
     if (checkbox) {
-        return (e.createElement("div", { className: "ods-text-list-item-selectable", ref: divElementRef },
-            e.createElement(Checkbox, __assign$2({}, checkbox, { label: textListitem }))));
+        return (e.createElement("div", { className: classNames('ods-text-list-item-selectable', {
+                'ods-text-list-item-selectable--disabled': disabled
+            }), ref: divElementRef },
+            e.createElement(Checkbox, __assign$2({ disabled: disabled }, checkbox, { label: textListitem }))));
     }
     if (radio) {
-        return (e.createElement("div", { className: "ods-text-list-item-selectable", ref: divElementRef },
-            e.createElement(Radio, __assign$2({}, radio, { label: textListitem }))));
+        return (e.createElement("div", { className: classNames('ods-text-list-item-selectable', {
+                'ods-text-list-item-selectable--disabled': disabled
+            }), ref: divElementRef },
+            e.createElement(Radio, __assign$2({ disabled: disabled }, radio, { label: textListitem }))));
     }
     return (e.createElement("button", { ref: buttonElementRef, onClick: onActionClick, type: "button", className: "ods-text-list-item--button" }, textListitem));
 });