@sps-woodland/core 8.56.1 → 8.56.2
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 +1 -1
- package/lib/action-bar/index.js +1 -1
- 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.css.d.ts.map +1 -1
- package/lib/add-to-list/add-to-list/AddToList.d.ts.map +1 -1
- package/lib/add-to-list/add-to-list/AddToList.js +185 -178
- package/lib/add-to-list/add-to-list/AddToList.ve.js +1 -1
- package/lib/add-to-list/add-to-list/ItemsList.d.ts.map +1 -1
- package/lib/add-to-list/add-to-list/ItemsList.js +32 -31
- package/lib/add-to-list/index.js +244 -235
- package/lib/add-to-list/index.umd.cjs +1 -1
- package/lib/add-to-list/style.css +1 -1
- package/lib/buttons/button/Button.css.d.ts.map +1 -1
- package/lib/buttons/button/Button.ve.js +1 -1
- package/lib/buttons/index.js +1 -1
- package/lib/buttons/index.umd.cjs +1 -1
- package/lib/buttons/style.css +1 -1
- package/lib/cards/card/Card.css.d.ts.map +1 -1
- package/lib/cards/card/Card.ve.js +1 -1
- package/lib/cards/card-footer/CardFooter.ve.js +1 -1
- package/lib/cards/card-header/CardHeader.ve.js +1 -1
- package/lib/cards/card-title/CardTitle.ve.js +1 -1
- package/lib/cards/index.js +4 -4
- package/lib/cards/index.umd.cjs +1 -1
- package/lib/cards/style.css +1 -1
- package/lib/column-manager/column-manager/ColumnManager.d.ts.map +1 -1
- package/lib/column-manager/column-manager/ColumnManager.js +45 -45
- package/lib/components/icon/Icon.ve.js +1 -1
- package/lib/content-row/content-row/ContentRow.ve.js +1 -1
- package/lib/content-row/content-row-col/ContentRowCol.ve.js +1 -1
- package/lib/content-row/index.js +3 -3
- package/lib/content-row/index.umd.cjs +1 -1
- package/lib/content-row/row-list-auto-layout/RowListAutoLayout.ve.js +1 -1
- package/lib/content-row/style.css +1 -1
- package/lib/content-tiles/content-tile/ContentTile.css.d.ts.map +1 -1
- package/lib/content-tiles/content-tile/ContentTile.ve.js +1 -1
- package/lib/content-tiles/content-tile-list/ContentTileList.ve.js +1 -1
- package/lib/content-tiles/index.js +2 -2
- 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.css.d.ts.map +1 -1
- package/lib/dropdowns/dropdown/Dropdown.ve.js +1 -1
- package/lib/dropdowns/index.js +3 -3
- package/lib/dropdowns/index.umd.cjs +1 -1
- package/lib/dropdowns/option-list/Option.css.d.ts.map +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 +1 -1
- package/lib/feedback-block/index.js +1 -1
- 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 +1 -1
- package/lib/file-upload/index.js +1 -1
- package/lib/file-upload/index.umd.cjs +1 -1
- package/lib/file-upload/style.css +1 -1
- package/lib/filter-tiles/filter-tile/FilterTile.css.d.ts.map +1 -1
- package/lib/filter-tiles/filter-tile/FilterTile.d.ts.map +1 -1
- package/lib/filter-tiles/filter-tile/FilterTile.js +30 -17
- package/lib/filter-tiles/filter-tile/FilterTile.ve.js +1 -1
- package/lib/filter-tiles/filter-tile-set/FilterTileSet.ve.js +1 -1
- package/lib/filter-tiles/index.js +66 -53
- 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 +1 -1
- package/lib/focused-task/index.js +1 -1
- package/lib/focused-task/index.umd.cjs +1 -1
- package/lib/focused-task/style.css +1 -1
- package/lib/growler/Growler.ve.js +1 -1
- package/lib/growler/Sonner.ve.js +1 -1
- package/lib/growler/index.js +2 -2
- package/lib/growler/index.umd.cjs +1 -1
- package/lib/growler/style.css +1 -1
- package/lib/index.js +8 -8
- package/lib/index.umd.cjs +1 -1
- package/lib/insight-card/InsightCard.ve.js +1 -1
- package/lib/insight-card/index.js +1 -1
- package/lib/insight-card/index.umd.cjs +1 -1
- package/lib/insight-card/style.css +1 -1
- package/lib/key-value-set/index.js +2 -2
- package/lib/key-value-set/index.umd.cjs +1 -1
- package/lib/key-value-set/key-value-set/KeyValueSet.ve.js +1 -1
- package/lib/key-value-set/key-value-set-item/KeyValueSetItem.ve.js +1 -1
- package/lib/key-value-set/style.css +1 -1
- package/lib/list-bar/advanced-search/AdvancedSearch.ve.js +1 -1
- package/lib/list-bar/index.js +3 -3
- package/lib/list-bar/index.umd.cjs +1 -1
- package/lib/list-bar/list-bar/ListBar.ve.js +1 -1
- package/lib/list-bar/search-results-bar/SearchResultsBar.ve.js +1 -1
- package/lib/list-bar/style.css +1 -1
- package/lib/matrix/index.js +1 -1
- package/lib/matrix/index.umd.cjs +1 -1
- package/lib/matrix/matrix/Matrix.ve.js +1 -1
- package/lib/matrix/style.css +1 -1
- package/lib/modal/index.js +1 -1
- package/lib/modal/index.umd.cjs +1 -1
- package/lib/modal/modal/Modal.ve.js +1 -1
- package/lib/modal/style.css +1 -1
- package/lib/page-title/index.js +2 -2
- package/lib/page-title/index.umd.cjs +1 -1
- package/lib/page-title/page-subtitle/PageSubtitle.ve.js +1 -1
- package/lib/page-title/page-title/PageTitle.ve.js +1 -1
- package/lib/page-title/style.css +1 -1
- package/lib/photo/index.js +68 -64
- package/lib/photo/index.umd.cjs +1 -1
- package/lib/photo/photo/Photo.ve.js +1 -1
- package/lib/photo/photo-carousel/PhotoCarousel.css.d.ts.map +1 -1
- package/lib/photo/photo-carousel/PhotoCarousel.d.ts.map +1 -1
- package/lib/photo/photo-carousel/PhotoCarousel.js +36 -32
- package/lib/photo/photo-carousel/PhotoCarousel.ve.js +1 -1
- package/lib/photo/style.css +1 -1
- package/lib/product-bar/index.js +3 -3
- package/lib/product-bar/index.umd.cjs +1 -1
- package/lib/product-bar/product-bar/ProductBar.ve.js +1 -1
- package/lib/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.ve.js +1 -1
- package/lib/product-bar/slack-link/SlackLink.ve.js +1 -1
- package/lib/product-bar/style.css +1 -1
- package/lib/product-bar-vertical/index.js +1 -1
- package/lib/product-bar-vertical/index.umd.cjs +1 -1
- package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.ve.js +1 -1
- package/lib/product-bar-vertical/style.css +1 -1
- package/lib/progress-indicators/index.js +1 -1
- package/lib/progress-indicators/index.umd.cjs +1 -1
- package/lib/progress-indicators/progress-bar/ProgressBar.ve.js +1 -1
- package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.ve.js +1 -1
- package/lib/progress-indicators/style.css +1 -1
- package/lib/rich-text-editor/index.js +2 -2
- package/lib/rich-text-editor/index.umd.cjs +1 -1
- package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.css.d.ts.map +1 -1
- package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.ve.js +1 -1
- package/lib/rich-text-editor/rich-text-editor/RichTextEditor.ve.js +1 -1
- package/lib/rich-text-editor/style.css +1 -1
- package/lib/scrollable-container/ScrollableContainer.ve.js +1 -1
- package/lib/scrollable-container/index.js +1 -1
- package/lib/scrollable-container/index.umd.cjs +1 -1
- package/lib/scrollable-container/style.css +1 -1
- package/lib/side-nav/index.js +84 -72
- package/lib/side-nav/index.umd.cjs +1 -1
- package/lib/side-nav/side-nav/SideNav.css.d.ts.map +1 -1
- package/lib/side-nav/side-nav/SideNav.ve.js +1 -1
- package/lib/side-nav/side-nav-item/SideNavItem.d.ts.map +1 -1
- package/lib/side-nav/side-nav-item/SideNavItem.js +51 -39
- package/lib/side-nav/style.css +1 -1
- package/lib/sorting-header/caret/caret.ve.js +1 -1
- package/lib/sorting-header/index.js +154 -146
- package/lib/sorting-header/index.umd.cjs +1 -1
- package/lib/sorting-header/sorting-header/SortingHeader.ve.js +1 -1
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.css.d.ts +2 -0
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.css.d.ts.map +1 -1
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.d.ts.map +1 -1
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.js +49 -41
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.ve.js +4 -2
- package/lib/sorting-header/style.css +1 -1
- package/lib/style.css +1 -1
- package/lib/tabs/index.js +51 -50
- package/lib/tabs/index.umd.cjs +1 -1
- package/lib/tabs/style.css +1 -1
- package/lib/tabs/tab/Tab.css.d.ts.map +1 -1
- package/lib/tabs/tab/Tab.ve.js +1 -1
- package/lib/tabs/tab-panel/TabPanel.d.ts.map +1 -1
- package/lib/tabs/tab-panel/TabPanel.js +12 -10
- package/lib/tabs/tabs/Tabs.css.d.ts +1 -0
- package/lib/tabs/tabs/Tabs.css.d.ts.map +1 -1
- package/lib/tabs/tabs/Tabs.ve.js +2 -1
- package/lib/tags/clickable-tag/ClickableTag.css.d.ts +1 -1
- package/lib/tags/clickable-tag/ClickableTag.css.d.ts.map +1 -1
- package/lib/tags/clickable-tag/ClickableTag.d.ts.map +1 -1
- package/lib/tags/clickable-tag/ClickableTag.js +59 -39
- package/lib/tags/clickable-tag/ClickableTag.ve.js +1 -1
- package/lib/tags/index.js +109 -89
- package/lib/tags/index.umd.cjs +1 -1
- package/lib/tags/split-tag/SplitTag.css.d.ts.map +1 -1
- package/lib/tags/split-tag/SplitTag.ve.js +1 -1
- package/lib/tags/style.css +1 -1
- package/lib/tags/tag/Tag.ve.js +1 -1
- package/lib/zero-state/ZeroState.ve.js +1 -1
- package/lib/zero-state/index.js +1 -1
- package/lib/zero-state/index.umd.cjs +1 -1
- package/lib/zero-state/style.css +1 -1
- package/package.json +10 -10
package/lib/tabs/index.js
CHANGED
|
@@ -2,28 +2,28 @@ import * as o from "react";
|
|
|
2
2
|
import { useTabListState as A } from "@react-stately/tabs";
|
|
3
3
|
import { useTab as F, useTabPanel as D, useTabList as z } from "@react-aria/tabs";
|
|
4
4
|
import { Metadata as h, modChildren as q, cl as g, Content as U, useChildTestIdAttrBuilder as M, Icon as C } from "@sps-woodland/core";
|
|
5
|
-
function X(e,
|
|
6
|
-
return
|
|
5
|
+
function X(e, a, t) {
|
|
6
|
+
return a in e ? Object.defineProperty(e, a, {
|
|
7
7
|
value: t,
|
|
8
8
|
enumerable: !0,
|
|
9
9
|
configurable: !0,
|
|
10
10
|
writable: !0
|
|
11
|
-
}) : e[
|
|
11
|
+
}) : e[a] = t, e;
|
|
12
12
|
}
|
|
13
|
-
function O(e,
|
|
13
|
+
function O(e, a) {
|
|
14
14
|
var t = Object.keys(e);
|
|
15
15
|
if (Object.getOwnPropertySymbols) {
|
|
16
16
|
var s = Object.getOwnPropertySymbols(e);
|
|
17
|
-
|
|
17
|
+
a && (s = s.filter(function(r) {
|
|
18
18
|
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
19
19
|
})), t.push.apply(t, s);
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
}
|
|
23
|
-
function
|
|
24
|
-
for (var
|
|
25
|
-
var t = arguments[
|
|
26
|
-
|
|
23
|
+
function P(e) {
|
|
24
|
+
for (var a = 1; a < arguments.length; a++) {
|
|
25
|
+
var t = arguments[a] != null ? arguments[a] : {};
|
|
26
|
+
a % 2 ? O(Object(t), !0).forEach(function(s) {
|
|
27
27
|
X(e, s, t[s]);
|
|
28
28
|
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : O(Object(t)).forEach(function(s) {
|
|
29
29
|
Object.defineProperty(e, s, Object.getOwnPropertyDescriptor(t, s));
|
|
@@ -31,15 +31,15 @@ function L(e) {
|
|
|
31
31
|
}
|
|
32
32
|
return e;
|
|
33
33
|
}
|
|
34
|
-
var G = (e,
|
|
34
|
+
var G = (e, a, t) => {
|
|
35
35
|
for (var s of Object.keys(e)) {
|
|
36
36
|
var r;
|
|
37
|
-
if (e[s] !== ((r =
|
|
37
|
+
if (e[s] !== ((r = a[s]) !== null && r !== void 0 ? r : t[s]))
|
|
38
38
|
return !1;
|
|
39
39
|
}
|
|
40
40
|
return !0;
|
|
41
|
-
}, k = (e) => (
|
|
42
|
-
var t = e.defaultClassName, s =
|
|
41
|
+
}, k = (e) => (a) => {
|
|
42
|
+
var t = e.defaultClassName, s = P(P({}, e.defaultVariants), a);
|
|
43
43
|
for (var r in s) {
|
|
44
44
|
var c, d = (c = s[r]) !== null && c !== void 0 ? c : e.defaultVariants[r];
|
|
45
45
|
if (d != null) {
|
|
@@ -55,14 +55,14 @@ var G = (e, _, t) => {
|
|
|
55
55
|
for (var [f, p] of e.compoundVariants)
|
|
56
56
|
G(f, s, e.defaultVariants) && (t += " " + p);
|
|
57
57
|
return t;
|
|
58
|
-
}, H = k({ defaultClassName: "pkg_sps-
|
|
58
|
+
}, H = k({ defaultClassName: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u540", variantClassNames: { context: { container: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u541", navigation: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u542" }, active: { true: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u543", false: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u544" }, disabled: { true: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u545", false: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u546" } }, defaultVariants: {}, compoundVariants: [[{ context: "container", active: !0 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u547"], [{ context: "container", active: !1 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u548"], [{ context: "container", active: !1, disabled: !1 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u549"], [{ context: "navigation", active: !0 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54a"], [{ context: "navigation", active: !1 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54b"], [{ context: "navigation", active: !1, disabled: !1 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54c"], [{ context: "navigation", active: !1, disabled: !0 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54d"]] }), J = k({ defaultClassName: "", variantClassNames: { active: { true: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54e", false: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54f" }, disabled: { true: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54g", false: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54h" }, context: { navigation: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54i", container: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54j" } }, defaultVariants: {}, compoundVariants: [[{ context: "navigation", active: !0 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54k"]] });
|
|
59
59
|
function T({
|
|
60
60
|
context: e,
|
|
61
|
-
item:
|
|
61
|
+
item: a,
|
|
62
62
|
state: t,
|
|
63
63
|
...s
|
|
64
64
|
}) {
|
|
65
|
-
const { key: r } =
|
|
65
|
+
const { key: r } = a, c = o.useRef(null), { tabProps: d } = F({ key: r }, t, c), n = t.selectedKey === r, l = t.disabledKeys.has(r), f = q(a.rendered, (p) => p.type.displayName === "SpsTag" || h.isWoodlandComponent(p.type) && h.get(p.type).name === "Tag" ? [{
|
|
66
66
|
className: g(p.props.className, J({ active: n, disabled: l, context: e }))
|
|
67
67
|
}] : [{}]);
|
|
68
68
|
return /* @__PURE__ */ o.createElement(
|
|
@@ -77,9 +77,10 @@ function T({
|
|
|
77
77
|
);
|
|
78
78
|
}
|
|
79
79
|
h.set(T, { name: "Tab" });
|
|
80
|
+
var Q = 39, Y = "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k1", L = "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k2", Z = "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k3", $ = "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k4", ee = k({ defaultClassName: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k5 pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k0", variantClassNames: { context: { container: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k6", navigation: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k7" } }, defaultVariants: {}, compoundVariants: [] }), te = "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k8";
|
|
80
81
|
function R({
|
|
81
82
|
context: e,
|
|
82
|
-
"data-testid":
|
|
83
|
+
"data-testid": a,
|
|
83
84
|
state: t,
|
|
84
85
|
...s
|
|
85
86
|
}) {
|
|
@@ -89,17 +90,17 @@ function R({
|
|
|
89
90
|
{
|
|
90
91
|
...c,
|
|
91
92
|
ref: r,
|
|
92
|
-
|
|
93
|
+
className: te,
|
|
94
|
+
"data-testid": a
|
|
93
95
|
},
|
|
94
96
|
t.selectedItem ? t.selectedItem.props.children : null
|
|
95
97
|
);
|
|
96
98
|
}
|
|
97
99
|
h.set(R, { name: "TabPanel" });
|
|
98
|
-
|
|
99
|
-
const te = 0.75;
|
|
100
|
+
const _e = 0.75;
|
|
100
101
|
function ae({
|
|
101
102
|
className: e,
|
|
102
|
-
context:
|
|
103
|
+
context: a = "navigation",
|
|
103
104
|
"data-testid": t,
|
|
104
105
|
selectedKey: s,
|
|
105
106
|
defaultSelectedKey: r,
|
|
@@ -109,36 +110,36 @@ function ae({
|
|
|
109
110
|
...c,
|
|
110
111
|
selectedKey: s ?? void 0,
|
|
111
112
|
defaultSelectedKey: r ?? void 0
|
|
112
|
-
}, n = A(d), l = o.useRef(null), { tabListProps: f } = z(d, n, l), p = M({ "data-testid": t }), w =
|
|
113
|
-
const
|
|
114
|
-
if (!
|
|
115
|
-
const i =
|
|
116
|
-
|
|
113
|
+
}, n = A(d), l = o.useRef(null), { tabListProps: f } = z(d, n, l), p = M({ "data-testid": t }), w = a === "container", [E, N] = o.useState(!1), [B, V] = o.useState(!1), m = o.useCallback(() => {
|
|
114
|
+
const _ = l.current;
|
|
115
|
+
if (!_) return;
|
|
116
|
+
const i = _.scrollWidth - _.clientWidth;
|
|
117
|
+
N(_.scrollLeft > 1), V(i - _.scrollLeft > 1);
|
|
117
118
|
}, []);
|
|
118
119
|
o.useEffect(() => {
|
|
119
|
-
const
|
|
120
|
-
if (!
|
|
121
|
-
m(),
|
|
120
|
+
const _ = l.current;
|
|
121
|
+
if (!_) return;
|
|
122
|
+
m(), _.addEventListener("scroll", m, { passive: !0 });
|
|
122
123
|
const i = new ResizeObserver(m);
|
|
123
|
-
return i.observe(
|
|
124
|
-
|
|
124
|
+
return i.observe(_), () => {
|
|
125
|
+
_.removeEventListener("scroll", m), i.disconnect();
|
|
125
126
|
};
|
|
126
127
|
}, [m]);
|
|
127
|
-
const S = (
|
|
128
|
+
const S = (_) => {
|
|
128
129
|
const i = l.current;
|
|
129
130
|
if (!i) return;
|
|
130
|
-
const u = i.clientWidth *
|
|
131
|
-
i.scrollBy({ left:
|
|
131
|
+
const u = i.clientWidth * _e;
|
|
132
|
+
i.scrollBy({ left: _ === "left" ? -u : u, behavior: "smooth" });
|
|
132
133
|
}, y = o.useCallback(() => {
|
|
133
|
-
const
|
|
134
|
-
if (!
|
|
135
|
-
const i =
|
|
134
|
+
const _ = l.current;
|
|
135
|
+
if (!_) return;
|
|
136
|
+
const i = _.querySelector('[aria-selected="true"]');
|
|
136
137
|
if (!i) return;
|
|
137
|
-
const u =
|
|
138
|
-
b.left < W ?
|
|
138
|
+
const u = _.getBoundingClientRect(), b = i.getBoundingClientRect(), v = Q, x = _.scrollLeft > 1, I = _.scrollWidth - _.clientWidth - _.scrollLeft > 1, W = u.left + (x ? v : 0), K = u.right - (I ? v : 0);
|
|
139
|
+
b.left < W ? _.scrollBy({
|
|
139
140
|
left: b.left - (u.left + v),
|
|
140
141
|
behavior: "smooth"
|
|
141
|
-
}) : b.right > K &&
|
|
142
|
+
}) : b.right > K && _.scrollBy({
|
|
142
143
|
left: b.right - (u.right - v),
|
|
143
144
|
behavior: "smooth"
|
|
144
145
|
});
|
|
@@ -154,7 +155,7 @@ function ae({
|
|
|
154
155
|
{
|
|
155
156
|
"aria-label": "Show previous tabs",
|
|
156
157
|
title: "Show previous tabs",
|
|
157
|
-
className: g(
|
|
158
|
+
className: g(L, Z),
|
|
158
159
|
"data-side": "left",
|
|
159
160
|
onClick: () => S("left"),
|
|
160
161
|
type: "button"
|
|
@@ -165,25 +166,25 @@ function ae({
|
|
|
165
166
|
{
|
|
166
167
|
...f,
|
|
167
168
|
ref: l,
|
|
168
|
-
className: g(ee({ context:
|
|
169
|
+
className: g(ee({ context: a }), e),
|
|
169
170
|
onClickCapture: j
|
|
170
171
|
},
|
|
171
|
-
[...n.collection].map((
|
|
172
|
+
[...n.collection].map((_) => /* @__PURE__ */ o.createElement(
|
|
172
173
|
T,
|
|
173
174
|
{
|
|
174
|
-
key:
|
|
175
|
-
item:
|
|
175
|
+
key: _.key,
|
|
176
|
+
item: _,
|
|
176
177
|
state: n,
|
|
177
|
-
context:
|
|
178
|
-
...p(`tab-${String(
|
|
178
|
+
context: a,
|
|
179
|
+
...p(`tab-${String(_.key)}`)
|
|
179
180
|
}
|
|
180
181
|
))
|
|
181
|
-
), w &&
|
|
182
|
+
), w && B && /* @__PURE__ */ o.createElement(
|
|
182
183
|
"button",
|
|
183
184
|
{
|
|
184
185
|
"aria-label": "Show more tabs",
|
|
185
186
|
title: "Show more tabs",
|
|
186
|
-
className: g(
|
|
187
|
+
className: g(L, $),
|
|
187
188
|
onClick: () => S("right"),
|
|
188
189
|
type: "button"
|
|
189
190
|
},
|
|
@@ -193,7 +194,7 @@ function ae({
|
|
|
193
194
|
{
|
|
194
195
|
key: n.selectedItem ? n.selectedItem.key : null,
|
|
195
196
|
state: n,
|
|
196
|
-
context:
|
|
197
|
+
context: a,
|
|
197
198
|
...p("tab-panel")
|
|
198
199
|
}
|
|
199
200
|
));
|
package/lib/tabs/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(i,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react"),require("@react-stately/tabs"),require("@react-aria/tabs"),require("@sps-woodland/core")):typeof define=="function"&&define.amd?define(["exports","react","@react-stately/tabs","@react-aria/tabs","@sps-woodland/core"],m):(i=typeof globalThis<"u"?globalThis:i||self,m(i.Tabs={},i.react,i.reactStatelyTabs,i.reactAriaTabs,i.spsWoodlandCore))})(this,(function(i,m,N,w,l){"use strict";function B(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const _=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,_.get?_:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=B(m);function V(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function
|
|
1
|
+
(function(i,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react"),require("@react-stately/tabs"),require("@react-aria/tabs"),require("@sps-woodland/core")):typeof define=="function"&&define.amd?define(["exports","react","@react-stately/tabs","@react-aria/tabs","@sps-woodland/core"],m):(i=typeof globalThis<"u"?globalThis:i||self,m(i.Tabs={},i.react,i.reactStatelyTabs,i.reactAriaTabs,i.spsWoodlandCore))})(this,(function(i,m,N,w,l){"use strict";function B(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const _=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,_.get?_:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=B(m);function V(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function P(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var _=Object.getOwnPropertySymbols(e);a&&(_=_.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,_)}return t}function C(e){for(var a=1;a<arguments.length;a++){var t=arguments[a]!=null?arguments[a]:{};a%2?P(Object(t),!0).forEach(function(_){V(e,_,t[_])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach(function(_){Object.defineProperty(e,_,Object.getOwnPropertyDescriptor(t,_))})}return e}var I=(e,a,t)=>{for(var _ of Object.keys(e)){var r;if(e[_]!==((r=a[_])!==null&&r!==void 0?r:t[_]))return!1}return!0},k=e=>a=>{var t=e.defaultClassName,_=C(C({},e.defaultVariants),a);for(var r in _){var u,p=(u=_[r])!==null&&u!==void 0?u:e.defaultVariants[r];if(p!=null){var o=p;typeof o=="boolean"&&(o=o===!0?"true":"false");var c=e.variantClassNames[r][o];c&&(t+=" "+c)}}for(var[h,f]of e.compoundVariants)I(h,_,e.defaultVariants)&&(t+=" "+f);return t},x=k({defaultClassName:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u540",variantClassNames:{context:{container:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u541",navigation:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u542"},active:{true:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u543",false:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u544"},disabled:{true:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u545",false:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u546"}},defaultVariants:{},compoundVariants:[[{context:"container",active:!0},"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u547"],[{context:"container",active:!1},"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u548"],[{context:"container",active:!1,disabled:!1},"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u549"],[{context:"navigation",active:!0},"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54a"],[{context:"navigation",active:!1},"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54b"],[{context:"navigation",active:!1,disabled:!1},"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54c"],[{context:"navigation",active:!1,disabled:!0},"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54d"]]}),W=k({defaultClassName:"",variantClassNames:{active:{true:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54e",false:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54f"},disabled:{true:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54g",false:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54h"},context:{navigation:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54i",container:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54j"}},defaultVariants:{},compoundVariants:[[{context:"navigation",active:!0},"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54k"]]});function S({context:e,item:a,state:t,..._}){const{key:r}=a,u=n.useRef(null),{tabProps:p}=w.useTab({key:r},t,u),o=t.selectedKey===r,c=t.disabledKeys.has(r),h=l.modChildren(a.rendered,f=>f.type.displayName==="SpsTag"||l.Metadata.isWoodlandComponent(f.type)&&l.Metadata.get(f.type).name==="Tag"?[{className:l.cl(f.props.className,W({active:o,disabled:c,context:e}))}]:[{}]);return n.createElement("div",{...p,ref:u,className:x({active:o,disabled:c,context:e}),..._},h)}l.Metadata.set(S,{name:"Tab"});var M=39,q="pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k1",L="pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k2",A="pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k3",D="pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k4",K=k({defaultClassName:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k5 pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k0",variantClassNames:{context:{container:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k6",navigation:"pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k7"}},defaultVariants:{},compoundVariants:[]}),F="pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k8";function O({context:e,"data-testid":a,state:t,..._}){const r=n.useRef(null),{tabPanelProps:u}=w.useTabPanel(_,t,r),p=e==="container"?l.Content:"div";return n.createElement(p,{...u,ref:r,className:F,"data-testid":a},t.selectedItem?t.selectedItem.props.children:null)}l.Metadata.set(O,{name:"TabPanel"});const z=.75;function R({className:e,context:a="navigation","data-testid":t,selectedKey:_,defaultSelectedKey:r,...u}){const p={...u,selectedKey:_??void 0,defaultSelectedKey:r??void 0},o=N.useTabListState(p),c=n.useRef(null),{tabListProps:h}=w.useTabList(p,o,c),f=l.useChildTestIdAttrBuilder({"data-testid":t}),E=a==="container",[U,X]=n.useState(!1),[G,H]=n.useState(!1),v=n.useCallback(()=>{const s=c.current;if(!s)return;const d=s.scrollWidth-s.clientWidth;X(s.scrollLeft>1),H(d-s.scrollLeft>1)},[]);n.useEffect(()=>{const s=c.current;if(!s)return;v(),s.addEventListener("scroll",v,{passive:!0});const d=new ResizeObserver(v);return d.observe(s),()=>{s.removeEventListener("scroll",v),d.disconnect()}},[v]);const j=s=>{const d=c.current;if(!d)return;const b=d.clientWidth*z;d.scrollBy({left:s==="left"?-b:b,behavior:"smooth"})},T=n.useCallback(()=>{const s=c.current;if(!s)return;const d=s.querySelector('[aria-selected="true"]');if(!d)return;const b=s.getBoundingClientRect(),y=d.getBoundingClientRect(),g=M,Q=s.scrollLeft>1,Y=s.scrollWidth-s.clientWidth-s.scrollLeft>1,Z=b.left+(Q?g:0),$=b.right-(Y?g:0);y.left<Z?s.scrollBy({left:y.left-(b.left+g),behavior:"smooth"}):y.right>$&&s.scrollBy({left:y.right-(b.right-g),behavior:"smooth"})},[]);n.useEffect(()=>{T()},[o.selectedKey,T]);const J=()=>{requestAnimationFrame(()=>T())};return n.createElement(n.Fragment,null,n.createElement("div",{className:q,"data-testid":t},E&&U&&n.createElement("button",{"aria-label":"Show previous tabs",title:"Show previous tabs",className:l.cl(L,A),"data-side":"left",onClick:()=>j("left"),type:"button"},n.createElement(l.Icon,{icon:"chevron-left",size:"sm","aria-hidden":"true"})),n.createElement("div",{...h,ref:c,className:l.cl(K({context:a}),e),onClickCapture:J},[...o.collection].map(s=>n.createElement(S,{key:s.key,item:s,state:o,context:a,...f(`tab-${String(s.key)}`)}))),E&&G&&n.createElement("button",{"aria-label":"Show more tabs",title:"Show more tabs",className:l.cl(L,D),onClick:()=>j("right"),type:"button"},n.createElement(l.Icon,{icon:"chevron-right",size:"sm","aria-hidden":"true"}))),n.createElement(O,{key:o.selectedItem?o.selectedItem.key:null,state:o,context:a,...f("tab-panel")}))}l.Metadata.set(R,{name:"Tabs"}),i.Tab=S,i.TabPanel=O,i.Tabs=R,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));
|
package/lib/tabs/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-
|
|
1
|
+
.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u540{align-items:center;border-top-width:.0625rem;border-right-width:.0625rem;border-style:solid;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;line-height:.875rem;padding:.5rem 1rem;white-space:nowrap}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u540:focus{outline-color:#007db8;outline-style:solid;outline-offset:.125rem;outline-width:.125rem;box-shadow:0 0 0 .375rem #fff}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u541{border-bottom-width:0;border-left-width:.0625rem;border-top-left-radius:.25rem;border-top-right-radius:.25rem;color:#717779;margin-bottom:-1px}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u542{border-bottom-width:.0625rem;border-left-width:0}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u542:first-child{border-left-width:.0625rem;border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u542:last-child{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u545{cursor:not-allowed}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u547{background-color:#fff;border-color:#d2d4d4;color:#1f282c}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u548{border-color:transparent}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u549:hover{background-color:#f3f4f4;border-color:#d2d4d4;box-shadow:0 -.0625rem #d2d4d4 inset}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54a{background-color:#007db8;border-color:#007db8;color:#fff}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54b{background-color:#fff;border-color:#d2d4d4;color:#4b5356}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54c:hover{background-color:#f3f4f4}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54d{color:#717779}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54k{background-color:#fff!important;color:#4b5356!important}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u540 svg{margin-bottom:0}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k0{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k0::-webkit-scrollbar{display:none}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k1{position:relative}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k2{position:absolute;bottom:1px;z-index:1;display:flex;align-items:center;height:34px;width:32px;background-color:#e9e9ea;justify-content:center;border:none;padding:0;cursor:pointer}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k2:focus{outline:none}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k2:after{content:"";position:absolute;display:block;height:34px;width:8px}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k3{left:0}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k3:after{background:linear-gradient(to right,#e9e9eaff,transparent);right:-7px}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k4{right:0}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k4:after{background:linear-gradient(to left,#e9e9eaff,transparent);left:-7px}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k6{background-color:#e9e9ea;border-bottom-color:#d2d4d4;border-bottom-style:solid;border-bottom-width:.0625rem;border-top-left-radius:.25rem;border-top-right-radius:.25rem;padding-top:1rem;padding-left:1rem;padding-right:1rem}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k7{margin-bottom:1rem}.pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k8:focus{outline-color:#007db8;outline-style:solid;outline-offset:.125rem;outline-width:.125rem;box-shadow:0 0 0 6px #fff}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.css.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab/Tab.css.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAKlG,UAAU,qBAAsB,SAAQ,kBAAkB;IACxD,OAAO,EAAE,aAAa,CAAC,WAAW,GAAG,YAAY,CAAC,CAAC;IACnD,MAAM,EAAE,oBAAoB,CAAC;IAC7B,QAAQ,EAAE,oBAAoB,CAAC;CAChC;AAED,eAAO,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"Tab.css.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab/Tab.css.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAKlG,UAAU,qBAAsB,SAAQ,kBAAkB;IACxD,OAAO,EAAE,aAAa,CAAC,WAAW,GAAG,YAAY,CAAC,CAAC;IACnD,MAAM,EAAE,oBAAoB,CAAC;IAC7B,QAAQ,EAAE,oBAAoB,CAAC;CAChC;AAED,eAAO,MAAM,GAAG,8GA4Hd,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;AAElE,eAAO,MAAM,MAAM,8GA2BjB,CAAC"}
|
package/lib/tabs/tab/Tab.ve.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
import { createRuntimeFn as _ } from "../../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";
|
|
3
|
-
var o = _({ defaultClassName: "pkg_sps-
|
|
3
|
+
var o = _({ defaultClassName: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u540", variantClassNames: { context: { container: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u541", navigation: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u542" }, active: { true: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u543", false: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u544" }, disabled: { true: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u545", false: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u546" } }, defaultVariants: {}, compoundVariants: [[{ context: "container", active: !0 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u547"], [{ context: "container", active: !1 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u548"], [{ context: "container", active: !1, disabled: !1 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u549"], [{ context: "navigation", active: !0 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54a"], [{ context: "navigation", active: !1 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54b"], [{ context: "navigation", active: !1, disabled: !1 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54c"], [{ context: "navigation", active: !1, disabled: !0 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54d"]] }), e = _({ defaultClassName: "", variantClassNames: { active: { true: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54e", false: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54f" }, disabled: { true: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54g", false: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54h" }, context: { navigation: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54i", container: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54j" } }, defaultVariants: {}, compoundVariants: [[{ context: "navigation", active: !0 }, "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_p40u54k"]] });
|
|
4
4
|
export {
|
|
5
5
|
o as tab,
|
|
6
6
|
e as tabTag
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab-panel/TabPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab-panel/TabPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGrD,wBAAgB,QAAQ,CAAC,CAAC,EACxB,EACE,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,iBAAiB,GAAG,cAAc,CAAC,YAAY,GAAG;IACnD,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;CACxB,EAAE,cAAc,CAAC,GACjB,KAAK,CAAC,YAAY,CAkBpB"}
|
|
@@ -1,24 +1,26 @@
|
|
|
1
|
-
import { useTabPanel as
|
|
2
|
-
import { Metadata as
|
|
3
|
-
import * as
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import { useTabPanel as s } from "@react-aria/tabs";
|
|
2
|
+
import { Metadata as c, Content as i } from "@sps-woodland/core";
|
|
3
|
+
import * as a from "react";
|
|
4
|
+
import { tabPanel as d } from "../tabs/Tabs.ve.js";
|
|
5
|
+
function p({
|
|
6
|
+
context: n,
|
|
6
7
|
"data-testid": o,
|
|
7
8
|
state: e,
|
|
8
9
|
...r
|
|
9
10
|
}) {
|
|
10
|
-
const t =
|
|
11
|
-
return /* @__PURE__ */
|
|
12
|
-
|
|
11
|
+
const t = a.useRef(null), { tabPanelProps: l } = s(r, e, t), m = n === "container" ? i : "div";
|
|
12
|
+
return /* @__PURE__ */ a.createElement(
|
|
13
|
+
m,
|
|
13
14
|
{
|
|
14
15
|
...l,
|
|
15
16
|
ref: t,
|
|
17
|
+
className: d,
|
|
16
18
|
"data-testid": o
|
|
17
19
|
},
|
|
18
20
|
e.selectedItem ? e.selectedItem.props.children : null
|
|
19
21
|
);
|
|
20
22
|
}
|
|
21
|
-
|
|
23
|
+
c.set(p, { name: "TabPanel" });
|
|
22
24
|
export {
|
|
23
|
-
|
|
25
|
+
p as TabPanel
|
|
24
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.css.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs/Tabs.css.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAO/D,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C,eAAO,MAAM,8BAA8B,QAAkC,CAAC;AAE9E,eAAO,MAAM,iCAAiC,QACW,CAAC;AAc1D,eAAO,MAAM,iBAAiB,QAE5B,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAuB3B,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAM/B,CAAC;AACH,eAAO,MAAM,qBAAqB,QAMhC,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;+BAQ+C,GAAG;;;;;;;;;;;;EAajE,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Tabs.css.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs/Tabs.css.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAO/D,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C,eAAO,MAAM,8BAA8B,QAAkC,CAAC;AAE9E,eAAO,MAAM,iCAAiC,QACW,CAAC;AAc1D,eAAO,MAAM,iBAAiB,QAE5B,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAuB3B,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAM/B,CAAC;AACH,eAAO,MAAM,qBAAqB,QAMhC,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;+BAQ+C,GAAG;;;;;;;;;;;;EAajE,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEvD,eAAO,MAAM,QAAQ,QAInB,CAAC"}
|
package/lib/tabs/tabs/Tabs.ve.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
import { createRuntimeFn as _ } from "../../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";
|
|
3
|
-
var o = 39, n = "pkg_sps-
|
|
3
|
+
var o = 39, n = "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k1", r = "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k2", t = "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k3", m = "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k4", e = _({ defaultClassName: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k5 pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k0", variantClassNames: { context: { container: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k6", navigation: "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k7" } }, defaultVariants: {}, compoundVariants: [] }), l = "pkg_sps-woodland_core__family_tabs__version_8_56_2__hash_1mdnm0k8";
|
|
4
4
|
export {
|
|
5
5
|
o as SCROLL_BUTTON_VISUAL_FOOTPRINT_PX,
|
|
6
|
+
l as tabPanel,
|
|
6
7
|
e as tabs,
|
|
7
8
|
r as tabsScrollButton,
|
|
8
9
|
t as tabsScrollButtonLeft,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Tokens } from "@sps-woodland/tokens";
|
|
2
2
|
import type { VariantDefinitions, RecipeVariant, BooleanRecipeVariant } from "@sps-woodland/core";
|
|
3
|
-
export type ClickableTagKind = keyof typeof Tokens.component["clickable-tag"]["kind"];
|
|
3
|
+
export type ClickableTagKind = keyof (typeof Tokens.component)["clickable-tag"]["kind"];
|
|
4
4
|
interface ClickableTagVariantDefinitions extends VariantDefinitions {
|
|
5
5
|
kind: RecipeVariant<ClickableTagKind>;
|
|
6
6
|
disabled: BooleanRecipeVariant;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickableTag.css.d.ts","sourceRoot":"","sources":["../../../src/tags/clickable-tag/ClickableTag.css.ts"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"ClickableTag.css.d.ts","sourceRoot":"","sources":["../../../src/tags/clickable-tag/ClickableTag.css.ts"],"names":[],"mappings":"AAEA,OAAO,EAAkB,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAIlG,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAExF,UAAU,8BAA+B,SAAQ,kBAAkB;IACjE,IAAI,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACtC,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,IAAI,EAAE,oBAAoB,CAAC;IAC3B,IAAI,EAAE,oBAAoB,CAAC;IAC3B,WAAW,EAAE,oBAAoB,CAAC;CACnC;AAED,eAAO,MAAM,YAAY,2JA+CvB,CAAC;AAEH,eAAO,MAAM,iBAAiB,qIAuE5B,CAAC;AAEH,eAAO,MAAM,uBAAuB,qIAqClC,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAO3B,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAY3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickableTag.d.ts","sourceRoot":"","sources":["../../../src/tags/clickable-tag/ClickableTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAUzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"ClickableTag.d.ts","sourceRoot":"","sources":["../../../src/tags/clickable-tag/ClickableTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAUzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,CACf;IACE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACjD,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,EACD,cAAc,CACf,GAAG,KAAK,CAAC,YAAY,CAkGrB"}
|
|
@@ -1,61 +1,81 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { Metadata as
|
|
3
|
-
import { clickableTag as
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import * as l from "react";
|
|
2
|
+
import { Metadata as d, cl as s, Icon as N } from "@sps-woodland/core";
|
|
3
|
+
import { clickableTag as v, clickableTagLabel as C, clickableTagLink as I, clickableTagIconWrapper as x, clickableTagIcon as D } from "./ClickableTag.ve.js";
|
|
4
|
+
import { useWoodlandLanguage as _ } from "@spscommerce/i18n";
|
|
5
|
+
function $({
|
|
6
|
+
children: c,
|
|
7
|
+
className: m,
|
|
8
|
+
onClick: i,
|
|
9
|
+
disabled: t,
|
|
10
|
+
wrap: p,
|
|
10
11
|
href: o,
|
|
11
|
-
target:
|
|
12
|
-
kind:
|
|
13
|
-
onAdd:
|
|
14
|
-
onRemove:
|
|
12
|
+
target: g,
|
|
13
|
+
kind: k,
|
|
14
|
+
onAdd: a,
|
|
15
|
+
onRemove: r,
|
|
15
16
|
...b
|
|
16
17
|
}) {
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
if (
|
|
18
|
+
const { t: u } = _(), n = l.Children.toArray(c).filter((e) => typeof e == "string").join("");
|
|
19
|
+
l.useEffect(() => {
|
|
20
|
+
if (r && a)
|
|
20
21
|
throw new Error("Clickable tag should have onRemove or onAdd, not both");
|
|
21
|
-
}, [
|
|
22
|
-
function
|
|
23
|
-
|
|
22
|
+
}, [a, r]);
|
|
23
|
+
function y(e) {
|
|
24
|
+
a ? a() : r && r(), e.stopPropagation();
|
|
24
25
|
}
|
|
25
|
-
function
|
|
26
|
-
|
|
26
|
+
function T(e) {
|
|
27
|
+
if (e.stopPropagation(), t) {
|
|
28
|
+
e.preventDefault();
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
i && i(e);
|
|
27
32
|
}
|
|
28
|
-
|
|
33
|
+
const E = !!i && !o;
|
|
34
|
+
function f(e) {
|
|
35
|
+
t || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), e.currentTarget.click());
|
|
36
|
+
}
|
|
37
|
+
return /* @__PURE__ */ l.createElement("div", { className: s(v({ kind: k, disabled: t, wrap: p }), m), ...b }, /* @__PURE__ */ l.createElement(
|
|
29
38
|
"span",
|
|
30
39
|
{
|
|
31
40
|
className: s(
|
|
32
|
-
|
|
33
|
-
link: !!o || !!
|
|
34
|
-
disabled:
|
|
35
|
-
wrap:
|
|
36
|
-
addOrRemove:
|
|
41
|
+
C({
|
|
42
|
+
link: !!o || !!i,
|
|
43
|
+
disabled: t,
|
|
44
|
+
wrap: p,
|
|
45
|
+
addOrRemove: a || r
|
|
37
46
|
})
|
|
38
47
|
),
|
|
39
|
-
onClick:
|
|
40
|
-
title:
|
|
48
|
+
onClick: T,
|
|
49
|
+
title: n,
|
|
50
|
+
...E ? {
|
|
51
|
+
role: "button",
|
|
52
|
+
tabIndex: t ? void 0 : 0,
|
|
53
|
+
"aria-disabled": t || void 0,
|
|
54
|
+
onKeyDown: f
|
|
55
|
+
} : {}
|
|
41
56
|
},
|
|
42
|
-
o ? /* @__PURE__ */
|
|
43
|
-
), (
|
|
57
|
+
o ? /* @__PURE__ */ l.createElement("a", { className: I, href: o, target: g }, c) : c
|
|
58
|
+
), (a || r) && !t && /* @__PURE__ */ l.createElement(
|
|
44
59
|
"div",
|
|
45
60
|
{
|
|
46
61
|
className: s(
|
|
47
|
-
|
|
48
|
-
wrap:
|
|
62
|
+
x({
|
|
63
|
+
wrap: p
|
|
49
64
|
})
|
|
50
65
|
),
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
66
|
+
role: "button",
|
|
67
|
+
onClick: y,
|
|
68
|
+
onKeyDown: f,
|
|
69
|
+
tabIndex: 0,
|
|
70
|
+
"aria-label": a ? `${u("clickableTag.add", {
|
|
71
|
+
elementName: n,
|
|
72
|
+
defaultValue: `Add ${n}`
|
|
73
|
+
})}` : `${u("clickableTag.remove", { elementName: n, defaultValue: `Remove ${n}` })}`
|
|
54
74
|
},
|
|
55
|
-
/* @__PURE__ */
|
|
75
|
+
/* @__PURE__ */ l.createElement(N, { className: D, "aria-hidden": "true", icon: a ? "plus-sign" : "x" })
|
|
56
76
|
));
|
|
57
77
|
}
|
|
58
|
-
|
|
78
|
+
d.set($, {
|
|
59
79
|
name: "Clickable Tag",
|
|
60
80
|
props: {
|
|
61
81
|
disabled: { type: "boolean", default: "false" },
|
|
@@ -68,5 +88,5 @@ y.set(v, {
|
|
|
68
88
|
}
|
|
69
89
|
});
|
|
70
90
|
export {
|
|
71
|
-
|
|
91
|
+
$ as ClickableTag
|
|
72
92
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
import { createRuntimeFn as _ } from "../../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";
|
|
3
|
-
var l = _({ defaultClassName: "pkg_sps-
|
|
3
|
+
var l = _({ defaultClassName: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu50", variantClassNames: { kind: { blue: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu51", gray: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu52" }, disabled: { true: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu53", false: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu54" }, wrap: { true: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu55", false: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu56" } }, defaultVariants: { kind: "blue", disabled: !1, wrap: !1 }, compoundVariants: [] }), e = _({ defaultClassName: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu57", variantClassNames: { link: { true: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu58", false: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu59" }, wrap: { true: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu5a", false: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu5b" }, disabled: { true: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu5c", false: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu5d" }, addOrRemove: { true: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu5e", false: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu5f" } }, defaultVariants: { link: !1, wrap: !1, disabled: !1, addOrRemove: !1 }, compoundVariants: [[{ disabled: !1, wrap: !1, addOrRemove: !0 }, "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu5g"]] }), o = _({ defaultClassName: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu5h", variantClassNames: { wrap: { true: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu5i", false: "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu5j" } }, defaultVariants: { wrap: !1 }, compoundVariants: [] }), r = "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu5k", d = "pkg_sps-woodland_core__family_tags__version_8_56_2__hash_1avalu5l";
|
|
4
4
|
export {
|
|
5
5
|
l as clickableTag,
|
|
6
6
|
r as clickableTagIcon,
|