@gooddata/sdk-ui-kit 10.34.0-alpha.16 → 10.34.0-alpha.18
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/esm/@ui/@types/size.d.ts +8 -0
- package/esm/@ui/@types/size.d.ts.map +1 -1
- package/esm/@ui/@types/variant.d.ts +4 -0
- package/esm/@ui/@types/variant.d.ts.map +1 -1
- package/esm/@ui/@utils/size.d.ts +2 -2
- package/esm/@ui/@utils/size.d.ts.map +1 -1
- package/esm/@ui/@utils/size.js +4 -0
- package/esm/@ui/@utils/size.js.map +1 -1
- package/esm/@ui/UiBadge/UiBadge.d.ts +13 -0
- package/esm/@ui/UiBadge/UiBadge.d.ts.map +1 -0
- package/esm/@ui/UiBadge/UiBadge.js +12 -0
- package/esm/@ui/UiBadge/UiBadge.js.map +1 -0
- package/esm/@ui/UiButton/UiButton.d.ts.map +1 -1
- package/esm/@ui/UiButton/UiButton.js +1 -2
- package/esm/@ui/UiButton/UiButton.js.map +1 -1
- package/esm/@ui/UiCheckbox/UiCheckbox.d.ts +15 -0
- package/esm/@ui/UiCheckbox/UiCheckbox.d.ts.map +1 -0
- package/esm/@ui/UiCheckbox/UiCheckbox.js +11 -0
- package/esm/@ui/UiCheckbox/UiCheckbox.js.map +1 -0
- package/esm/@ui/UiIconButton/UiIconButtonRenderer.d.ts +4 -4
- package/esm/@ui/UiIconButton/UiIconButtonRenderer.d.ts.map +1 -1
- package/esm/@ui/UiIconButton/UiIconButtonRenderer.js.map +1 -1
- package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.d.ts +3 -0
- package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.d.ts.map +1 -1
- package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.js +21 -5
- package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.js.map +1 -1
- package/esm/@ui/UiSkeleton/UiSkeleton.d.ts +5 -1
- package/esm/@ui/UiSkeleton/UiSkeleton.d.ts.map +1 -1
- package/esm/@ui/UiSkeleton/UiSkeleton.js +4 -1
- package/esm/@ui/UiSkeleton/UiSkeleton.js.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareLink.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareLink.js +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareLink.js.map +1 -1
- package/esm/Table/AsyncTable.d.ts +9 -0
- package/esm/Table/AsyncTable.d.ts.map +1 -0
- package/esm/Table/AsyncTable.js +97 -0
- package/esm/Table/AsyncTable.js.map +1 -0
- package/esm/Table/AsyncTableBulkActions.d.ts +4 -0
- package/esm/Table/AsyncTableBulkActions.d.ts.map +1 -0
- package/esm/Table/AsyncTableBulkActions.js +21 -0
- package/esm/Table/AsyncTableBulkActions.js.map +1 -0
- package/esm/Table/AsyncTableCheckbox.d.ts +4 -0
- package/esm/Table/AsyncTableCheckbox.d.ts.map +1 -0
- package/esm/Table/AsyncTableCheckbox.js +9 -0
- package/esm/Table/AsyncTableCheckbox.js.map +1 -0
- package/esm/Table/AsyncTableDropdownItem.d.ts +5 -0
- package/esm/Table/AsyncTableDropdownItem.d.ts.map +1 -0
- package/esm/Table/AsyncTableDropdownItem.js +6 -0
- package/esm/Table/AsyncTableDropdownItem.js.map +1 -0
- package/esm/Table/AsyncTableEmptyState.d.ts +3 -0
- package/esm/Table/AsyncTableEmptyState.d.ts.map +1 -0
- package/esm/Table/AsyncTableEmptyState.js +14 -0
- package/esm/Table/AsyncTableEmptyState.js.map +1 -0
- package/esm/Table/AsyncTableFilter.d.ts +7 -0
- package/esm/Table/AsyncTableFilter.d.ts.map +1 -0
- package/esm/Table/AsyncTableFilter.js +32 -0
- package/esm/Table/AsyncTableFilter.js.map +1 -0
- package/esm/Table/AsyncTableHeader.d.ts +4 -0
- package/esm/Table/AsyncTableHeader.d.ts.map +1 -0
- package/esm/Table/AsyncTableHeader.js +58 -0
- package/esm/Table/AsyncTableHeader.js.map +1 -0
- package/esm/Table/AsyncTableRow.d.ts +6 -0
- package/esm/Table/AsyncTableRow.d.ts.map +1 -0
- package/esm/Table/AsyncTableRow.js +68 -0
- package/esm/Table/AsyncTableRow.js.map +1 -0
- package/esm/Table/AsyncTableTitle.d.ts +4 -0
- package/esm/Table/AsyncTableTitle.d.ts.map +1 -0
- package/esm/Table/AsyncTableTitle.js +36 -0
- package/esm/Table/AsyncTableTitle.js.map +1 -0
- package/esm/Table/AsyncTableToolbar.d.ts +6 -0
- package/esm/Table/AsyncTableToolbar.d.ts.map +1 -0
- package/esm/Table/AsyncTableToolbar.js +56 -0
- package/esm/Table/AsyncTableToolbar.js.map +1 -0
- package/esm/Table/SkeletonItemFactory.d.ts +7 -0
- package/esm/Table/SkeletonItemFactory.d.ts.map +1 -0
- package/esm/Table/SkeletonItemFactory.js +12 -0
- package/esm/Table/SkeletonItemFactory.js.map +1 -0
- package/esm/Table/asyncTableBem.d.ts +2 -0
- package/esm/Table/asyncTableBem.d.ts.map +1 -0
- package/esm/Table/asyncTableBem.js +4 -0
- package/esm/Table/asyncTableBem.js.map +1 -0
- package/esm/Table/constants.d.ts +10 -0
- package/esm/Table/constants.d.ts.map +1 -0
- package/esm/Table/constants.js +11 -0
- package/esm/Table/constants.js.map +1 -0
- package/esm/Table/index.d.ts +3 -0
- package/esm/Table/index.d.ts.map +1 -0
- package/esm/Table/index.js +3 -0
- package/esm/Table/index.js.map +1 -0
- package/esm/Table/locales.d.ts +3 -0
- package/esm/Table/locales.d.ts.map +1 -0
- package/esm/Table/locales.js +13 -0
- package/esm/Table/locales.js.map +1 -0
- package/esm/Table/types.d.ts +137 -0
- package/esm/Table/types.d.ts.map +1 -0
- package/esm/Table/types.js +3 -0
- package/esm/Table/types.js.map +1 -0
- package/esm/Table/utils.d.ts +2 -0
- package/esm/Table/utils.d.ts.map +1 -0
- package/esm/Table/utils.js +6 -0
- package/esm/Table/utils.js.map +1 -0
- package/esm/index.d.ts +7 -2
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +3 -0
- package/esm/index.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +150 -5
- package/package.json +8 -8
- package/src/@ui/UiBadge/UiBadge.scss +16 -0
- package/src/@ui/UiCheckbox/UiCheckbox.scss +71 -0
- package/src/@ui/UiIconButton/UiIconButton.scss +37 -0
- package/src/@ui/UiPagedVirtualList/UiPagedVirtualList.scss +17 -0
- package/src/@ui/UiSkeleton/UiSkeleton.scss +2 -1
- package/src/@ui/defaultTheme.scss +17 -0
- package/src/@ui/index.scss +2 -0
- package/styles/css/asyncTable.css +205 -0
- package/styles/css/asyncTable.css.map +1 -0
- package/styles/css/main.css +333 -0
- package/styles/css/main.css.map +1 -1
- package/styles/scss/asyncTable.scss +261 -0
- package/styles/scss/main.scss +1 -0
package/esm/@ui/@types/size.d.ts
CHANGED
@@ -14,4 +14,12 @@ export type SizeMedium = "medium";
|
|
14
14
|
* @internal
|
15
15
|
*/
|
16
16
|
export type SizeLarge = "large";
|
17
|
+
/**
|
18
|
+
* @internal
|
19
|
+
*/
|
20
|
+
export type SizeXLarge = "xlarge";
|
21
|
+
/**
|
22
|
+
* @internal
|
23
|
+
*/
|
24
|
+
export type SizeXXLarge = "xxlarge";
|
17
25
|
//# sourceMappingURL=size.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../src/@ui/@types/size.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAElC;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC;AAEhC;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAElC;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC"}
|
1
|
+
{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../src/@ui/@types/size.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAElC;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC;AAEhC;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAElC;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC;AAEhC;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAElC;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"variant.d.ts","sourceRoot":"","sources":["../../../src/@ui/@types/variant.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC"}
|
1
|
+
{"version":3,"file":"variant.d.ts","sourceRoot":"","sources":["../../../src/@ui/@types/variant.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC"}
|
package/esm/@ui/@utils/size.d.ts
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
import { SizeXSmall, SizeSmall, SizeMedium, SizeLarge } from "../@types/size.js";
|
2
|
-
export declare const getButtonIconSize: (size: SizeXSmall | SizeSmall | SizeMedium | SizeLarge) => 16 | 12 | 18 | 20;
|
1
|
+
import { SizeXSmall, SizeSmall, SizeMedium, SizeLarge, SizeXLarge, SizeXXLarge } from "../@types/size.js";
|
2
|
+
export declare const getButtonIconSize: (size: SizeXSmall | SizeSmall | SizeMedium | SizeLarge | SizeXLarge | SizeXXLarge) => 16 | 12 | 18 | 20 | 30;
|
3
3
|
//# sourceMappingURL=size.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../src/@ui/@utils/size.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;
|
1
|
+
{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../src/@ui/@utils/size.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE1G,eAAO,MAAM,iBAAiB,SACpB,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,2BAkBnF,CAAC"}
|
package/esm/@ui/@utils/size.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"size.js","sourceRoot":"","sources":["../../../src/@ui/@utils/size.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAIhC,MAAM,CAAC,MAAM,iBAAiB,GAAG,
|
1
|
+
{"version":3,"file":"size.js","sourceRoot":"","sources":["../../../src/@ui/@utils/size.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAIhC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC7B,IAAgF,EAClF,EAAE;IACA,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,QAAQ;YACT,OAAO,EAAE,CAAC;QACd,KAAK,OAAO;YACR,OAAO,EAAE,CAAC;QACd,KAAK,QAAQ;YACT,OAAO,EAAE,CAAC;QACd,KAAK,OAAO;YACR,OAAO,EAAE,CAAC;QACd,KAAK,QAAQ;YACT,OAAO,EAAE,CAAC;QACd,KAAK,SAAS;YACV,OAAO,EAAE,CAAC;QACd;YACI,OAAO,EAAE,CAAC;IAClB,CAAC;AACL,CAAC,CAAC"}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import React from "react";
|
2
|
+
/**
|
3
|
+
* @internal
|
4
|
+
*/
|
5
|
+
export interface UiBadgeProps {
|
6
|
+
label: string;
|
7
|
+
}
|
8
|
+
/**
|
9
|
+
* @internal
|
10
|
+
*/
|
11
|
+
export declare const UiBadge: React.FC<UiBadgeProps>;
|
12
|
+
export default UiBadge;
|
13
|
+
//# sourceMappingURL=UiBadge.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"UiBadge.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiBadge/UiBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAE1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
2
|
+
import React from "react";
|
3
|
+
import { bem } from "../@utils/bem.js";
|
4
|
+
const { b } = bem("gd-ui-kit-badge");
|
5
|
+
/**
|
6
|
+
* @internal
|
7
|
+
*/
|
8
|
+
export const UiBadge = ({ label }) => {
|
9
|
+
return React.createElement("span", { className: b() }, label);
|
10
|
+
};
|
11
|
+
export default UiBadge;
|
12
|
+
//# sourceMappingURL=UiBadge.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"UiBadge.js","sourceRoot":"","sources":["../../../src/@ui/UiBadge/UiBadge.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,iBAAiB,CAAC,CAAC;AASrC;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACzD,OAAO,8BAAM,SAAS,EAAE,CAAC,EAAE,IAAG,KAAK,CAAQ,CAAC;AAChD,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UiButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EACH,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,eAAe,EAClB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;
|
1
|
+
{"version":3,"file":"UiButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EACH,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,eAAe,EAClB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAG1E;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,wBAAwB;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,OAAO,CAAC,EACF,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,aAAa,GACb,aAAa,GACb,cAAc,CAAC;IACrB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,4BAA4B,CAAC;CACtD;AAQD;;GAEG;AACH,eAAO,MAAM,QAAQ,yFA4DpB,CAAC"}
|
@@ -3,7 +3,6 @@ import React, { forwardRef } from "react";
|
|
3
3
|
import { bem } from "../@utils/bem.js";
|
4
4
|
import { UiIcon } from "../UiIcon/UiIcon.js";
|
5
5
|
import { stringUtils } from "@gooddata/util";
|
6
|
-
import { accessibilityConfigToAttributes } from "../../typings/utilities.js";
|
7
6
|
const { b, e } = bem("gd-ui-kit-button");
|
8
7
|
const getGeneratedTestId = (label, ariaLabel) => {
|
9
8
|
return ariaLabel ? `${stringUtils.simplifyText(ariaLabel)}` : `${stringUtils.simplifyText(label)}`;
|
@@ -16,7 +15,7 @@ export const UiButton = forwardRef(({ id, size = "medium", variant = "secondary"
|
|
16
15
|
const hasIconBefore = !!iconBefore;
|
17
16
|
const hasIconAfter = !!iconAfter;
|
18
17
|
const testId = dataTestId ? dataTestId : getGeneratedTestId(label, accessibilityConfig?.ariaLabel);
|
19
|
-
return (React.createElement("button", { id: id, ref: ref, className: b({ size, variant, isLoading, hasIconBefore, hasIconAfter }), disabled: isDisabled, tabIndex: 0, onClick: onClick, onKeyDown: onKeyDown, "data-id": dataId, "data-testid": testId,
|
18
|
+
return (React.createElement("button", { id: id, ref: ref, className: b({ size, variant, isLoading, hasIconBefore, hasIconAfter }), disabled: isDisabled, tabIndex: 0, onClick: onClick, onKeyDown: onKeyDown, "data-id": dataId, "data-testid": testId, "aria-label": accessibilityConfig?.ariaLabel, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-expanded": accessibilityConfig?.ariaExpanded, role: accessibilityConfig?.role },
|
20
19
|
iconBefore ? (React.createElement(UiIcon, { type: iconBefore, size: iconSize, ariaHidden: accessibilityConfig?.iconAriaHidden })) : null,
|
21
20
|
React.createElement("span", { className: e("text") }, label),
|
22
21
|
iconAfter ? (React.createElement(UiIcon, { type: iconAfter, size: iconSize, ariaHidden: accessibilityConfig?.iconAriaHidden })) : null));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UiButton.js","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAW1C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
1
|
+
{"version":3,"file":"UiButton.js","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAW1C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAmC7C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAEzC,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,SAAiB,EAAE,EAAE;IAC5D,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;AACvG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAC9B,CACI,EACI,EAAE,EACF,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,WAAW,EACrB,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,OAAO,EACP,SAAS,EACT,MAAM,EACN,UAAU,EACV,mBAAmB,GACtB,EACD,GAAG,EACL,EAAE;IACA,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,CAAC;IACnC,MAAM,YAAY,GAAG,CAAC,CAAC,SAAS,CAAC;IAEjC,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC;IAEnG,OAAO,CACH,gCACI,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,EACvE,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,aACX,MAAM,iBACF,MAAM,gBACP,mBAAmB,EAAE,SAAS,qBACzB,mBAAmB,EAAE,cAAc,sBAClC,mBAAmB,EAAE,eAAe,mBACvC,mBAAmB,EAAE,YAAY,EAChD,IAAI,EAAE,mBAAmB,EAAE,IAAI;QAE9B,UAAU,CAAC,CAAC,CAAC,CACV,oBAAC,MAAM,IACH,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,mBAAmB,EAAE,cAAc,GACjD,CACL,CAAC,CAAC,CAAC,IAAI;QACR,8BAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAG,KAAK,CAAQ;QACzC,SAAS,CAAC,CAAC,CAAC,CACT,oBAAC,MAAM,IACH,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,mBAAmB,EAAE,cAAc,GACjD,CACL,CAAC,CAAC,CAAC,IAAI,CACH,CACZ,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React from "react";
|
2
|
+
/**
|
3
|
+
* @internal
|
4
|
+
*/
|
5
|
+
export interface UiCheckboxProps {
|
6
|
+
checked: boolean;
|
7
|
+
onChange?: (e: React.ChangeEvent) => void;
|
8
|
+
preventDefault?: boolean;
|
9
|
+
indeterminate?: boolean;
|
10
|
+
}
|
11
|
+
/**
|
12
|
+
* @internal
|
13
|
+
*/
|
14
|
+
export declare const UiCheckbox: React.FC<UiCheckboxProps>;
|
15
|
+
//# sourceMappingURL=UiCheckbox.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"UiCheckbox.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiCheckbox/UiCheckbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAID;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgBhD,CAAC"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
2
|
+
import React from "react";
|
3
|
+
import { bem } from "../@utils/bem.js";
|
4
|
+
const { b, e } = bem("gd-ui-kit-checkbox");
|
5
|
+
/**
|
6
|
+
* @internal
|
7
|
+
*/
|
8
|
+
export const UiCheckbox = ({ checked, onChange = () => { }, preventDefault = false, indeterminate = false, }) => (React.createElement("label", { className: b() },
|
9
|
+
React.createElement("input", { type: "checkbox", className: e("input"), checked: checked, onChange: onChange, onClick: (e) => preventDefault && e.stopPropagation() }),
|
10
|
+
React.createElement("span", { className: e("box", { checked, indeterminate }) })));
|
11
|
+
//# sourceMappingURL=UiCheckbox.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"UiCheckbox.js","sourceRoot":"","sources":["../../../src/@ui/UiCheckbox/UiCheckbox.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAYvC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,oBAAoB,CAAC,CAAC;AAE3C;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAClD,OAAO,EACP,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,KAAK,GACxB,EAAE,EAAE,CAAC,CACF,+BAAO,SAAS,EAAE,CAAC,EAAE;IACjB,+BACI,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,IAAI,CAAC,CAAC,eAAe,EAAE,GACvD;IACF,8BAAM,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,GAAI,CACrD,CACX,CAAC"}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from "react";
|
2
2
|
import { IconType } from "../@types/icon.js";
|
3
|
-
import { SizeLarge, SizeMedium, SizeSmall, SizeXSmall } from "../@types/size.js";
|
4
|
-
import { VariantDanger, VariantPopOut, VariantPrimary, VariantSecondary, VariantTertiary } from "../@types/variant.js";
|
3
|
+
import { SizeLarge, SizeMedium, SizeSmall, SizeXLarge, SizeXSmall, SizeXXLarge } from "../@types/size.js";
|
4
|
+
import { VariantDanger, VariantPopOut, VariantPrimary, VariantSecondary, VariantTable, VariantTertiary } from "../@types/variant.js";
|
5
5
|
import { IDropdownButtonRenderProps } from "../../Dropdown/Dropdown.js";
|
6
6
|
/**
|
7
7
|
* @internal
|
@@ -9,8 +9,8 @@ import { IDropdownButtonRenderProps } from "../../Dropdown/Dropdown.js";
|
|
9
9
|
export interface UiIconButtonPublicProps {
|
10
10
|
icon: IconType;
|
11
11
|
label?: string;
|
12
|
-
size?: SizeXSmall | SizeSmall | SizeMedium | SizeLarge;
|
13
|
-
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger;
|
12
|
+
size?: SizeXSmall | SizeSmall | SizeMedium | SizeLarge | SizeXLarge | SizeXXLarge;
|
13
|
+
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger | VariantTable;
|
14
14
|
isDisabled?: boolean;
|
15
15
|
isActive?: boolean;
|
16
16
|
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UiIconButtonRenderer.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiIconButton/UiIconButtonRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;
|
1
|
+
{"version":3,"file":"UiIconButtonRenderer.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiIconButton/UiIconButtonRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC1G,OAAO,EACH,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,eAAe,EAClB,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAGxE;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACpC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IAElF,OAAO,CAAC,EACF,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,aAAa,GACb,aAAa,GACb,YAAY,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,0BAA0B,CAAC,gBAAgB,CAAC,CAAC;IAC9D,mBAAmB,CAAC,EAAE,0BAA0B,CAAC,qBAAqB,CAAC,CAAC;CAC3E;AAED,MAAM,WAAW,yBAAyB;IACtC,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,aAAa,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CACnE;AAED,MAAM,MAAM,yBAAyB,GAAG,uBAAuB,GAAG,yBAAyB,CAAC;AAI5F,eAAO,MAAM,oBAAoB,+HA+ChC,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UiIconButtonRenderer.js","sourceRoot":"","sources":["../../../src/@ui/UiIconButton/UiIconButtonRenderer.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
1
|
+
{"version":3,"file":"UiIconButtonRenderer.js","sourceRoot":"","sources":["../../../src/@ui/UiIconButton/UiIconButtonRenderer.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAY7C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,+BAA+B,EAAE,MAAM,4BAA4B,CAAC;AAmC7E,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,uBAAuB,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,UAAU,CAC1C,CACI,EACI,IAAI,EACJ,SAAS,EACT,aAAa,GAAG,QAAQ,EACxB,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,WAAW,EACrB,UAAU,EACV,QAAQ,EACR,OAAO,EACP,MAAM,EACN,UAAU,EACV,SAAS,EACT,cAAc,EACd,mBAAmB,GACtB,EACD,GAAG,EACL,EAAE;IACA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9E,OAAO,CACH,gCACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,CAAC;YACT,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ;YAC7C,IAAI;YACJ,OAAO;YACP,MAAM,EAAE,QAAQ;SACnB,CAAC,EACF,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,aACX,MAAM,iBACF,MAAM,mBACJ,UAAU,KACrB,cAAc,KACd,+BAA+B,CAAC,mBAAmB,CAAC;QAExD,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,SAAG;QAChD,SAAS,CAAC,CAAC,CAAC,CACT,oBAAC,MAAM,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,iBAAiB,CAAC,aAAa,CAAC,EAAE,UAAU,SAAG,CACjF,CAAC,CAAC,CAAC,IAAI,CACH,CACZ,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
|
@@ -34,7 +34,10 @@ export interface UiPagedVirtualListProps<T> {
|
|
34
34
|
* If not provided, object identity (`===`) is used for comparison.
|
35
35
|
*/
|
36
36
|
scrollToItemKeyExtractor?: (item: T) => string | number;
|
37
|
+
scrollToIndex?: number;
|
38
|
+
shouldLoadNextPage?: (lastItemIndex: number, itemsCount: number, skeletonItemsCount: number) => boolean;
|
37
39
|
children: (item: T) => React.ReactNode;
|
40
|
+
scrollbarHoverEffect?: boolean;
|
38
41
|
SkeletonItem?: React.ComponentType<UiPagedVirtualListSkeletonItemProps>;
|
39
42
|
}
|
40
43
|
/**
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UiPagedVirtualList.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiPagedVirtualList/UiPagedVirtualList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAQzC;;GAEG;AACH,MAAM,WAAW,mCAAmC;IAChD,UAAU,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,+BAA+B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAChF,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACxD,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mCAAmC,CAAC,CAAC;CAC3E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,
|
1
|
+
{"version":3,"file":"UiPagedVirtualList.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiPagedVirtualList/UiPagedVirtualList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAQzC;;GAEG;AACH,MAAM,WAAW,mCAAmC;IAChD,UAAU,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,+BAA+B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAChF,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,KAAK,OAAO,CAAC;IACxG,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACvC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mCAAmC,CAAC,CAAC;CAC3E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,qBA2EtE"}
|
@@ -9,13 +9,13 @@ const { b, e } = bem("gd-ui-kit-paged-virtual-list");
|
|
9
9
|
* @internal
|
10
10
|
*/
|
11
11
|
export function UiPagedVirtualList(props) {
|
12
|
-
const { SkeletonItem = UiSkeleton, items, itemHeight, itemsGap, itemPadding, tabIndex = 0, onKeyDownSelect, closeDropdown, customKeyboardNavigationHandler, children, } = props;
|
12
|
+
const { SkeletonItem = UiSkeleton, items, itemHeight, itemsGap, itemPadding, tabIndex = 0, onKeyDownSelect, closeDropdown, customKeyboardNavigationHandler, children, scrollbarHoverEffect, } = props;
|
13
13
|
const { itemsCount, scrollContainerRef, height, hasScroll, rowVirtualizer, virtualItems } = useVirtualList(props);
|
14
14
|
const { focusedIndex, onKeyboardNavigation } = useVirtualListKeyboardNavigation(items, onKeyDownSelect, closeDropdown);
|
15
15
|
return (React.createElement("div", { className: b({
|
16
16
|
hasScroll,
|
17
17
|
}), tabIndex: tabIndex, onKeyDown: customKeyboardNavigationHandler ?? onKeyboardNavigation },
|
18
|
-
React.createElement("div", { ref: scrollContainerRef, className: e("scroll-container"), style: { height, paddingTop: itemsGap } },
|
18
|
+
React.createElement("div", { ref: scrollContainerRef, className: e("scroll-container", { hover: scrollbarHoverEffect }), style: { height, paddingTop: itemsGap } },
|
19
19
|
React.createElement("div", { style: {
|
20
20
|
height: `${rowVirtualizer.getTotalSize()}px`,
|
21
21
|
width: "100%",
|
@@ -36,7 +36,7 @@ export function UiPagedVirtualList(props) {
|
|
36
36
|
})))));
|
37
37
|
}
|
38
38
|
function useVirtualList(props) {
|
39
|
-
const { items, itemHeight, itemsGap, skeletonItemsCount, hasNextPage, loadNextPage, isLoading, maxHeight, scrollToItem, scrollToItemKeyExtractor, } = props;
|
39
|
+
const { items, itemHeight, itemsGap, skeletonItemsCount, hasNextPage, loadNextPage, isLoading, maxHeight, scrollToItem, scrollToItemKeyExtractor, scrollToIndex, shouldLoadNextPage = (lastItemIndex, itemsCount, skeletonItemsCount) => lastItemIndex >= itemsCount - 1 - skeletonItemsCount, } = props;
|
40
40
|
const scrollContainerRef = React.useRef(null);
|
41
41
|
const itemsCount = items ? items.length : 0;
|
42
42
|
let renderItemsCount = itemsCount;
|
@@ -67,10 +67,18 @@ function useVirtualList(props) {
|
|
67
67
|
if (!lastItem) {
|
68
68
|
return;
|
69
69
|
}
|
70
|
-
if (lastItem.index
|
70
|
+
if (shouldLoadNextPage(lastItem.index, itemsCount, skeletonItemsCount) && hasNextPage && !isLoading) {
|
71
71
|
loadNextPage?.();
|
72
72
|
}
|
73
|
-
}, [
|
73
|
+
}, [
|
74
|
+
hasNextPage,
|
75
|
+
loadNextPage,
|
76
|
+
itemsCount,
|
77
|
+
isLoading,
|
78
|
+
virtualItems,
|
79
|
+
skeletonItemsCount,
|
80
|
+
shouldLoadNextPage,
|
81
|
+
]);
|
74
82
|
// Add scroll into view effect
|
75
83
|
useEffect(() => {
|
76
84
|
if (!scrollToItem || !items || items.length === 0) {
|
@@ -94,6 +102,14 @@ function useVirtualList(props) {
|
|
94
102
|
behavior: "smooth",
|
95
103
|
});
|
96
104
|
}, [scrollToItem, items, rowVirtualizer, itemHeight, itemsGap, scrollToItemKeyExtractor]);
|
105
|
+
useEffect(() => {
|
106
|
+
if (scrollToIndex !== undefined) {
|
107
|
+
rowVirtualizer.scrollToIndex(scrollToIndex, {
|
108
|
+
align: "center",
|
109
|
+
behavior: "smooth",
|
110
|
+
});
|
111
|
+
}
|
112
|
+
}, [scrollToIndex, rowVirtualizer]);
|
97
113
|
return {
|
98
114
|
itemsCount,
|
99
115
|
scrollContainerRef,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UiPagedVirtualList.js","sourceRoot":"","sources":["../../../src/@ui/UiPagedVirtualList/UiPagedVirtualList.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAE/E,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,8BAA8B,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"UiPagedVirtualList.js","sourceRoot":"","sources":["../../../src/@ui/UiPagedVirtualList/UiPagedVirtualList.tsx"],"names":[],"mappings":"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"}
|
@@ -15,6 +15,10 @@ export interface UiSkeletonProps {
|
|
15
15
|
* Width of the item, or items.
|
16
16
|
*/
|
17
17
|
itemWidth?: (number | string) | (number | string)[];
|
18
|
+
/**
|
19
|
+
* Padding of the item, or items.
|
20
|
+
*/
|
21
|
+
itemPadding?: number | number[];
|
18
22
|
/**
|
19
23
|
* Gap between the items.
|
20
24
|
*/
|
@@ -31,5 +35,5 @@ export interface UiSkeletonProps {
|
|
31
35
|
/**
|
32
36
|
* @internal
|
33
37
|
*/
|
34
|
-
export declare function UiSkeleton({ itemsCount, itemHeight, itemWidth, itemsGap, direction, itemBorderRadius, }: UiSkeletonProps): React.JSX.Element;
|
38
|
+
export declare function UiSkeleton({ itemsCount, itemHeight, itemPadding, itemWidth, itemsGap, direction, itemBorderRadius, }: UiSkeletonProps): React.JSX.Element;
|
35
39
|
//# sourceMappingURL=UiSkeleton.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UiSkeleton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiSkeleton/UiSkeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAErD;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAEpD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACvB,UAAc,EACd,UAAe,EACf,SAAS,EACT,QAAa,EACb,SAAoB,EACpB,gBAAgB,GACnB,EAAE,eAAe,
|
1
|
+
{"version":3,"file":"UiSkeleton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiSkeleton/UiSkeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAErD;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAEpD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEhC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACvB,UAAc,EACd,UAAe,EACf,WAAe,EACf,SAAS,EACT,QAAa,EACb,SAAoB,EACpB,gBAAgB,GACnB,EAAE,eAAe,qBA+BjB"}
|
@@ -6,7 +6,7 @@ const { b, e } = bem("gd-ui-kit-skeleton");
|
|
6
6
|
/**
|
7
7
|
* @internal
|
8
8
|
*/
|
9
|
-
export function UiSkeleton({ itemsCount = 1, itemHeight = 24, itemWidth, itemsGap = 10, direction = "column", itemBorderRadius, }) {
|
9
|
+
export function UiSkeleton({ itemsCount = 1, itemHeight = 24, itemPadding = 0, itemWidth, itemsGap = 10, direction = "column", itemBorderRadius, }) {
|
10
10
|
const items = Array.from({ length: itemsCount }, (_, idx) => (React.createElement("div", { className: e("item"), key: idx, style: {
|
11
11
|
height: typeof itemHeight === "number" || typeof itemHeight === "undefined"
|
12
12
|
? itemHeight
|
@@ -14,6 +14,9 @@ export function UiSkeleton({ itemsCount = 1, itemHeight = 24, itemWidth, itemsGa
|
|
14
14
|
width: typeof itemWidth === "number" || typeof itemWidth === "undefined"
|
15
15
|
? itemWidth
|
16
16
|
: itemWidth[idx],
|
17
|
+
padding: typeof itemPadding === "number"
|
18
|
+
? `0 ${itemPadding ?? 0}px`
|
19
|
+
: `0 ${itemPadding[idx] ?? 0}px`,
|
17
20
|
} },
|
18
21
|
React.createElement(ReactLoadingSkeleton, { borderRadius: itemBorderRadius }))));
|
19
22
|
const style = useMemo(() => ({ gap: itemsGap }), [itemsGap]);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UiSkeleton.js","sourceRoot":"","sources":["../../../src/@ui/UiSkeleton/UiSkeleton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,oBAAoB,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"UiSkeleton.js","sourceRoot":"","sources":["../../../src/@ui/UiSkeleton/UiSkeleton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,oBAAoB,CAAC,CAAC;AA0C3C;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,EACvB,UAAU,GAAG,CAAC,EACd,UAAU,GAAG,EAAE,EACf,WAAW,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,QAAQ,EACpB,gBAAgB,GACF;IACd,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACzD,6BACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACH,MAAM,EACF,OAAO,UAAU,KAAK,QAAQ,IAAI,OAAO,UAAU,KAAK,WAAW;gBAC/D,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC;YACzB,KAAK,EACD,OAAO,SAAS,KAAK,QAAQ,IAAI,OAAO,SAAS,KAAK,WAAW;gBAC7D,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC;YACxB,OAAO,EACH,OAAO,WAAW,KAAK,QAAQ;gBAC3B,CAAC,CAAC,KAAK,WAAW,IAAI,CAAC,IAAI;gBAC3B,CAAC,CAAC,KAAK,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI;SAC3C;QAED,oBAAC,oBAAoB,IAAC,YAAY,EAAE,gBAAgB,GAAI,CACtD,CACT,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE7D,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,IACzC,KAAK,CACJ,CACT,CAAC;AACN,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ShareLink.d.ts","sourceRoot":"","sources":["../../../../src/Dialog/ShareDialog/ShareDialogBase/ShareLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAIpD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAI7C;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,
|
1
|
+
{"version":3,"file":"ShareLink.d.ts","sourceRoot":"","sources":["../../../../src/Dialog/ShareDialog/ShareDialogBase/ShareLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAIpD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAI7C;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuD/C,CAAC"}
|
@@ -29,7 +29,7 @@ export const ShareLink = ({ dashboardFilters, headline, helperText, buttonLabel,
|
|
29
29
|
return (React.createElement(React.Fragment, null,
|
30
30
|
React.createElement("div", { className: "gd-share-dialog-grantee-content-header" },
|
31
31
|
React.createElement(Typography, { id: SHARE_LINK_HEADLINE_ID, tagName: "h3" }, headline)),
|
32
|
-
React.createElement(Input, { value: shareLink, readonly: true, iconButton: "copy", onIconButtonClick: onIconButtonClick, iconButtonLabel: buttonLabel, onKeyDown: onKeyDown, accessibilityConfig: {
|
32
|
+
React.createElement(Input, { value: shareLink, type: "url", readonly: true, iconButton: "copy", onIconButtonClick: onIconButtonClick, iconButtonLabel: buttonLabel, onKeyDown: onKeyDown, accessibilityConfig: {
|
33
33
|
ariaDescribedBy: SHARE_LINK_HELPER_TEXT_ID,
|
34
34
|
ariaLabelledBy: SHARE_LINK_HEADLINE_ID,
|
35
35
|
} }),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ShareLink.js","sourceRoot":"","sources":["../../../../src/Dialog/ShareDialog/ShareDialogBase/ShareLink.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAE/E;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAA8B,CAAC,EACjD,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,WAAW,EACX,eAAe,GAClB,EAAE,EAAE;IACD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,OAAO,GAAG,EAAE,OAAO,EAAE,cAAc,CAAC,gBAAgB,IAAI,EAAE,CAAC,EAAE,CAAC;QACpE,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;QACnC,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACxD,OAAO,GAAG;aACL,MAAM,CAAC,cAAc,CAAC;aACtB,MAAM,CAAC,YAAY,CAAC;aACpB,MAAM,CAAC,IAAI,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,eAAe,EAAE,CAAC,SAAS,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;IAEjC,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,CAAsB,EAAE,EAAE;QACvB,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;YACf,eAAe,EAAE,CAAC,SAAS,CAAC,CAAC;QACjC,CAAC;IACL,CAAC,EACD,CAAC,SAAS,EAAE,eAAe,CAAC,CAC/B,CAAC;IAEF,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,wCAAwC;YACnD,oBAAC,UAAU,IAAC,EAAE,EAAE,sBAAsB,EAAE,OAAO,EAAC,IAAI,IAC/C,QAAQ,CACA,CACX;QACN,oBAAC,KAAK,IACF,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,EACd,UAAU,EAAC,MAAM,EACjB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,WAAW,EAC5B,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE;gBACjB,eAAe,EAAE,yBAAyB;gBAC1C,cAAc,EAAE,sBAAsB;aACzC,GACH;QACF,6BAAK,EAAE,EAAE,yBAAyB,EAAE,SAAS,EAAC,wCAAwC,IACjF,UAAU,CACT,CACP,CACN,CAAC;AACN,CAAC,CAAC"}
|
1
|
+
{"version":3,"file":"ShareLink.js","sourceRoot":"","sources":["../../../../src/Dialog/ShareDialog/ShareDialogBase/ShareLink.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAE/E;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAA8B,CAAC,EACjD,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,WAAW,EACX,eAAe,GAClB,EAAE,EAAE;IACD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,OAAO,GAAG,EAAE,OAAO,EAAE,cAAc,CAAC,gBAAgB,IAAI,EAAE,CAAC,EAAE,CAAC;QACpE,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;QACnC,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACxD,OAAO,GAAG;aACL,MAAM,CAAC,cAAc,CAAC;aACtB,MAAM,CAAC,YAAY,CAAC;aACpB,MAAM,CAAC,IAAI,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,eAAe,EAAE,CAAC,SAAS,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;IAEjC,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,CAAsB,EAAE,EAAE;QACvB,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;YACf,eAAe,EAAE,CAAC,SAAS,CAAC,CAAC;QACjC,CAAC;IACL,CAAC,EACD,CAAC,SAAS,EAAE,eAAe,CAAC,CAC/B,CAAC;IAEF,OAAO,CACH;QACI,6BAAK,SAAS,EAAC,wCAAwC;YACnD,oBAAC,UAAU,IAAC,EAAE,EAAE,sBAAsB,EAAE,OAAO,EAAC,IAAI,IAC/C,QAAQ,CACA,CACX;QACN,oBAAC,KAAK,IACF,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,IAAI,EACd,UAAU,EAAC,MAAM,EACjB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,WAAW,EAC5B,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE;gBACjB,eAAe,EAAE,yBAAyB;gBAC1C,cAAc,EAAE,sBAAsB;aACzC,GACH;QACF,6BAAK,EAAE,EAAE,yBAAyB,EAAE,SAAS,EAAC,wCAAwC,IACjF,UAAU,CACT,CACP,CACN,CAAC;AACN,CAAC,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AsyncTable.d.ts","sourceRoot":"","sources":["../../src/Table/AsyncTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAWzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAmN9C;;GAEG;AACH,eAAO,MAAM,UAAU;QAAoB,MAAM;mDAMhD,CAAC"}
|
@@ -0,0 +1,97 @@
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
2
|
+
import React, { useCallback, useEffect, useMemo, useState } from "react";
|
3
|
+
import { UiPagedVirtualList } from "../@ui/UiPagedVirtualList/UiPagedVirtualList.js";
|
4
|
+
import { AsyncTableRow } from "./AsyncTableRow.js";
|
5
|
+
import { b } from "./asyncTableBem.js";
|
6
|
+
import { AsyncTableHeader } from "./AsyncTableHeader.js";
|
7
|
+
import { skeletonItemFactory } from "./SkeletonItemFactory.js";
|
8
|
+
import { CHECKBOX_COLUMN_WIDTH, ROW_HEIGHT_LARGE, ROW_HEIGHT_NORMAL, SCROLLBAR_WIDTH } from "./constants.js";
|
9
|
+
import { AsyncTableToolbar } from "./AsyncTableToolbar.js";
|
10
|
+
import { AsyncTableEmptyState } from "./AsyncTableEmptyState.js";
|
11
|
+
import { IntlWrapper } from "@gooddata/sdk-ui";
|
12
|
+
import { AsyncTableTitle } from "./AsyncTableTitle.js";
|
13
|
+
import { getColumnWidth } from "./utils.js";
|
14
|
+
function AsyncTableCore(props) {
|
15
|
+
const { width, scrollToIndex, itemHeight, renderHeader, renderItem, shouldLoadNextPage, scrollToStart, onItemSelect, } = useAsyncTable(props);
|
16
|
+
const { filters, bulkActions, selectedItemIds, totalItemsCount, items, isLoading, hasNextPage, maxHeight = 400, skeletonItemsCount = 0, columns, loadNextPage, setSelectedItemIds, title, onSearch, renderTitleIcon, titleActions, } = props;
|
17
|
+
return (React.createElement("div", { className: b(), style: { width } },
|
18
|
+
React.createElement(AsyncTableTitle, { title: title, onSearch: onSearch, renderIcon: renderTitleIcon, actions: titleActions }),
|
19
|
+
React.createElement(AsyncTableToolbar, { filters: filters, bulkActions: bulkActions, scrollToStart: scrollToStart, selectedItemIds: selectedItemIds, setSelectedItemIds: setSelectedItemIds, totalItemsCount: totalItemsCount, items: items }),
|
20
|
+
React.createElement("div", { role: "grid" },
|
21
|
+
renderHeader(),
|
22
|
+
items.length === 0 && !isLoading && React.createElement(AsyncTableEmptyState, null)),
|
23
|
+
React.createElement(UiPagedVirtualList, { maxHeight: maxHeight, itemHeight: itemHeight, itemsGap: 0, itemPadding: 0, items: items, skeletonItemsCount: skeletonItemsCount, hasNextPage: hasNextPage, isLoading: isLoading, onKeyDownSelect: onItemSelect, loadNextPage: loadNextPage, SkeletonItem: skeletonItemFactory(columns, !!bulkActions), scrollbarHoverEffect: true, scrollToIndex: scrollToIndex, shouldLoadNextPage: shouldLoadNextPage }, (item) => renderItem(item))));
|
24
|
+
}
|
25
|
+
const useAsyncTable = ({ columns, renderItem: renderItemProp, renderHeader: renderHeaderProp, bulkActions, isLoading, onSort, width: widthProp, sortBy, sortDirection, selectedItemIds, setSelectedItemIds, smallHeader, }) => {
|
26
|
+
const [scrollToIndex, setScrollToIndex] = useState(undefined);
|
27
|
+
useEffect(() => {
|
28
|
+
if (!isLoading) {
|
29
|
+
setScrollToIndex(undefined);
|
30
|
+
}
|
31
|
+
}, [isLoading]);
|
32
|
+
const scrollToStart = useCallback(() => {
|
33
|
+
setScrollToIndex(0);
|
34
|
+
}, []);
|
35
|
+
const handleColumnClick = useCallback((key) => {
|
36
|
+
scrollToStart();
|
37
|
+
onSort?.(key);
|
38
|
+
}, [onSort, scrollToStart]);
|
39
|
+
const onItemSelect = useCallback((item) => {
|
40
|
+
const filteredItemIds = selectedItemIds.filter((id) => id !== item.id);
|
41
|
+
setSelectedItemIds(filteredItemIds.length === selectedItemIds.length
|
42
|
+
? [...selectedItemIds, item.id]
|
43
|
+
: filteredItemIds);
|
44
|
+
}, [selectedItemIds, setSelectedItemIds]);
|
45
|
+
const isItemSelected = useCallback((item) => {
|
46
|
+
return selectedItemIds.includes(item.id);
|
47
|
+
}, [selectedItemIds]);
|
48
|
+
const largeRow = useMemo(() => columns.some((column) => column.getMultiLineContent), [columns]);
|
49
|
+
const itemHeight = useMemo(() => {
|
50
|
+
return largeRow ? ROW_HEIGHT_LARGE : ROW_HEIGHT_NORMAL;
|
51
|
+
}, [largeRow]);
|
52
|
+
const width = useMemo(() => {
|
53
|
+
return (widthProp ??
|
54
|
+
columns.reduce((acc, column) => {
|
55
|
+
const columnWidth = getColumnWidth(!!column.renderMenu, largeRow, column.width);
|
56
|
+
return acc + columnWidth;
|
57
|
+
}, SCROLLBAR_WIDTH + (!!bulkActions && CHECKBOX_COLUMN_WIDTH)));
|
58
|
+
}, [columns, bulkActions, widthProp, largeRow]);
|
59
|
+
const renderItem = useCallback((item) => {
|
60
|
+
return renderItemProp ? (renderItemProp(item)) : (React.createElement(AsyncTableRow, { item: item, columns: columns, onSelect: onItemSelect, isSelected: isItemSelected(item), hasCheckbox: !!bulkActions, isLarge: largeRow }));
|
61
|
+
}, [columns, renderItemProp, onItemSelect, isItemSelected, bulkActions, largeRow]);
|
62
|
+
const renderHeader = useCallback(() => {
|
63
|
+
return renderHeaderProp ? (renderHeaderProp()) : (React.createElement(AsyncTableHeader, { columns: columns, handleColumnClick: handleColumnClick, sortBy: sortBy, sortDirection: sortDirection, hasCheckbox: !!bulkActions, width: width, small: smallHeader, largeRow: largeRow }));
|
64
|
+
}, [
|
65
|
+
columns,
|
66
|
+
renderHeaderProp,
|
67
|
+
handleColumnClick,
|
68
|
+
bulkActions,
|
69
|
+
width,
|
70
|
+
sortBy,
|
71
|
+
sortDirection,
|
72
|
+
largeRow,
|
73
|
+
smallHeader,
|
74
|
+
]);
|
75
|
+
const shouldLoadNextPage = useCallback((lastItemIndex, itemsCount) => {
|
76
|
+
return lastItemIndex >= itemsCount - 1;
|
77
|
+
}, []);
|
78
|
+
return {
|
79
|
+
width,
|
80
|
+
scrollToIndex,
|
81
|
+
itemHeight,
|
82
|
+
renderHeader,
|
83
|
+
renderItem,
|
84
|
+
shouldLoadNextPage,
|
85
|
+
scrollToStart,
|
86
|
+
onItemSelect,
|
87
|
+
isItemSelected,
|
88
|
+
};
|
89
|
+
};
|
90
|
+
/**
|
91
|
+
* @internal
|
92
|
+
*/
|
93
|
+
export const AsyncTable = (props) => {
|
94
|
+
return (React.createElement(IntlWrapper, { locale: props.locale },
|
95
|
+
React.createElement(AsyncTableCore, { ...props })));
|
96
|
+
};
|
97
|
+
//# sourceMappingURL=AsyncTable.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AsyncTable.js","sourceRoot":"","sources":["../../src/Table/AsyncTable.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AsyncTableBulkActions.d.ts","sourceRoot":"","sources":["../../src/Table/AsyncTableBulkActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,OAAO,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AAEzD,wBAAgB,qBAAqB,CAAC,EAAE,WAAW,EAAE,EAAE,2BAA2B,qBAuCjF"}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
// (C) 2025 GoodData Corporation
|
2
|
+
import React, { useRef } from "react";
|
3
|
+
import { e } from "./asyncTableBem.js";
|
4
|
+
import { Dropdown } from "../Dropdown/Dropdown.js";
|
5
|
+
import { UiButton } from "../@ui/UiButton/UiButton.js";
|
6
|
+
import { UiAutofocus } from "../@ui/UiFocusManager/UiAutofocus.js";
|
7
|
+
import { DropdownList } from "../Dropdown/DropdownList.js";
|
8
|
+
import AsyncTableDropdownItem from "./AsyncTableDropdownItem.js";
|
9
|
+
import { useIntl } from "react-intl";
|
10
|
+
import { messages } from "./locales.js";
|
11
|
+
export function AsyncTableBulkActions({ bulkActions }) {
|
12
|
+
const buttonRef = useRef(null);
|
13
|
+
const intl = useIntl();
|
14
|
+
return (React.createElement("div", { className: e("bulk-actions") },
|
15
|
+
React.createElement(Dropdown, { renderButton: ({ toggleDropdown }) => (React.createElement(UiButton, { variant: "primary", ref: buttonRef, label: intl.formatMessage(messages.chooseAction), onClick: () => toggleDropdown(), size: "small", iconAfter: "chevronDown" })), alignPoints: [{ align: "bl tl" }], renderBody: ({ closeDropdown }) => (React.createElement(UiAutofocus, null,
|
16
|
+
React.createElement(DropdownList, { items: bulkActions, renderItem: ({ item }) => (React.createElement(AsyncTableDropdownItem, { label: item.label, onSelect: () => {
|
17
|
+
item.onClick();
|
18
|
+
closeDropdown();
|
19
|
+
} })), width: 200, renderVirtualisedList: true }))) })));
|
20
|
+
}
|
21
|
+
//# sourceMappingURL=AsyncTableBulkActions.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AsyncTableBulkActions.js","sourceRoot":"","sources":["../../src/Table/AsyncTableBulkActions.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,UAAU,qBAAqB,CAAC,EAAE,WAAW,EAA+B;IAC9E,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC;QAC7B,oBAAC,QAAQ,IACL,YAAY,EAAE,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAClC,oBAAC,QAAQ,IACL,OAAO,EAAC,SAAS,EACjB,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,EAChD,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,EAC/B,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,aAAa,GACzB,CACL,EACD,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EACjC,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC/B,oBAAC,WAAW;gBACR,oBAAC,YAAY,IACT,KAAK,EAAE,WAAW,EAClB,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACtB,oBAAC,sBAAsB,IACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,GAAG,EAAE;4BACX,IAAI,CAAC,OAAO,EAAE,CAAC;4BACf,aAAa,EAAE,CAAC;wBACpB,CAAC,GACH,CACL,EACD,KAAK,EAAE,GAAG,EACV,qBAAqB,SACvB,CACQ,CACjB,GACH,CACA,CACT,CAAC;AACN,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"AsyncTableCheckbox.d.ts","sourceRoot":"","sources":["../../src/Table/AsyncTableCheckbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAEtD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,wBAAwB,qBAMhG"}
|