@nulogy/components 16.0.1 → 16.0.3
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/main.js +46 -59
- package/dist/main.js.map +1 -1
- package/dist/main.module.js +46 -59
- package/dist/main.module.js.map +1 -1
- package/dist/src/Alert/Alert.story.d.ts +1 -1
- package/dist/src/Alert/Alert.story.js +11 -0
- package/dist/src/AppTag/stories/AppTag.story.d.ts +2 -2
- package/dist/src/AppTag/stories/AppTag.story.js +6 -4
- package/dist/src/AppTag/stories/AppTag.usecases.story.d.ts +13 -10
- package/dist/src/AppTag/stories/AppTag.usecases.story.js +71 -51
- package/dist/src/AsyncSelect/AsyncSelect.story.d.ts +17 -13
- package/dist/src/AsyncSelect/AsyncSelect.story.js +46 -23
- package/dist/src/BottomSheet/BottomSheet.parts.d.ts +2 -2
- package/dist/src/BottomSheet/BottomSheet.styled.d.ts +10 -6
- package/dist/src/BottomSheet/stories/BottomSheet.actions.story.d.ts +8 -1
- package/dist/src/BottomSheet/stories/BottomSheet.actions.story.js +22 -3
- package/dist/src/BottomSheet/stories/BottomSheet.features.story.d.ts +9 -2
- package/dist/src/BottomSheet/stories/BottomSheet.features.story.js +27 -12
- package/dist/src/BottomSheet/stories/BottomSheet.story.d.ts +7 -1
- package/dist/src/BottomSheet/stories/BottomSheet.story.js +20 -3
- package/dist/src/Box/Box.d.ts +12 -13
- package/dist/src/Box/Box.story.d.ts +22 -44
- package/dist/src/Box/Box.story.js +30 -30
- package/dist/src/BrandedNavBar/DesktopMenu.d.ts +3 -1
- package/dist/src/BrandedNavBar/NavBar.js +2 -2
- package/dist/src/BrandedNavBar/NavBar.story.d.ts +16 -28
- package/dist/src/BrandedNavBar/NavBar.story.js +41 -35
- package/dist/src/BrandedNavBar/SmallNavBar.story.d.ts +1 -1
- package/dist/src/Breadcrumbs/Breadcrumbs.story.d.ts +4 -8
- package/dist/src/Breadcrumbs/Breadcrumbs.story.js +4 -4
- package/dist/src/Button/Button.story.d.ts +14 -28
- package/dist/src/Button/Button.story.js +14 -14
- package/dist/src/Button/ControlIcon.story.js +1 -1
- package/dist/src/Button/DangerButton.d.ts +3 -1
- package/dist/src/Button/IconicButton.story.d.ts +23 -45
- package/dist/src/Button/IconicButton.story.js +27 -25
- package/dist/src/Button/PrimaryButton.d.ts +3 -1
- package/dist/src/Button/QuietButton.d.ts +3 -1
- package/dist/src/ButtonGroup/ButtonGroup.story.d.ts +13 -23
- package/dist/src/ButtonGroup/ButtonGroup.story.js +10 -10
- package/dist/src/Card/Card.story.d.ts +3 -5
- package/dist/src/Card/Card.story.js +9 -7
- package/dist/src/Checkbox/Checkbox.story.d.ts +18 -34
- package/dist/src/Checkbox/Checkbox.story.js +28 -24
- package/dist/src/Checkbox/CheckboxGroup.story.d.ts +10 -20
- package/dist/src/Checkbox/CheckboxGroup.story.js +10 -10
- package/dist/src/DatePickers/stories/DatePicker.story.d.ts +9 -2
- package/dist/src/DatePickers/stories/DatePicker.story.js +43 -2
- package/dist/src/DatePickers/stories/MonthPicker.story.d.ts +8 -1
- package/dist/src/DatePickers/stories/MonthPicker.story.js +21 -2
- package/dist/src/DatePickers/stories/WeekPicker.story.d.ts +32 -4
- package/dist/src/DatePickers/stories/WeekPicker.story.js +57 -8
- package/dist/src/DateRange/DateRange.story.d.ts +16 -2
- package/dist/src/DateRange/DateRange.story.js +41 -3
- package/dist/src/DateRange/EndTime.d.ts +5 -7
- package/dist/src/DateRange/StartTime.d.ts +5 -7
- package/dist/src/DescriptionList/stories/DescriptionList.column.story.d.ts +1 -1
- package/dist/src/DescriptionList/stories/DescriptionList.column.story.js +10 -8
- package/dist/src/DescriptionList/stories/DescriptionList.group-min-width.story.d.ts +1 -1
- package/dist/src/DescriptionList/stories/DescriptionList.layout.story.d.ts +1 -1
- package/dist/src/DescriptionList/stories/DescriptionList.layout.story.js +12 -10
- package/dist/src/DescriptionList/stories/DescriptionList.playground.story.d.ts +1 -1
- package/dist/src/DescriptionList/stories/DescriptionList.story.d.ts +1 -0
- package/dist/src/DescriptionList/stories/DescriptionList.story.js +3 -0
- package/dist/src/DescriptionList/stories/fixtures.d.ts +2 -2
- package/dist/src/DropdownMenu/DropdownMenu.story.d.ts +32 -32
- package/dist/src/DropdownMenu/DropdownMenu.story.js +58 -16
- package/dist/src/DropdownMenu/DropdownMenuContainer.d.ts +1 -1
- package/dist/src/DropdownMenu/DropdownText.d.ts +1 -1
- package/dist/src/FieldLabel/FieldLabel.story.d.ts +2 -4
- package/dist/src/FieldLabel/FieldLabel.story.js +2 -2
- package/dist/src/FieldLabel/HelpText.d.ts +1 -1
- package/dist/src/Flex/Flex.story.d.ts +34 -68
- package/dist/src/Flex/Flex.story.js +36 -36
- package/dist/src/Form/Form.story.d.ts +8 -16
- package/dist/src/Form/Form.story.js +8 -8
- package/dist/src/Icon/Icon.d.ts +6 -2
- package/dist/src/Icon/Icon.story.d.ts +12 -24
- package/dist/src/Icon/Icon.story.js +15 -15
- package/dist/src/Input/Input.story.d.ts +16 -32
- package/dist/src/Input/Input.story.js +23 -23
- package/dist/src/Layout/Page.applicationFrame.story.d.ts +1 -1
- package/dist/src/Layout/Page.story.d.ts +1 -1
- package/dist/src/Layout/Sidebar.story.d.ts +1 -1
- package/dist/src/Link/Link.story.d.ts +16 -32
- package/dist/src/Link/Link.story.js +16 -17
- package/dist/src/List/List.story.d.ts +8 -16
- package/dist/src/List/List.story.js +8 -8
- package/dist/src/LoadingAnimation/LoadingAnimation.story.d.ts +4 -8
- package/dist/src/LoadingAnimation/LoadingAnimation.story.js +4 -4
- package/dist/src/MaybeTooltip/MaybeTooltip.story.d.ts +1 -1
- package/dist/src/Modal/Modal.d.ts +5 -3
- package/dist/src/Modal/Modal.js +2 -2
- package/dist/src/Modal/Modal.story.d.ts +2 -24
- package/dist/src/Modal/ModalCloseButton.d.ts +4 -2
- package/dist/src/Modal/ModalContent.d.ts +1 -1
- package/dist/src/Navigation/components/AppSwitcher/parts/Item.d.ts +3 -1
- package/dist/src/Navigation/components/AppSwitcher/parts/index.d.ts +15 -7
- package/dist/src/Navigation/components/DesktopNav/parts/MoreMenuItem.d.ts +5 -1
- package/dist/src/Navigation/components/MenuSubItem/parts/styled.d.ts +17 -5
- package/dist/src/Navigation/components/MobileNav/parts/styled.d.ts +10 -4
- package/dist/src/Navigation/components/UserMenu/UserMenu.d.ts +5 -1
- package/dist/src/Navigation/components/UserMenu/parts/styled.d.ts +6 -2
- package/dist/src/Navigation/components/shared/NavigationMenuContent.d.ts +5 -1
- package/dist/src/Navigation/components/shared/NavigationMenuItem.d.ts +3 -1
- package/dist/src/Navigation/components/shared/components.d.ts +35 -9
- package/dist/src/Navigation/stories/Navigation.appSwitcher.story.d.ts +8 -1
- package/dist/src/Navigation/stories/Navigation.appSwitcher.story.js +19 -1
- package/dist/src/Navigation/stories/Navigation.logos.story.d.ts +2 -4
- package/dist/src/Navigation/stories/Navigation.logos.story.js +4 -4
- package/dist/src/Navigation/stories/Navigation.story.d.ts +7 -1
- package/dist/src/Navigation/stories/Navigation.story.js +145 -136
- package/dist/src/Navigation/stories/Navigation.userMenu.story.d.ts +8 -1
- package/dist/src/Navigation/stories/Navigation.userMenu.story.js +22 -1
- package/dist/src/Overlay/Overlay.story.d.ts +2 -4
- package/dist/src/Overlay/Overlay.story.js +2 -2
- package/dist/src/Pagination/Pagination.story.d.ts +14 -13
- package/dist/src/Pagination/Pagination.story.js +32 -11
- package/dist/src/Radio/Radio.story.d.ts +13 -15
- package/dist/src/Radio/Radio.story.js +44 -1
- package/dist/src/Radio/RadioGroup.story.d.ts +29 -21
- package/dist/src/Radio/RadioGroup.story.js +67 -14
- package/dist/src/RangeContainer/RangeContainer.story.d.ts +2 -4
- package/dist/src/RangeContainer/RangeContainer.story.js +2 -2
- package/dist/src/Select/Select.story.d.ts +37 -65
- package/dist/src/Select/Select.story.js +93 -49
- package/dist/src/StatusIndicator/StatusIndicator.story.d.ts +4 -8
- package/dist/src/StatusIndicator/StatusIndicator.story.js +4 -4
- package/dist/src/Summary/Summary.d.ts +1 -2
- package/dist/src/Summary/Summary.js +2 -2
- package/dist/src/Summary/SummaryContext.d.ts +3 -1
- package/dist/src/Summary/SummaryContext.js +2 -2
- package/dist/src/Summary/SummaryItem.d.ts +1 -1
- package/dist/src/Summary/SummaryItem.js +2 -2
- package/dist/src/Switcher/Switcher.d.ts +2 -2
- package/dist/src/Switcher/Switcher.js +2 -2
- package/dist/src/Switcher/Switcher.story.d.ts +8 -1
- package/dist/src/Switcher/Switcher.story.js +13 -1
- package/dist/src/Table/stories/BaseTable.story.d.ts +1 -1
- package/dist/src/Table/stories/BaseTable.story.js +1 -1
- package/dist/src/Table/stories/CustomContent.story.js +1 -1
- package/dist/src/Table/stories/Density.story.d.ts +4 -8
- package/dist/src/Table/stories/Density.story.js +4 -4
- package/dist/src/Table/stories/SortingColumnHeader.story.d.ts +1 -1
- package/dist/src/Table/stories/SortingColumnHeader.story.js +1 -1
- package/dist/src/Table/stories/Table.story.d.ts +1 -1
- package/dist/src/Table/stories/Table.story.js +37 -1
- package/dist/src/Table/stories/TableWithCustomSorting.story.d.ts +2 -4
- package/dist/src/Table/stories/TableWithCustomSorting.story.js +2 -2
- package/dist/src/Table/stories/TableWithExpandableRows.story.d.ts +4 -8
- package/dist/src/Table/stories/TableWithExpandableRows.story.js +5 -5
- package/dist/src/Table/stories/TableWithFiltering.story.d.ts +8 -8
- package/dist/src/Table/stories/TableWithFiltering.story.js +15 -4
- package/dist/src/Table/stories/TableWithSelectableRows.story.d.ts +8 -8
- package/dist/src/Table/stories/TableWithSelectableRows.story.js +22 -5
- package/dist/src/Table/stories/TableWithServerSidePagination.story.d.ts +2 -4
- package/dist/src/Table/stories/TableWithServerSidePagination.story.js +2 -2
- package/dist/src/Tabs/TabScrollIndicator.d.ts +1 -1
- package/dist/src/Tabs/TabScrollIndicator.js +2 -2
- package/dist/src/Tabs/Tabs.story.d.ts +33 -33
- package/dist/src/Tabs/Tabs.story.js +52 -16
- package/dist/src/Textarea/Textarea.story.js +1 -1
- package/dist/src/TimePicker/TimePicker.d.ts +1 -1
- package/dist/src/TimePicker/TimePicker.js +2 -0
- package/dist/src/TimePicker/TimePicker.story.d.ts +24 -40
- package/dist/src/TimePicker/TimePicker.story.js +40 -27
- package/dist/src/TimePicker/TimePickerInput.d.ts +3 -1
- package/dist/src/TimeRange/TimeRange.d.ts +3 -2
- package/dist/src/TimeRange/TimeRange.story.d.ts +14 -20
- package/dist/src/TimeRange/TimeRange.story.js +34 -20
- package/dist/src/Toast/Toast.story.d.ts +24 -25
- package/dist/src/Toast/Toast.story.js +170 -142
- package/dist/src/ToastContainer/ToastContainer.story.d.ts +8 -1
- package/dist/src/ToastContainer/ToastContainer.story.js +13 -1
- package/dist/src/ToastContainer/ToastFunction.js +2 -2
- package/dist/src/Toggle/Toggle.story.d.ts +25 -15
- package/dist/src/Toggle/Toggle.story.js +77 -43
- package/dist/src/Toggle/ToggleButton.js +2 -2
- package/dist/src/Tooltip/Tooltip.story.d.ts +1 -1
- package/dist/src/Tooltip/Tooltip.story.js +16 -0
- package/dist/src/TopBar/TopBar.styled.d.ts +16 -15
- package/dist/src/TopBar/components/BackLink.d.ts +3 -1
- package/dist/src/TopBar/components/MenuItemLink.d.ts +3 -1
- package/dist/src/TopBar/stories/TopBar.backButton.story.js +1 -1
- package/dist/src/TopBar/stories/TopBar.menu.story.js +1 -1
- package/dist/src/TopBar/stories/TopBar.story.d.ts +7 -1
- package/dist/src/TopBar/stories/TopBar.story.js +18 -1
- package/dist/src/TruncatedText/TruncatedText.story.d.ts +29 -34
- package/dist/src/TruncatedText/TruncatedText.story.js +46 -19
- package/dist/src/Type/Headings.d.ts +4 -4
- package/dist/src/Type/Text.story.d.ts +10 -20
- package/dist/src/Type/Text.story.js +10 -10
- package/dist/src/Validation/InlineValidation.story.d.ts +6 -12
- package/dist/src/Validation/InlineValidation.story.js +6 -6
- package/dist/src/VisualTests/Select.story.d.ts +12 -24
- package/dist/src/VisualTests/Select.story.js +19 -19
- package/dist/src/pages/ErrorPage.story.d.ts +3 -5
- package/dist/src/pages/ErrorPage.story.js +10 -10
- package/dist/src/pages/LoginPage.story.d.ts +8 -16
- package/dist/src/pages/LoginPage.story.js +8 -8
- package/dist/src/utils/story/dashed.d.ts +1 -3
- package/dist/src/utils/story/resizable.d.ts +4 -2
- package/dist/src/utils/ts/FocusManager.d.ts +1 -1
- package/dist/src/utils/ts/FocusManager.js +2 -2
- package/package.json +25 -34
package/dist/main.js
CHANGED
|
@@ -11485,7 +11485,7 @@
|
|
|
11485
11485
|
const { asChild, ...primitiveProps } = props;
|
|
11486
11486
|
const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node2;
|
|
11487
11487
|
React.useEffect(() => {
|
|
11488
|
-
window[Symbol.for("radix-ui")] = true;
|
|
11488
|
+
window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
|
|
11489
11489
|
}, []);
|
|
11490
11490
|
return /* @__PURE__ */ React.createElement(Comp, _extends$3({}, primitiveProps, {
|
|
11491
11491
|
ref: forwardedRef
|
|
@@ -28115,14 +28115,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
28115
28115
|
textColor: "blackBlue",
|
|
28116
28116
|
logoColor: "blue"
|
|
28117
28117
|
};
|
|
28118
|
-
|
|
28119
|
-
menuData,
|
|
28120
|
-
environment,
|
|
28121
|
-
logo,
|
|
28122
|
-
showNulogyLogo,
|
|
28123
|
-
subtext,
|
|
28124
|
-
...props
|
|
28125
|
-
}) => {
|
|
28118
|
+
function MediumNavBar({ menuData, environment, logo, showNulogyLogo, subtext, ...props }) {
|
|
28126
28119
|
const { t: t2 } = useTranslation();
|
|
28127
28120
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
28128
28121
|
environment && /* @__PURE__ */ jsxRuntime.jsx(EnvironmentBanner, { children: environment }),
|
|
@@ -28153,7 +28146,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
28153
28146
|
] })
|
|
28154
28147
|
] }) })
|
|
28155
28148
|
] });
|
|
28156
|
-
}
|
|
28149
|
+
}
|
|
28157
28150
|
const SelectNavBarBasedOnWidth = ({
|
|
28158
28151
|
width: width2,
|
|
28159
28152
|
defaultOpen,
|
|
@@ -41401,6 +41394,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
41401
41394
|
const componentVariant = useComponentVariant(variant2);
|
|
41402
41395
|
const scrollToSelection = React.useCallback(
|
|
41403
41396
|
debounce((currentOption, dropdown) => {
|
|
41397
|
+
if (!dropdown.current) return;
|
|
41404
41398
|
const currentIndex = Array.from(dropdown.current.children).indexOf(currentOption);
|
|
41405
41399
|
if (currentIndex > 2) {
|
|
41406
41400
|
dropdown.current.scrollTop = (currentIndex - 2) * currentOption.scrollHeight;
|
|
@@ -44523,17 +44517,15 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
44523
44517
|
}
|
|
44524
44518
|
var libExports = requireLib();
|
|
44525
44519
|
const ReactModal = /* @__PURE__ */ getDefaultExportFromCjs(libExports);
|
|
44526
|
-
const ModalContent = styledComponents.styled.div(
|
|
44527
|
-
|
|
44528
|
-
|
|
44529
|
-
|
|
44530
|
-
|
|
44531
|
-
|
|
44532
|
-
|
|
44533
|
-
|
|
44534
|
-
|
|
44535
|
-
})
|
|
44536
|
-
);
|
|
44520
|
+
const ModalContent = styledComponents.styled.div(({ hasFooter, theme }) => ({
|
|
44521
|
+
marginTop: "-64px",
|
|
44522
|
+
marginBottom: hasFooter ? "-72px" : 0,
|
|
44523
|
+
overflow: "auto",
|
|
44524
|
+
paddingTop: "88px",
|
|
44525
|
+
paddingBottom: hasFooter ? "96px" : theme.space.x2,
|
|
44526
|
+
paddingLeft: theme.space.x3,
|
|
44527
|
+
paddingRight: theme.space.x3
|
|
44528
|
+
}));
|
|
44537
44529
|
const ModalFooter = styledComponents.styled.div(({ theme }) => ({
|
|
44538
44530
|
position: "relative",
|
|
44539
44531
|
padding: `${theme.space.x2} ${theme.space.x3}`,
|
|
@@ -44624,7 +44616,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
44624
44616
|
MozOsxFontSmoothing: "grayscale"
|
|
44625
44617
|
})
|
|
44626
44618
|
);
|
|
44627
|
-
|
|
44619
|
+
function Modal({
|
|
44628
44620
|
isOpen = true,
|
|
44629
44621
|
shouldFocusAfterRender = true,
|
|
44630
44622
|
shouldReturnFocusAfterClose = true,
|
|
@@ -44644,7 +44636,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
44644
44636
|
footerContent,
|
|
44645
44637
|
closeAriaLabel,
|
|
44646
44638
|
parentSelector
|
|
44647
|
-
})
|
|
44639
|
+
}) {
|
|
44648
44640
|
const modalHasHeader = Boolean(onRequestClose || title);
|
|
44649
44641
|
const themeContext = React.useContext(styledComponents.ThemeContext);
|
|
44650
44642
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -44686,7 +44678,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
44686
44678
|
)
|
|
44687
44679
|
}
|
|
44688
44680
|
);
|
|
44689
|
-
}
|
|
44681
|
+
}
|
|
44690
44682
|
function ModalWrapper({
|
|
44691
44683
|
modalHasHeader,
|
|
44692
44684
|
title,
|
|
@@ -51511,17 +51503,19 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
51511
51503
|
ref: list,
|
|
51512
51504
|
outerRef: innerRef,
|
|
51513
51505
|
estimatedItemSize,
|
|
51514
|
-
innerElementType: React__namespace.forwardRef(
|
|
51515
|
-
|
|
51516
|
-
|
|
51517
|
-
|
|
51518
|
-
|
|
51519
|
-
|
|
51520
|
-
|
|
51521
|
-
|
|
51522
|
-
|
|
51523
|
-
|
|
51524
|
-
|
|
51506
|
+
innerElementType: React__namespace.forwardRef(
|
|
51507
|
+
({ style, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
51508
|
+
"div",
|
|
51509
|
+
{
|
|
51510
|
+
ref,
|
|
51511
|
+
style: {
|
|
51512
|
+
...style,
|
|
51513
|
+
height: `${parseFloat(style.height) + paddingBottom + paddingTop}px`
|
|
51514
|
+
},
|
|
51515
|
+
...rest
|
|
51516
|
+
}
|
|
51517
|
+
)
|
|
51518
|
+
),
|
|
51525
51519
|
height: menuHeight,
|
|
51526
51520
|
width: "100%",
|
|
51527
51521
|
itemCount,
|
|
@@ -52405,10 +52399,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
52405
52399
|
}
|
|
52406
52400
|
return context;
|
|
52407
52401
|
}
|
|
52408
|
-
|
|
52409
|
-
breakpoint,
|
|
52410
|
-
children
|
|
52411
|
-
}) => {
|
|
52402
|
+
function SummaryContextProvider({ breakpoint, children }) {
|
|
52412
52403
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
52413
52404
|
SummaryContext.Provider,
|
|
52414
52405
|
{
|
|
@@ -52418,7 +52409,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
52418
52409
|
children
|
|
52419
52410
|
}
|
|
52420
52411
|
);
|
|
52421
|
-
}
|
|
52412
|
+
}
|
|
52422
52413
|
const SummaryWrapper = styledComponents.styled(Box)(({ theme, breakpoint }) => ({
|
|
52423
52414
|
display: "flex",
|
|
52424
52415
|
background: theme.colors.white,
|
|
@@ -52437,12 +52428,12 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
52437
52428
|
rowGap: 0
|
|
52438
52429
|
}
|
|
52439
52430
|
}));
|
|
52440
|
-
|
|
52431
|
+
function Summary({ breakpoint, children, ...rest }) {
|
|
52441
52432
|
const theme = styledComponents.useTheme();
|
|
52442
52433
|
breakpoint || (breakpoint = theme.breakpoints.medium);
|
|
52443
52434
|
const breakpointPx = numberFromDimension(breakpoint);
|
|
52444
52435
|
return /* @__PURE__ */ jsxRuntime.jsx(SummaryContextProvider, { breakpoint: breakpointPx, children: /* @__PURE__ */ jsxRuntime.jsx(SummaryWrapper, { breakpoint: breakpointPx, ...rest, children }) });
|
|
52445
|
-
}
|
|
52436
|
+
}
|
|
52446
52437
|
const SummaryItemWrapper = styledComponents.styled(Flex)(({ theme, breakpoint }) => ({
|
|
52447
52438
|
gap: theme.space.half,
|
|
52448
52439
|
flexDirection: "column",
|
|
@@ -52450,7 +52441,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
52450
52441
|
flexDirection: "row"
|
|
52451
52442
|
}
|
|
52452
52443
|
}));
|
|
52453
|
-
|
|
52444
|
+
function SummaryItem({ value, status, ...rest }) {
|
|
52454
52445
|
const { breakpoint } = useSummaryContext();
|
|
52455
52446
|
const matches = useMediaQuery(`(max-width: ${breakpoint}px)`);
|
|
52456
52447
|
delete rest["children"];
|
|
@@ -52458,7 +52449,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
52458
52449
|
/* @__PURE__ */ jsxRuntime.jsx(Text, { fontWeight: "medium", fontSize: !matches ? "heading4" : void 0, children: value }),
|
|
52459
52450
|
status
|
|
52460
52451
|
] });
|
|
52461
|
-
}
|
|
52452
|
+
}
|
|
52462
52453
|
const Divider = styledComponents.styled(Box)(({ theme, breakpoint }) => ({
|
|
52463
52454
|
display: "block",
|
|
52464
52455
|
alignSelf: "stretch",
|
|
@@ -52474,11 +52465,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
52474
52465
|
const { breakpoint } = useSummaryContext();
|
|
52475
52466
|
return /* @__PURE__ */ jsxRuntime.jsx(Divider, { breakpoint: numberFromDimension(breakpoint), ...props });
|
|
52476
52467
|
};
|
|
52477
|
-
|
|
52478
|
-
children,
|
|
52479
|
-
refs = void 0,
|
|
52480
|
-
defaultFocusedIndex
|
|
52481
|
-
}) => {
|
|
52468
|
+
function FocusManager({ children, refs = void 0, defaultFocusedIndex }) {
|
|
52482
52469
|
const [focusedIndex, setFocusedIndex] = React.useState(defaultFocusedIndex ?? 0);
|
|
52483
52470
|
const prevFocusedIndex = React.useRef(focusedIndex);
|
|
52484
52471
|
const focusPrevious = () => {
|
|
@@ -52513,8 +52500,8 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
52513
52500
|
setFocusedIndex,
|
|
52514
52501
|
handleArrowNavigation
|
|
52515
52502
|
}) });
|
|
52516
|
-
}
|
|
52517
|
-
|
|
52503
|
+
}
|
|
52504
|
+
function Switcher({ variant: variant2, selected, onChange, ...rest }) {
|
|
52518
52505
|
const componentVariant = useComponentVariant(variant2);
|
|
52519
52506
|
const optionRefs = [];
|
|
52520
52507
|
const isSelected = (value, index2) => {
|
|
@@ -52548,7 +52535,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
52548
52535
|
});
|
|
52549
52536
|
};
|
|
52550
52537
|
return /* @__PURE__ */ jsxRuntime.jsx(Box, { display: "inline-flex", bg: "whiteGrey", borderRadius: "9999px", ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(FocusManager, { refs: optionRefs, defaultFocusedIndex: getSelectedIndex(), children: ({ focusedIndex, setFocusedIndex, handleArrowNavigation }) => options2(focusedIndex, setFocusedIndex, handleArrowNavigation) }) });
|
|
52551
|
-
}
|
|
52538
|
+
}
|
|
52552
52539
|
const Switch$1 = React.forwardRef(({ children, ...rest }, ref) => {
|
|
52553
52540
|
return /* @__PURE__ */ jsxRuntime.jsx(SwitchButton, { ...rest, ref, children });
|
|
52554
52541
|
});
|
|
@@ -52720,14 +52707,14 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
52720
52707
|
opacity: ".5"
|
|
52721
52708
|
}
|
|
52722
52709
|
}));
|
|
52723
|
-
|
|
52710
|
+
function TabScrollIndicator({
|
|
52724
52711
|
side = "left",
|
|
52725
52712
|
width: width2 = 40,
|
|
52726
52713
|
ariaLabelLeft,
|
|
52727
52714
|
ariaLabelRight,
|
|
52728
52715
|
onClick,
|
|
52729
52716
|
...props
|
|
52730
|
-
})
|
|
52717
|
+
}) {
|
|
52731
52718
|
const { t: t2 } = useTranslation();
|
|
52732
52719
|
const rightArrowLabel = ariaLabelRight || t2("next");
|
|
52733
52720
|
const leftArrowLabel = ariaLabelLeft || t2("previous");
|
|
@@ -52747,7 +52734,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
|
|
|
52747
52734
|
children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: side === "right" ? "rightArrow" : "leftArrow" })
|
|
52748
52735
|
}
|
|
52749
52736
|
);
|
|
52750
|
-
}
|
|
52737
|
+
}
|
|
52751
52738
|
const TabScrollIndicatorContainer = styledComponents.styled.div(({ width: width2, theme }) => ({
|
|
52752
52739
|
position: "absolute",
|
|
52753
52740
|
width: width2,
|
|
@@ -53733,12 +53720,12 @@ to {
|
|
|
53733
53720
|
}
|
|
53734
53721
|
);
|
|
53735
53722
|
};
|
|
53736
|
-
|
|
53723
|
+
function CustomToast({ isVisible, id: id2, children, ...props }) {
|
|
53737
53724
|
const handleClose = () => {
|
|
53738
53725
|
n.dismiss(id2);
|
|
53739
53726
|
};
|
|
53740
53727
|
return /* @__PURE__ */ jsxRuntime.jsx(AnimatePresence, { children: isVisible && /* @__PURE__ */ jsxRuntime.jsx(AnimatedBox, { role: "alert", ...toastAnimationConfig, children: /* @__PURE__ */ jsxRuntime.jsx(Alert$1, { controlled: true, onClose: handleClose, ...props, children }) }, "notification") });
|
|
53741
|
-
}
|
|
53728
|
+
}
|
|
53742
53729
|
const toast = {
|
|
53743
53730
|
danger: (children, props = {}, options2 = {}) => n.custom(
|
|
53744
53731
|
(t2) => /* @__PURE__ */ jsxRuntime.jsx(CustomToast, { id: t2.id, isVisible: t2.visible, type: "danger", ...props, children }),
|
|
@@ -53788,7 +53775,7 @@ to {
|
|
|
53788
53775
|
}
|
|
53789
53776
|
);
|
|
53790
53777
|
}
|
|
53791
|
-
|
|
53778
|
+
function Slider({ disabled, children }) {
|
|
53792
53779
|
const theme = styledComponents.useTheme();
|
|
53793
53780
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
53794
53781
|
motion.div,
|
|
@@ -53817,7 +53804,7 @@ to {
|
|
|
53817
53804
|
children
|
|
53818
53805
|
}
|
|
53819
53806
|
);
|
|
53820
|
-
}
|
|
53807
|
+
}
|
|
53821
53808
|
const ToggleInput = styledComponents.styled.input(({ disabled, theme }) => ({
|
|
53822
53809
|
width: "1px",
|
|
53823
53810
|
height: "1px",
|