@sps-woodland/core 8.56.2 → 8.56.4
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/lib/action-bar/action-bar/ActionBar.js +44 -59
- package/lib/action-bar/action-bar/ActionBar.ve.js +4 -11
- package/lib/action-bar/action-bar-additional-content/ActionBarAdditionalContent.js +14 -22
- package/lib/action-bar/index.js +54 -74
- package/lib/action-bar/index.umd.cjs +1 -1
- package/lib/action-bar/style.css +2 -1
- package/lib/add-to-list/add-to-list/AddToList.js +220 -302
- package/lib/add-to-list/add-to-list/AddToList.ve.js +79 -24
- package/lib/add-to-list/add-to-list/ItemsList.js +42 -67
- package/lib/add-to-list/add-to-list/ListItem.js +24 -50
- package/lib/add-to-list/index.js +393 -453
- package/lib/add-to-list/index.umd.cjs +1 -1
- package/lib/add-to-list/style.css +2 -1
- package/lib/buttons/button/Button.js +95 -121
- package/lib/buttons/button/Button.ve.js +150 -9
- package/lib/buttons/index.js +281 -171
- package/lib/buttons/index.umd.cjs +1 -1
- package/lib/buttons/style.css +2 -1
- package/lib/cards/card/Card.js +19 -27
- package/lib/cards/card/Card.ve.js +4 -4
- package/lib/cards/card-footer/CardFooter.js +12 -13
- package/lib/cards/card-footer/CardFooter.ve.js +4 -4
- package/lib/cards/card-header/CardHeader.js +12 -13
- package/lib/cards/card-header/CardHeader.ve.js +4 -4
- package/lib/cards/card-title/CardTitle.js +11 -12
- package/lib/cards/card-title/CardTitle.ve.js +4 -4
- package/lib/cards/index.js +52 -52
- package/lib/cards/index.umd.cjs +1 -1
- package/lib/cards/style.css +2 -1
- package/lib/column-manager/column-manager/ColumnManager.js +95 -112
- package/lib/column-manager/column-manager/useColumnManager.js +59 -48
- package/lib/column-manager/index.js +2 -5
- package/lib/components/icon/Icon.ve.js +15 -5
- package/lib/components/icon/icons/sprite.svg.js +4 -4
- package/lib/content-row/content-row/ContentRow.js +146 -173
- package/lib/content-row/content-row/ContentRow.ve.js +105 -18
- package/lib/content-row/content-row-col/ContentRowCol.js +37 -48
- package/lib/content-row/content-row-col/ContentRowCol.ve.js +49 -6
- package/lib/content-row/content-row-expansion/ContentRowExpansion.js +16 -24
- package/lib/content-row/index.js +407 -318
- package/lib/content-row/index.umd.cjs +1 -1
- package/lib/content-row/row-list-auto-layout/RowListAutoLayout.js +24 -39
- package/lib/content-row/row-list-auto-layout/RowListAutoLayout.ve.js +13 -5
- package/lib/content-row/style.css +2 -1
- package/lib/content-tiles/content-tile/ContentTile.js +71 -60
- package/lib/content-tiles/content-tile/ContentTile.ve.js +36 -14
- package/lib/content-tiles/content-tile-list/ContentTileList.js +12 -13
- package/lib/content-tiles/content-tile-list/ContentTileList.ve.js +4 -5
- package/lib/content-tiles/index.js +156 -118
- package/lib/content-tiles/index.umd.cjs +1 -1
- package/lib/content-tiles/style.css +2 -1
- package/lib/core.css +2 -1
- package/lib/dropdowns/dropdown/Dropdown.js +56 -68
- package/lib/dropdowns/dropdown/Dropdown.ve.js +37 -8
- package/lib/dropdowns/index.js +171 -171
- package/lib/dropdowns/index.umd.cjs +1 -1
- package/lib/dropdowns/option-list/Option.js +14 -18
- package/lib/dropdowns/option-list/Option.ve.js +4 -5
- package/lib/dropdowns/option-list/OptionList.js +28 -44
- package/lib/dropdowns/option-list/OptionList.ve.js +4 -5
- package/lib/dropdowns/style.css +2 -1
- package/lib/editable-table/EditableTable.js +68 -85
- package/lib/editable-table/index.js +1 -4
- package/lib/feedback-block/FeedbackBlock.js +40 -35
- package/lib/feedback-block/FeedbackBlock.ve.js +56 -7
- package/lib/feedback-block/index.js +132 -85
- package/lib/feedback-block/index.umd.cjs +1 -1
- package/lib/feedback-block/style.css +2 -1
- package/lib/file-upload/file-upload/FileUpload.js +164 -202
- package/lib/file-upload/file-upload/FileUpload.ve.js +84 -18
- package/lib/file-upload/file-upload/mime-type.enum.js +106 -106
- package/lib/file-upload/index.js +390 -353
- package/lib/file-upload/index.umd.cjs +1 -1
- package/lib/file-upload/style.css +2 -1
- package/lib/filter-tiles/filter-tile/FilterTile.js +41 -46
- package/lib/filter-tiles/filter-tile/FilterTile.ve.js +51 -9
- package/lib/filter-tiles/filter-tile-set/FilterTileSet.js +12 -15
- package/lib/filter-tiles/filter-tile-set/FilterTileSet.ve.js +4 -4
- package/lib/filter-tiles/index.js +142 -107
- package/lib/filter-tiles/index.umd.cjs +1 -1
- package/lib/filter-tiles/style.css +2 -1
- package/lib/focused-task/focused-task/FocusedTask.js +52 -74
- package/lib/focused-task/focused-task/FocusedTask.ve.js +13 -12
- package/lib/focused-task/focused-task/useFocusedTask.js +20 -18
- package/lib/focused-task/focused-task-actions/FocusedTaskActions.js +12 -13
- package/lib/focused-task/index.js +127 -144
- package/lib/focused-task/index.umd.cjs +1 -1
- package/lib/focused-task/style.css +2 -1
- package/lib/growler/Growler.js +78 -90
- package/lib/growler/Growler.ve.js +23 -12
- package/lib/growler/GrowlerListProvider.js +38 -39
- package/lib/growler/Sonner.ve.js +17 -12
- package/lib/growler/index.js +249 -274
- package/lib/growler/index.umd.cjs +1 -1
- package/lib/growler/sonner.js +73 -102
- package/lib/growler/style.css +2 -1
- package/lib/index.js +520 -501
- package/lib/index.umd.cjs +4 -4
- package/lib/insight-card/InsightCard.js +90 -84
- package/lib/insight-card/InsightCard.ve.js +148 -15
- package/lib/insight-card/InsightCardSet.js +12 -12
- package/lib/insight-card/index.js +269 -141
- package/lib/insight-card/index.umd.cjs +1 -1
- package/lib/insight-card/style.css +2 -1
- package/lib/key-value-set/index.js +97 -87
- package/lib/key-value-set/index.umd.cjs +1 -1
- package/lib/key-value-set/key-value-set/KeyValueSet.js +17 -21
- package/lib/key-value-set/key-value-set/KeyValueSet.ve.js +10 -5
- package/lib/key-value-set/key-value-set-item/KeyValueSetItem.js +25 -21
- package/lib/key-value-set/key-value-set-item/KeyValueSetItem.ve.js +13 -6
- package/lib/key-value-set/style.css +2 -1
- package/lib/list-bar/advanced-search/AdvancedSearch.js +51 -54
- package/lib/list-bar/advanced-search/AdvancedSearch.ve.js +30 -8
- package/lib/list-bar/index.js +305 -301
- package/lib/list-bar/index.umd.cjs +1 -1
- package/lib/list-bar/list-bar/InputGroupWrapper.js +10 -19
- package/lib/list-bar/list-bar/ListBar.js +105 -121
- package/lib/list-bar/list-bar/ListBar.ve.js +13 -17
- package/lib/list-bar/list-bar/ListBarSearch.js +20 -21
- package/lib/list-bar/list-bar/ListBarSearchInfo.js +8 -12
- package/lib/list-bar/list-bar/ListBarSortBy.js +28 -38
- package/lib/list-bar/search-results-bar/SearchResultsBar.js +38 -28
- package/lib/list-bar/search-results-bar/SearchResultsBar.ve.js +4 -11
- package/lib/list-bar/style.css +2 -1
- package/lib/matrix/index.js +79 -87
- package/lib/matrix/index.umd.cjs +1 -1
- package/lib/matrix/matrix/Matrix.js +18 -26
- package/lib/matrix/matrix/Matrix.ve.js +4 -7
- package/lib/matrix/matrix-body/MatrixBody.js +10 -13
- package/lib/matrix/matrix-cell/MatrixCell.js +23 -18
- package/lib/matrix/matrix-head/MatrixHead.js +10 -13
- package/lib/matrix/matrix-header/MatrixHeader.js +20 -23
- package/lib/matrix/matrix-row/MatrixRow.js +10 -13
- package/lib/matrix/style.css +2 -1
- package/lib/modal/index.js +197 -187
- package/lib/modal/index.umd.cjs +1 -1
- package/lib/modal/modal/Modal.js +90 -108
- package/lib/modal/modal/Modal.ve.js +43 -13
- package/lib/modal/modal/useModal.js +19 -24
- package/lib/modal/modal-footer/ModalFooter.js +11 -12
- package/lib/modal/style.css +2 -1
- package/lib/node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.21.3/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js +49 -0
- package/lib/node_modules/.pnpm/nanoid@5.1.16/node_modules/nanoid/index.browser.js +8 -10
- package/lib/node_modules/.pnpm/nanoid@5.1.16/node_modules/nanoid/url-alphabet/index.js +4 -4
- package/lib/page-title/heading-level/HeadingLevel.js +8 -12
- package/lib/page-title/index.js +33 -40
- package/lib/page-title/index.umd.cjs +1 -1
- package/lib/page-title/page-subtitle/PageSubtitle.js +13 -18
- package/lib/page-title/page-subtitle/PageSubtitle.ve.js +4 -5
- package/lib/page-title/page-title/PageTitle.js +15 -19
- package/lib/page-title/page-title/PageTitle.ve.js +4 -7
- package/lib/page-title/style.css +2 -1
- package/lib/photo/index.js +174 -177
- package/lib/photo/index.umd.cjs +1 -1
- package/lib/photo/photo/Photo.js +72 -81
- package/lib/photo/photo/Photo.ve.js +21 -7
- package/lib/photo/photo-carousel/PhotoCarousel.js +36 -51
- package/lib/photo/photo-carousel/PhotoCarousel.ve.js +13 -9
- package/lib/photo/style.css +2 -1
- package/lib/product-bar/hooks/usePriorityPlus.js +88 -104
- package/lib/product-bar/index.js +372 -395
- package/lib/product-bar/index.umd.cjs +1 -1
- package/lib/product-bar/product-bar/ProductBar.js +77 -103
- package/lib/product-bar/product-bar/ProductBar.ve.js +46 -15
- package/lib/product-bar/product-bar-name/ProductBarName.js +37 -40
- package/lib/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.js +48 -70
- package/lib/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.ve.js +4 -8
- package/lib/product-bar/product-bar-tab/ProductBarTab.js +28 -26
- package/lib/product-bar/slack-link/SlackLink.js +26 -30
- package/lib/product-bar/slack-link/SlackLink.ve.js +4 -5
- package/lib/product-bar/style.css +2 -1
- package/lib/product-bar-vertical/index.js +240 -251
- package/lib/product-bar-vertical/index.umd.cjs +1 -1
- package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.js +42 -61
- package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.ve.js +53 -23
- package/lib/product-bar-vertical/product-bar-vertical-header/ProductBarVerticalHeader.js +30 -42
- package/lib/product-bar-vertical/product-bar-vertical-item/ProductBarVerticalItem.js +71 -89
- package/lib/product-bar-vertical/product-bar-vertical-section/ProductBarVerticalSection.js +22 -29
- package/lib/product-bar-vertical/style.css +2 -1
- package/lib/progress-indicators/index.js +372 -255
- package/lib/progress-indicators/index.umd.cjs +1 -1
- package/lib/progress-indicators/progress-bar/ProgressBar.js +66 -110
- package/lib/progress-indicators/progress-bar/ProgressBar.ve.js +66 -13
- package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.js +34 -54
- package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.ve.js +136 -8
- package/lib/progress-indicators/progress-ring/ProgressRing.js +45 -52
- package/lib/progress-indicators/style.css +2 -1
- package/lib/rich-text-editor/index.js +556 -582
- package/lib/rich-text-editor/index.umd.cjs +11 -11
- package/lib/rich-text-editor/rich-text-editor/RTELinkModal.js +29 -33
- package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.js +23 -37
- package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.ve.js +13 -6
- package/lib/rich-text-editor/rich-text-editor/RichTextEditor.js +68 -77
- package/lib/rich-text-editor/rich-text-editor/RichTextEditor.ve.js +21 -8
- package/lib/rich-text-editor/rich-text-editor/hooks/useHtmlToMd.js +14 -20
- package/lib/rich-text-editor/rich-text-editor/hooks/useMdToHtml.js +14 -20
- package/lib/rich-text-editor/rich-text-editor/hooks/useRTEContent.js +33 -27
- package/lib/rich-text-editor/rich-text-editor/hooks/useRTEObserver.js +79 -88
- package/lib/rich-text-editor/rich-text-editor/hooks/useRTESelectionListener.js +28 -36
- package/lib/rich-text-editor/rich-text-editor/hooks/useRTEToolbarButtons.js +195 -211
- package/lib/rich-text-editor/rich-text-editor/icons/BOLD.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/INDENT.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/ITALICS.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/LINK.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/ORDERED_LIST.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/OUTDENT.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/REDO.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/UNDO.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/UNLINK.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/icons/UNORDERED_LIST.svg.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/utils/flattenListItemParagraphs.js +12 -12
- package/lib/rich-text-editor/rich-text-editor/utils/removeUnrepresentableBreaks.js +20 -19
- package/lib/rich-text-editor/rich-text-editor/utils/utils.js +11 -15
- package/lib/rich-text-editor/style.css +2 -1
- package/lib/scrollable-container/ScrollableContainer.js +18 -27
- package/lib/scrollable-container/ScrollableContainer.ve.js +4 -4
- package/lib/scrollable-container/index.js +20 -27
- package/lib/scrollable-container/index.umd.cjs +1 -1
- package/lib/scrollable-container/style.css +2 -1
- package/lib/side-nav/index.js +190 -228
- package/lib/side-nav/index.umd.cjs +1 -1
- package/lib/side-nav/side-nav/SideNav.js +43 -60
- package/lib/side-nav/side-nav/SideNav.ve.js +22 -16
- package/lib/side-nav/side-nav/navContext.js +7 -7
- package/lib/side-nav/side-nav-header/SideNavHeader.js +14 -15
- package/lib/side-nav/side-nav-item/SideNavItem.js +68 -94
- package/lib/side-nav/side-nav-section/SideNavSection.js +16 -26
- package/lib/side-nav/style.css +2 -1
- package/lib/sorting-header/caret/caret.ve.js +13 -5
- package/lib/sorting-header/index.js +269 -251
- package/lib/sorting-header/index.umd.cjs +1 -1
- package/lib/sorting-header/sorting-header/SortingHeader.js +110 -124
- package/lib/sorting-header/sorting-header/SortingHeader.ve.js +30 -6
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.js +69 -83
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.ve.js +21 -7
- package/lib/sorting-header/style.css +2 -1
- package/lib/style.css +2 -1
- package/lib/tabs/index.js +255 -201
- package/lib/tabs/index.umd.cjs +1 -1
- package/lib/tabs/style.css +2 -1
- package/lib/tabs/tab/Tab.js +24 -27
- package/lib/tabs/tab/Tab.ve.js +76 -6
- package/lib/tabs/tab-panel/TabPanel.js +16 -25
- package/lib/tabs/tabs/Tabs.js +101 -112
- package/lib/tabs/tabs/Tabs.ve.js +13 -11
- package/lib/tags/clickable-tag/ClickableTag.js +86 -90
- package/lib/tags/clickable-tag/ClickableTag.ve.js +66 -9
- package/lib/tags/index.js +342 -199
- package/lib/tags/index.umd.cjs +1 -1
- package/lib/tags/split-tag/SplitTag.js +49 -30
- package/lib/tags/split-tag/SplitTag.ve.js +35 -9
- package/lib/tags/style.css +2 -1
- package/lib/tags/tag/Tag.js +42 -38
- package/lib/tags/tag/Tag.ve.js +41 -6
- package/lib/utils/cl.js +5 -5
- package/lib/zero-state/ZeroState.js +36 -29
- package/lib/zero-state/ZeroState.ve.js +29 -11
- package/lib/zero-state/index.js +103 -78
- package/lib/zero-state/index.umd.cjs +1 -1
- package/lib/zero-state/style.css +2 -1
- package/package.json +12 -12
- package/lib/node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js +0 -57
package/lib/growler/index.js
CHANGED
|
@@ -1,286 +1,261 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
3
|
-
import { Button as
|
|
4
|
-
import { Tokens as
|
|
5
|
-
import { useWoodlandLanguage as
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
import { Icon as t, Metadata as n, Spinner as r, cl as i } from "@sps-woodland/core";
|
|
3
|
+
import { Button as a } from "@sps-woodland/core/button";
|
|
4
|
+
import { Tokens as o } from "@sps-woodland/tokens";
|
|
5
|
+
import { useWoodlandLanguage as s } from "@spscommerce/i18n";
|
|
6
|
+
import c from "react-dom";
|
|
7
|
+
import { Toaster as l, toast as u } from "sonner";
|
|
8
|
+
//#region ../../../node_modules/.pnpm/@vanilla-extract+recipes@0.2.5_@vanilla-extract+css@1.21.3/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js
|
|
9
|
+
function d(e, t, n) {
|
|
10
|
+
return t in e ? Object.defineProperty(e, t, {
|
|
11
|
+
value: n,
|
|
12
|
+
enumerable: !0,
|
|
13
|
+
configurable: !0,
|
|
14
|
+
writable: !0
|
|
15
|
+
}) : e[t] = n, e;
|
|
15
16
|
}
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
17
|
+
function f(e, t) {
|
|
18
|
+
var n = Object.keys(e);
|
|
19
|
+
if (Object.getOwnPropertySymbols) {
|
|
20
|
+
var r = Object.getOwnPropertySymbols(e);
|
|
21
|
+
t && (r = r.filter(function(t) {
|
|
22
|
+
return Object.getOwnPropertyDescriptor(e, t).enumerable;
|
|
23
|
+
})), n.push.apply(n, r);
|
|
24
|
+
}
|
|
25
|
+
return n;
|
|
25
26
|
}
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
27
|
+
function p(e) {
|
|
28
|
+
for (var t = 1; t < arguments.length; t++) {
|
|
29
|
+
var n = arguments[t] == null ? {} : arguments[t];
|
|
30
|
+
t % 2 ? f(Object(n), !0).forEach(function(t) {
|
|
31
|
+
d(e, t, n[t]);
|
|
32
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : f(Object(n)).forEach(function(t) {
|
|
33
|
+
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
return e;
|
|
36
37
|
}
|
|
37
|
-
var
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
38
|
+
var m = (e, t, n) => {
|
|
39
|
+
for (var r of Object.keys(e)) if (e[r] !== (t[r] ?? n[r])) return !1;
|
|
40
|
+
return !0;
|
|
41
|
+
}, h = (e) => (t) => {
|
|
42
|
+
var n = e.defaultClassName, r = p(p({}, e.defaultVariants), t);
|
|
43
|
+
for (var i in r) {
|
|
44
|
+
var a = r[i] ?? e.defaultVariants[i];
|
|
45
|
+
if (a != null) {
|
|
46
|
+
var o = a;
|
|
47
|
+
typeof o == "boolean" && (o = o === !0 ? "true" : "false");
|
|
48
|
+
var s = e.variantClassNames[i][o];
|
|
49
|
+
s && (n += " " + s);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
for (var [c, l] of e.compoundVariants) m(c, r, e.defaultVariants) && (n += " " + l);
|
|
53
|
+
return n;
|
|
54
|
+
}, g = h({
|
|
55
|
+
defaultClassName: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt451",
|
|
56
|
+
variantClassNames: {
|
|
57
|
+
kind: {
|
|
58
|
+
activity: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt452",
|
|
59
|
+
info: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt453",
|
|
60
|
+
progress: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt454",
|
|
61
|
+
error: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt455",
|
|
62
|
+
success: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt456",
|
|
63
|
+
warning: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt457"
|
|
64
|
+
},
|
|
65
|
+
fade: {
|
|
66
|
+
true: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt458",
|
|
67
|
+
false: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt459"
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
defaultVariants: {},
|
|
71
|
+
compoundVariants: []
|
|
72
|
+
}), _ = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45a", v = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45b", y = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45c", b = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45d", x = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45e", S = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45h", C = Object.freeze({
|
|
73
|
+
warning: "status-warning",
|
|
74
|
+
error: "status-error",
|
|
75
|
+
success: "status-ok",
|
|
76
|
+
info: "info-circle"
|
|
67
77
|
});
|
|
68
|
-
function
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
})
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
...f
|
|
121
|
-
},
|
|
122
|
-
/* @__PURE__ */ t.createElement("div", { className: H }, r && /* @__PURE__ */ t.createElement("img", { src: r, alt: "" }), o === "progress" ? /* @__PURE__ */ t.createElement(N, null) : /* @__PURE__ */ t.createElement(R, { icon: B[o], className: J })),
|
|
123
|
-
/* @__PURE__ */ t.createElement("div", { className: Q }, /* @__PURE__ */ t.createElement("div", { className: X }, n && /* @__PURE__ */ t.createElement("span", { className: Y }, n), /* @__PURE__ */ t.createElement("div", null, e)), /* @__PURE__ */ t.createElement(
|
|
124
|
-
T,
|
|
125
|
-
{
|
|
126
|
-
kind: "icon",
|
|
127
|
-
icon: "x",
|
|
128
|
-
title: I("growler.dismiss", { defaultValue: "Dismiss" }),
|
|
129
|
-
className: Z,
|
|
130
|
-
onClick: V
|
|
131
|
-
}
|
|
132
|
-
))
|
|
133
|
-
);
|
|
78
|
+
function w({ children: n, className: c, imgSrc: l, kind: u = "info", onClose: d, removeFromList: f, persist: p, title: m, id: h, ..._ }) {
|
|
79
|
+
let w = e.useRef(d);
|
|
80
|
+
e.useEffect(() => {
|
|
81
|
+
w.current = d;
|
|
82
|
+
}, [d]);
|
|
83
|
+
let T = o.component.growler.duration.visible, E = o.component.growler.duration.fadeout, [D, O] = e.useState(!1), { t: k } = s();
|
|
84
|
+
function A() {
|
|
85
|
+
return [window.setTimeout(() => {
|
|
86
|
+
O(!0);
|
|
87
|
+
}, T), window.setTimeout(() => {
|
|
88
|
+
w.current && w.current(), f && h && f(h);
|
|
89
|
+
}, T + E)];
|
|
90
|
+
}
|
|
91
|
+
let j = e.useRef([]);
|
|
92
|
+
function M() {
|
|
93
|
+
p || (j.current = A());
|
|
94
|
+
}
|
|
95
|
+
function N() {
|
|
96
|
+
for (let e of j.current) window.clearTimeout(e);
|
|
97
|
+
j.current = [];
|
|
98
|
+
}
|
|
99
|
+
function P() {
|
|
100
|
+
N(), O(!1);
|
|
101
|
+
}
|
|
102
|
+
function F() {
|
|
103
|
+
P(), O(!1), d && d(), f && h && f(h);
|
|
104
|
+
}
|
|
105
|
+
return e.useEffect(() => (M(), () => {
|
|
106
|
+
N();
|
|
107
|
+
}), []), /* @__PURE__ */ e.createElement("div", {
|
|
108
|
+
role: "alert",
|
|
109
|
+
"aria-live": "polite",
|
|
110
|
+
className: i(g({
|
|
111
|
+
kind: u,
|
|
112
|
+
fade: D
|
|
113
|
+
}), c),
|
|
114
|
+
onMouseEnter: P,
|
|
115
|
+
onMouseLeave: M,
|
|
116
|
+
..._
|
|
117
|
+
}, /* @__PURE__ */ e.createElement("div", { className: v }, l && /* @__PURE__ */ e.createElement("img", {
|
|
118
|
+
src: l,
|
|
119
|
+
alt: ""
|
|
120
|
+
}), u === "progress" ? /* @__PURE__ */ e.createElement(r, null) : /* @__PURE__ */ e.createElement(t, {
|
|
121
|
+
icon: C[u],
|
|
122
|
+
className: y
|
|
123
|
+
})), /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("div", { className: x }, m && /* @__PURE__ */ e.createElement("span", { className: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45f" }, m), /* @__PURE__ */ e.createElement("div", null, n)), /* @__PURE__ */ e.createElement(a, {
|
|
124
|
+
kind: "icon",
|
|
125
|
+
icon: "x",
|
|
126
|
+
title: k("growler.dismiss", { defaultValue: "Dismiss" }),
|
|
127
|
+
className: S,
|
|
128
|
+
onClick: F
|
|
129
|
+
})));
|
|
134
130
|
}
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
131
|
+
n.set(w, {
|
|
132
|
+
name: "Growler",
|
|
133
|
+
props: {
|
|
134
|
+
imgSrc: { type: "string" },
|
|
135
|
+
kind: {
|
|
136
|
+
type: "GrowlerKind",
|
|
137
|
+
default: "info"
|
|
138
|
+
},
|
|
139
|
+
onClose: { type: "() => void" },
|
|
140
|
+
persist: { type: "boolean" },
|
|
141
|
+
title: { type: "string" }
|
|
142
|
+
}
|
|
144
143
|
});
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
setGrowlerList: () => {
|
|
155
|
-
}
|
|
144
|
+
//#endregion
|
|
145
|
+
//#region ../../../node_modules/.pnpm/nanoid@5.1.16/node_modules/nanoid/url-alphabet/index.js
|
|
146
|
+
var T = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", E = (e = 21) => {
|
|
147
|
+
let t = "", n = crypto.getRandomValues(new Uint8Array(e |= 0));
|
|
148
|
+
for (; e--;) t += T[n[e] & 63];
|
|
149
|
+
return t;
|
|
150
|
+
}, D = e.createContext({
|
|
151
|
+
growlerList: [],
|
|
152
|
+
setGrowlerList: () => void 0
|
|
156
153
|
});
|
|
157
|
-
function
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
154
|
+
function O(t) {
|
|
155
|
+
let [r, i] = e.useState([]), a = (e) => {
|
|
156
|
+
e ? i((t) => t.filter((t) => e !== t.id)) : console.error("growlers should have an id");
|
|
157
|
+
}, o = r.map(({ G: t, id: n }) => e.cloneElement(t(), {
|
|
158
|
+
key: n,
|
|
159
|
+
id: n,
|
|
160
|
+
removeFromList: a
|
|
161
|
+
})).filter((e) => n.get(e.type).name === "Growler" || (console.error("addGrowler only accepts a function that returns a Growler"), !1)), s = /* @__PURE__ */ e.createElement("div", {
|
|
162
|
+
"data-testid": t["data-testid"],
|
|
163
|
+
"data-portalid": "growler-portal",
|
|
164
|
+
"data-react-aria-top-layer": "true",
|
|
165
|
+
className: _
|
|
166
|
+
}, o);
|
|
167
|
+
return /* @__PURE__ */ e.createElement(D.Provider, { value: {
|
|
168
|
+
growlerList: r,
|
|
169
|
+
setGrowlerList: i
|
|
170
|
+
} }, c.createPortal(s, document.body), t.children);
|
|
168
171
|
}
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
172
|
+
var k = () => {
|
|
173
|
+
let t = e.useContext(D);
|
|
174
|
+
if (t === void 0) throw Error("addGrowler must be used within a GrowlerListProvider");
|
|
175
|
+
return { addGrowler: e.useCallback((e) => {
|
|
176
|
+
let n = {
|
|
177
|
+
G: e,
|
|
178
|
+
id: E()
|
|
179
|
+
};
|
|
180
|
+
t.setGrowlerList([n, ...t.growlerList]);
|
|
181
|
+
}, [t]) };
|
|
182
|
+
}, A = h({
|
|
183
|
+
defaultClassName: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k0",
|
|
184
|
+
variantClassNames: { kind: {
|
|
185
|
+
activity: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k1",
|
|
186
|
+
info: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k2",
|
|
187
|
+
progress: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k3",
|
|
188
|
+
error: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k4",
|
|
189
|
+
success: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k5",
|
|
190
|
+
warning: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k6"
|
|
191
|
+
} },
|
|
192
|
+
defaultVariants: {},
|
|
193
|
+
compoundVariants: []
|
|
194
|
+
}), j = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k7", M = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k8", N = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k9", P = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00ka", F = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00kb", I = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00kc", L = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00ke", R = "[data-portalid=\"sps-growler-display-area\"]", z = o.component.growler.area.top;
|
|
195
|
+
function B() {
|
|
196
|
+
return typeof document > "u" ? 0 : document.querySelector(R)?.getBoundingClientRect().height ?? 0;
|
|
188
197
|
}
|
|
189
|
-
function
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
}, []), e;
|
|
198
|
+
function V() {
|
|
199
|
+
let [t, n] = e.useState(B);
|
|
200
|
+
return e.useEffect(() => {
|
|
201
|
+
if (typeof document > "u") return;
|
|
202
|
+
let e, t = null, r = () => n(B()), i = (n) => {
|
|
203
|
+
t !== n && (t = n, e?.disconnect(), e = new ResizeObserver(r), e.observe(n), r());
|
|
204
|
+
}, a = document.querySelector(R);
|
|
205
|
+
a && i(a);
|
|
206
|
+
let o = new MutationObserver(() => {
|
|
207
|
+
let e = document.querySelector(R);
|
|
208
|
+
e && i(e);
|
|
209
|
+
});
|
|
210
|
+
return o.observe(document.body, { childList: !0 }), () => {
|
|
211
|
+
e?.disconnect(), o.disconnect();
|
|
212
|
+
};
|
|
213
|
+
}, []), t;
|
|
206
214
|
}
|
|
207
|
-
function
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
duration: m.component.growler.duration.visible,
|
|
221
|
-
richColors: !0,
|
|
222
|
-
toastOptions: {
|
|
223
|
-
style: {
|
|
224
|
-
outline: "none"
|
|
225
|
-
}
|
|
226
|
-
}
|
|
227
|
-
}
|
|
228
|
-
);
|
|
215
|
+
function H() {
|
|
216
|
+
let t = V();
|
|
217
|
+
return /* @__PURE__ */ e.createElement(l, {
|
|
218
|
+
visibleToasts: 10,
|
|
219
|
+
expand: !0,
|
|
220
|
+
closeButton: !0,
|
|
221
|
+
position: "top-right",
|
|
222
|
+
className: j,
|
|
223
|
+
offset: { top: t > 0 ? `calc(${z} + ${t}px)` : z },
|
|
224
|
+
duration: o.component.growler.duration.visible,
|
|
225
|
+
richColors: !0,
|
|
226
|
+
toastOptions: { style: { outline: "none" } }
|
|
227
|
+
});
|
|
229
228
|
}
|
|
230
|
-
|
|
231
|
-
function
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
}) {
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
title: s("growler.dismiss"),
|
|
244
|
-
className: ce,
|
|
245
|
-
onClick: r
|
|
246
|
-
}
|
|
247
|
-
)));
|
|
229
|
+
n.set(H, { name: "GrowlerEmitter" });
|
|
230
|
+
function U({ children: n, kind: i = "info", onCloseButtonClick: o, title: c }) {
|
|
231
|
+
let { t: l } = s();
|
|
232
|
+
return /* @__PURE__ */ e.createElement("div", { className: A({ kind: i }) }, /* @__PURE__ */ e.createElement("div", { className: M }, i === "progress" ? /* @__PURE__ */ e.createElement(r, null) : /* @__PURE__ */ e.createElement(t, {
|
|
233
|
+
icon: C[i],
|
|
234
|
+
className: N
|
|
235
|
+
})), /* @__PURE__ */ e.createElement("div", { className: P }, /* @__PURE__ */ e.createElement("div", { className: F }, c ? /* @__PURE__ */ e.createElement("span", { className: I }, c) : void 0, /* @__PURE__ */ e.createElement("div", null, n)), /* @__PURE__ */ e.createElement(a, {
|
|
236
|
+
kind: "icon",
|
|
237
|
+
icon: "x",
|
|
238
|
+
title: l("growler.dismiss"),
|
|
239
|
+
className: L,
|
|
240
|
+
onClick: o
|
|
241
|
+
})));
|
|
248
242
|
}
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
onAutoClose: (o) => {
|
|
269
|
-
r?.onAutoClose?.(o.id);
|
|
270
|
-
}
|
|
271
|
-
}
|
|
272
|
-
), d = (e, { kind: _, ...r }) => c(_)(e, r);
|
|
273
|
-
d.success = c("success");
|
|
274
|
-
d.error = c("error");
|
|
275
|
-
d.info = c("info");
|
|
276
|
-
d.warning = c("warning");
|
|
277
|
-
d.progress = c("progress");
|
|
278
|
-
d.dismiss = g.dismiss;
|
|
279
|
-
export {
|
|
280
|
-
ee as Growler,
|
|
281
|
-
ue as GrowlerEmitter,
|
|
282
|
-
B as GrowlerIcons,
|
|
283
|
-
ye as GrowlerListProvider,
|
|
284
|
-
d as growl,
|
|
285
|
-
be as useGrowler
|
|
286
|
-
};
|
|
243
|
+
var W = (t) => (n, r) => u.custom((i) => /* @__PURE__ */ e.createElement(U, {
|
|
244
|
+
title: n,
|
|
245
|
+
kind: t,
|
|
246
|
+
onCloseButtonClick: () => {
|
|
247
|
+
u.dismiss(i), r?.onDismiss?.(i);
|
|
248
|
+
}
|
|
249
|
+
}, typeof r?.description == "function" ? r.description(i) : r?.description), {
|
|
250
|
+
...r?.id ? { id: r.id } : {},
|
|
251
|
+
duration: r?.autoClose ?? !0 ? o.component.growler.duration.visible : Infinity,
|
|
252
|
+
onDismiss: (e) => {
|
|
253
|
+
r?.onDismiss?.(e.id);
|
|
254
|
+
},
|
|
255
|
+
onAutoClose: (e) => {
|
|
256
|
+
r?.onAutoClose?.(e.id);
|
|
257
|
+
}
|
|
258
|
+
}), G = (e, { kind: t, ...n }) => W(t)(e, n);
|
|
259
|
+
G.success = W("success"), G.error = W("error"), G.info = W("info"), G.warning = W("warning"), G.progress = W("progress"), G.dismiss = u.dismiss;
|
|
260
|
+
//#endregion
|
|
261
|
+
export { w as Growler, H as GrowlerEmitter, C as GrowlerIcons, O as GrowlerListProvider, G as growl, k as useGrowler };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/core/button"),require("@sps-woodland/tokens"),require("@spscommerce/i18n"),require("react-dom"),require("sonner")):typeof define==`function`&&define.amd?define([`exports`,`react`,`@sps-woodland/core`,`@sps-woodland/core/button`,`@sps-woodland/tokens`,`@spscommerce/i18n`,`react-dom`,`sonner`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.Growler={},e.react,e.spsWoodlandCore,e.spsWoodlandCoreButton,e.spsWoodlandTokens,e.spscommerceI18n,e.reactDom,e.sonner))})(this,function(e,t,n,r,i,a,o,s){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var c=Object.create,l=Object.defineProperty,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,f=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty,m=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=d(t),a=0,o=i.length,s;a<o;a++)s=i[a],!p.call(e,s)&&s!==n&&l(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=u(t,s))||r.enumerable});return e},h=(e,t,n)=>(n=e==null?{}:c(f(e)),m(t||!e||!e.__esModule||!p.call(e,`default`)?l(n,`default`,{value:e,enumerable:!0}):n,e));t=h(t,1),o=h(o,1);function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?_(Object(n),!0).forEach(function(t){g(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var y=(e,t,n)=>{for(var r of Object.keys(e))if(e[r]!==(t[r]??n[r]))return!1;return!0},b=e=>t=>{var n=e.defaultClassName,r=v(v({},e.defaultVariants),t);for(var i in r){var a=r[i]??e.defaultVariants[i];if(a!=null){var o=a;typeof o==`boolean`&&(o=o===!0?`true`:`false`);var s=e.variantClassNames[i][o];s&&(n+=` `+s)}}for(var[c,l]of e.compoundVariants)y(c,r,e.defaultVariants)&&(n+=` `+l);return n},x=b({defaultClassName:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt451`,variantClassNames:{kind:{activity:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt452`,info:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt453`,progress:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt454`,error:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt455`,success:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt456`,warning:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt457`},fade:{true:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt458`,false:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt459`}},defaultVariants:{},compoundVariants:[]}),S=`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45a`,C=`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45b`,w=`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45c`,T=`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45d`,E=`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45e`,D=`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45h`,O=Object.freeze({warning:`status-warning`,error:`status-error`,success:`status-ok`,info:`info-circle`});function k({children:e,className:o,imgSrc:s,kind:c=`info`,onClose:l,removeFromList:u,persist:d,title:f,id:p,...m}){let h=t.useRef(l);t.useEffect(()=>{h.current=l},[l]);let g=i.Tokens.component.growler.duration.visible,_=i.Tokens.component.growler.duration.fadeout,[v,y]=t.useState(!1),{t:b}=(0,a.useWoodlandLanguage)();function S(){return[window.setTimeout(()=>{y(!0)},g),window.setTimeout(()=>{h.current&&h.current(),u&&p&&u(p)},g+_)]}let k=t.useRef([]);function A(){d||(k.current=S())}function j(){for(let e of k.current)window.clearTimeout(e);k.current=[]}function M(){j(),y(!1)}function N(){M(),y(!1),l&&l(),u&&p&&u(p)}return t.useEffect(()=>(A(),()=>{j()}),[]),t.createElement(`div`,{role:`alert`,"aria-live":`polite`,className:(0,n.cl)(x({kind:c,fade:v}),o),onMouseEnter:M,onMouseLeave:A,...m},t.createElement(`div`,{className:C},s&&t.createElement(`img`,{src:s,alt:``}),c===`progress`?t.createElement(n.Spinner,null):t.createElement(n.Icon,{icon:O[c],className:w})),t.createElement(`div`,{className:T},t.createElement(`div`,{className:E},f&&t.createElement(`span`,{className:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45f`},f),t.createElement(`div`,null,e)),t.createElement(r.Button,{kind:`icon`,icon:`x`,title:b(`growler.dismiss`,{defaultValue:`Dismiss`}),className:D,onClick:N})))}n.Metadata.set(k,{name:`Growler`,props:{imgSrc:{type:`string`},kind:{type:`GrowlerKind`,default:`info`},onClose:{type:`() => void`},persist:{type:`boolean`},title:{type:`string`}}});var A=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`,j=(e=21)=>{let t=``,n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=A[n[e]&63];return t},M=t.createContext({growlerList:[],setGrowlerList:()=>void 0});function N(e){let[r,i]=t.useState([]),a=e=>{e?i(t=>t.filter(t=>e!==t.id)):console.error(`growlers should have an id`)},s=r.map(({G:e,id:n})=>t.cloneElement(e(),{key:n,id:n,removeFromList:a})).filter(e=>n.Metadata.get(e.type).name===`Growler`||(console.error(`addGrowler only accepts a function that returns a Growler`),!1)),c=t.createElement(`div`,{"data-testid":e[`data-testid`],"data-portalid":`growler-portal`,"data-react-aria-top-layer":`true`,className:S},s);return t.createElement(M.Provider,{value:{growlerList:r,setGrowlerList:i}},o.default.createPortal(c,document.body),e.children)}var P=()=>{let e=t.useContext(M);if(e===void 0)throw Error(`addGrowler must be used within a GrowlerListProvider`);return{addGrowler:t.useCallback(t=>{let n={G:t,id:j()};e.setGrowlerList([n,...e.growlerList])},[e])}},F=b({defaultClassName:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k0`,variantClassNames:{kind:{activity:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k1`,info:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k2`,progress:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k3`,error:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k4`,success:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k5`,warning:`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k6`}},defaultVariants:{},compoundVariants:[]}),I=`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k7`,L=`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k8`,R=`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k9`,z=`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00ka`,B=`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00kb`,V=`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00kc`,H=`pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00ke`,U=`[data-portalid="sps-growler-display-area"]`,W=i.Tokens.component.growler.area.top;function G(){return typeof document>`u`?0:document.querySelector(U)?.getBoundingClientRect().height??0}function K(){let[e,n]=t.useState(G);return t.useEffect(()=>{if(typeof document>`u`)return;let e,t=null,r=()=>n(G()),i=n=>{t!==n&&(t=n,e?.disconnect(),e=new ResizeObserver(r),e.observe(n),r())},a=document.querySelector(U);a&&i(a);let o=new MutationObserver(()=>{let e=document.querySelector(U);e&&i(e)});return o.observe(document.body,{childList:!0}),()=>{e?.disconnect(),o.disconnect()}},[]),e}function q(){let e=K();return t.createElement(s.Toaster,{visibleToasts:10,expand:!0,closeButton:!0,position:`top-right`,className:I,offset:{top:e>0?`calc(${W} + ${e}px)`:W},duration:i.Tokens.component.growler.duration.visible,richColors:!0,toastOptions:{style:{outline:`none`}}})}n.Metadata.set(q,{name:`GrowlerEmitter`});function J({children:e,kind:i=`info`,onCloseButtonClick:o,title:s}){let{t:c}=(0,a.useWoodlandLanguage)();return t.createElement(`div`,{className:F({kind:i})},t.createElement(`div`,{className:L},i===`progress`?t.createElement(n.Spinner,null):t.createElement(n.Icon,{icon:O[i],className:R})),t.createElement(`div`,{className:z},t.createElement(`div`,{className:B},s?t.createElement(`span`,{className:V},s):void 0,t.createElement(`div`,null,e)),t.createElement(r.Button,{kind:`icon`,icon:`x`,title:c(`growler.dismiss`),className:H,onClick:o})))}var Y=e=>(n,r)=>s.toast.custom(i=>t.createElement(J,{title:n,kind:e,onCloseButtonClick:()=>{s.toast.dismiss(i),r?.onDismiss?.(i)}},typeof r?.description==`function`?r.description(i):r?.description),{...r?.id?{id:r.id}:{},duration:r?.autoClose??!0?i.Tokens.component.growler.duration.visible:1/0,onDismiss:e=>{r?.onDismiss?.(e.id)},onAutoClose:e=>{r?.onAutoClose?.(e.id)}}),X=(e,{kind:t,...n})=>Y(t)(e,n);X.success=Y(`success`),X.error=Y(`error`),X.info=Y(`info`),X.warning=Y(`warning`),X.progress=Y(`progress`),X.dismiss=s.toast.dismiss,e.Growler=k,e.GrowlerEmitter=q,e.GrowlerIcons=O,e.GrowlerListProvider=N,e.growl=X,e.useGrowler=P});
|