@useblu/ocean-react 1.63.0 → 1.65.0

package/Accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":";AAIA,oBAAY,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,SAAS,uCAIZ,cAAc,KAAG,WAiCnB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":";AAIA,oBAAY,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,SAAS,uCAIZ,cAAc,KAAG,WAkCnB,CAAC;AAEF,eAAe,SAAS,CAAC"}

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.65.0](https://github.com/ocean-ds/ocean-web/compare/v1.64.0...v1.65.0) (2024-06-26)
+
+### Features
+
+- update link ([#1111](https://github.com/ocean-ds/ocean-web/issues/1111)) ([8aa0bf2](https://github.com/ocean-ds/ocean-web/commit/8aa0bf2c4ad0c82e5a4f0c66595d8883edea93c8))
+
+# [1.64.0](https://github.com/ocean-ds/ocean-web/compare/v1.63.1...v1.64.0) (2024-06-26)
+
+### Features
+
+- update card list item component ([#1113](https://github.com/ocean-ds/ocean-web/issues/1113)) ([1c8cf3d](https://github.com/ocean-ds/ocean-web/commit/1c8cf3df19e2d0313d11a06975e845fcf23788a4))
+
 # [1.63.0](https://github.com/ocean-ds/ocean-web/compare/v1.62.2...v1.63.0) (2024-06-20)
 
 ### Features

package/CardListItem/CardListItem.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
-interface CardListItemProps {
+declare const CardListItem: React.ForwardRefExoticComponent<{
     title: string;
-    description?: string;
-    caption?: string;
+    description?: string | undefined;
+    caption?: string | undefined;
     actionIcon?: React.ReactNode;
     leadingIcon?: React.ReactNode;
-    size?: 'small' | 'medium';
-    disabled?: boolean;
-    fullWidth?: boolean;
-    onClick?: () => void;
-}
-declare const CardListItem: ({ title, description, caption, leadingIcon, actionIcon, size, disabled, fullWidth, onClick, }: CardListItemProps) => JSX.Element;
+    size?: "small" | "medium" | undefined;
+    disabled?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    onClick?: (() => void) | undefined;
+    loading?: boolean | undefined;
+} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
 export default CardListItem;
 //# sourceMappingURL=CardListItem.d.ts.map

package/CardListItem/CardListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardListItem.d.ts","sourceRoot":"","sources":["../../src/CardListItem/CardListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,kGAUf,iBAAiB,KAAG,WA+BtB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CardListItem.d.ts","sourceRoot":"","sources":["../../src/CardListItem/CardListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AA8CpE,QAAA,MAAM,YAAY;WAvCT,MAAM;;;iBAYA,MAAM,SAAS;kBAId,MAAM,SAAS;;;;qBAgBb,IAAI;;kLAmFrB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/Link/Link.d.ts

@@ -1,13 +1,15 @@
 import React, { ComponentPropsWithoutRef } from 'react';
 export declare type LinkProps = {
     variant?: 'primary' | 'inverse' | 'neutral';
-    size?: 'sm' | 'md';
+    size?: 'sm' | 'md' | 'tiny';
     icon?: 'linkChevron' | 'externalLink';
+    disabled?: boolean;
 } & ComponentPropsWithoutRef<'a'>;
 declare const Link: React.ForwardRefExoticComponent<{
     variant?: "primary" | "inverse" | "neutral" | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "tiny" | undefined;
     icon?: "linkChevron" | "externalLink" | undefined;
+    disabled?: boolean | undefined;
 } & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & React.RefAttributes<HTMLAnchorElement>>;
 export default Link;
 //# sourceMappingURL=Link.d.ts.map

package/Link/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAKpE,oBAAY,SAAS,GAAG;IAKtB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAK5C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAKnB,IAAI,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;CACvC,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAElC,QAAA,MAAM,IAAI;;;;0MAoBT,CAAC;AAIF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAKpE,oBAAY,SAAS,GAAG;IAKtB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAK5C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAK5B,IAAI,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAElC,QAAA,MAAM,IAAI;;;;;0MAkCT,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/index.es.js

@@ -325,7 +325,7 @@ var Accordion = function (_a) {
     return (e.createElement("div", { className: classNames('ods-accordion', className) },
         e.createElement("button", { onClick: onHandleAccordion, type: "button", className: classNames('ods-accordion__header', {
                 'ods-accordion__header--collapsed': isCollapsed
-            }), "aria-expanded": !isCollapsed },
+            }), "aria-expanded": !isCollapsed, "data-testid": "accordion-header" },
             title,
             e.createElement(J, { className: classNames('ods-accordion__icon', {
                     'ods-accordion__icon--rotated': isCollapsed
@@ -398,8 +398,12 @@ var LinkIcons = e.memo(function (_a) {
 LinkIcons.displayName = 'LinkIcons';
 
 var Link = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, icon = _a.icon, rest = __rest$2(_a, ["children", "className", "variant", "size", "icon"]);
-    return (e.createElement("a", __assign$2({ ref: ref, className: classNames('ods-link', "ods-link--".concat(size), "ods-link--".concat(variant), icon ? 'ods-link--with-icon' : '', className) }, rest),
+    var children = _a.children, className = _a.className, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, icon = _a.icon, disabled = _a.disabled, rest = __rest$2(_a, ["children", "className", "variant", "size", "icon", "disabled"]);
+    return (e.createElement("a", __assign$2({ "aria-disabled": disabled, ref: ref, className: classNames('ods-link', "ods-link--".concat(size), "ods-link--".concat(variant), icon ? 'ods-link--with-icon' : '', className, {
+            'ods-link--disabled': disabled,
+            'ods-link--chevron': icon === 'linkChevron',
+            'ods-link--external': icon === 'externalLink'
+        }) }, rest),
         e.createElement("span", { className: "ods-link__content" }, children),
         e.createElement(LinkIcons, { icon: icon })));
 });
@@ -47878,19 +47882,27 @@ var Shortcut = function (_a) {
         size === 'medium' && description && (e.createElement("span", { className: classNames('ods-shortcut__description', 'ods-typography', 'ods-typography__description') }, description))));
 };
 
-var CardListItem = function (_a) {
-    var title = _a.title, description = _a.description, caption = _a.caption, leadingIcon = _a.leadingIcon, actionIcon = _a.actionIcon, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, onClick = _a.onClick;
-    return (e.createElement("div", { "data-testid": "card-list-item", className: classNames('ods-card-list-item', "ods-card-list-item--size-".concat(size), { 'ods-card-list-item--disabled': disabled }, { 'ods-card-list-item--full-width': fullWidth }), onClick: function () {
+var CardListItem = forwardRef(function (_a, ref) {
+    var title = _a.title, description = _a.description, caption = _a.caption, leadingIcon = _a.leadingIcon, actionIcon = _a.actionIcon, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, onClick = _a.onClick, loading = _a.loading, rest = __rest$2(_a, ["title", "description", "caption", "leadingIcon", "actionIcon", "size", "disabled", "fullWidth", "onClick", "loading"]);
+    return loading ? (e.createElement("div", __assign$2({ ref: ref }, rest, { "data-testid": "card-list-item", className: classNames('ods-card-list-item', "ods-card-list-item--size-".concat(size), { 'ods-card-list-item--full-width': fullWidth }, {
+            'ods-card-list-item--loading': loading
+        }) }),
+        e.createElement("div", { className: "ods-card-list-item__circle" }),
+        e.createElement("div", { className: "ods-card-list-item__lines" },
+            e.createElement("div", { className: "ods-card-list-item__lines__line1" }),
+            e.createElement("div", { className: "ods-card-list-item__lines__line2" }),
+            size === 'medium' && (e.createElement("div", { className: "ods-card-list-item__lines__line3" }))))) : (e.createElement("div", __assign$2({ ref: ref }, rest, { "data-testid": "card-list-item", className: classNames('ods-card-list-item', "ods-card-list-item--size-".concat(size), { 'ods-card-list-item--disabled': disabled }, { 'ods-card-list-item--full-width': fullWidth }), onClick: function () {
             if (!disabled && onClick)
                 onClick();
-        } },
+        } }),
         leadingIcon && (e.createElement("div", { className: "ods-card-list-item__leading-icon" }, leadingIcon)),
         e.createElement("div", { className: "ods-card-list-item__content" },
             e.createElement("div", { className: "ods-card-list-item__content__title" }, title),
             description && (e.createElement("div", { className: "ods-card-list-item__content__description" }, description)),
             caption && size === 'medium' && (e.createElement("div", { className: "ods-card-list-item__content__caption" }, caption))),
         actionIcon && (e.createElement("div", { className: "ods-card-list-item__action" }, actionIcon))));
-};
+});
+CardListItem.displayName = 'CardListItem';
 
 var Options = function (_a) {
     var options = _a.options, selectedOptions = _a.selectedOptions, clearLabel = _a.clearLabel, filterLabel = _a.filterLabel, multiChoice = _a.multiChoice, onSelect = _a.onSelect, filterOptions = _a.filterOptions, clearOptions = _a.clearOptions;