@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/Growler.js
CHANGED
|
@@ -1,93 +1,81 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
import { growler as e, growlerCloseButton as t, growlerIcon as n, growlerIconBox as r, growlerMessageBox as i, growlerMessageBoxText as a } from "./Growler.ve.js";
|
|
2
|
+
import { Icon as o, Metadata as s, Spinner as c, cl as l } from "@sps-woodland/core";
|
|
3
|
+
import * as u from "react";
|
|
4
|
+
import { useWoodlandLanguage as d } from "@spscommerce/i18n";
|
|
5
|
+
import { Tokens as f } from "@sps-woodland/tokens";
|
|
6
|
+
import { Button as p } from "@sps-woodland/core/button";
|
|
7
|
+
//#region src/growler/Growler.tsx
|
|
8
|
+
var m = Object.freeze({
|
|
9
|
+
warning: "status-warning",
|
|
10
|
+
error: "status-error",
|
|
11
|
+
success: "status-ok",
|
|
12
|
+
info: "info-circle"
|
|
12
13
|
});
|
|
13
|
-
function
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
})
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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
|
-
...T
|
|
66
|
-
},
|
|
67
|
-
/* @__PURE__ */ e.createElement("div", { className: _ }, i && /* @__PURE__ */ e.createElement("img", { src: i, alt: "" }), n === "progress" ? /* @__PURE__ */ e.createElement(O, null) : /* @__PURE__ */ e.createElement(y, { icon: V[n], className: A })),
|
|
68
|
-
/* @__PURE__ */ e.createElement("div", { className: S }, /* @__PURE__ */ e.createElement("div", { className: U }, l && /* @__PURE__ */ e.createElement("span", { className: W }, l), /* @__PURE__ */ e.createElement("div", null, p)), /* @__PURE__ */ e.createElement(
|
|
69
|
-
b,
|
|
70
|
-
{
|
|
71
|
-
kind: "icon",
|
|
72
|
-
icon: "x",
|
|
73
|
-
title: I("growler.dismiss", { defaultValue: "Dismiss" }),
|
|
74
|
-
className: L,
|
|
75
|
-
onClick: B
|
|
76
|
-
}
|
|
77
|
-
))
|
|
78
|
-
);
|
|
14
|
+
function h({ children: s, className: h, imgSrc: g, kind: _ = "info", onClose: v, removeFromList: y, persist: b, title: x, id: S, ...C }) {
|
|
15
|
+
let w = u.useRef(v);
|
|
16
|
+
u.useEffect(() => {
|
|
17
|
+
w.current = v;
|
|
18
|
+
}, [v]);
|
|
19
|
+
let T = f.component.growler.duration.visible, E = f.component.growler.duration.fadeout, [D, O] = u.useState(!1), { t: k } = d();
|
|
20
|
+
function A() {
|
|
21
|
+
return [window.setTimeout(() => {
|
|
22
|
+
O(!0);
|
|
23
|
+
}, T), window.setTimeout(() => {
|
|
24
|
+
w.current && w.current(), y && S && y(S);
|
|
25
|
+
}, T + E)];
|
|
26
|
+
}
|
|
27
|
+
let j = u.useRef([]);
|
|
28
|
+
function M() {
|
|
29
|
+
b || (j.current = A());
|
|
30
|
+
}
|
|
31
|
+
function N() {
|
|
32
|
+
for (let e of j.current) window.clearTimeout(e);
|
|
33
|
+
j.current = [];
|
|
34
|
+
}
|
|
35
|
+
function P() {
|
|
36
|
+
N(), O(!1);
|
|
37
|
+
}
|
|
38
|
+
function F() {
|
|
39
|
+
P(), O(!1), v && v(), y && S && y(S);
|
|
40
|
+
}
|
|
41
|
+
return u.useEffect(() => (M(), () => {
|
|
42
|
+
N();
|
|
43
|
+
}), []), /* @__PURE__ */ u.createElement("div", {
|
|
44
|
+
role: "alert",
|
|
45
|
+
"aria-live": "polite",
|
|
46
|
+
className: l(e({
|
|
47
|
+
kind: _,
|
|
48
|
+
fade: D
|
|
49
|
+
}), h),
|
|
50
|
+
onMouseEnter: P,
|
|
51
|
+
onMouseLeave: M,
|
|
52
|
+
...C
|
|
53
|
+
}, /* @__PURE__ */ u.createElement("div", { className: r }, g && /* @__PURE__ */ u.createElement("img", {
|
|
54
|
+
src: g,
|
|
55
|
+
alt: ""
|
|
56
|
+
}), _ === "progress" ? /* @__PURE__ */ u.createElement(c, null) : /* @__PURE__ */ u.createElement(o, {
|
|
57
|
+
icon: m[_],
|
|
58
|
+
className: n
|
|
59
|
+
})), /* @__PURE__ */ u.createElement("div", { className: i }, /* @__PURE__ */ u.createElement("div", { className: a }, x && /* @__PURE__ */ u.createElement("span", { className: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45f" }, x), /* @__PURE__ */ u.createElement("div", null, s)), /* @__PURE__ */ u.createElement(p, {
|
|
60
|
+
kind: "icon",
|
|
61
|
+
icon: "x",
|
|
62
|
+
title: k("growler.dismiss", { defaultValue: "Dismiss" }),
|
|
63
|
+
className: t,
|
|
64
|
+
onClick: F
|
|
65
|
+
})));
|
|
79
66
|
}
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
67
|
+
s.set(h, {
|
|
68
|
+
name: "Growler",
|
|
69
|
+
props: {
|
|
70
|
+
imgSrc: { type: "string" },
|
|
71
|
+
kind: {
|
|
72
|
+
type: "GrowlerKind",
|
|
73
|
+
default: "info"
|
|
74
|
+
},
|
|
75
|
+
onClose: { type: "() => void" },
|
|
76
|
+
persist: { type: "boolean" },
|
|
77
|
+
title: { type: "string" }
|
|
78
|
+
}
|
|
89
79
|
});
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
V as GrowlerIcons
|
|
93
|
-
};
|
|
80
|
+
//#endregion
|
|
81
|
+
export { h as Growler, m as GrowlerIcons };
|
|
@@ -1,13 +1,24 @@
|
|
|
1
|
+
import { createRuntimeFn as e } from "../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";
|
|
1
2
|
/* empty css */
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
3
|
+
//#region src/growler/Growler.css.ts
|
|
4
|
+
var t = e({
|
|
5
|
+
defaultClassName: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt451",
|
|
6
|
+
variantClassNames: {
|
|
7
|
+
kind: {
|
|
8
|
+
activity: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt452",
|
|
9
|
+
info: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt453",
|
|
10
|
+
progress: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt454",
|
|
11
|
+
error: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt455",
|
|
12
|
+
success: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt456",
|
|
13
|
+
warning: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt457"
|
|
14
|
+
},
|
|
15
|
+
fade: {
|
|
16
|
+
true: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt458",
|
|
17
|
+
false: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt459"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
defaultVariants: {},
|
|
21
|
+
compoundVariants: []
|
|
22
|
+
}), n = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45a", r = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45b", i = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45c", a = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45d", o = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45e", s = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45f", c = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_1mxbt45h";
|
|
23
|
+
//#endregion
|
|
24
|
+
export { t as growler, n as growlerArea, c as growlerCloseButton, i as growlerIcon, r as growlerIconBox, a as growlerMessageBox, o as growlerMessageBoxText, s as growlerMessageBoxTitle };
|
|
@@ -1,42 +1,41 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { nanoid as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
1
|
+
import { growlerArea as e } from "./Growler.ve.js";
|
|
2
|
+
import { nanoid as t } from "../node_modules/.pnpm/nanoid@5.1.16/node_modules/nanoid/index.browser.js";
|
|
3
|
+
import { Metadata as n } from "@sps-woodland/core";
|
|
4
|
+
import * as r from "react";
|
|
5
|
+
import i from "react-dom";
|
|
6
|
+
//#region src/growler/GrowlerListProvider.tsx
|
|
7
|
+
var a = r.createContext({
|
|
8
|
+
growlerList: [],
|
|
9
|
+
setGrowlerList: () => void 0
|
|
11
10
|
});
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
11
|
+
function o(t) {
|
|
12
|
+
let [o, s] = r.useState([]), c = (e) => {
|
|
13
|
+
e ? s((t) => t.filter((t) => e !== t.id)) : console.error("growlers should have an id");
|
|
14
|
+
}, l = o.map(({ G: e, id: t }) => r.cloneElement(e(), {
|
|
15
|
+
key: t,
|
|
16
|
+
id: t,
|
|
17
|
+
removeFromList: c
|
|
18
|
+
})).filter((e) => n.get(e.type).name === "Growler" || (console.error("addGrowler only accepts a function that returns a Growler"), !1)), u = /* @__PURE__ */ r.createElement("div", {
|
|
19
|
+
"data-testid": t["data-testid"],
|
|
20
|
+
"data-portalid": "growler-portal",
|
|
21
|
+
"data-react-aria-top-layer": "true",
|
|
22
|
+
className: e
|
|
23
|
+
}, l);
|
|
24
|
+
return /* @__PURE__ */ r.createElement(a.Provider, { value: {
|
|
25
|
+
growlerList: o,
|
|
26
|
+
setGrowlerList: s
|
|
27
|
+
} }, i.createPortal(u, document.body), t.children);
|
|
23
28
|
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
r.setGrowlerList([s, ...r.growlerList]);
|
|
35
|
-
},
|
|
36
|
-
[r]
|
|
37
|
-
) };
|
|
38
|
-
};
|
|
39
|
-
export {
|
|
40
|
-
g as GrowlerListProvider,
|
|
41
|
-
h as useGrowler
|
|
29
|
+
var s = () => {
|
|
30
|
+
let e = r.useContext(a);
|
|
31
|
+
if (e === void 0) throw Error("addGrowler must be used within a GrowlerListProvider");
|
|
32
|
+
return { addGrowler: r.useCallback((n) => {
|
|
33
|
+
let r = {
|
|
34
|
+
G: n,
|
|
35
|
+
id: t()
|
|
36
|
+
};
|
|
37
|
+
e.setGrowlerList([r, ...e.growlerList]);
|
|
38
|
+
}, [e]) };
|
|
42
39
|
};
|
|
40
|
+
//#endregion
|
|
41
|
+
export { o as GrowlerListProvider, s as useGrowler };
|
package/lib/growler/Sonner.ve.js
CHANGED
|
@@ -1,13 +1,18 @@
|
|
|
1
|
+
import { createRuntimeFn as e } from "../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";
|
|
1
2
|
/* empty css */
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
3
|
+
//#region src/growler/Sonner.css.ts
|
|
4
|
+
var t = e({
|
|
5
|
+
defaultClassName: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k0",
|
|
6
|
+
variantClassNames: { kind: {
|
|
7
|
+
activity: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k1",
|
|
8
|
+
info: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k2",
|
|
9
|
+
progress: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k3",
|
|
10
|
+
error: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k4",
|
|
11
|
+
success: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k5",
|
|
12
|
+
warning: "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k6"
|
|
13
|
+
} },
|
|
14
|
+
defaultVariants: {},
|
|
15
|
+
compoundVariants: []
|
|
16
|
+
}), n = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k7", r = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k8", i = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00k9", a = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00ka", o = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00kb", s = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00kc", c = "pkg_sps-woodland_core__family_growler__version_8_56_4__hash_198p00ke";
|
|
17
|
+
//#endregion
|
|
18
|
+
export { t as growler, n as growlerArea, c as growlerCloseButton, i as growlerIcon, r as growlerIconBox, a as growlerMessageBox, o as growlerMessageBoxText, s as growlerMessageBoxTitle };
|