@easypost/easy-ui 1.0.0-alpha.113 → 1.0.0-alpha.115
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/AlertBadge/AlertBadge.d.ts +1 -1
- package/AlertBadge/AlertBadge.d.ts.map +1 -1
- package/AlertBadge/index.js +11 -9
- package/AlertBadge/index.mjs +11 -9
- package/Badge/index.js +12 -12
- package/Badge/index.mjs +12 -12
- package/Banner/index.js +7 -7
- package/Banner/index.mjs +7 -7
- package/Button/index.js +1 -1
- package/Button/index.mjs +1 -1
- package/CHANGELOG.md +12 -0
- package/Calendar/index.js +1 -1
- package/Calendar/index.mjs +1 -1
- package/Card/index.js +1 -1
- package/Card/index.mjs +1 -1
- package/CheckableCard/index.js +14 -14
- package/CheckableCard/index.mjs +14 -14
- package/Checkbox/index.js +1 -1
- package/Checkbox/index.mjs +1 -1
- package/CodeBlock/index.js +30 -30
- package/CodeBlock/index.mjs +30 -30
- package/CodeSnippet/index.js +1 -1
- package/CodeSnippet/index.mjs +1 -1
- package/ColorPicker/index.js +24 -24
- package/ColorPicker/index.mjs +24 -24
- package/CustomerPortalLayout/index.js +36 -36
- package/CustomerPortalLayout/index.mjs +36 -36
- package/DataGrid/index.js +78 -78
- package/DataGrid/index.mjs +78 -78
- package/DatePicker/index.js +6 -6
- package/DatePicker/index.mjs +6 -6
- package/DateRangePicker/index.js +6 -6
- package/DateRangePicker/index.mjs +6 -6
- package/Drawer/index.js +24 -24
- package/Drawer/index.mjs +24 -24
- package/DropdownButton/index.js +7 -7
- package/DropdownButton/index.mjs +7 -7
- package/EmptyStateCard/index.js +18 -18
- package/EmptyStateCard/index.mjs +18 -18
- package/FocusedProductLayout/index.js +38 -38
- package/FocusedProductLayout/index.mjs +38 -38
- package/ForgeLayout/index.js +91 -91
- package/ForgeLayout/index.mjs +92 -92
- package/FormLayout/index.js +11 -11
- package/FormLayout/index.mjs +11 -11
- package/HorizontalGrid/index.js +1 -1
- package/HorizontalGrid/index.mjs +1 -1
- package/HorizontalStack/index.js +1 -1
- package/HorizontalStack/index.mjs +1 -1
- package/Icon/index.js +1 -1
- package/Icon/index.mjs +1 -1
- package/IconButton/index.js +7 -7
- package/IconButton/index.mjs +7 -7
- package/InputField/index.js +1 -1
- package/InputField/index.mjs +1 -1
- package/KebabButton/index.js +1 -1
- package/KebabButton/index.mjs +1 -1
- package/Menu/index.js +1 -1
- package/Menu/index.mjs +1 -1
- package/Modal/index.js +39 -39
- package/Modal/index.mjs +39 -39
- package/MultiSelect/index.js +30 -30
- package/MultiSelect/index.mjs +31 -31
- package/MultipageSection/index.js +28 -28
- package/MultipageSection/index.mjs +28 -28
- package/NexusLayout/index.js +44 -44
- package/NexusLayout/index.mjs +44 -44
- package/Notification/index.js +1 -1
- package/Notification/index.mjs +1 -1
- package/Pagination/index.js +21 -21
- package/Pagination/index.mjs +21 -21
- package/PillGroup/index.js +1 -1
- package/PillGroup/index.mjs +1 -1
- package/PlanCard/illustrations/Building01/index.js +88 -88
- package/PlanCard/illustrations/Building01/index.mjs +88 -88
- package/PlanCard/illustrations/Building02/index.js +33 -33
- package/PlanCard/illustrations/Building02/index.mjs +33 -33
- package/PlanCard/illustrations/Building03/index.js +120 -120
- package/PlanCard/illustrations/Building03/index.mjs +120 -120
- package/PlanCard/illustrations/Building04/index.js +236 -236
- package/PlanCard/illustrations/Building04/index.mjs +236 -236
- package/PlanCard/index.js +17 -17
- package/PlanCard/index.mjs +17 -17
- package/ProductLayout/index.js +48 -48
- package/ProductLayout/index.mjs +48 -48
- package/Provider/index.js +7 -7
- package/Provider/index.mjs +7 -7
- package/RadioButtonGroup/index.js +5 -5
- package/RadioButtonGroup/index.mjs +5 -5
- package/RadioGroup/index.js +1 -1
- package/RadioGroup/index.mjs +1 -1
- package/RangeCalendar/index.js +1 -1
- package/RangeCalendar/index.mjs +1 -1
- package/SearchNav/index.js +70 -70
- package/SearchNav/index.mjs +71 -71
- package/SectionCard/index.js +16 -16
- package/SectionCard/index.mjs +16 -16
- package/Select/index.js +20 -20
- package/Select/index.mjs +20 -20
- package/SelectorErrorTooltip/index.js +1 -1
- package/SelectorErrorTooltip/index.mjs +1 -1
- package/Spinner/index.js +1 -1
- package/Spinner/index.mjs +1 -1
- package/SplitToggleCard/index.js +11 -11
- package/SplitToggleCard/index.mjs +11 -11
- package/Stepper/index.js +1 -1
- package/Stepper/index.mjs +1 -1
- package/TabNav/index.js +1 -1
- package/TabNav/index.mjs +1 -1
- package/TabPanels/index.js +7 -7
- package/TabPanels/index.mjs +7 -7
- package/Tabs/index.js +1 -1
- package/Tabs/index.mjs +1 -1
- package/Text/index.js +1 -1
- package/Text/index.mjs +1 -1
- package/TextField/index.js +1 -1
- package/TextField/index.mjs +1 -1
- package/Textarea/index.js +3 -3
- package/Textarea/index.mjs +3 -3
- package/Theme/index.js +1 -1
- package/Theme/index.mjs +1 -1
- package/Toggle/index.js +1 -1
- package/Toggle/index.mjs +1 -1
- package/ToggleCard/index.js +7 -7
- package/ToggleCard/index.mjs +7 -7
- package/Tooltip/index.js +1 -1
- package/Tooltip/index.mjs +1 -1
- package/UnstyledButton/index.js +1 -1
- package/UnstyledButton/index.mjs +1 -1
- package/VerticalNav/index.js +39 -39
- package/VerticalNav/index.mjs +39 -39
- package/VerticalStack/index.js +1 -1
- package/VerticalStack/index.mjs +1 -1
- package/__chunks__/{Button-C3vDXJsJ.js → Button-CQdi4TMV.js} +7 -7
- package/__chunks__/{Button-Dexauftx.mjs → Button-JL1YQxJ5.mjs} +7 -7
- package/__chunks__/{Calendar-BEbdigVB.js → Calendar-C9zdRov0.js} +3 -3
- package/__chunks__/{Calendar-BOxw8lwX.mjs → Calendar-DLzAtdfg.mjs} +3 -3
- package/__chunks__/{CalendarBase-3a9i7QNo.mjs → CalendarBase-DJ38_qK6.mjs} +32 -32
- package/__chunks__/{CalendarBase-Bx8bdXeT.js → CalendarBase-M-f289w8.js} +32 -32
- package/__chunks__/{Card-8778avMv.mjs → Card-BgjWYPVY.mjs} +5 -5
- package/__chunks__/{Card-DIZFYg6E.js → Card-LPIW5drP.js} +5 -5
- package/__chunks__/{Checkbox-DFWhjlaO.js → Checkbox-B_-6lfKk.js} +14 -14
- package/__chunks__/{Checkbox-C-NlI-Ym.mjs → Checkbox-DcaO0fC3.mjs} +14 -14
- package/__chunks__/{CodeSnippet-BCOMwE07.js → CodeSnippet-25l4r2Gh.js} +5 -5
- package/__chunks__/{CodeSnippet-CWnMHdVu.mjs → CodeSnippet-B3nsMpvq.mjs} +5 -5
- package/__chunks__/{DatePickerBase-C4PwUr9x.mjs → DatePickerBase-BQc8LKWg.mjs} +30 -30
- package/__chunks__/{DatePickerBase-XoRply_u.js → DatePickerBase-BYYfRTEY.js} +30 -30
- package/__chunks__/{EasyPostLogo-D3WNdZ29.js → EasyPostLogo-C9-Q0lSn.js} +5 -5
- package/__chunks__/{EasyPostLogo-tf6CCEAq.mjs → EasyPostLogo-DgIgAGa3.mjs} +5 -5
- package/__chunks__/{HelpMenu-8r0cjx5z.mjs → HelpMenu-BZRV42ab.mjs} +14 -14
- package/__chunks__/{HelpMenu-DBo_fklD.js → HelpMenu-C2t8KQuU.js} +14 -14
- package/__chunks__/{HorizontalGrid-BAvSeg39.js → HorizontalGrid-CAoDcmPW.js} +2 -2
- package/__chunks__/{HorizontalGrid-C4MBFEH-.mjs → HorizontalGrid-DbLeJBt8.mjs} +2 -2
- package/__chunks__/{HorizontalStack-BkE82C73.mjs → HorizontalStack-CJavrBHm.mjs} +2 -2
- package/__chunks__/{HorizontalStack-DidoI4Ks.js → HorizontalStack-CWdKKY8L.js} +2 -2
- package/__chunks__/{Icon-DzTns8u5.mjs → Icon-BIpaQJ_I.mjs} +3 -3
- package/__chunks__/{Icon-BVa5ddiD.js → Icon-BRlbo3RF.js} +3 -3
- package/__chunks__/{InputCaption-Dkyn1sg6.js → InputCaption-CccF4ynE.js} +6 -6
- package/__chunks__/{InputCaption-B8bZH6sX.mjs → InputCaption-DoyGkWQe.mjs} +6 -6
- package/__chunks__/{InputField-BTrYBVAD.mjs → InputField-CAY9O90X.mjs} +21 -21
- package/__chunks__/{InputField-Dvkk5R1K.js → InputField-DGb4ZDoR.js} +21 -21
- package/__chunks__/{InputIcon-BLJ6dx_5.mjs → InputIcon-CEATdJ1j.mjs} +4 -4
- package/__chunks__/{InputIcon-BSIAXX9k.js → InputIcon-DDKBJ_Tk.js} +4 -4
- package/__chunks__/{KebabButton-DSK0ISAn.mjs → KebabButton-D-5Mjaj0.mjs} +7 -7
- package/__chunks__/{KebabButton-3FnxY-Fz.js → KebabButton-TbapERgy.js} +7 -7
- package/__chunks__/{Menu-C2F4fvhd.mjs → Menu-Ci1FGh8B.mjs} +29 -29
- package/__chunks__/{Menu-Du8SsMeJ.js → Menu-MGDv1tob.js} +29 -29
- package/__chunks__/{Notification-CeJn5Qq1.js → Notification-DDQHWloB.js} +21 -21
- package/__chunks__/{Notification-CgUT2gv6.mjs → Notification-DnNx0rb6.mjs} +21 -21
- package/__chunks__/{PillGroup-rTS853Rr.js → PillGroup-BK8VCf3B.js} +14 -14
- package/__chunks__/{PillGroup-EJ8t8SrT.mjs → PillGroup-DN72MPhg.mjs} +14 -14
- package/__chunks__/{RadioGroup-DBgIqOkZ.mjs → RadioGroup-BfKaJnSo.mjs} +19 -19
- package/__chunks__/{RadioGroup-BFqH1Csi.js → RadioGroup-BiCqtR0F.js} +19 -19
- package/__chunks__/{RangeCalendar-BSsmX9l4.mjs → RangeCalendar-BdTjX8NT.mjs} +3 -3
- package/__chunks__/{RangeCalendar-Do2nei5A.js → RangeCalendar-Dz6LyRYS.js} +3 -3
- package/__chunks__/{SelectOverlay-DjiJHthj.js → SelectOverlay-Bva0SG8D.js} +20 -20
- package/__chunks__/{SelectOverlay-DUIIhF4t.mjs → SelectOverlay-q23ZLLi4.mjs} +20 -20
- package/__chunks__/{SelectorErrorTooltip-BMxbuFiM.js → SelectorErrorTooltip-BNLrFRLN.js} +8 -8
- package/__chunks__/{SelectorErrorTooltip-BC-1JoX3.mjs → SelectorErrorTooltip-rO2-k3Gl.mjs} +8 -8
- package/__chunks__/{Spinner-2PFCOK3I.mjs → Spinner-COsekFr1.mjs} +7 -7
- package/__chunks__/{Spinner-Dd68v9QX.js → Spinner-vRnrcEz0.js} +7 -7
- package/__chunks__/{Stepper-q3YNLglj.mjs → Stepper-DlI-16t-.mjs} +17 -17
- package/__chunks__/{Stepper-BZ90AIx0.js → Stepper-lhcjfVFY.js} +17 -17
- package/__chunks__/{TabNav-BnpNl7tj.mjs → TabNav-BNhQF0b0.mjs} +4 -4
- package/__chunks__/{TabNav-CLVG0bL2.js → TabNav-bVgyfEV7.js} +4 -4
- package/__chunks__/{Tabs-CtyYEye0.mjs → Tabs-BaROnbKg.mjs} +14 -14
- package/__chunks__/{Tabs-5_61DIBw.js → Tabs-DSngzN9A.js} +14 -14
- package/__chunks__/{Text-u9mYLeWj.mjs → Text-D6oT5WJQ.mjs} +2 -2
- package/__chunks__/{Text-C4CEsglh.js → Text-DkzMEqky.js} +2 -2
- package/__chunks__/{TextField-D1JGaTQv.mjs → TextField-818kTElu.mjs} +3 -3
- package/__chunks__/{TextField-DE1vPtQm.js → TextField-DKQVJPP_.js} +3 -3
- package/__chunks__/{Theme-unLHjjnm.js → Theme-C2nSZUpG.js} +10 -10
- package/__chunks__/{Theme-CyUCrGdN.mjs → Theme-M__gFMM3.mjs} +10 -10
- package/__chunks__/{Toggle-BHzAGPDh.js → Toggle-BmJjrdVn.js} +11 -11
- package/__chunks__/{Toggle-DioYP2KQ.mjs → Toggle-DlDQ7rr2.mjs} +11 -11
- package/__chunks__/{Tooltip-COjtKErw.js → Tooltip-BSMvNula.js} +9 -9
- package/__chunks__/{Tooltip-BKGkKnOx.mjs → Tooltip-BXRi0h4E.mjs} +9 -9
- package/__chunks__/{UnstyledButton-_YQekhlm.js → UnstyledButton-DW8CjaXN.js} +2 -2
- package/__chunks__/{UnstyledButton-BCg7eEyP.mjs → UnstyledButton-DxJLvL-G.mjs} +2 -2
- package/__chunks__/{VerticalStack-CunLpHRv.js → VerticalStack-BHkiocKU.js} +2 -2
- package/__chunks__/{VerticalStack-Cbdpucbh.mjs → VerticalStack-DoMqBfYD.mjs} +2 -2
- package/__chunks__/{useEdgeInterceptors-BBmo6MI4.mjs → useEdgeInterceptors-OZmGXvtF.mjs} +6 -6
- package/__chunks__/{useEdgeInterceptors-BLxn3eUi.js → useEdgeInterceptors-Rb2Hf0v8.js} +6 -6
- package/package.json +1 -1
- package/__chunks__/jsx-runtime-CH1d66I3.js +0 -320
- package/__chunks__/jsx-runtime-DTpFD6nx.mjs +0 -321
|
@@ -29,11 +29,11 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
-
import {
|
|
32
|
+
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
33
33
|
import React__default, { useRef, createContext, useContext, useCallback, useMemo } from "react";
|
|
34
34
|
import { o as omit } from "./omit-CYoLXTjq.mjs";
|
|
35
|
-
import { C as Checkbox } from "./Checkbox-
|
|
36
|
-
import { T as Text } from "./Text-
|
|
35
|
+
import { C as Checkbox } from "./Checkbox-DcaO0fC3.mjs";
|
|
36
|
+
import { T as Text } from "./Text-D6oT5WJQ.mjs";
|
|
37
37
|
import { i as isSelectAllSelected, S as SELECT_ALL_KEY, d as isSelectAllIndeterminate, D as DEFAULT_MAX_ITEMS_UNTIL_SCROLL, b as DEFAULT_PLACEMENT, a as DEFAULT_WIDTH, u as useSelectionCapture, O as OVERLAY_OFFSET, e as getMenuPopoverMaxHeight, c as OVERLAY_PADDING_FROM_CONTAINER, f as filterSelectedKeys, g as getUnmergedPopoverStyles } from "./utilities-CBYsZn-t.mjs";
|
|
38
38
|
import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, b as $bdb11010cef70236$export$b4cc09c592e8fdb8, c as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-COnPag8r.mjs";
|
|
39
39
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.mjs";
|
|
@@ -336,19 +336,19 @@ function MenuItemContent({ item: item2, state }) {
|
|
|
336
336
|
const props = $3ef42575df84b30b$export$9d1611c77c2fe928(menuItemProps, href ? omit(item2.props, ["aria-label", "as", "children", "closeOnSelect"]) : item2.key === SELECT_ALL_KEY ? {
|
|
337
337
|
"aria-checked": isSelectAllSelected(state)
|
|
338
338
|
} : {});
|
|
339
|
-
return
|
|
339
|
+
return jsx(MenuItemContainer, __spreadProps(__spreadValues({}, props), {
|
|
340
340
|
itemRef: ref,
|
|
341
341
|
className: styles.item,
|
|
342
342
|
"data-is-disabled": isDisabled,
|
|
343
343
|
"data-is-focused": isFocused,
|
|
344
344
|
"data-is-selected": item2.key === SELECT_ALL_KEY ? isSelectAllSelected(state) : isSelected,
|
|
345
|
-
children:
|
|
345
|
+
children: jsx("div", {
|
|
346
346
|
className: styles.itemContent,
|
|
347
|
-
children: selectionMode !== "multiple" ?
|
|
347
|
+
children: selectionMode !== "multiple" ? jsx(Text, {
|
|
348
348
|
variant: "body1",
|
|
349
349
|
truncate: true,
|
|
350
350
|
children: item2.rendered
|
|
351
|
-
}) :
|
|
351
|
+
}) : jsx(Checkbox, {
|
|
352
352
|
isDisabled,
|
|
353
353
|
isIndeterminate: item2.key === SELECT_ALL_KEY ? isSelectAllIndeterminate(state) : void 0,
|
|
354
354
|
isSelected: item2.key === SELECT_ALL_KEY ? isSelectAllSelected(state) : isSelected,
|
|
@@ -359,15 +359,15 @@ function MenuItemContent({ item: item2, state }) {
|
|
|
359
359
|
}
|
|
360
360
|
function StandardMenuItemContainer(_a) {
|
|
361
361
|
var _b = _a, { itemRef } = _b, props = __objRest(_b, ["itemRef"]);
|
|
362
|
-
return
|
|
362
|
+
return jsx("li", __spreadValues({
|
|
363
363
|
ref: itemRef
|
|
364
364
|
}, props));
|
|
365
365
|
}
|
|
366
366
|
function LinkMenuItemContainer(_c) {
|
|
367
367
|
var _d = _c, { itemRef, hrefComponent: Component = "a" } = _d, props = __objRest(_d, ["itemRef", "hrefComponent"]);
|
|
368
|
-
return
|
|
368
|
+
return jsx("li", {
|
|
369
369
|
role: "none",
|
|
370
|
-
children:
|
|
370
|
+
children: jsx(Component, __spreadValues({
|
|
371
371
|
ref: itemRef
|
|
372
372
|
}, props))
|
|
373
373
|
});
|
|
@@ -398,22 +398,22 @@ function MenuSectionContent({ section, state }) {
|
|
|
398
398
|
});
|
|
399
399
|
const isNotFirstOrLast = section.key !== state.collection.getFirstKey() && section.nextKey !== state.collection.getLastKey();
|
|
400
400
|
const hasContent = section.hasChildNodes || section.rendered;
|
|
401
|
-
return
|
|
402
|
-
children: [isNotFirstOrLast &&
|
|
401
|
+
return jsxs(Fragment, {
|
|
402
|
+
children: [isNotFirstOrLast && jsx("li", __spreadProps(__spreadValues({}, separatorProps), {
|
|
403
403
|
className: styles.separator
|
|
404
|
-
})), hasContent &&
|
|
405
|
-
children: section.hasChildNodes &&
|
|
406
|
-
children: [section.rendered &&
|
|
404
|
+
})), hasContent && jsx("li", __spreadProps(__spreadValues({}, itemProps), {
|
|
405
|
+
children: section.hasChildNodes && jsxs(Fragment, {
|
|
406
|
+
children: [section.rendered && jsx("span", __spreadProps(__spreadValues({}, headingProps), {
|
|
407
407
|
className: styles.sectionTitle,
|
|
408
|
-
children:
|
|
408
|
+
children: jsx(Text, {
|
|
409
409
|
variant: "subtitle1",
|
|
410
410
|
color: "primary.900",
|
|
411
411
|
children: section.rendered
|
|
412
412
|
})
|
|
413
|
-
})),
|
|
413
|
+
})), jsx("ul", __spreadProps(__spreadValues({}, groupProps), {
|
|
414
414
|
className: styles.sectionList,
|
|
415
415
|
children: [...section.childNodes].map((item2) => {
|
|
416
|
-
return
|
|
416
|
+
return jsx(MenuItemContent, {
|
|
417
417
|
item: item2,
|
|
418
418
|
state
|
|
419
419
|
}, item2.key);
|
|
@@ -428,7 +428,7 @@ function MenuOverlay(props) {
|
|
|
428
428
|
if (!menuTriggerState.isOpen || triggerWidth === null) {
|
|
429
429
|
return null;
|
|
430
430
|
}
|
|
431
|
-
return
|
|
431
|
+
return jsx(MenuOverlayContent, __spreadValues({}, props));
|
|
432
432
|
}
|
|
433
433
|
function MenuOverlayContent(props) {
|
|
434
434
|
const { children, defaultSelectedKeys, disabledKeys, maxItemsUntilScroll = DEFAULT_MAX_ITEMS_UNTIL_SCROLL, onAction = noop, onClose, placement = DEFAULT_PLACEMENT, width = DEFAULT_WIDTH, selectionMode, onSelectionChange = noop, selectedKeys } = props;
|
|
@@ -480,35 +480,35 @@ function MenuOverlayContent(props) {
|
|
|
480
480
|
}, menuPropsFromTrigger), menuTreeState, menuRef);
|
|
481
481
|
useScrollbar(menuRef, "ezui-os-theme-overlay");
|
|
482
482
|
const style = __spreadValues(__spreadValues({}, popoverProps.style), getUnmergedPopoverStyles(width, triggerWidth));
|
|
483
|
-
return
|
|
484
|
-
children: [
|
|
483
|
+
return jsxs($337b884510726a0d$export$c6fdb837b070b4ff, {
|
|
484
|
+
children: [jsx("div", __spreadProps(__spreadValues({}, underlayProps), {
|
|
485
485
|
className: styles.underlay
|
|
486
|
-
})),
|
|
486
|
+
})), jsxs("div", __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(popoverProps, {
|
|
487
487
|
style
|
|
488
488
|
})), {
|
|
489
489
|
ref: popoverRef,
|
|
490
490
|
className: styles.root,
|
|
491
|
-
children: [
|
|
491
|
+
children: [jsx($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
|
|
492
492
|
onDismiss: menuTriggerState.close
|
|
493
|
-
}),
|
|
493
|
+
}), jsx("div", __spreadProps(__spreadValues({}, menuProps), {
|
|
494
494
|
ref: menuRef,
|
|
495
495
|
className: styles.menu,
|
|
496
496
|
"data-width": width,
|
|
497
497
|
"data-max-items-until-scroll": maxItemsUntilScroll,
|
|
498
498
|
"data-overlayscrollbars-initialize": true,
|
|
499
|
-
children:
|
|
499
|
+
children: jsx("ul", {
|
|
500
500
|
className: styles.menuList,
|
|
501
501
|
children: [...menuTreeState.collection].map((item2) => {
|
|
502
|
-
return item2.type === "section" ?
|
|
502
|
+
return item2.type === "section" ? jsx(MenuSectionContent, {
|
|
503
503
|
section: item2,
|
|
504
504
|
state: menuTreeState
|
|
505
|
-
}, item2.key) :
|
|
505
|
+
}, item2.key) : jsx(MenuItemContent, {
|
|
506
506
|
item: item2,
|
|
507
507
|
state: menuTreeState
|
|
508
508
|
}, item2.key);
|
|
509
509
|
})
|
|
510
510
|
})
|
|
511
|
-
})),
|
|
511
|
+
})), jsx($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
|
|
512
512
|
onDismiss: menuTriggerState.close
|
|
513
513
|
})]
|
|
514
514
|
}))]
|
|
@@ -539,7 +539,7 @@ function Menu(props) {
|
|
|
539
539
|
triggerWidth
|
|
540
540
|
};
|
|
541
541
|
}, [triggerWidth, menuTriggerProps, menuPropsFromTrigger, menuTriggerState]);
|
|
542
|
-
return
|
|
542
|
+
return jsx(InternalMenuContext.Provider, {
|
|
543
543
|
value: context,
|
|
544
544
|
children
|
|
545
545
|
});
|
|
@@ -30,11 +30,11 @@ var __objRest = (source, exclude) => {
|
|
|
30
30
|
}
|
|
31
31
|
return target;
|
|
32
32
|
};
|
|
33
|
-
const jsxRuntime = require("
|
|
33
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
34
34
|
const React = require("react");
|
|
35
35
|
const omit = require("./omit-CC3uE8z5.js");
|
|
36
|
-
const Checkbox = require("./Checkbox-
|
|
37
|
-
const Text = require("./Text-
|
|
36
|
+
const Checkbox = require("./Checkbox-B_-6lfKk.js");
|
|
37
|
+
const Text = require("./Text-DkzMEqky.js");
|
|
38
38
|
const utilities = require("./utilities-Q88aR_Y9.js");
|
|
39
39
|
const mergeProps = require("./mergeProps-DLPcevok.js");
|
|
40
40
|
const filterDOMProps = require("./filterDOMProps-p6wKN-SS.js");
|
|
@@ -337,19 +337,19 @@ function MenuItemContent({ item: item2, state }) {
|
|
|
337
337
|
const props = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(menuItemProps, href ? omit.omit(item2.props, ["aria-label", "as", "children", "closeOnSelect"]) : item2.key === utilities.SELECT_ALL_KEY ? {
|
|
338
338
|
"aria-checked": utilities.isSelectAllSelected(state)
|
|
339
339
|
} : {});
|
|
340
|
-
return jsxRuntime.
|
|
340
|
+
return jsxRuntime.jsx(MenuItemContainer, __spreadProps(__spreadValues({}, props), {
|
|
341
341
|
itemRef: ref,
|
|
342
342
|
className: styles.item,
|
|
343
343
|
"data-is-disabled": isDisabled,
|
|
344
344
|
"data-is-focused": isFocused,
|
|
345
345
|
"data-is-selected": item2.key === utilities.SELECT_ALL_KEY ? utilities.isSelectAllSelected(state) : isSelected,
|
|
346
|
-
children: jsxRuntime.
|
|
346
|
+
children: jsxRuntime.jsx("div", {
|
|
347
347
|
className: styles.itemContent,
|
|
348
|
-
children: selectionMode !== "multiple" ? jsxRuntime.
|
|
348
|
+
children: selectionMode !== "multiple" ? jsxRuntime.jsx(Text.Text, {
|
|
349
349
|
variant: "body1",
|
|
350
350
|
truncate: true,
|
|
351
351
|
children: item2.rendered
|
|
352
|
-
}) : jsxRuntime.
|
|
352
|
+
}) : jsxRuntime.jsx(Checkbox.Checkbox, {
|
|
353
353
|
isDisabled,
|
|
354
354
|
isIndeterminate: item2.key === utilities.SELECT_ALL_KEY ? utilities.isSelectAllIndeterminate(state) : void 0,
|
|
355
355
|
isSelected: item2.key === utilities.SELECT_ALL_KEY ? utilities.isSelectAllSelected(state) : isSelected,
|
|
@@ -360,15 +360,15 @@ function MenuItemContent({ item: item2, state }) {
|
|
|
360
360
|
}
|
|
361
361
|
function StandardMenuItemContainer(_a) {
|
|
362
362
|
var _b = _a, { itemRef } = _b, props = __objRest(_b, ["itemRef"]);
|
|
363
|
-
return jsxRuntime.
|
|
363
|
+
return jsxRuntime.jsx("li", __spreadValues({
|
|
364
364
|
ref: itemRef
|
|
365
365
|
}, props));
|
|
366
366
|
}
|
|
367
367
|
function LinkMenuItemContainer(_c) {
|
|
368
368
|
var _d = _c, { itemRef, hrefComponent: Component = "a" } = _d, props = __objRest(_d, ["itemRef", "hrefComponent"]);
|
|
369
|
-
return jsxRuntime.
|
|
369
|
+
return jsxRuntime.jsx("li", {
|
|
370
370
|
role: "none",
|
|
371
|
-
children: jsxRuntime.
|
|
371
|
+
children: jsxRuntime.jsx(Component, __spreadValues({
|
|
372
372
|
ref: itemRef
|
|
373
373
|
}, props))
|
|
374
374
|
});
|
|
@@ -399,22 +399,22 @@ function MenuSectionContent({ section, state }) {
|
|
|
399
399
|
});
|
|
400
400
|
const isNotFirstOrLast = section.key !== state.collection.getFirstKey() && section.nextKey !== state.collection.getLastKey();
|
|
401
401
|
const hasContent = section.hasChildNodes || section.rendered;
|
|
402
|
-
return jsxRuntime.
|
|
403
|
-
children: [isNotFirstOrLast && jsxRuntime.
|
|
402
|
+
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
403
|
+
children: [isNotFirstOrLast && jsxRuntime.jsx("li", __spreadProps(__spreadValues({}, separatorProps), {
|
|
404
404
|
className: styles.separator
|
|
405
|
-
})), hasContent && jsxRuntime.
|
|
406
|
-
children: section.hasChildNodes && jsxRuntime.
|
|
407
|
-
children: [section.rendered && jsxRuntime.
|
|
405
|
+
})), hasContent && jsxRuntime.jsx("li", __spreadProps(__spreadValues({}, itemProps), {
|
|
406
|
+
children: section.hasChildNodes && jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
407
|
+
children: [section.rendered && jsxRuntime.jsx("span", __spreadProps(__spreadValues({}, headingProps), {
|
|
408
408
|
className: styles.sectionTitle,
|
|
409
|
-
children: jsxRuntime.
|
|
409
|
+
children: jsxRuntime.jsx(Text.Text, {
|
|
410
410
|
variant: "subtitle1",
|
|
411
411
|
color: "primary.900",
|
|
412
412
|
children: section.rendered
|
|
413
413
|
})
|
|
414
|
-
})), jsxRuntime.
|
|
414
|
+
})), jsxRuntime.jsx("ul", __spreadProps(__spreadValues({}, groupProps), {
|
|
415
415
|
className: styles.sectionList,
|
|
416
416
|
children: [...section.childNodes].map((item2) => {
|
|
417
|
-
return jsxRuntime.
|
|
417
|
+
return jsxRuntime.jsx(MenuItemContent, {
|
|
418
418
|
item: item2,
|
|
419
419
|
state
|
|
420
420
|
}, item2.key);
|
|
@@ -429,7 +429,7 @@ function MenuOverlay(props) {
|
|
|
429
429
|
if (!menuTriggerState.isOpen || triggerWidth === null) {
|
|
430
430
|
return null;
|
|
431
431
|
}
|
|
432
|
-
return jsxRuntime.
|
|
432
|
+
return jsxRuntime.jsx(MenuOverlayContent, __spreadValues({}, props));
|
|
433
433
|
}
|
|
434
434
|
function MenuOverlayContent(props) {
|
|
435
435
|
const { children, defaultSelectedKeys, disabledKeys, maxItemsUntilScroll = utilities.DEFAULT_MAX_ITEMS_UNTIL_SCROLL, onAction = noop, onClose, placement = utilities.DEFAULT_PLACEMENT, width = utilities.DEFAULT_WIDTH, selectionMode, onSelectionChange = noop, selectedKeys } = props;
|
|
@@ -481,35 +481,35 @@ function MenuOverlayContent(props) {
|
|
|
481
481
|
}, menuPropsFromTrigger), menuTreeState, menuRef);
|
|
482
482
|
utilities_useScrollbar.useScrollbar(menuRef, "ezui-os-theme-overlay");
|
|
483
483
|
const style = __spreadValues(__spreadValues({}, popoverProps.style), utilities.getUnmergedPopoverStyles(width, triggerWidth));
|
|
484
|
-
return jsxRuntime.
|
|
485
|
-
children: [jsxRuntime.
|
|
484
|
+
return jsxRuntime.jsxs(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, {
|
|
485
|
+
children: [jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, underlayProps), {
|
|
486
486
|
className: styles.underlay
|
|
487
|
-
})), jsxRuntime.
|
|
487
|
+
})), jsxRuntime.jsxs("div", __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(popoverProps, {
|
|
488
488
|
style
|
|
489
489
|
})), {
|
|
490
490
|
ref: popoverRef,
|
|
491
491
|
className: styles.root,
|
|
492
|
-
children: [jsxRuntime.
|
|
492
|
+
children: [jsxRuntime.jsx(usePopover.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
|
|
493
493
|
onDismiss: menuTriggerState.close
|
|
494
|
-
}), jsxRuntime.
|
|
494
|
+
}), jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, menuProps), {
|
|
495
495
|
ref: menuRef,
|
|
496
496
|
className: styles.menu,
|
|
497
497
|
"data-width": width,
|
|
498
498
|
"data-max-items-until-scroll": maxItemsUntilScroll,
|
|
499
499
|
"data-overlayscrollbars-initialize": true,
|
|
500
|
-
children: jsxRuntime.
|
|
500
|
+
children: jsxRuntime.jsx("ul", {
|
|
501
501
|
className: styles.menuList,
|
|
502
502
|
children: [...menuTreeState.collection].map((item2) => {
|
|
503
|
-
return item2.type === "section" ? jsxRuntime.
|
|
503
|
+
return item2.type === "section" ? jsxRuntime.jsx(MenuSectionContent, {
|
|
504
504
|
section: item2,
|
|
505
505
|
state: menuTreeState
|
|
506
|
-
}, item2.key) : jsxRuntime.
|
|
506
|
+
}, item2.key) : jsxRuntime.jsx(MenuItemContent, {
|
|
507
507
|
item: item2,
|
|
508
508
|
state: menuTreeState
|
|
509
509
|
}, item2.key);
|
|
510
510
|
})
|
|
511
511
|
})
|
|
512
|
-
})), jsxRuntime.
|
|
512
|
+
})), jsxRuntime.jsx(usePopover.$86ea4cb521eb2e37$export$2317d149ed6f78c4, {
|
|
513
513
|
onDismiss: menuTriggerState.close
|
|
514
514
|
})]
|
|
515
515
|
}))]
|
|
@@ -540,7 +540,7 @@ function Menu(props) {
|
|
|
540
540
|
triggerWidth
|
|
541
541
|
};
|
|
542
542
|
}, [triggerWidth, menuTriggerProps, menuPropsFromTrigger, menuTriggerState]);
|
|
543
|
-
return jsxRuntime.
|
|
543
|
+
return jsxRuntime.jsx(InternalMenuContext.Provider, {
|
|
544
544
|
value: context,
|
|
545
545
|
children
|
|
546
546
|
});
|
|
@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
|
|
|
30
30
|
}
|
|
31
31
|
return target;
|
|
32
32
|
};
|
|
33
|
-
const jsxRuntime = require("
|
|
33
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
34
34
|
const React = require("react");
|
|
35
35
|
const mergeRefs = require("./mergeRefs-qNwPManW.js");
|
|
36
36
|
const useObjectRef = require("./useObjectRef-Bma_uNHw.js");
|
|
@@ -44,10 +44,10 @@ const useFocusVisible = require("./useFocusVisible-BNcpO5Sv.js");
|
|
|
44
44
|
const useFocusWithin = require("./useFocusWithin-DDWT9Br8.js");
|
|
45
45
|
const useHover = require("./useHover-Ck1otl-j.js");
|
|
46
46
|
const index = require("./index-6ObXAT_4.js");
|
|
47
|
-
const Icon = require("./Icon-
|
|
48
|
-
const Text = require("./Text-
|
|
47
|
+
const Icon = require("./Icon-BRlbo3RF.js");
|
|
48
|
+
const Text = require("./Text-DkzMEqky.js");
|
|
49
49
|
const utilities_css = require("../utilities/css.js");
|
|
50
|
-
const UnstyledButton = require("./UnstyledButton-
|
|
50
|
+
const UnstyledButton = require("./UnstyledButton-DW8CjaXN.js");
|
|
51
51
|
const CSSTransition = require("./CSSTransition-BXyX0mUc.js");
|
|
52
52
|
const objectWithoutPropertiesLoose = require("./objectWithoutPropertiesLoose-C4Mip8ZU.js");
|
|
53
53
|
function _interopNamespaceDefault(e) {
|
|
@@ -1470,15 +1470,15 @@ function NotificationRegion(props) {
|
|
|
1470
1470
|
const { state, onTransitionPendingChange } = props;
|
|
1471
1471
|
const ref = React.useRef(null);
|
|
1472
1472
|
const { regionProps } = $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref);
|
|
1473
|
-
return jsxRuntime.
|
|
1473
|
+
return jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, regionProps), {
|
|
1474
1474
|
ref,
|
|
1475
1475
|
className: styles$1.region,
|
|
1476
|
-
children: jsxRuntime.
|
|
1476
|
+
children: jsxRuntime.jsx(TransitionGroup, {
|
|
1477
1477
|
component: null,
|
|
1478
|
-
children: state.visibleToasts.map((toast) => jsxRuntime.
|
|
1478
|
+
children: state.visibleToasts.map((toast) => jsxRuntime.jsx(NotificationTransition, {
|
|
1479
1479
|
transitionKey: toast.key,
|
|
1480
1480
|
onTransitionPendingChange,
|
|
1481
|
-
children: ({ nodeRef }) => jsxRuntime.
|
|
1481
|
+
children: ({ nodeRef }) => jsxRuntime.jsx(Notification, {
|
|
1482
1482
|
ref: nodeRef,
|
|
1483
1483
|
toast,
|
|
1484
1484
|
state
|
|
@@ -1510,11 +1510,11 @@ function NotificationContainer(props) {
|
|
|
1510
1510
|
position: !requestFailed ? position : "fixed"
|
|
1511
1511
|
};
|
|
1512
1512
|
const containerStyles = __spreadValues(__spreadValues({}, positionStyleProps), positionProps);
|
|
1513
|
-
return jsxRuntime.
|
|
1514
|
-
children: showNotifications ? ReactDOM.createPortal(jsxRuntime.
|
|
1513
|
+
return jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
1514
|
+
children: showNotifications ? ReactDOM.createPortal(jsxRuntime.jsx("div", {
|
|
1515
1515
|
className: styles$1.container,
|
|
1516
1516
|
style: containerStyles,
|
|
1517
|
-
children: jsxRuntime.
|
|
1517
|
+
children: jsxRuntime.jsx(NotificationRegion, {
|
|
1518
1518
|
state,
|
|
1519
1519
|
onTransitionPendingChange
|
|
1520
1520
|
})
|
|
@@ -1608,25 +1608,25 @@ const Notification = React.forwardRef((props, forwardedRef) => {
|
|
|
1608
1608
|
const closeButtonPropsWithDismiss = __spreadProps(__spreadValues({}, closeButtonProps), {
|
|
1609
1609
|
onPress: handleDismiss
|
|
1610
1610
|
});
|
|
1611
|
-
return jsxRuntime.
|
|
1611
|
+
return jsxRuntime.jsxs("div", __spreadProps(__spreadValues({}, notificationPropsWithAdjustedAriaRole), {
|
|
1612
1612
|
ref: mergedRef,
|
|
1613
1613
|
className: utilities_css.classNames(styles$1.Notification, styles$1[utilities_css.variationName("status", status)], styles$1[utilities_css.variationName("type", type)]),
|
|
1614
|
-
children: [jsxRuntime.
|
|
1614
|
+
children: [jsxRuntime.jsxs("div", {
|
|
1615
1615
|
className: styles$1.iconText,
|
|
1616
|
-
children: [hasIcon && jsxRuntime.
|
|
1616
|
+
children: [hasIcon && jsxRuntime.jsx(Icon.Icon, {
|
|
1617
1617
|
size: "lg",
|
|
1618
1618
|
symbol: getStatusIcon(status)
|
|
1619
|
-
}), jsxRuntime.
|
|
1620
|
-
children: jsxRuntime.
|
|
1619
|
+
}), jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, titleProps), {
|
|
1620
|
+
children: jsxRuntime.jsx(Text.Text, {
|
|
1621
1621
|
weight: "semibold",
|
|
1622
1622
|
children: message
|
|
1623
1623
|
})
|
|
1624
1624
|
}))]
|
|
1625
|
-
}), type === "alert" && jsxRuntime.
|
|
1625
|
+
}), type === "alert" && jsxRuntime.jsx("span", {
|
|
1626
1626
|
className: styles$1.closeButtonContainer,
|
|
1627
|
-
children: jsxRuntime.
|
|
1627
|
+
children: jsxRuntime.jsx(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, closeButtonPropsWithDismiss), {
|
|
1628
1628
|
className: styles$1.closeButton,
|
|
1629
|
-
children: jsxRuntime.
|
|
1629
|
+
children: jsxRuntime.jsx(Icon.Icon, {
|
|
1630
1630
|
size: "md",
|
|
1631
1631
|
symbol: Close.Close
|
|
1632
1632
|
})
|
|
@@ -1680,9 +1680,9 @@ function NotificationProvider(props) {
|
|
|
1680
1680
|
showWarningAlert: combinedState.showWarningAlert,
|
|
1681
1681
|
closeActiveNotification: combinedState.closeActiveNotification
|
|
1682
1682
|
};
|
|
1683
|
-
return jsxRuntime.
|
|
1683
|
+
return jsxRuntime.jsxs(NotificationContext.Provider, {
|
|
1684
1684
|
value: notification,
|
|
1685
|
-
children: [jsxRuntime.
|
|
1685
|
+
children: [jsxRuntime.jsx(NotificationContainer, {
|
|
1686
1686
|
getContainer: notificationPlacement == null ? void 0 : notificationPlacement.getContainer,
|
|
1687
1687
|
offset: notificationPlacement == null ? void 0 : notificationPlacement.offset,
|
|
1688
1688
|
position: notificationPlacement == null ? void 0 : notificationPlacement.position,
|
|
@@ -29,7 +29,7 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
-
import {
|
|
32
|
+
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
|
33
33
|
import * as React from "react";
|
|
34
34
|
import React__default, { useCallback, useState, useEffect, useRef, isValidElement, cloneElement, Children, createElement, useMemo, createContext, useContext } from "react";
|
|
35
35
|
import { $ as $5dc95899b306f630$export$c9058316764c140e } from "./mergeRefs-ClQjEiLh.mjs";
|
|
@@ -44,10 +44,10 @@ import { v as $507fabe10e71c6fb$export$630ff653c5ada6a9, x as $7215afc6de606d6b$
|
|
|
44
44
|
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusWithin-DcYF2gZd.mjs";
|
|
45
45
|
import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-FWU5y5-k.mjs";
|
|
46
46
|
import { s as shimExports } from "./index-DOQwYO8h.mjs";
|
|
47
|
-
import { I as Icon } from "./Icon-
|
|
48
|
-
import { T as Text } from "./Text-
|
|
47
|
+
import { I as Icon } from "./Icon-BIpaQJ_I.mjs";
|
|
48
|
+
import { T as Text } from "./Text-D6oT5WJQ.mjs";
|
|
49
49
|
import { classNames, variationName } from "../utilities/css.mjs";
|
|
50
|
-
import { U as UnstyledButton } from "./UnstyledButton-
|
|
50
|
+
import { U as UnstyledButton } from "./UnstyledButton-DxJLvL-G.mjs";
|
|
51
51
|
import { _ as _inheritsLoose, T as TransitionGroupContext, P as PropTypes, C as CSSTransition } from "./CSSTransition-C4FQrt4m.mjs";
|
|
52
52
|
import { a as _extends, _ as _objectWithoutPropertiesLoose } from "./objectWithoutPropertiesLoose-COdxq1Ge.mjs";
|
|
53
53
|
function $77b352cf12efcf73$export$84726ef35ca2129a(queue) {
|
|
@@ -1453,15 +1453,15 @@ function NotificationRegion(props) {
|
|
|
1453
1453
|
const { state, onTransitionPendingChange } = props;
|
|
1454
1454
|
const ref = React__default.useRef(null);
|
|
1455
1455
|
const { regionProps } = $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref);
|
|
1456
|
-
return
|
|
1456
|
+
return jsx("div", __spreadProps(__spreadValues({}, regionProps), {
|
|
1457
1457
|
ref,
|
|
1458
1458
|
className: styles$1.region,
|
|
1459
|
-
children:
|
|
1459
|
+
children: jsx(TransitionGroup, {
|
|
1460
1460
|
component: null,
|
|
1461
|
-
children: state.visibleToasts.map((toast) =>
|
|
1461
|
+
children: state.visibleToasts.map((toast) => jsx(NotificationTransition, {
|
|
1462
1462
|
transitionKey: toast.key,
|
|
1463
1463
|
onTransitionPendingChange,
|
|
1464
|
-
children: ({ nodeRef }) =>
|
|
1464
|
+
children: ({ nodeRef }) => jsx(Notification, {
|
|
1465
1465
|
ref: nodeRef,
|
|
1466
1466
|
toast,
|
|
1467
1467
|
state
|
|
@@ -1493,11 +1493,11 @@ function NotificationContainer(props) {
|
|
|
1493
1493
|
position: !requestFailed ? position : "fixed"
|
|
1494
1494
|
};
|
|
1495
1495
|
const containerStyles = __spreadValues(__spreadValues({}, positionStyleProps), positionProps);
|
|
1496
|
-
return
|
|
1497
|
-
children: showNotifications ? createPortal(
|
|
1496
|
+
return jsx(Fragment, {
|
|
1497
|
+
children: showNotifications ? createPortal(jsx("div", {
|
|
1498
1498
|
className: styles$1.container,
|
|
1499
1499
|
style: containerStyles,
|
|
1500
|
-
children:
|
|
1500
|
+
children: jsx(NotificationRegion, {
|
|
1501
1501
|
state,
|
|
1502
1502
|
onTransitionPendingChange
|
|
1503
1503
|
})
|
|
@@ -1591,25 +1591,25 @@ const Notification = React__default.forwardRef((props, forwardedRef) => {
|
|
|
1591
1591
|
const closeButtonPropsWithDismiss = __spreadProps(__spreadValues({}, closeButtonProps), {
|
|
1592
1592
|
onPress: handleDismiss
|
|
1593
1593
|
});
|
|
1594
|
-
return
|
|
1594
|
+
return jsxs("div", __spreadProps(__spreadValues({}, notificationPropsWithAdjustedAriaRole), {
|
|
1595
1595
|
ref: mergedRef,
|
|
1596
1596
|
className: classNames(styles$1.Notification, styles$1[variationName("status", status)], styles$1[variationName("type", type)]),
|
|
1597
|
-
children: [
|
|
1597
|
+
children: [jsxs("div", {
|
|
1598
1598
|
className: styles$1.iconText,
|
|
1599
|
-
children: [hasIcon &&
|
|
1599
|
+
children: [hasIcon && jsx(Icon, {
|
|
1600
1600
|
size: "lg",
|
|
1601
1601
|
symbol: getStatusIcon(status)
|
|
1602
|
-
}),
|
|
1603
|
-
children:
|
|
1602
|
+
}), jsx("div", __spreadProps(__spreadValues({}, titleProps), {
|
|
1603
|
+
children: jsx(Text, {
|
|
1604
1604
|
weight: "semibold",
|
|
1605
1605
|
children: message
|
|
1606
1606
|
})
|
|
1607
1607
|
}))]
|
|
1608
|
-
}), type === "alert" &&
|
|
1608
|
+
}), type === "alert" && jsx("span", {
|
|
1609
1609
|
className: styles$1.closeButtonContainer,
|
|
1610
|
-
children:
|
|
1610
|
+
children: jsx(UnstyledButton, __spreadProps(__spreadValues({}, closeButtonPropsWithDismiss), {
|
|
1611
1611
|
className: styles$1.closeButton,
|
|
1612
|
-
children:
|
|
1612
|
+
children: jsx(Icon, {
|
|
1613
1613
|
size: "md",
|
|
1614
1614
|
symbol: Close
|
|
1615
1615
|
})
|
|
@@ -1663,9 +1663,9 @@ function NotificationProvider(props) {
|
|
|
1663
1663
|
showWarningAlert: combinedState.showWarningAlert,
|
|
1664
1664
|
closeActiveNotification: combinedState.closeActiveNotification
|
|
1665
1665
|
};
|
|
1666
|
-
return
|
|
1666
|
+
return jsxs(NotificationContext.Provider, {
|
|
1667
1667
|
value: notification,
|
|
1668
|
-
children: [
|
|
1668
|
+
children: [jsx(NotificationContainer, {
|
|
1669
1669
|
getContainer: notificationPlacement == null ? void 0 : notificationPlacement.getContainer,
|
|
1670
1670
|
offset: notificationPlacement == null ? void 0 : notificationPlacement.offset,
|
|
1671
1671
|
position: notificationPlacement == null ? void 0 : notificationPlacement.position,
|
|
@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
|
|
|
30
30
|
}
|
|
31
31
|
return target;
|
|
32
32
|
};
|
|
33
|
-
const jsxRuntime = require("
|
|
33
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
34
34
|
const React = require("react");
|
|
35
35
|
const Button = require("./Button-BpQFyL49.js");
|
|
36
36
|
const Label = require("./Label-B6GdFt8f.js");
|
|
@@ -65,8 +65,8 @@ const focusSafely = require("./focusSafely-C5HWSeZE.js");
|
|
|
65
65
|
const useSelectableItem = require("./useSelectableItem-Dtmy73y6.js");
|
|
66
66
|
const useLocalizedStringFormatter = require("./useLocalizedStringFormatter-DxxEMHfO.js");
|
|
67
67
|
const Close = require("./Close-BQ2IlPyf.js");
|
|
68
|
-
const Icon = require("./Icon-
|
|
69
|
-
const Text$1 = require("./Text-
|
|
68
|
+
const Icon = require("./Icon-BRlbo3RF.js");
|
|
69
|
+
const Text$1 = require("./Text-DkzMEqky.js");
|
|
70
70
|
const utilities_css = require("../utilities/css.js");
|
|
71
71
|
function $0d86e9c8f07f9a7b$export$762f73dccccd255d(options) {
|
|
72
72
|
let { initialItems = [], initialSelectedKeys, getKey = (item) => {
|
|
@@ -2182,15 +2182,15 @@ function PillGroup(props) {
|
|
|
2182
2182
|
};
|
|
2183
2183
|
}, [background, isBorderless]);
|
|
2184
2184
|
const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, utilities_css.getResponsiveDesignToken("pill-group", "gap", "space", gap)), utilities_css.getComponentToken("pill-group", "align", align)), utilities_css.getComponentToken("pill-group", "block-align", blockAlign)), utilities_css.getComponentToken("pill-group", "wrap", wrap ? "wrap" : "nowrap")), utilities_css.getComponentToken("pill-group", "display", inline ? "inline-flex" : "flex"));
|
|
2185
|
-
return jsxRuntime.
|
|
2185
|
+
return jsxRuntime.jsx(InternalPillGroupContext.Provider, {
|
|
2186
2186
|
value: context2,
|
|
2187
|
-
children: jsxRuntime.
|
|
2188
|
-
children: [jsxRuntime.
|
|
2187
|
+
children: jsxRuntime.jsxs($eaf9e70818b436db$export$67ea30858aaf75e3, __spreadProps(__spreadValues({}, props), {
|
|
2188
|
+
children: [jsxRuntime.jsx(Text$1.Text, {
|
|
2189
2189
|
visuallyHidden: true,
|
|
2190
|
-
children: jsxRuntime.
|
|
2190
|
+
children: jsxRuntime.jsx(Label.$01b77f81d0f07f68$export$b04be29aa201d4f5, {
|
|
2191
2191
|
children: label
|
|
2192
2192
|
})
|
|
2193
|
-
}), jsxRuntime.
|
|
2193
|
+
}), jsxRuntime.jsx($eaf9e70818b436db$export$f9fef0f55402315b, {
|
|
2194
2194
|
items,
|
|
2195
2195
|
className: styles.list,
|
|
2196
2196
|
style,
|
|
@@ -2204,24 +2204,24 @@ function Pill(props) {
|
|
|
2204
2204
|
const { background, isBorderless } = useInternalPillGroupContext();
|
|
2205
2205
|
const style = __spreadValues({}, utilities_css.getComponentThemeToken("pill", "background", "color", background));
|
|
2206
2206
|
const className = utilities_css.classNames(styles.Pill, isBorderless && styles.borderless);
|
|
2207
|
-
return jsxRuntime.
|
|
2207
|
+
return jsxRuntime.jsx($eaf9e70818b436db$export$3288d34c523a1192, __spreadProps(__spreadValues({
|
|
2208
2208
|
textValue: label,
|
|
2209
2209
|
className,
|
|
2210
2210
|
style
|
|
2211
2211
|
}, props), {
|
|
2212
|
-
children: ({ allowsRemoving }) => jsxRuntime.
|
|
2213
|
-
children: [icon && jsxRuntime.
|
|
2212
|
+
children: ({ allowsRemoving }) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
2213
|
+
children: [icon && jsxRuntime.jsx(Icon.Icon, {
|
|
2214
2214
|
size: "xs",
|
|
2215
2215
|
symbol: icon,
|
|
2216
2216
|
color: "primary.700"
|
|
2217
|
-
}), jsxRuntime.
|
|
2217
|
+
}), jsxRuntime.jsx(Text$1.Text, {
|
|
2218
2218
|
color: "primary.800",
|
|
2219
2219
|
variant: "subtitle2",
|
|
2220
2220
|
children: label
|
|
2221
|
-
}), allowsRemoving && jsxRuntime.
|
|
2221
|
+
}), allowsRemoving && jsxRuntime.jsx(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
|
|
2222
2222
|
className: styles.remove,
|
|
2223
2223
|
slot: "remove",
|
|
2224
|
-
children: jsxRuntime.
|
|
2224
|
+
children: jsxRuntime.jsx(Icon.Icon, {
|
|
2225
2225
|
size: "xs",
|
|
2226
2226
|
symbol: Close.Close,
|
|
2227
2227
|
color: "primary.600"
|