@useblu/ocean-react 1.117.0 → 1.119.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/ListAction/ListAction.d.ts.map +1 -1
- package/ListExpandable/ListExpandable.d.ts +40 -0
- package/ListExpandable/ListExpandable.d.ts.map +1 -0
- package/ListExpandable/index.d.ts +3 -0
- package/ListExpandable/index.d.ts.map +1 -0
- package/_shared/components/InternalListActions/InternalListActions.d.ts +1 -0
- package/_shared/components/InternalListActions/InternalListActions.d.ts.map +1 -1
- package/_shared/components/InternalListActions/types.d.ts +1 -0
- package/_shared/components/InternalListActions/types.d.ts.map +1 -1
- package/index.d.ts +2 -0
- package/index.d.ts.map +1 -1
- package/index.es.js +83 -11
- package/index.es.js.map +1 -1
- package/index.js +83 -10
- package/index.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,18 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [1.119.0](https://github.com/ocean-ds/ocean-web/compare/v1.118.0...v1.119.0) (2025-12-08)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- style cancel button on input search ([#1202](https://github.com/ocean-ds/ocean-web/issues/1202)) ([221d12c](https://github.com/ocean-ds/ocean-web/commit/221d12c519dcaf24af4f1be573c0559403719f0b))
|
|
11
|
+
|
|
12
|
+
# [1.118.0](https://github.com/ocean-ds/ocean-web/compare/v1.117.0...v1.118.0) (2025-12-08)
|
|
13
|
+
|
|
14
|
+
### Features
|
|
15
|
+
|
|
16
|
+
- card list expandable ([#1197](https://github.com/ocean-ds/ocean-web/issues/1197)) ([3016461](https://github.com/ocean-ds/ocean-web/commit/3016461f3a408dafb3645e53a00d2ce769e60691))
|
|
17
|
+
|
|
6
18
|
# [1.117.0](https://github.com/ocean-ds/ocean-web/compare/v1.116.0...v1.117.0) (2025-12-08)
|
|
7
19
|
|
|
8
20
|
### Features
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListAction.d.ts","sourceRoot":"","sources":["../../src/ListAction/ListAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"ListAction.d.ts","sourceRoot":"","sources":["../../src/ListAction/ListAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,OAAoB,EAClB,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAE3C,OAA4B,EAC1B,UAAU,EACX,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG;IAI5B,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAIlC,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAKvB,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAKlC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAIjB,SAAS,CAAC,EAAE,SAAS,CAAC;IAKtB,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAI1C,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAK3B,YAAY,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CAAC;IAIzE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAK/D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;AAE3D,QAAA,MAAM,UAAU;WAvEP,MAAM;kBAIC,MAAM;+BAIO,MAAM;cAIvB,MAAM;eAKL,OAAO;WAKX,MAAM,GAAG,MAAM;aAKb,gBAAgB,CAAC,MAAM,CAAC;eAKtB,OAAO;cAKR,OAAO;WAIV,SAAS;gBAIJ,SAAS;iBAKR,SAAS,GAAG,MAAM,GAAG,OAAO;kBAI3B,UAAU,EAAE;mBAKX,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW;cAI9D,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI;kBAKhD,OAAO;wNA+HtB,CAAC;AAIF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { ContentListProps } from '../_shared/components/ContentList';
|
|
3
|
+
export type ListExpandableProps = {
|
|
4
|
+
title: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
strikethroughDescription?: string;
|
|
7
|
+
caption?: string;
|
|
8
|
+
inverted?: boolean;
|
|
9
|
+
type?: 'card' | 'text';
|
|
10
|
+
status?: ContentListProps['type'];
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
icon?: ReactNode;
|
|
13
|
+
indicator?: ReactNode;
|
|
14
|
+
expanded?: boolean;
|
|
15
|
+
defaultExpanded?: boolean;
|
|
16
|
+
onToggle?: (expanded: boolean) => void;
|
|
17
|
+
children?: ReactNode;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
showDivider?: boolean;
|
|
20
|
+
} & Omit<React.ComponentPropsWithoutRef<'div'>, 'children'>;
|
|
21
|
+
declare const ListExpandable: React.ForwardRefExoticComponent<{
|
|
22
|
+
title: string;
|
|
23
|
+
description?: string;
|
|
24
|
+
strikethroughDescription?: string;
|
|
25
|
+
caption?: string;
|
|
26
|
+
inverted?: boolean;
|
|
27
|
+
type?: "card" | "text";
|
|
28
|
+
status?: ContentListProps["type"];
|
|
29
|
+
loading?: boolean;
|
|
30
|
+
icon?: ReactNode;
|
|
31
|
+
indicator?: ReactNode;
|
|
32
|
+
expanded?: boolean;
|
|
33
|
+
defaultExpanded?: boolean;
|
|
34
|
+
onToggle?: (expanded: boolean) => void;
|
|
35
|
+
children?: ReactNode;
|
|
36
|
+
disabled?: boolean;
|
|
37
|
+
showDivider?: boolean;
|
|
38
|
+
} & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "children"> & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
export default ListExpandable;
|
|
40
|
+
//# sourceMappingURL=ListExpandable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListExpandable.d.ts","sourceRoot":"","sources":["../../src/ListExpandable/ListExpandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,OAAoB,EAClB,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAG3C,MAAM,MAAM,mBAAmB,GAAG;IAIhC,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAIlC,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAKvB,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAKlC,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAIjB,SAAS,CAAC,EAAE,SAAS,CAAC;IAItB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAI1B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAIvC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAKrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5D,QAAA,MAAM,cAAc;WAtEX,MAAM;kBAIC,MAAM;+BAIO,MAAM;cAIvB,MAAM;eAKL,OAAO;WAKX,MAAM,GAAG,MAAM;aAKb,gBAAgB,CAAC,MAAM,CAAC;cAKvB,OAAO;WAIV,SAAS;gBAIJ,SAAS;eAIV,OAAO;sBAKA,OAAO;eAId,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI;eAI3B,SAAS;eAKT,OAAO;kBAKJ,OAAO;oMAoHtB,CAAC;AAIF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ListExpandable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,cAAc,kBAAkB,CAAC"}
|
|
@@ -5,6 +5,7 @@ declare const InternalListActions: React.ForwardRefExoticComponent<{
|
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
position?: "bottom-left" | "bottom-right" | "top-left" | "top-right";
|
|
7
7
|
actionType?: "menu" | "swipe";
|
|
8
|
+
onOpenChange?: (isOpen: boolean, menuWidth?: number) => void;
|
|
8
9
|
} & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "children"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
10
|
export default InternalListActions;
|
|
10
11
|
//# sourceMappingURL=InternalListActions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternalListActions.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/InternalListActions/InternalListActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAA4B,UAAU,EAAE,MAAM,SAAS,CAAC;AAK/D,QAAA,MAAM,mBAAmB;;;;;
|
|
1
|
+
{"version":3,"file":"InternalListActions.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/InternalListActions/InternalListActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAA4B,UAAU,EAAE,MAAM,SAAS,CAAC;AAK/D,QAAA,MAAM,mBAAmB;;;;;8CA4BjB,CADL;oMAiHF,CAAC;AAIF,eAAe,mBAAmB,CAAC"}
|
|
@@ -11,5 +11,6 @@ export type InternalListActionsProps = {
|
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
position?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
|
|
13
13
|
actionType?: 'menu' | 'swipe';
|
|
14
|
+
onOpenChange?: (isOpen: boolean, menuWidth?: number) => void;
|
|
14
15
|
} & Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
|
|
15
16
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/InternalListActions/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IAIrC,OAAO,EAAE,UAAU,EAAE,CAAC;IAItB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,QAAQ,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CAAC;IAOrE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/InternalListActions/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IAIrC,OAAO,EAAE,UAAU,EAAE,CAAC;IAItB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,QAAQ,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CAAC;IAOrE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAM9B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9D,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}
|
package/index.d.ts
CHANGED
|
@@ -86,4 +86,6 @@ export { default as SettingsListItem } from './SettingsListItem';
|
|
|
86
86
|
export * from './SettingsListItem';
|
|
87
87
|
export { default as ListAction } from './ListAction';
|
|
88
88
|
export * from './ListAction';
|
|
89
|
+
export { default as CardListExpandable } from './ListExpandable';
|
|
90
|
+
export * from './ListExpandable';
|
|
89
91
|
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/index.es.js
CHANGED
|
@@ -47397,13 +47397,28 @@ var TriggerButton = function (_a) {
|
|
|
47397
47397
|
};
|
|
47398
47398
|
|
|
47399
47399
|
var InternalListActions = forwardRef(function (_a, forwardedRef) {
|
|
47400
|
-
var actions = _a.actions, _b = _a.actionType, actionType = _b === void 0 ? 'menu' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.position, position = _d === void 0 ? 'bottom-right' : _d, className = _a.className, rest = __rest$1(_a, ["actions", "actionType", "disabled", "position", "className"]);
|
|
47400
|
+
var actions = _a.actions, _b = _a.actionType, actionType = _b === void 0 ? 'menu' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.position, position = _d === void 0 ? 'bottom-right' : _d, className = _a.className, onOpenChange = _a.onOpenChange, rest = __rest$1(_a, ["actions", "actionType", "disabled", "position", "className", "onOpenChange"]);
|
|
47401
47401
|
var _e = useState(false), isOpen = _e[0], setIsOpen = _e[1];
|
|
47402
47402
|
var _f = useState(false), isClosing = _f[0], setIsClosing = _f[1];
|
|
47403
47403
|
var wrapperRef = useRef(null);
|
|
47404
47404
|
var triggerRef = useRef(null);
|
|
47405
47405
|
var menuRef = useRef(null);
|
|
47406
47406
|
var isSwipeMode = actionType === 'swipe';
|
|
47407
|
+
var notifyOpenChange = function (open) {
|
|
47408
|
+
if (open && isSwipeMode && menuRef.current) {
|
|
47409
|
+
requestAnimationFrame(function () {
|
|
47410
|
+
var _a;
|
|
47411
|
+
var menuWidth = ((_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
|
|
47412
|
+
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(true, menuWidth);
|
|
47413
|
+
});
|
|
47414
|
+
}
|
|
47415
|
+
else if (open) {
|
|
47416
|
+
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(true);
|
|
47417
|
+
}
|
|
47418
|
+
else {
|
|
47419
|
+
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
|
|
47420
|
+
}
|
|
47421
|
+
};
|
|
47407
47422
|
var handleSwipeLeft = function () {
|
|
47408
47423
|
setIsOpen(true);
|
|
47409
47424
|
setIsClosing(false);
|
|
@@ -47411,6 +47426,7 @@ var InternalListActions = forwardRef(function (_a, forwardedRef) {
|
|
|
47411
47426
|
var handleClose = function () {
|
|
47412
47427
|
if (isSwipeMode) {
|
|
47413
47428
|
setIsClosing(true);
|
|
47429
|
+
notifyOpenChange(false);
|
|
47414
47430
|
setTimeout(function () {
|
|
47415
47431
|
setIsOpen(false);
|
|
47416
47432
|
setIsClosing(false);
|
|
@@ -47418,6 +47434,7 @@ var InternalListActions = forwardRef(function (_a, forwardedRef) {
|
|
|
47418
47434
|
}
|
|
47419
47435
|
else {
|
|
47420
47436
|
setIsOpen(false);
|
|
47437
|
+
notifyOpenChange(false);
|
|
47421
47438
|
}
|
|
47422
47439
|
};
|
|
47423
47440
|
useSwipeGesture(triggerRef, isSwipeMode, isOpen, handleSwipeLeft);
|
|
@@ -47432,6 +47449,11 @@ var InternalListActions = forwardRef(function (_a, forwardedRef) {
|
|
|
47432
47449
|
}
|
|
47433
47450
|
}
|
|
47434
47451
|
}, [forwardedRef]);
|
|
47452
|
+
useEffect(function () {
|
|
47453
|
+
if (isOpen && isSwipeMode && !isClosing) {
|
|
47454
|
+
notifyOpenChange(true);
|
|
47455
|
+
}
|
|
47456
|
+
}, [isOpen, isSwipeMode, isClosing]);
|
|
47435
47457
|
var handleToggle = function () {
|
|
47436
47458
|
if (!disabled) {
|
|
47437
47459
|
if (isOpen) {
|
|
@@ -47468,31 +47490,43 @@ InternalListActions.displayName = 'InternalListActions';
|
|
|
47468
47490
|
var ListAction = e.forwardRef(function (_a, ref) {
|
|
47469
47491
|
var _b;
|
|
47470
47492
|
var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, _c = _a.inverted, inverted = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? 'card' : _d, _e = _a.status, status = _e === void 0 ? 'default' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, icon = _a.icon, indicator = _a.indicator, _h = _a.actionType, actionType = _h === void 0 ? 'chevron' : _h, menuActions = _a.menuActions, _j = _a.menuPosition, menuPosition = _j === void 0 ? 'bottom-right' : _j, onClick = _a.onClick, className = _a.className, _k = _a.showDivider, showDivider = _k === void 0 ? false : _k, rest = __rest$1(_a, ["title", "description", "strikethroughDescription", "caption", "inverted", "type", "status", "disabled", "loading", "icon", "indicator", "actionType", "menuActions", "menuPosition", "onClick", "className", "showDivider"]);
|
|
47493
|
+
var _l = useState(false), isSwipeOpen = _l[0], setIsSwipeOpen = _l[1];
|
|
47494
|
+
var _m = useState(0), menuWidth = _m[0], setMenuWidth = _m[1];
|
|
47495
|
+
var handleSwipeOpenChange = function (isOpen, width) {
|
|
47496
|
+
setIsSwipeOpen(isOpen);
|
|
47497
|
+
if (width !== undefined) {
|
|
47498
|
+
setMenuWidth(width);
|
|
47499
|
+
}
|
|
47500
|
+
};
|
|
47471
47501
|
var renderActionIcon = function () {
|
|
47472
47502
|
if (actionType === 'chevron') {
|
|
47473
47503
|
return (e.createElement("div", { className: 'ods-list-action__action' },
|
|
47474
47504
|
e.createElement(re, { size: 20 })));
|
|
47475
47505
|
}
|
|
47476
47506
|
if (actionType === 'menu' || actionType === 'swipe') {
|
|
47477
|
-
return (e.createElement(InternalListActions, { actions: menuActions || [], disabled: disabled, position: menuPosition, actionType: actionType }));
|
|
47507
|
+
return (e.createElement(InternalListActions, { actions: menuActions || [], disabled: disabled, position: menuPosition, actionType: actionType, onOpenChange: actionType === 'swipe' ? handleSwipeOpenChange : undefined }));
|
|
47478
47508
|
}
|
|
47479
47509
|
return null;
|
|
47480
47510
|
};
|
|
47481
47511
|
var renderLoadingContent = function () { return (e.createElement("div", { className: 'ods-list-action__skeleton' },
|
|
47482
47512
|
e.createElement(SkeletonBar, { width: '40%', height: '16px' }),
|
|
47483
47513
|
e.createElement(SkeletonBar, { width: '100%', height: '16px' }))); };
|
|
47514
|
+
var contentStyle = isSwipeOpen && menuWidth > 0
|
|
47515
|
+
? { transform: "translateX(-".concat(menuWidth, "px)") }
|
|
47516
|
+
: {};
|
|
47484
47517
|
var renderContent = function () { return (e.createElement(e.Fragment, null,
|
|
47485
|
-
|
|
47486
|
-
|
|
47487
|
-
|
|
47488
|
-
|
|
47489
|
-
|
|
47490
|
-
indicator && (e.createElement("div", { className: 'ods-list-action__indicator' }, indicator)),
|
|
47491
|
-
|
|
47518
|
+
e.createElement("div", { className: 'ods-list-action__content', style: contentStyle },
|
|
47519
|
+
icon && (e.createElement("div", { className: classNames('ods-list-action__icon', {
|
|
47520
|
+
'ods-list-action__icon--inactive': status === 'inactive',
|
|
47521
|
+
}) }, icon)),
|
|
47522
|
+
e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: status }),
|
|
47523
|
+
indicator && (e.createElement("div", { className: 'ods-list-action__indicator' }, indicator))),
|
|
47524
|
+
renderActionIcon())); };
|
|
47492
47525
|
var buttonClassName = classNames('ods-list-action', className, (_b = {
|
|
47493
47526
|
'ods-list-action--loading': loading,
|
|
47494
47527
|
'ods-list-action--disabled': disabled,
|
|
47495
|
-
'ods-list-action--swipe-mode': actionType === 'swipe'
|
|
47528
|
+
'ods-list-action--swipe-mode': actionType === 'swipe',
|
|
47529
|
+
'ods-list-action--swipe-open': isSwipeOpen
|
|
47496
47530
|
},
|
|
47497
47531
|
_b["ods-list-action--".concat(type)] = type,
|
|
47498
47532
|
_b));
|
|
@@ -47502,5 +47536,43 @@ var ListAction = e.forwardRef(function (_a, ref) {
|
|
|
47502
47536
|
});
|
|
47503
47537
|
ListAction.displayName = 'ListAction';
|
|
47504
47538
|
|
|
47505
|
-
|
|
47539
|
+
var ListExpandable = e.forwardRef(function (_a, ref) {
|
|
47540
|
+
var _b;
|
|
47541
|
+
var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, _c = _a.inverted, inverted = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? 'card' : _d, _e = _a.status, status = _e === void 0 ? 'default' : _e, _f = _a.loading, loading = _f === void 0 ? false : _f, icon = _a.icon, indicator = _a.indicator, controlledExpanded = _a.expanded, _g = _a.defaultExpanded, defaultExpanded = _g === void 0 ? false : _g, onToggle = _a.onToggle, children = _a.children, className = _a.className, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.showDivider, showDivider = _j === void 0 ? false : _j, rest = __rest$1(_a, ["title", "description", "strikethroughDescription", "caption", "inverted", "type", "status", "loading", "icon", "indicator", "expanded", "defaultExpanded", "onToggle", "children", "className", "disabled", "showDivider"]);
|
|
47542
|
+
var _k = useState(defaultExpanded), internalExpanded = _k[0], setInternalExpanded = _k[1];
|
|
47543
|
+
var isControlled = controlledExpanded !== undefined;
|
|
47544
|
+
var isExpanded = isControlled ? controlledExpanded : internalExpanded;
|
|
47545
|
+
var handleToggle = function () {
|
|
47546
|
+
var newExpandedState = !isExpanded;
|
|
47547
|
+
if (!isControlled) {
|
|
47548
|
+
setInternalExpanded(newExpandedState);
|
|
47549
|
+
}
|
|
47550
|
+
onToggle === null || onToggle === void 0 ? void 0 : onToggle(newExpandedState);
|
|
47551
|
+
};
|
|
47552
|
+
var renderLoadingContent = function () { return (e.createElement("div", { className: "ods-list-expandable__skeleton" },
|
|
47553
|
+
e.createElement(SkeletonBar, { width: "40%", height: "16px" }),
|
|
47554
|
+
e.createElement(SkeletonBar, { width: "100%", height: "16px" }))); };
|
|
47555
|
+
var renderContent = function () { return (e.createElement(e.Fragment, null,
|
|
47556
|
+
icon && (e.createElement("div", { className: classNames('ods-list-expandable__icon', {
|
|
47557
|
+
'ods-list-expandable__icon--inactive': status === 'inactive',
|
|
47558
|
+
}) }, icon)),
|
|
47559
|
+
e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: status }),
|
|
47560
|
+
e.createElement("div", { className: "ods-list-expandable__trailing" },
|
|
47561
|
+
indicator && (e.createElement("div", { className: "ods-list-expandable__indicator" }, indicator)),
|
|
47562
|
+
e.createElement("div", { className: "ods-list-expandable__action" }, isExpanded ? e.createElement(ae, { size: 20 }) : e.createElement(ee, { size: 20 }))))); };
|
|
47563
|
+
var containerClassName = classNames('ods-list-expandable', className, (_b = {
|
|
47564
|
+
'ods-list-expandable--expanded': isExpanded,
|
|
47565
|
+
'ods-list-expandable--disabled': disabled,
|
|
47566
|
+
'ods-list-expandable--loading': loading
|
|
47567
|
+
},
|
|
47568
|
+
_b["ods-list-expandable--".concat(type)] = type,
|
|
47569
|
+
_b));
|
|
47570
|
+
return (e.createElement("div", __assign$1({ ref: ref, "data-testid": "list-expandable", className: containerClassName }, rest),
|
|
47571
|
+
e.createElement("button", { type: "button", className: "ods-list-expandable__main", onClick: loading ? undefined : handleToggle, disabled: disabled || loading, "aria-expanded": isExpanded, "aria-label": "".concat(isExpanded ? 'Recolher' : 'Expandir', " ").concat(title), "data-testid": "list-expandable-button" }, loading ? renderLoadingContent() : renderContent()),
|
|
47572
|
+
showDivider && e.createElement("div", { className: "ods-list-expandable__divider", "data-testid": "list-expandable-divider" }),
|
|
47573
|
+
isExpanded && children && (e.createElement("div", { className: "ods-list-expandable__content" }, children))));
|
|
47574
|
+
});
|
|
47575
|
+
ListExpandable.displayName = 'ListExpandable';
|
|
47576
|
+
|
|
47577
|
+
export { Accordion, Alert, Badge, Breadcrumb, Button$1 as Button, CardGroup, ListExpandable as CardListExpandable, 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, ListAction, ListSelectable, Modal, Progress, Radio, Row$1 as Row, Search, Select, SelectAutocomplete, SettingsListItem, Shortcut, Snackbar, Stepper, Steps, SubHeader, Switch, Tag, TextArea, TextListItem, TokenInput, TopBar, TransactionListItem, Typography, UnorderedListItem, WebNotification };
|
|
47506
47578
|
//# sourceMappingURL=index.es.js.map
|