@luscii-healthtech/web-ui 42.10.0 → 42.10.1
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/dist/index.development.js +18 -19
- package/dist/index.development.js.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +11 -7
|
@@ -3431,7 +3431,9 @@ function TableBody(props) {
|
|
|
3431
3431
|
const PaginationMenuSmall = (props) => {
|
|
3432
3432
|
const handleOnChange = (event) => {
|
|
3433
3433
|
const pageNumber = event.currentTarget.dataset.page;
|
|
3434
|
-
|
|
3434
|
+
if (pageNumber) {
|
|
3435
|
+
props.onChange(parseInt(pageNumber, 10), props.pageSize);
|
|
3436
|
+
}
|
|
3435
3437
|
};
|
|
3436
3438
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TertiaryButton, { "data-test-id": "prev-button", icon: LeftArrowIcon, "data-page": props.currentPageNumber - 1, onClick: handleOnChange, isDisabled: props.currentPageNumber === 1 }), jsxRuntime.jsx(Text, { className: "ui:ml-4", text: `${props.currentPageNumber} / ${props.pageCount}`, type: "sm", color: "slate-500" }), jsxRuntime.jsx(TertiaryButton, { className: "ui:ml-4", "data-test-id": "next-button", icon: ChevronRightIcon, isDisabled: props.currentPageNumber === props.pageCount, "data-page": props.currentPageNumber + 1, onClick: handleOnChange })] });
|
|
3437
3439
|
};
|
|
@@ -3515,11 +3517,15 @@ const PaginationMenuLarge = (props) => {
|
|
|
3515
3517
|
const handleOnPageSizeSelect = (e) => {
|
|
3516
3518
|
const value = Number.parseInt(e.target.value, 10);
|
|
3517
3519
|
const pageSize = PAGE_SIZE_OPTIONS.find((option) => option.value === value);
|
|
3518
|
-
|
|
3520
|
+
if (pageSize) {
|
|
3521
|
+
props.onChange(1, pageSize.value);
|
|
3522
|
+
}
|
|
3519
3523
|
};
|
|
3520
3524
|
const handleOnPrevNextButtonClick = (event) => {
|
|
3521
3525
|
const newPage = event.currentTarget.dataset.page;
|
|
3522
|
-
|
|
3526
|
+
if (newPage) {
|
|
3527
|
+
props.onChange(Number.parseInt(newPage, 10), props.pageSize);
|
|
3528
|
+
}
|
|
3523
3529
|
};
|
|
3524
3530
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Stack, { axis: "x", align: "center", gap: "s", justify: "start", width: "full", children: [props.pageSize && props.resultCount && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Text, { children: props.localization.display }), jsxRuntime.jsx(StyledSelect, { onChange: handleOnPageSizeSelect, value: props.pageSize, children: PAGE_SIZE_OPTIONS.map((option) => jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value)) })] }), jsxRuntime.jsx(Text, { children: props.localization.page }), jsxRuntime.jsx(StyledSelect, { onChange: handleOnPageNumberSelect, value: props.currentPageNumber, disabled: props.pageCount < 2, children: getPageNumberOptions(props.pageCount).map((option) => jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value)) })] }), jsxRuntime.jsxs(Stack, { axis: "x", align: "center", justify: "end", width: "full", children: [jsxRuntime.jsx(Text, { color: "slate-500", children: getSummaryText(props.pageCount, props.currentPageNumber, props.localization, props.pageSize, props.resultCount) }), jsxRuntime.jsx(SecondaryButton, { "data-test-id": "prev-button", "data-page": props.currentPageNumber - 1, onClick: handleOnPrevNextButtonClick, disabled: props.currentPageNumber === 1, className: "ui:ml-4", children: props.localization.previous }), jsxRuntime.jsx(SecondaryButton, { "data-test-id": "next-button", disabled: props.currentPageNumber === props.pageCount, "data-page": props.currentPageNumber + 1, onClick: handleOnPrevNextButtonClick, className: "ui:ml-4", children: props.localization.next })] })] });
|
|
3525
3531
|
};
|
|
@@ -3527,7 +3533,9 @@ const PaginationMenuLarge = (props) => {
|
|
|
3527
3533
|
const PaginationMenuCursor = (props) => {
|
|
3528
3534
|
const handleOnChange = (event) => {
|
|
3529
3535
|
const cursor = event.currentTarget.dataset.cursor;
|
|
3530
|
-
|
|
3536
|
+
if (cursor) {
|
|
3537
|
+
props.onChange(cursor);
|
|
3538
|
+
}
|
|
3531
3539
|
};
|
|
3532
3540
|
return jsxRuntime.jsxs(Stack, { axis: "x", gap: "m", justify: "end", width: "full", children: [jsxRuntime.jsx(SecondaryButton, { "data-test-id": "prev-button", leadingIcon: jsxRuntime.jsx(LeftArrowIcon, {}), "data-cursor": props.previousCursor, isDisabled: !props.previousCursor, onClick: handleOnChange, children: props.localization.previous }), jsxRuntime.jsx(SecondaryButton, { "data-test-id": "next-button", trailingIcon: jsxRuntime.jsx(ChevronRightIcon, {}), "data-cursor": props.nextCursor, isDisabled: !props.nextCursor, onClick: handleOnChange, children: props.localization.next })] });
|
|
3533
3541
|
};
|
|
@@ -5253,21 +5261,12 @@ const DetailsDisclosure = (_a) => {
|
|
|
5253
5261
|
var { children, onToggleDetails, name, onToggle, openByDefault, open } = _a, rest = __rest(_a, ["children", "onToggleDetails", "name", "onToggle", "openByDefault", "open"]);
|
|
5254
5262
|
const [internalIsOpen, setInternalIsOpen] = React.useState(openByDefault !== null && openByDefault !== void 0 ? openByDefault : false);
|
|
5255
5263
|
const isOpen = open !== null && open !== void 0 ? open : internalIsOpen;
|
|
5256
|
-
return jsxRuntime.jsx(context$2.Provider, { value: { isOpen }, children: jsxRuntime.jsx(Box, Object.assign({
|
|
5257
|
-
|
|
5258
|
-
|
|
5259
|
-
|
|
5260
|
-
|
|
5261
|
-
|
|
5262
|
-
name,
|
|
5263
|
-
onToggle: (e) => {
|
|
5264
|
-
const wasOpened = e.currentTarget.hasAttribute("open");
|
|
5265
|
-
onToggleDetails === null || onToggleDetails === void 0 ? void 0 : onToggleDetails(wasOpened);
|
|
5266
|
-
setInternalIsOpen(wasOpened);
|
|
5267
|
-
onToggle === null || onToggle === void 0 ? void 0 : onToggle(e);
|
|
5268
|
-
},
|
|
5269
|
-
open: isOpen
|
|
5270
|
-
}, rest, { children })) });
|
|
5264
|
+
return jsxRuntime.jsx(context$2.Provider, { value: { isOpen }, children: jsxRuntime.jsx(Box, Object.assign({ as: "details", name, onToggle: (e) => {
|
|
5265
|
+
const wasOpened = e.currentTarget.hasAttribute("open");
|
|
5266
|
+
onToggleDetails === null || onToggleDetails === void 0 ? void 0 : onToggleDetails(wasOpened);
|
|
5267
|
+
setInternalIsOpen(wasOpened);
|
|
5268
|
+
onToggle === null || onToggle === void 0 ? void 0 : onToggle(e);
|
|
5269
|
+
}, open: isOpen }, rest, { children })) });
|
|
5271
5270
|
};
|
|
5272
5271
|
const DefaultOpenIndicator = ({ isOpen }) => {
|
|
5273
5272
|
return jsxRuntime.jsx(ChevronRightIcon, { className: classNames__default.default("ui:shrink-0 ui:transition-transform", {
|