@sps-woodland/core 8.53.12 → 8.53.13
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.ve.js +8 -8
- package/lib/action-bar/index.js +30 -30
- package/lib/action-bar/index.umd.cjs +1 -1
- package/lib/action-bar/style.css +1 -1
- package/lib/add-to-list/add-to-list/AddToList.ve.js +19 -19
- package/lib/add-to-list/index.js +183 -183
- package/lib/add-to-list/index.umd.cjs +1 -1
- package/lib/add-to-list/style.css +1 -1
- package/lib/buttons/button/Button.ve.js +4 -4
- package/lib/buttons/index.js +48 -48
- package/lib/buttons/index.umd.cjs +1 -1
- package/lib/buttons/style.css +1 -1
- package/lib/cards/card/Card.ve.js +1 -1
- package/lib/cards/card-footer/CardFooter.ve.js +2 -2
- package/lib/cards/card-header/CardHeader.ve.js +1 -1
- package/lib/cards/card-title/CardTitle.ve.js +2 -2
- package/lib/cards/index.js +21 -21
- package/lib/cards/index.umd.cjs +1 -1
- package/lib/cards/style.css +1 -1
- package/lib/content-row/content-row/ContentRow.ve.js +13 -13
- package/lib/content-row/content-row-col/ContentRowCol.ve.js +2 -2
- package/lib/content-row/index.js +152 -152
- package/lib/content-row/index.umd.cjs +1 -1
- package/lib/content-row/row-list-auto-layout/RowListAutoLayout.ve.js +2 -2
- package/lib/content-row/style.css +1 -1
- package/lib/content-tiles/content-tile/ContentTile.ve.js +7 -7
- package/lib/content-tiles/content-tile-list/ContentTileList.ve.js +3 -3
- package/lib/content-tiles/index.js +59 -59
- package/lib/content-tiles/index.umd.cjs +1 -1
- package/lib/content-tiles/style.css +1 -1
- package/lib/core.css +1 -1
- package/lib/dropdowns/dropdown/Dropdown.ve.js +3 -3
- package/lib/dropdowns/index.js +84 -84
- package/lib/dropdowns/index.umd.cjs +1 -1
- package/lib/dropdowns/option-list/Option.ve.js +1 -1
- package/lib/dropdowns/option-list/OptionList.ve.js +1 -1
- package/lib/dropdowns/style.css +1 -1
- package/lib/feedback-block/FeedbackBlock.ve.js +3 -3
- package/lib/feedback-block/index.js +54 -54
- package/lib/feedback-block/index.umd.cjs +1 -1
- package/lib/feedback-block/style.css +1 -1
- package/lib/file-upload/file-upload/FileUpload.ve.js +14 -14
- package/lib/file-upload/index.js +110 -110
- package/lib/file-upload/index.umd.cjs +1 -1
- package/lib/file-upload/style.css +1 -1
- package/lib/filter-tiles/filter-tile/FilterTile.ve.js +5 -5
- package/lib/filter-tiles/filter-tile-set/FilterTileSet.ve.js +2 -2
- package/lib/filter-tiles/index.js +55 -55
- package/lib/filter-tiles/index.umd.cjs +1 -1
- package/lib/filter-tiles/style.css +1 -1
- package/lib/focused-task/focused-task/FocusedTask.ve.js +9 -9
- package/lib/focused-task/index.js +49 -49
- package/lib/focused-task/index.umd.cjs +1 -1
- package/lib/focused-task/style.css +1 -1
- package/lib/growler/Growler.ve.js +7 -7
- package/lib/growler/Sonner.ve.js +7 -7
- package/lib/growler/index.js +80 -80
- package/lib/growler/index.umd.cjs +1 -1
- package/lib/growler/style.css +1 -1
- package/lib/index.js +104 -104
- package/lib/index.umd.cjs +2 -2
- package/lib/insight-card/InsightCard.ve.js +7 -7
- package/lib/insight-card/index.js +59 -59
- package/lib/insight-card/index.umd.cjs +1 -1
- package/lib/insight-card/style.css +1 -1
- package/lib/key-value-set/index.js +53 -53
- package/lib/key-value-set/index.umd.cjs +1 -1
- package/lib/key-value-set/key-value-set/KeyValueSet.ve.js +2 -2
- package/lib/key-value-set/key-value-set-item/KeyValueSetItem.ve.js +3 -3
- package/lib/key-value-set/style.css +1 -1
- package/lib/list-bar/advanced-search/AdvancedSearch.ve.js +5 -5
- package/lib/list-bar/index.js +88 -88
- package/lib/list-bar/index.umd.cjs +1 -1
- package/lib/list-bar/list-bar/ListBar.ve.js +12 -12
- package/lib/list-bar/search-results-bar/SearchResultsBar.ve.js +8 -8
- package/lib/list-bar/style.css +1 -1
- package/lib/matrix/index.js +29 -29
- package/lib/matrix/index.umd.cjs +1 -1
- package/lib/matrix/matrix/Matrix.ve.js +2 -2
- package/lib/matrix/style.css +1 -1
- package/lib/modal/index.js +86 -86
- package/lib/modal/index.umd.cjs +1 -1
- package/lib/modal/modal/Modal.ve.js +9 -9
- package/lib/modal/style.css +1 -1
- package/lib/page-title/index.js +17 -17
- package/lib/page-title/index.umd.cjs +1 -1
- package/lib/page-title/page-subtitle/PageSubtitle.ve.js +3 -3
- package/lib/page-title/page-title/PageTitle.ve.js +4 -4
- package/lib/page-title/style.css +1 -1
- package/lib/photo/index.js +67 -67
- package/lib/photo/index.umd.cjs +1 -1
- package/lib/photo/photo/Photo.ve.js +1 -1
- package/lib/photo/photo-carousel/PhotoCarousel.ve.js +1 -1
- package/lib/photo/style.css +1 -1
- package/lib/product-bar/index.js +62 -62
- package/lib/product-bar/index.umd.cjs +1 -1
- package/lib/product-bar/product-bar/ProductBar.ve.js +10 -10
- package/lib/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.ve.js +5 -5
- package/lib/product-bar/slack-link/SlackLink.ve.js +2 -2
- package/lib/product-bar/style.css +1 -1
- package/lib/product-bar-vertical/index.js +69 -69
- package/lib/product-bar-vertical/index.umd.cjs +1 -1
- package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.ve.js +20 -20
- package/lib/product-bar-vertical/style.css +1 -1
- package/lib/progress-indicators/index.js +79 -79
- package/lib/progress-indicators/index.umd.cjs +1 -1
- package/lib/progress-indicators/progress-bar/ProgressBar.ve.js +10 -10
- package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.ve.js +4 -4
- package/lib/progress-indicators/style.css +1 -1
- package/lib/rich-text-editor/index.js +85 -85
- package/lib/rich-text-editor/index.umd.cjs +2 -2
- package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.ve.js +2 -2
- package/lib/rich-text-editor/rich-text-editor/RichTextEditor.ve.js +5 -5
- package/lib/rich-text-editor/style.css +1 -1
- package/lib/scrollable-container/ScrollableContainer.ve.js +1 -1
- package/lib/scrollable-container/index.js +8 -8
- package/lib/scrollable-container/index.umd.cjs +1 -1
- package/lib/scrollable-container/style.css +1 -1
- package/lib/side-nav/index.js +78 -78
- package/lib/side-nav/index.umd.cjs +1 -1
- package/lib/side-nav/side-nav/SideNav.ve.js +12 -12
- package/lib/side-nav/style.css +1 -1
- package/lib/sorting-header/caret/caret.ve.js +2 -2
- package/lib/sorting-header/index.js +125 -125
- package/lib/sorting-header/index.umd.cjs +1 -1
- package/lib/sorting-header/sorting-header/SortingHeader.ve.js +3 -3
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.ve.js +2 -2
- package/lib/sorting-header/style.css +1 -1
- package/lib/style.css +1 -1
- package/lib/tabs/index.js +100 -100
- package/lib/tabs/index.umd.cjs +1 -1
- package/lib/tabs/style.css +1 -1
- package/lib/tabs/tab/Tab.ve.js +2 -2
- package/lib/tabs/tabs/Tabs.ve.js +5 -5
- package/lib/tags/clickable-tag/ClickableTag.ve.js +4 -4
- package/lib/tags/index.js +80 -80
- package/lib/tags/index.umd.cjs +1 -1
- package/lib/tags/split-tag/SplitTag.ve.js +2 -2
- package/lib/tags/style.css +1 -1
- package/lib/tags/tag/Tag.ve.js +3 -3
- package/lib/zero-state/ZeroState.ve.js +6 -6
- package/lib/zero-state/index.js +42 -42
- package/lib/zero-state/index.umd.cjs +1 -1
- package/lib/zero-state/style.css +1 -1
- package/package.json +10 -10
package/lib/growler/index.js
CHANGED
|
@@ -1,64 +1,64 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { Metadata as
|
|
1
|
+
import * as _ from "react";
|
|
2
|
+
import { Metadata as v, cl as A, Spinner as G, Icon as O } from "@sps-woodland/core";
|
|
3
3
|
import { Button as N } from "@sps-woodland/core/button";
|
|
4
|
-
import { Tokens as
|
|
4
|
+
import { Tokens as w } from "@sps-woodland/tokens";
|
|
5
5
|
import { useWoodlandLanguage as C } from "@spscommerce/i18n";
|
|
6
6
|
import M from "react-dom";
|
|
7
|
-
import { toast as
|
|
8
|
-
function U(e,
|
|
9
|
-
return
|
|
7
|
+
import { toast as g, Toaster as S } from "sonner";
|
|
8
|
+
function U(e, s, r) {
|
|
9
|
+
return s in e ? Object.defineProperty(e, s, {
|
|
10
10
|
value: r,
|
|
11
11
|
enumerable: !0,
|
|
12
12
|
configurable: !0,
|
|
13
13
|
writable: !0
|
|
14
|
-
}) : e[
|
|
14
|
+
}) : e[s] = r, e;
|
|
15
15
|
}
|
|
16
|
-
function
|
|
16
|
+
function E(e, s) {
|
|
17
17
|
var r = Object.keys(e);
|
|
18
18
|
if (Object.getOwnPropertySymbols) {
|
|
19
19
|
var o = Object.getOwnPropertySymbols(e);
|
|
20
|
-
|
|
21
|
-
return Object.getOwnPropertyDescriptor(e,
|
|
20
|
+
s && (o = o.filter(function(t) {
|
|
21
|
+
return Object.getOwnPropertyDescriptor(e, t).enumerable;
|
|
22
22
|
})), r.push.apply(r, o);
|
|
23
23
|
}
|
|
24
24
|
return r;
|
|
25
25
|
}
|
|
26
|
-
function
|
|
27
|
-
for (var
|
|
28
|
-
var r = arguments[
|
|
29
|
-
|
|
26
|
+
function x(e) {
|
|
27
|
+
for (var s = 1; s < arguments.length; s++) {
|
|
28
|
+
var r = arguments[s] != null ? arguments[s] : {};
|
|
29
|
+
s % 2 ? E(Object(r), !0).forEach(function(o) {
|
|
30
30
|
U(e, o, r[o]);
|
|
31
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) :
|
|
31
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : E(Object(r)).forEach(function(o) {
|
|
32
32
|
Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(r, o));
|
|
33
33
|
});
|
|
34
34
|
}
|
|
35
35
|
return e;
|
|
36
36
|
}
|
|
37
|
-
var $ = (e,
|
|
37
|
+
var $ = (e, s, r) => {
|
|
38
38
|
for (var o of Object.keys(e)) {
|
|
39
|
-
var
|
|
40
|
-
if (e[o] !== ((
|
|
39
|
+
var t;
|
|
40
|
+
if (e[o] !== ((t = s[o]) !== null && t !== void 0 ? t : r[o]))
|
|
41
41
|
return !1;
|
|
42
42
|
}
|
|
43
43
|
return !0;
|
|
44
|
-
}, T = (e) => (
|
|
45
|
-
var r = e.defaultClassName, o =
|
|
46
|
-
for (var
|
|
47
|
-
var l, n = (l = o[
|
|
44
|
+
}, T = (e) => (s) => {
|
|
45
|
+
var r = e.defaultClassName, o = x(x({}, e.defaultVariants), s);
|
|
46
|
+
for (var t in o) {
|
|
47
|
+
var l, n = (l = o[t]) !== null && l !== void 0 ? l : e.defaultVariants[t];
|
|
48
48
|
if (n != null) {
|
|
49
49
|
var a = n;
|
|
50
50
|
typeof a == "boolean" && (a = a === !0 ? "true" : "false");
|
|
51
51
|
var i = (
|
|
52
52
|
// @ts-expect-error
|
|
53
|
-
e.variantClassNames[
|
|
53
|
+
e.variantClassNames[t][a]
|
|
54
54
|
);
|
|
55
55
|
i && (r += " " + i);
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
|
-
for (var [
|
|
59
|
-
$(
|
|
58
|
+
for (var [p, m] of e.compoundVariants)
|
|
59
|
+
$(p, o, e.defaultVariants) && (r += " " + m);
|
|
60
60
|
return r;
|
|
61
|
-
}, W = T({ defaultClassName: "pkg_sps-
|
|
61
|
+
}, W = T({ defaultClassName: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt451", variantClassNames: { kind: { activity: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt452", info: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt453", progress: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt454", error: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt455", success: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt456", warning: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt457" }, fade: { true: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt458", false: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt459" } }, defaultVariants: {}, compoundVariants: [] }), K = "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45a", F = "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45b", q = "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45c", H = "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45d", J = "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45e", Q = "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45f", X = "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45h";
|
|
62
62
|
const B = Object.freeze({
|
|
63
63
|
warning: "status-warning",
|
|
64
64
|
error: "status-error",
|
|
@@ -67,60 +67,60 @@ const B = Object.freeze({
|
|
|
67
67
|
});
|
|
68
68
|
function Y({
|
|
69
69
|
children: e,
|
|
70
|
-
className:
|
|
70
|
+
className: s,
|
|
71
71
|
imgSrc: r,
|
|
72
72
|
kind: o = "info",
|
|
73
|
-
onClose:
|
|
73
|
+
onClose: t,
|
|
74
74
|
removeFromList: l,
|
|
75
75
|
persist: n,
|
|
76
76
|
title: a,
|
|
77
77
|
id: i,
|
|
78
|
-
...
|
|
78
|
+
...p
|
|
79
79
|
}) {
|
|
80
|
-
const
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
}, [
|
|
84
|
-
const h =
|
|
80
|
+
const m = _.useRef(t);
|
|
81
|
+
_.useEffect(() => {
|
|
82
|
+
m.current = t;
|
|
83
|
+
}, [t]);
|
|
84
|
+
const h = w.component.growler.duration.visible, L = w.component.growler.duration.fadeout, [D, u] = _.useState(!1), { t: I } = C();
|
|
85
85
|
function R() {
|
|
86
86
|
return [
|
|
87
87
|
window.setTimeout(() => {
|
|
88
|
-
|
|
88
|
+
u(!0);
|
|
89
89
|
}, h),
|
|
90
90
|
window.setTimeout(() => {
|
|
91
|
-
|
|
91
|
+
m.current && m.current(), l && i && l(i);
|
|
92
92
|
}, h + L)
|
|
93
93
|
];
|
|
94
94
|
}
|
|
95
|
-
const f =
|
|
96
|
-
function
|
|
95
|
+
const f = _.useRef([]);
|
|
96
|
+
function y() {
|
|
97
97
|
n || (f.current = R());
|
|
98
98
|
}
|
|
99
|
-
function
|
|
99
|
+
function k() {
|
|
100
100
|
for (const j of f.current)
|
|
101
101
|
window.clearTimeout(j);
|
|
102
102
|
f.current = [];
|
|
103
103
|
}
|
|
104
|
-
function
|
|
105
|
-
|
|
104
|
+
function b() {
|
|
105
|
+
k(), u(!1);
|
|
106
106
|
}
|
|
107
107
|
function V() {
|
|
108
|
-
|
|
108
|
+
b(), u(!1), t && t(), l && i && l(i);
|
|
109
109
|
}
|
|
110
|
-
return
|
|
111
|
-
|
|
112
|
-
}), []), /* @__PURE__ */
|
|
110
|
+
return _.useEffect(() => (y(), () => {
|
|
111
|
+
k();
|
|
112
|
+
}), []), /* @__PURE__ */ _.createElement(
|
|
113
113
|
"div",
|
|
114
114
|
{
|
|
115
115
|
role: "alert",
|
|
116
116
|
"aria-live": "polite",
|
|
117
|
-
className: A(W({ kind: o, fade: D }),
|
|
118
|
-
onMouseEnter:
|
|
119
|
-
onMouseLeave:
|
|
120
|
-
...
|
|
117
|
+
className: A(W({ kind: o, fade: D }), s),
|
|
118
|
+
onMouseEnter: b,
|
|
119
|
+
onMouseLeave: y,
|
|
120
|
+
...p
|
|
121
121
|
},
|
|
122
|
-
/* @__PURE__ */
|
|
123
|
-
/* @__PURE__ */
|
|
122
|
+
/* @__PURE__ */ _.createElement("div", { className: F }, r && /* @__PURE__ */ _.createElement("img", { src: r, alt: "" }), o === "progress" ? /* @__PURE__ */ _.createElement(G, null) : /* @__PURE__ */ _.createElement(O, { icon: B[o], className: q })),
|
|
123
|
+
/* @__PURE__ */ _.createElement("div", { className: H }, /* @__PURE__ */ _.createElement("div", { className: J }, a && /* @__PURE__ */ _.createElement("span", { className: Q }, a), /* @__PURE__ */ _.createElement("div", null, e)), /* @__PURE__ */ _.createElement(
|
|
124
124
|
N,
|
|
125
125
|
{
|
|
126
126
|
kind: "icon",
|
|
@@ -132,7 +132,7 @@ function Y({
|
|
|
132
132
|
))
|
|
133
133
|
);
|
|
134
134
|
}
|
|
135
|
-
|
|
135
|
+
v.set(Y, {
|
|
136
136
|
name: "Growler",
|
|
137
137
|
props: {
|
|
138
138
|
imgSrc: { type: "string" },
|
|
@@ -144,19 +144,19 @@ g.set(Y, {
|
|
|
144
144
|
});
|
|
145
145
|
const Z = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
|
|
146
146
|
let z = (e = 21) => {
|
|
147
|
-
let
|
|
147
|
+
let s = "", r = crypto.getRandomValues(new Uint8Array(e |= 0));
|
|
148
148
|
for (; e--; )
|
|
149
|
-
|
|
150
|
-
return
|
|
149
|
+
s += Z[r[e] & 63];
|
|
150
|
+
return s;
|
|
151
151
|
};
|
|
152
|
-
const P =
|
|
152
|
+
const P = _.createContext({
|
|
153
153
|
growlerList: [],
|
|
154
154
|
// setGrowlerList noop until defined
|
|
155
155
|
setGrowlerList: () => {
|
|
156
156
|
}
|
|
157
157
|
});
|
|
158
158
|
function fe(e) {
|
|
159
|
-
const [
|
|
159
|
+
const [s, r] = _.useState([]), o = (n) => {
|
|
160
160
|
if (!n) {
|
|
161
161
|
console.error("growlers should have an id");
|
|
162
162
|
return;
|
|
@@ -164,27 +164,27 @@ function fe(e) {
|
|
|
164
164
|
r(
|
|
165
165
|
(a) => a.filter((i) => n !== i.id)
|
|
166
166
|
);
|
|
167
|
-
},
|
|
168
|
-
return /* @__PURE__ */
|
|
167
|
+
}, t = s.map(({ G: n, id: a }) => _.cloneElement(n(), { key: a, id: a, removeFromList: o })).filter((n) => v.get(n.type).name === "Growler" ? !0 : (console.error("addGrowler only accepts a function that returns a Growler"), !1)), l = /* @__PURE__ */ _.createElement("div", { "data-testid": e["data-testid"], "data-portalid": "growler-portal", "data-react-aria-top-layer": "true", className: K }, t);
|
|
168
|
+
return /* @__PURE__ */ _.createElement(P.Provider, { value: { growlerList: s, setGrowlerList: r } }, M.createPortal(l, document.body), e.children);
|
|
169
169
|
}
|
|
170
|
-
const
|
|
171
|
-
const e =
|
|
170
|
+
const ge = () => {
|
|
171
|
+
const e = _.useContext(P);
|
|
172
172
|
if (e === void 0)
|
|
173
173
|
throw new Error("addGrowler must be used within a GrowlerListProvider");
|
|
174
|
-
return { addGrowler:
|
|
174
|
+
return { addGrowler: _.useCallback(
|
|
175
175
|
(r) => {
|
|
176
|
-
const o = z(),
|
|
176
|
+
const o = z(), t = {
|
|
177
177
|
G: r,
|
|
178
178
|
id: o
|
|
179
179
|
};
|
|
180
|
-
e.setGrowlerList([
|
|
180
|
+
e.setGrowlerList([t, ...e.growlerList]);
|
|
181
181
|
},
|
|
182
182
|
[e]
|
|
183
183
|
) };
|
|
184
184
|
};
|
|
185
|
-
var ee = T({ defaultClassName: "pkg_sps-
|
|
185
|
+
var ee = T({ defaultClassName: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k0", variantClassNames: { kind: { activity: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k1", info: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k2", progress: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k3", error: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k4", success: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k5", warning: "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k6" } }, defaultVariants: {}, compoundVariants: [] }), re = "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k7", oe = "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k8", _e = "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k9", se = "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00ka", te = "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00kb", ae = "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00kc", ne = "pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00ke";
|
|
186
186
|
function le() {
|
|
187
|
-
return /* @__PURE__ */
|
|
187
|
+
return /* @__PURE__ */ _.createElement(
|
|
188
188
|
S,
|
|
189
189
|
{
|
|
190
190
|
visibleToasts: 10,
|
|
@@ -192,7 +192,7 @@ function le() {
|
|
|
192
192
|
closeButton: !0,
|
|
193
193
|
position: "top-right",
|
|
194
194
|
className: re,
|
|
195
|
-
duration:
|
|
195
|
+
duration: w.component.growler.duration.visible,
|
|
196
196
|
richColors: !0,
|
|
197
197
|
toastOptions: {
|
|
198
198
|
style: {
|
|
@@ -202,33 +202,33 @@ function le() {
|
|
|
202
202
|
}
|
|
203
203
|
);
|
|
204
204
|
}
|
|
205
|
-
|
|
205
|
+
v.set(le, { name: "GrowlerEmitter" });
|
|
206
206
|
function ie({
|
|
207
207
|
children: e,
|
|
208
|
-
kind:
|
|
208
|
+
kind: s = "info",
|
|
209
209
|
onCloseButtonClick: r,
|
|
210
210
|
title: o
|
|
211
211
|
}) {
|
|
212
|
-
const { t
|
|
213
|
-
return /* @__PURE__ */
|
|
212
|
+
const { t } = C();
|
|
213
|
+
return /* @__PURE__ */ _.createElement("div", { className: ee({ kind: s }) }, /* @__PURE__ */ _.createElement("div", { className: oe }, s === "progress" ? /* @__PURE__ */ _.createElement(G, null) : /* @__PURE__ */ _.createElement(O, { icon: B[s], className: _e })), /* @__PURE__ */ _.createElement("div", { className: se }, /* @__PURE__ */ _.createElement("div", { className: te }, o ? /* @__PURE__ */ _.createElement("span", { className: ae }, o) : void 0, /* @__PURE__ */ _.createElement("div", null, e)), /* @__PURE__ */ _.createElement(
|
|
214
214
|
N,
|
|
215
215
|
{
|
|
216
216
|
kind: "icon",
|
|
217
217
|
icon: "x",
|
|
218
|
-
title:
|
|
218
|
+
title: t("growler.dismiss"),
|
|
219
219
|
className: ne,
|
|
220
220
|
onClick: r
|
|
221
221
|
}
|
|
222
222
|
)));
|
|
223
223
|
}
|
|
224
|
-
const c = (e) => (
|
|
225
|
-
(o) => /* @__PURE__ */
|
|
224
|
+
const c = (e) => (s, r) => g.custom(
|
|
225
|
+
(o) => /* @__PURE__ */ _.createElement(
|
|
226
226
|
ie,
|
|
227
227
|
{
|
|
228
|
-
title:
|
|
228
|
+
title: s,
|
|
229
229
|
kind: e,
|
|
230
230
|
onCloseButtonClick: () => {
|
|
231
|
-
|
|
231
|
+
g.dismiss(o), r?.onDismiss?.(o);
|
|
232
232
|
}
|
|
233
233
|
},
|
|
234
234
|
typeof r?.description == "function" ? r.description(o) : r?.description
|
|
@@ -236,7 +236,7 @@ const c = (e) => (t, r) => v.custom(
|
|
|
236
236
|
{
|
|
237
237
|
// An undefined property will not produce the desired behavior, so it is optionally included
|
|
238
238
|
...r?.id ? { id: r.id } : {},
|
|
239
|
-
duration: r?.autoClose ?? !0 ?
|
|
239
|
+
duration: r?.autoClose ?? !0 ? w.component.growler.duration.visible : 1 / 0,
|
|
240
240
|
onDismiss: (o) => {
|
|
241
241
|
r?.onDismiss?.(o.id);
|
|
242
242
|
},
|
|
@@ -244,18 +244,18 @@ const c = (e) => (t, r) => v.custom(
|
|
|
244
244
|
r?.onAutoClose?.(o.id);
|
|
245
245
|
}
|
|
246
246
|
}
|
|
247
|
-
), d = (e, { kind:
|
|
247
|
+
), d = (e, { kind: s, ...r }) => c(s)(e, r);
|
|
248
248
|
d.success = c("success");
|
|
249
249
|
d.error = c("error");
|
|
250
250
|
d.info = c("info");
|
|
251
251
|
d.warning = c("warning");
|
|
252
252
|
d.progress = c("progress");
|
|
253
|
-
d.dismiss =
|
|
253
|
+
d.dismiss = g.dismiss;
|
|
254
254
|
export {
|
|
255
255
|
Y as Growler,
|
|
256
256
|
le as GrowlerEmitter,
|
|
257
257
|
B as GrowlerIcons,
|
|
258
258
|
fe as GrowlerListProvider,
|
|
259
259
|
d as growl,
|
|
260
|
-
|
|
260
|
+
ge as useGrowler
|
|
261
261
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(a,
|
|
1
|
+
(function(a,p){typeof exports=="object"&&typeof module<"u"?p(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"],p):(a=typeof globalThis<"u"?globalThis:a||self,p(a.Growler={},a.react,a.spsWoodlandCore,a.spsWoodlandCoreButton,a.spsWoodlandTokens,a.spscommerceI18n,a.reactDom,a.sonner))})(this,(function(a,p,d,b,f,E,D,g){"use strict";function I(e){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(_,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return _.default=e,Object.freeze(_)}const s=I(p);function M(e,_,r){return _ in e?Object.defineProperty(e,_,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[_]=r,e}function G(e,_){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);_&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function O(e){for(var _=1;_<arguments.length;_++){var r=arguments[_]!=null?arguments[_]:{};_%2?G(Object(r),!0).forEach(function(o){M(e,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):G(Object(r)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})}return e}var S=(e,_,r)=>{for(var o of Object.keys(e)){var t;if(e[o]!==((t=_[o])!==null&&t!==void 0?t:r[o]))return!1}return!0},x=e=>_=>{var r=e.defaultClassName,o=O(O({},e.defaultVariants),_);for(var t in o){var i,l=(i=o[t])!==null&&i!==void 0?i:e.defaultVariants[t];if(l!=null){var n=l;typeof n=="boolean"&&(n=n===!0?"true":"false");var c=e.variantClassNames[t][n];c&&(r+=" "+c)}}for(var[h,m]of e.compoundVariants)S(h,o,e.defaultVariants)&&(r+=" "+m);return r},V=x({defaultClassName:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt451",variantClassNames:{kind:{activity:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt452",info:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt453",progress:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt454",error:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt455",success:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt456",warning:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt457"},fade:{true:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt458",false:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt459"}},defaultVariants:{},compoundVariants:[]}),A="pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45a",R="pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45b",q="pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45c",W="pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45d",U="pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45e",$="pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45f",K="pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45h";const v=Object.freeze({warning:"status-warning",error:"status-error",success:"status-ok",info:"info-circle"});function T({children:e,className:_,imgSrc:r,kind:o="info",onClose:t,removeFromList:i,persist:l,title:n,id:c,...h}){const m=s.useRef(t);s.useEffect(()=>{m.current=t},[t]);const P=f.Tokens.component.growler.duration.visible,te=f.Tokens.component.growler.duration.fadeout,[ae,y]=s.useState(!1),{t:ne}=E.useWoodlandLanguage();function le(){return[window.setTimeout(()=>{y(!0)},P),window.setTimeout(()=>{m.current&&m.current(),i&&c&&i(c)},P+te)]}const k=s.useRef([]);function j(){l||(k.current=le())}function B(){for(const ce of k.current)window.clearTimeout(ce);k.current=[]}function L(){B(),y(!1)}function ie(){L(),y(!1),t&&t(),i&&c&&i(c)}return s.useEffect(()=>(j(),()=>{B()}),[]),s.createElement("div",{role:"alert","aria-live":"polite",className:d.cl(V({kind:o,fade:ae}),_),onMouseEnter:L,onMouseLeave:j,...h},s.createElement("div",{className:R},r&&s.createElement("img",{src:r,alt:""}),o==="progress"?s.createElement(d.Spinner,null):s.createElement(d.Icon,{icon:v[o],className:q})),s.createElement("div",{className:W},s.createElement("div",{className:U},n&&s.createElement("span",{className:$},n),s.createElement("div",null,e)),s.createElement(b.Button,{kind:"icon",icon:"x",title:ne("growler.dismiss",{defaultValue:"Dismiss"}),className:K,onClick:ie})))}d.Metadata.set(T,{name:"Growler",props:{imgSrc:{type:"string"},kind:{type:"GrowlerKind",default:"info"},onClose:{type:"() => void"},persist:{type:"boolean"},title:{type:"string"}}});const F="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let z=(e=21)=>{let _="",r=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)_+=F[r[e]&63];return _};const N=s.createContext({growlerList:[],setGrowlerList:()=>{}});function H(e){const[_,r]=s.useState([]),o=l=>{if(!l){console.error("growlers should have an id");return}r(n=>n.filter(c=>l!==c.id))},t=_.map(({G:l,id:n})=>s.cloneElement(l(),{key:n,id:n,removeFromList:o})).filter(l=>d.Metadata.get(l.type).name==="Growler"?!0:(console.error("addGrowler only accepts a function that returns a Growler"),!1)),i=s.createElement("div",{"data-testid":e["data-testid"],"data-portalid":"growler-portal","data-react-aria-top-layer":"true",className:A},t);return s.createElement(N.Provider,{value:{growlerList:_,setGrowlerList:r}},D.createPortal(i,document.body),e.children)}const J=()=>{const e=s.useContext(N);if(e===void 0)throw new Error("addGrowler must be used within a GrowlerListProvider");return{addGrowler:s.useCallback(r=>{const o=z(),t={G:r,id:o};e.setGrowlerList([t,...e.growlerList])},[e])}};var Q=x({defaultClassName:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k0",variantClassNames:{kind:{activity:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k1",info:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k2",progress:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k3",error:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k4",success:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k5",warning:"pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k6"}},defaultVariants:{},compoundVariants:[]}),X="pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k7",Y="pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k8",Z="pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k9",ee="pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00ka",re="pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00kb",oe="pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00kc",_e="pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00ke";function C(){return s.createElement(g.Toaster,{visibleToasts:10,expand:!0,closeButton:!0,position:"top-right",className:X,duration:f.Tokens.component.growler.duration.visible,richColors:!0,toastOptions:{style:{outline:"none"}}})}d.Metadata.set(C,{name:"GrowlerEmitter"});function se({children:e,kind:_="info",onCloseButtonClick:r,title:o}){const{t}=E.useWoodlandLanguage();return s.createElement("div",{className:Q({kind:_})},s.createElement("div",{className:Y},_==="progress"?s.createElement(d.Spinner,null):s.createElement(d.Icon,{icon:v[_],className:Z})),s.createElement("div",{className:ee},s.createElement("div",{className:re},o?s.createElement("span",{className:oe},o):void 0,s.createElement("div",null,e)),s.createElement(b.Button,{kind:"icon",icon:"x",title:t("growler.dismiss"),className:_e,onClick:r})))}const w=e=>(_,r)=>g.toast.custom(o=>s.createElement(se,{title:_,kind:e,onCloseButtonClick:()=>{g.toast.dismiss(o),r?.onDismiss?.(o)}},typeof r?.description=="function"?r.description(o):r?.description),{...r?.id?{id:r.id}:{},duration:r?.autoClose??!0?f.Tokens.component.growler.duration.visible:1/0,onDismiss:o=>{r?.onDismiss?.(o.id)},onAutoClose:o=>{r?.onAutoClose?.(o.id)}}),u=(e,{kind:_,...r})=>w(_)(e,r);u.success=w("success"),u.error=w("error"),u.info=w("info"),u.warning=w("warning"),u.progress=w("progress"),u.dismiss=g.toast.dismiss,a.Growler=T,a.GrowlerEmitter=C,a.GrowlerIcons=v,a.GrowlerListProvider=H,a.growl=u,a.useGrowler=J,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));
|
package/lib/growler/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes pkg_sps-
|
|
1
|
+
@keyframes pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt450{0%{opacity:1}to{opacity:0}}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt451{border-radius:.25rem;box-shadow:0 0 .3125rem #00000040;display:flex;margin-bottom:1rem;overflow:hidden;width:25rem}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt452{background:#e9e9ea;border:.0625rem #717779ff solid}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt453{background:#007db8;border:.0625rem #007db8ff solid}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt454{background:#91467f;border:.0625rem #91467fff solid}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt455{background:#de002e;border:.0625rem #de002eff solid}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt456{background:#0b8940;border:.0625rem #0b8940ff solid}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt457{background:#e7760b;border:.0625rem #e7760bff solid}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt458{animation-name:pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt450;animation-duration:2s}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt459{opacity:1}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45a{display:flex;flex-direction:column;position:fixed;right:1.875rem;top:5.625rem;width:25rem}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45b{align-items:center;display:flex;flex-grow:0;flex-shrink:0;flex-basis:4.375rem;justify-content:center}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45c{color:#fff;font-size:1.875rem}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45d{background-color:#fff;padding:1rem 2.625rem 1rem 1rem;position:relative;display:flex;flex-grow:1}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45e{flex-grow:1;font-size:.75rem;line-height:1.25rem}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45f{font-weight:600}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45g{color:#4b5356;overflow-wrap:break-word;width:16.5rem}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_1mxbt45h{position:absolute;right:.5rem;top:.5rem}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k0{border-radius:.25rem;box-shadow:0 0 .3125rem #00000040;display:flex;overflow:hidden;width:25rem;outline:none}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k0:focus{outline:none}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k1{background:#e9e9ea;border:.0625rem #717779ff solid}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k2{background:#007db8;border:.0625rem #007db8ff solid}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k3{background:#91467f;border:.0625rem #91467fff solid}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k4{background:#de002e;border:.0625rem #de002eff solid}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k5{background:#0b8940;border:.0625rem #0b8940ff solid}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k6{background:#e7760b;border:.0625rem #e7760bff solid}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k7{right:1.875rem;top:5.625rem;width:25rem}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k8{align-items:center;display:flex;flex-grow:0;flex-shrink:0;flex-basis:4.375rem;justify-content:center}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00k9{color:#fff;font-size:1.875rem}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00ka{background-color:#fff;padding:1rem 2.625rem 1rem 1rem;position:relative;display:flex;flex-grow:1}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00kb{flex-grow:1;font-size:.75rem;line-height:1.25rem}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00kc{font-weight:600}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00kd{color:#4b5356;overflow-wrap:break-word;width:16.5rem}.pkg_sps-woodland_core__family_growler__version_8_53_13__hash_198p00ke{position:absolute;right:.5rem;top:.5rem}
|