@sps-woodland/core 8.53.11 → 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/components/reorder-wrapper/ReorderWrapper.d.ts +2 -2
- package/lib/components/reorder-wrapper/ReorderWrapper.d.ts.map +1 -1
- package/lib/components/title/Title.d.ts +1 -1
- package/lib/components/title/Title.d.ts.map +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/content-row-expansion/ContentRowExpansion.d.ts +1 -1
- package/lib/content-row/content-row-expansion/ContentRowExpansion.d.ts.map +1 -1
- package/lib/content-row/index.js +159 -165
- package/lib/content-row/index.umd.cjs +1 -1
- package/lib/content-row/row-list-auto-layout/RowListAutoLayout.js +10 -16
- 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.d.ts +1 -1
- package/lib/dropdowns/dropdown/Dropdown.d.ts.map +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.d.ts +1 -1
- package/lib/dropdowns/option-list/Option.d.ts.map +1 -1
- package/lib/dropdowns/option-list/Option.ve.js +1 -1
- package/lib/dropdowns/option-list/OptionList.d.ts +1 -1
- package/lib/dropdowns/option-list/OptionList.d.ts.map +1 -1
- package/lib/dropdowns/option-list/OptionList.ve.js +1 -1
- package/lib/dropdowns/style.css +1 -1
- package/lib/editable-table/style.css +50 -17
- package/lib/examples.d.ts.map +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.d.ts +1 -1
- package/lib/file-upload/file-upload/FileUpload.d.ts.map +1 -1
- package/lib/file-upload/file-upload/FileUpload.js +46 -41
- package/lib/file-upload/file-upload/FileUpload.ve.js +14 -14
- package/lib/file-upload/index.js +115 -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.d.ts.map +1 -1
- 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.d.ts.map +1 -1
- package/lib/growler/Growler.ve.js +7 -7
- package/lib/growler/Sonner.ve.js +7 -7
- package/lib/growler/index.js +95 -101
- package/lib/growler/index.umd.cjs +1 -1
- package/lib/growler/sonner.js +21 -27
- package/lib/growler/style.css +1 -1
- package/lib/index.js +166 -167
- 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.css.d.ts +1 -1
- package/lib/list-bar/advanced-search/AdvancedSearch.css.d.ts.map +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/InputGroupWrapper.d.ts +1 -1
- package/lib/list-bar/list-bar/InputGroupWrapper.d.ts.map +1 -1
- package/lib/list-bar/list-bar/ListBar.ve.js +12 -12
- package/lib/list-bar/list-bar/ListBarSearch.d.ts +1 -1
- package/lib/list-bar/list-bar/ListBarSearch.d.ts.map +1 -1
- package/lib/list-bar/list-bar/ListBarSearchInfo.d.ts +1 -1
- package/lib/list-bar/list-bar/ListBarSearchInfo.d.ts.map +1 -1
- package/lib/list-bar/list-bar/ListBarSortBy.d.ts +2 -2
- package/lib/list-bar/list-bar/ListBarSortBy.d.ts.map +1 -1
- package/lib/list-bar/search-results-bar/SearchResultsBar.d.ts +2 -4
- package/lib/list-bar/search-results-bar/SearchResultsBar.d.ts.map +1 -1
- 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/matrix-body/MatrixBody.d.ts +1 -1
- package/lib/matrix/matrix-body/MatrixBody.d.ts.map +1 -1
- package/lib/matrix/matrix-head/MatrixHead.d.ts +1 -1
- package/lib/matrix/matrix-head/MatrixHead.d.ts.map +1 -1
- package/lib/matrix/matrix-row/MatrixRow.d.ts +1 -1
- package/lib/matrix/matrix-row/MatrixRow.d.ts.map +1 -1
- 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.d.ts +2 -2
- package/lib/photo/photo/Photo.d.ts.map +1 -1
- package/lib/photo/photo/Photo.js +11 -11
- package/lib/photo/photo/Photo.ve.js +1 -1
- package/lib/photo/photo-carousel/PhotoCarousel.d.ts +1 -1
- package/lib/photo/photo-carousel/PhotoCarousel.d.ts.map +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 +91 -93
- 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-name/ProductBarName.d.ts.map +1 -1
- package/lib/product-bar/product-bar-name/ProductBarName.js +13 -15
- 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/product-bar-vertical-item/ProductBarVerticalItem.d.ts +1 -1
- package/lib/product-bar-vertical/product-bar-vertical-item/ProductBarVerticalItem.d.ts.map +1 -1
- 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.css.d.ts +1 -1
- package/lib/progress-indicators/progress-bar/ProgressBar.css.d.ts.map +1 -1
- package/lib/progress-indicators/progress-bar/ProgressBar.d.ts +2 -2
- package/lib/progress-indicators/progress-bar/ProgressBar.d.ts.map +1 -1
- package/lib/progress-indicators/progress-bar/ProgressBar.js +1 -1
- package/lib/progress-indicators/progress-bar/ProgressBar.ve.js +10 -10
- package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.d.ts +3 -3
- package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.d.ts.map +1 -1
- package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.ve.js +4 -4
- package/lib/progress-indicators/progress-ring/ProgressRing.d.ts +2 -2
- package/lib/progress-indicators/progress-ring/ProgressRing.d.ts.map +1 -1
- package/lib/progress-indicators/style.css +1 -1
- package/lib/rich-text-editor/index.js +86 -86
- package/lib/rich-text-editor/index.umd.cjs +2 -2
- package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.js +1 -1
- 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/utils/VariantDefinitions.d.ts +1 -3
- package/lib/utils/VariantDefinitions.d.ts.map +1 -1
- package/lib/utils/combineEventHandlers.d.ts.map +1 -1
- package/lib/utils/getScrollParent.d.ts.map +1 -1
- package/lib/utils/modChildren.d.ts.map +1 -1
- 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 +11 -11
- package/scripts/watch-all.mjs +1 -1
package/lib/dropdowns/index.js
CHANGED
|
@@ -1,112 +1,112 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { Metadata as
|
|
1
|
+
import * as n from "react";
|
|
2
|
+
import { Metadata as c, useChildTestIdAttrBuilder as P, modChildren as N, cl as h, Spinner as O, Icon as v, selectChildren as j } from "@sps-woodland/core";
|
|
3
3
|
import { MenuProvider as V, MenuButton as C, MenuItem as D, Menu as I } from "@ariakit/react";
|
|
4
4
|
import { useWoodlandLanguage as L } from "@spscommerce/i18n";
|
|
5
|
-
function M(e,
|
|
6
|
-
return
|
|
7
|
-
value:
|
|
5
|
+
function M(e, r, _) {
|
|
6
|
+
return r in e ? Object.defineProperty(e, r, {
|
|
7
|
+
value: _,
|
|
8
8
|
enumerable: !0,
|
|
9
9
|
configurable: !0,
|
|
10
10
|
writable: !0
|
|
11
|
-
}) : e[
|
|
11
|
+
}) : e[r] = _, e;
|
|
12
12
|
}
|
|
13
|
-
function g(e,
|
|
14
|
-
var
|
|
13
|
+
function g(e, r) {
|
|
14
|
+
var _ = Object.keys(e);
|
|
15
15
|
if (Object.getOwnPropertySymbols) {
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
return Object.getOwnPropertyDescriptor(e,
|
|
19
|
-
})),
|
|
16
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
17
|
+
r && (o = o.filter(function(a) {
|
|
18
|
+
return Object.getOwnPropertyDescriptor(e, a).enumerable;
|
|
19
|
+
})), _.push.apply(_, o);
|
|
20
20
|
}
|
|
21
|
-
return
|
|
21
|
+
return _;
|
|
22
22
|
}
|
|
23
23
|
function b(e) {
|
|
24
|
-
for (var
|
|
25
|
-
var
|
|
26
|
-
|
|
27
|
-
M(e,
|
|
28
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(
|
|
29
|
-
Object.defineProperty(e,
|
|
24
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
25
|
+
var _ = arguments[r] != null ? arguments[r] : {};
|
|
26
|
+
r % 2 ? g(Object(_), !0).forEach(function(o) {
|
|
27
|
+
M(e, o, _[o]);
|
|
28
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(_)) : g(Object(_)).forEach(function(o) {
|
|
29
|
+
Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(_, o));
|
|
30
30
|
});
|
|
31
31
|
}
|
|
32
32
|
return e;
|
|
33
33
|
}
|
|
34
|
-
var S = (e,
|
|
35
|
-
for (var
|
|
36
|
-
var
|
|
37
|
-
if (e[
|
|
34
|
+
var S = (e, r, _) => {
|
|
35
|
+
for (var o of Object.keys(e)) {
|
|
36
|
+
var a;
|
|
37
|
+
if (e[o] !== ((a = r[o]) !== null && a !== void 0 ? a : _[o]))
|
|
38
38
|
return !1;
|
|
39
39
|
}
|
|
40
40
|
return !0;
|
|
41
|
-
}, k = (e) => (
|
|
42
|
-
var
|
|
43
|
-
for (var
|
|
44
|
-
var
|
|
45
|
-
if (
|
|
46
|
-
var d =
|
|
41
|
+
}, k = (e) => (r) => {
|
|
42
|
+
var _ = e.defaultClassName, o = b(b({}, e.defaultVariants), r);
|
|
43
|
+
for (var a in o) {
|
|
44
|
+
var t, s = (t = o[a]) !== null && t !== void 0 ? t : e.defaultVariants[a];
|
|
45
|
+
if (s != null) {
|
|
46
|
+
var d = s;
|
|
47
47
|
typeof d == "boolean" && (d = d === !0 ? "true" : "false");
|
|
48
48
|
var l = (
|
|
49
49
|
// @ts-expect-error
|
|
50
|
-
e.variantClassNames[
|
|
50
|
+
e.variantClassNames[a][d]
|
|
51
51
|
);
|
|
52
|
-
l && (
|
|
52
|
+
l && (_ += " " + l);
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
for (var [i, p] of e.compoundVariants)
|
|
56
|
-
S(i,
|
|
57
|
-
return
|
|
58
|
-
}, B = k({ defaultClassName: "pkg_sps-
|
|
56
|
+
S(i, o, e.defaultVariants) && (_ += " " + p);
|
|
57
|
+
return _;
|
|
58
|
+
}, B = k({ defaultClassName: "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx0", variantClassNames: { kind: { default: "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx1", key: "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx2", confirm: "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx3", delete: "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx4" }, disabled: { true: "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx5", false: "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx6" }, spinning: { true: "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx7", false: "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx8" } }, defaultVariants: { kind: "default", disabled: !1, spinning: !1 }, compoundVariants: [] }), W = "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx9", A = "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yxa", H = k({ defaultClassName: "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yxb", variantClassNames: { spinning: { true: "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yxc", false: "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yxd" } }, defaultVariants: {}, compoundVariants: [] });
|
|
59
59
|
function R({
|
|
60
60
|
label: e,
|
|
61
|
-
disabled:
|
|
62
|
-
icon:
|
|
63
|
-
kind:
|
|
64
|
-
maxHeightPx:
|
|
65
|
-
maxHeightRem:
|
|
66
|
-
spinning:
|
|
61
|
+
disabled: r,
|
|
62
|
+
icon: _,
|
|
63
|
+
kind: o = "default",
|
|
64
|
+
maxHeightPx: a,
|
|
65
|
+
maxHeightRem: t,
|
|
66
|
+
spinning: s,
|
|
67
67
|
onOpen: d,
|
|
68
68
|
onClose: l,
|
|
69
69
|
loading: i,
|
|
70
70
|
className: p,
|
|
71
71
|
children: u,
|
|
72
|
-
...
|
|
72
|
+
...f
|
|
73
73
|
}) {
|
|
74
|
-
const { t:
|
|
74
|
+
const { t: m } = L(), w = n.useRef(null), y = P(f), E = n.useMemo(
|
|
75
75
|
() => N(u, () => [
|
|
76
76
|
{
|
|
77
|
-
maxHeightPx:
|
|
78
|
-
maxHeightRem:
|
|
79
|
-
buttonRef:
|
|
77
|
+
maxHeightPx: a,
|
|
78
|
+
maxHeightRem: t,
|
|
79
|
+
buttonRef: w,
|
|
80
80
|
loading: i,
|
|
81
81
|
onClose: l
|
|
82
82
|
}
|
|
83
83
|
]),
|
|
84
84
|
[u]
|
|
85
85
|
);
|
|
86
|
-
return /* @__PURE__ */
|
|
86
|
+
return /* @__PURE__ */ n.createElement(V, null, /* @__PURE__ */ n.createElement(
|
|
87
87
|
C,
|
|
88
88
|
{
|
|
89
|
-
ref:
|
|
90
|
-
className: h(B({ kind:
|
|
91
|
-
disabled:
|
|
92
|
-
"data-testid": `${
|
|
93
|
-
...
|
|
89
|
+
ref: w,
|
|
90
|
+
className: h(B({ kind: o, disabled: r, spinning: s }), p),
|
|
91
|
+
disabled: r || s,
|
|
92
|
+
"data-testid": `${y}__dropdown`,
|
|
93
|
+
...f
|
|
94
94
|
},
|
|
95
|
-
|
|
95
|
+
s && /* @__PURE__ */ n.createElement(
|
|
96
96
|
O,
|
|
97
97
|
{
|
|
98
|
-
color:
|
|
99
|
-
className: H({ spinning:
|
|
100
|
-
title:
|
|
101
|
-
"data-testid": `${
|
|
98
|
+
color: o === "default" ? "dark" : "light",
|
|
99
|
+
className: H({ spinning: s }),
|
|
100
|
+
title: m("button.spinningTitle", { defaultValue: "Loading..." }),
|
|
101
|
+
"data-testid": `${y}__spinner`
|
|
102
102
|
}
|
|
103
103
|
),
|
|
104
|
-
|
|
104
|
+
_ && /* @__PURE__ */ n.createElement(v, { icon: _, className: W, "aria-hidden": "true" }),
|
|
105
105
|
e,
|
|
106
|
-
/* @__PURE__ */
|
|
106
|
+
/* @__PURE__ */ n.createElement(v, { icon: "chevron-down", className: A })
|
|
107
107
|
), E);
|
|
108
108
|
}
|
|
109
|
-
|
|
109
|
+
c.set(R, {
|
|
110
110
|
name: "Dropdown",
|
|
111
111
|
props: {
|
|
112
112
|
label: { type: "string", required: !0 },
|
|
@@ -118,56 +118,56 @@ m.set(R, {
|
|
|
118
118
|
spinning: "boolean"
|
|
119
119
|
}
|
|
120
120
|
});
|
|
121
|
-
var T = "pkg_sps-
|
|
122
|
-
function x({ disabled: e, children:
|
|
123
|
-
return /* @__PURE__ */
|
|
121
|
+
var T = "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ekfy7k0", q = "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ekfy7k1";
|
|
122
|
+
function x({ disabled: e, children: r, ..._ }) {
|
|
123
|
+
return /* @__PURE__ */ n.createElement(
|
|
124
124
|
D,
|
|
125
125
|
{
|
|
126
126
|
className: h(T, e && q),
|
|
127
127
|
"aria-disabled": e,
|
|
128
|
-
...
|
|
128
|
+
..._
|
|
129
129
|
},
|
|
130
|
-
|
|
130
|
+
r
|
|
131
131
|
);
|
|
132
132
|
}
|
|
133
|
-
|
|
133
|
+
c.set(x, {
|
|
134
134
|
name: "Option",
|
|
135
135
|
props: {}
|
|
136
136
|
});
|
|
137
|
-
var F = "pkg_sps-
|
|
137
|
+
var F = "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_mxlo6o0", K = "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_mxlo6o1";
|
|
138
138
|
function z({
|
|
139
139
|
buttonRef: e,
|
|
140
|
-
conformWidth:
|
|
141
|
-
maxHeightPx:
|
|
142
|
-
maxHeightRem:
|
|
143
|
-
minWidth:
|
|
144
|
-
loading:
|
|
145
|
-
onClose:
|
|
140
|
+
conformWidth: r,
|
|
141
|
+
maxHeightPx: _,
|
|
142
|
+
maxHeightRem: o,
|
|
143
|
+
minWidth: a,
|
|
144
|
+
loading: t,
|
|
145
|
+
onClose: s,
|
|
146
146
|
children: d,
|
|
147
147
|
...l
|
|
148
148
|
}) {
|
|
149
|
-
const [i, p] =
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
}, [
|
|
153
|
-
const u =
|
|
149
|
+
const [i, p] = n.useState(void 0);
|
|
150
|
+
n.useEffect(() => {
|
|
151
|
+
r && e?.current && p(e.current.offsetWidth);
|
|
152
|
+
}, [r, e]);
|
|
153
|
+
const u = _ ? _ / 16 : o, f = {
|
|
154
154
|
...u ? { maxHeight: `${u}rem` } : {},
|
|
155
|
-
...
|
|
156
|
-
}, [
|
|
157
|
-
return /* @__PURE__ */
|
|
155
|
+
...r && i ? { width: i } : {}
|
|
156
|
+
}, [m] = j(d, [{ type: x }]);
|
|
157
|
+
return /* @__PURE__ */ n.createElement(
|
|
158
158
|
I,
|
|
159
159
|
{
|
|
160
160
|
className: h(F),
|
|
161
|
-
style:
|
|
162
|
-
onClose:
|
|
161
|
+
style: f,
|
|
162
|
+
onClose: s,
|
|
163
163
|
preventBodyScroll: !0,
|
|
164
164
|
typeahead: !0,
|
|
165
165
|
...l
|
|
166
166
|
},
|
|
167
|
-
|
|
167
|
+
t ? /* @__PURE__ */ n.createElement(O, { className: K }) : m
|
|
168
168
|
);
|
|
169
169
|
}
|
|
170
|
-
|
|
170
|
+
c.set(z, {
|
|
171
171
|
name: "Option List",
|
|
172
172
|
props: {
|
|
173
173
|
conformWidth: "boolean"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(o,
|
|
1
|
+
(function(o,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react"),require("@sps-woodland/core"),require("@ariakit/react"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@ariakit/react","@spscommerce/i18n"],f):(o=typeof globalThis<"u"?globalThis:o||self,f(o.Dropdowns={},o.react,o.spsWoodlandCore,o.ariakitReact,o.spscommerceI18n))})(this,(function(o,f,a,y,E){"use strict";function N(e){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(_,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return _.default=e,Object.freeze(_)}const t=N(f);function S(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 n=Object.getOwnPropertySymbols(e);_&&(n=n.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),r.push.apply(r,n)}return r}function O(e){for(var _=1;_<arguments.length;_++){var r=arguments[_]!=null?arguments[_]:{};_%2?g(Object(r),!0).forEach(function(n){S(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}var D=(e,_,r)=>{for(var n of Object.keys(e)){var s;if(e[n]!==((s=_[n])!==null&&s!==void 0?s:r[n]))return!1}return!0},b=e=>_=>{var r=e.defaultClassName,n=O(O({},e.defaultVariants),_);for(var s in n){var i,d=(i=n[s])!==null&&i!==void 0?i:e.defaultVariants[s];if(d!=null){var l=d;typeof l=="boolean"&&(l=l===!0?"true":"false");var p=e.variantClassNames[s][l];p&&(r+=" "+p)}}for(var[u,c]of e.compoundVariants)D(u,n,e.defaultVariants)&&(r+=" "+c);return r},M=b({defaultClassName:"pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx0",variantClassNames:{kind:{default:"pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx1",key:"pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx2",confirm:"pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx3",delete:"pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx4"},disabled:{true:"pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx5",false:"pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx6"},spinning:{true:"pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx7",false:"pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx8"}},defaultVariants:{kind:"default",disabled:!1,spinning:!1},compoundVariants:[]}),C="pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx9",V="pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yxa",I=b({defaultClassName:"pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yxb",variantClassNames:{spinning:{true:"pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yxc",false:"pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yxd"}},defaultVariants:{},compoundVariants:[]});function k({label:e,disabled:_,icon:r,kind:n="default",maxHeightPx:s,maxHeightRem:i,spinning:d,onOpen:l,onClose:p,loading:u,className:c,children:m,...w}){const{t:v}=E.useWoodlandLanguage(),j=t.useRef(null),P=a.useChildTestIdAttrBuilder(w),B=t.useMemo(()=>a.modChildren(m,()=>[{maxHeightPx:s,maxHeightRem:i,buttonRef:j,loading:u,onClose:p}]),[m]);return t.createElement(y.MenuProvider,null,t.createElement(y.MenuButton,{ref:j,className:a.cl(M({kind:n,disabled:_,spinning:d}),c),disabled:_||d,"data-testid":`${P}__dropdown`,...w},d&&t.createElement(a.Spinner,{color:n==="default"?"dark":"light",className:I({spinning:d}),title:v("button.spinningTitle",{defaultValue:"Loading..."}),"data-testid":`${P}__spinner`}),r&&t.createElement(a.Icon,{icon:r,className:C,"aria-hidden":"true"}),e,t.createElement(a.Icon,{icon:"chevron-down",className:V})),B)}a.Metadata.set(k,{name:"Dropdown",props:{label:{type:"string",required:!0},disabled:"boolean",icon:"IconName",kind:{type:'"default" | "key" | "confirm" | "delete"',default:'"default"'},maxHeightPx:"number",maxHeightRem:"number",spinning:"boolean"}});var L="pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ekfy7k0",T="pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ekfy7k1";function h({disabled:e,children:_,...r}){return t.createElement(y.MenuItem,{className:a.cl(L,e&&T),"aria-disabled":e,...r},_)}a.Metadata.set(h,{name:"Option",props:{}});var q="pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_mxlo6o0",W="pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_mxlo6o1";function x({buttonRef:e,conformWidth:_,maxHeightPx:r,maxHeightRem:n,minWidth:s,loading:i,onClose:d,children:l,...p}){const[u,c]=t.useState(void 0);t.useEffect(()=>{_&&e?.current&&c(e.current.offsetWidth)},[_,e]);const m=r?r/16:n,w={...m?{maxHeight:`${m}rem`}:{},..._&&u?{width:u}:{}},[v]=a.selectChildren(l,[{type:h}]);return t.createElement(y.Menu,{className:a.cl(q),style:w,onClose:d,preventBodyScroll:!0,typeahead:!0,...p},i?t.createElement(a.Spinner,{className:W}):v)}a.Metadata.set(x,{name:"Option List",props:{conformWidth:"boolean"}}),o.Dropdown=k,o.Option=h,o.OptionList=x,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/option-list/Option.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/option-list/Option.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKzD,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,eAU7F"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* empty css */
|
|
2
|
-
var o = "pkg_sps-
|
|
2
|
+
var o = "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ekfy7k0", s = "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ekfy7k1";
|
|
3
3
|
export {
|
|
4
4
|
s as disabled,
|
|
5
5
|
o as option
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentProps } from "@sps-woodland/core";
|
|
1
|
+
import type { ComponentProps } from "@sps-woodland/core";
|
|
2
2
|
export declare function OptionList({ buttonRef, conformWidth, maxHeightPx, maxHeightRem, minWidth, loading, onClose, children, ...rest }: ComponentProps<{
|
|
3
3
|
buttonRef?: any;
|
|
4
4
|
conformWidth?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionList.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/option-list/OptionList.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"OptionList.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/option-list/OptionList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAMzD,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,CAAC;IAChB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC,eA+BD"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* empty css */
|
|
2
|
-
var o = "pkg_sps-
|
|
2
|
+
var o = "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_mxlo6o0", s = "pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_mxlo6o1";
|
|
3
3
|
export {
|
|
4
4
|
o as optionList,
|
|
5
5
|
s as spinner
|
package/lib/dropdowns/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-
|
|
1
|
+
.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx0{color:inherit;text-decoration:none;padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;border-width:.0625rem;border-style:solid;border-radius:.25rem;cursor:pointer;display:inline-block;font-size:.75rem;font-weight:600;line-height:.875rem;position:relative;padding-right:30px}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx0:focus{outline-color:#007db8;outline-style:solid;outline-offset:.125rem;outline-width:.125rem;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx0[aria-expanded=true]{border-radius:.25rem .25rem 0 0}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx1{background:#e9e9ea;color:#4b5356;border-color:#d2d4d4}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx1:hover{background:#d2d4d4}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx2{background:#4b5356;color:#fff;border-color:#1f282c}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx2:hover{background:#1f282c}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx3{background:#007db8;color:#fff;border-color:#09638d}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx3:hover{background:#09638d}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx4{background:#de002e;color:#fff;border-color:#a30d2d}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx4:hover{background:#a30d2d}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx5{cursor:not-allowed;color:#717779;background:#fff;border-color:#d2d4d4}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx7{display:inline-block;color:transparent!important;cursor:not-allowed}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yx9{line-height:0;font-size:.875rem;margin-right:.25rem}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yxa{line-height:0;font-size:.75rem;position:absolute;top:10px;right:12px}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yxb{left:50%;margin:-.875rem -.4375rem;position:absolute;top:22px}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yxc{cursor:not-allowed}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yxd{display:none}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ra15yxb>i{border-width:.125rem;height:.875rem;width:.875rem;display:block}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ekfy7k0{cursor:pointer;display:block;font-weight:400;padding:.5rem 1rem;white-space:break-spaces;overflow-wrap:break-word}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ekfy7k0:hover{background:#e6f2f8}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ekfy7k0:focus{background:#e6f2f8;outline:.125rem solid #007db8ff!important;outline-offset:.125rem;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_1ekfy7k1{color:#717779}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_mxlo6o0{background:#fff;border-style:solid;border-width:.0625rem;border-radius:.25rem;border-top-left-radius:0;border-top-right-radius:0;border-color:#717779;font-size:.75rem;overflow-y:auto;overscroll-behavior:contain;z-index:100}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_mxlo6o0:focus{outline:.125rem solid #007db8ff!important;outline-offset:.125rem;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_dropdowns__version_8_53_13__hash_mxlo6o1{margin:1rem 4rem}
|