@sps-woodland/content-row 8.23.10 → 8.23.12
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/index.js +81 -81
- package/lib/index.umd.cjs +2 -2
- package/lib/style.css +1 -1
- package/package.json +13 -13
package/lib/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
import { Metadata as
|
|
2
|
+
import { Metadata as u, cl as l, selectChildren as Z, I18nContext as re, Icon as le, modChildren as _e } from "@sps-woodland/core";
|
|
3
3
|
import { Button as B } from "@sps-woodland/buttons";
|
|
4
|
-
import { SpsTextInput as
|
|
4
|
+
import { SpsTextInput as de, SpsCheckbox as ie } from "@spscommerce/ds-react";
|
|
5
5
|
import { ButtonKind as G, SpsIcon as q } from "@spscommerce/ds-shared";
|
|
6
6
|
import { code as m } from "@spscommerce/utils";
|
|
7
|
-
function
|
|
7
|
+
function ce(o, s, t) {
|
|
8
8
|
return s in o ? Object.defineProperty(o, s, {
|
|
9
9
|
value: t,
|
|
10
10
|
enumerable: !0,
|
|
@@ -26,14 +26,14 @@ function U(o) {
|
|
|
26
26
|
for (var s = 1; s < arguments.length; s++) {
|
|
27
27
|
var t = arguments[s] != null ? arguments[s] : {};
|
|
28
28
|
s % 2 ? J(Object(t), !0).forEach(function(n) {
|
|
29
|
-
|
|
29
|
+
ce(o, n, t[n]);
|
|
30
30
|
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : J(Object(t)).forEach(function(n) {
|
|
31
31
|
Object.defineProperty(o, n, Object.getOwnPropertyDescriptor(t, n));
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
34
|
return o;
|
|
35
35
|
}
|
|
36
|
-
var
|
|
36
|
+
var pe = (o, s, t) => {
|
|
37
37
|
for (var n of Object.keys(o)) {
|
|
38
38
|
var a;
|
|
39
39
|
if (o[n] !== ((a = s[n]) !== null && a !== void 0 ? a : t[n]))
|
|
@@ -54,10 +54,10 @@ var ce = (o, s, t) => {
|
|
|
54
54
|
R && (t += " " + R);
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
for (var [
|
|
58
|
-
|
|
57
|
+
for (var [C, f] of o.compoundVariants)
|
|
58
|
+
pe(C, n, o.defaultVariants) && (t += " " + f);
|
|
59
59
|
return t;
|
|
60
|
-
},
|
|
60
|
+
}, me = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv0", variantClassNames: { lean: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv1", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv2" }, borderless: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv3", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv4" }, wrapContent: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv5", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv6" } }, defaultVariants: { lean: !1, borderless: !1, wrapContent: !1 }, compoundVariants: [] }), we = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv7", variantClassNames: { lean: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv8", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv9" }, borderless: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufva", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufvb" }, wrapContent: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufvc", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufvd" } }, defaultVariants: { lean: !1, borderless: !1, wrapContent: !1 }, compoundVariants: [] });
|
|
61
61
|
function c({
|
|
62
62
|
children: o,
|
|
63
63
|
className: s,
|
|
@@ -68,31 +68,31 @@ function c({
|
|
|
68
68
|
style: i,
|
|
69
69
|
wrapContent: r = !1,
|
|
70
70
|
__autoLayout: R = !1,
|
|
71
|
-
...
|
|
71
|
+
...C
|
|
72
72
|
}) {
|
|
73
|
-
const
|
|
73
|
+
const f = a ? a / 16 : _, h = f ? {
|
|
74
74
|
...i,
|
|
75
|
-
width: `${
|
|
75
|
+
width: `${f}rem`
|
|
76
76
|
} : i;
|
|
77
77
|
return R ? /* @__PURE__ */ e.createElement(
|
|
78
78
|
"td",
|
|
79
79
|
{
|
|
80
|
-
className: l(
|
|
81
|
-
...
|
|
82
|
-
style:
|
|
80
|
+
className: l(we({ lean: n, borderless: t, wrapContent: r }), s),
|
|
81
|
+
...C,
|
|
82
|
+
style: h
|
|
83
83
|
},
|
|
84
84
|
o
|
|
85
85
|
) : /* @__PURE__ */ e.createElement(
|
|
86
86
|
"div",
|
|
87
87
|
{
|
|
88
|
-
className: l(
|
|
89
|
-
...
|
|
90
|
-
style:
|
|
88
|
+
className: l(me({ lean: n, borderless: t, wrapContent: r }), s),
|
|
89
|
+
...C,
|
|
90
|
+
style: h
|
|
91
91
|
},
|
|
92
92
|
o
|
|
93
93
|
);
|
|
94
94
|
}
|
|
95
|
-
|
|
95
|
+
u.set(c, {
|
|
96
96
|
name: "Content Row Col",
|
|
97
97
|
props: {
|
|
98
98
|
borderless: { type: "boolean" },
|
|
@@ -102,8 +102,8 @@ w.set(c, {
|
|
|
102
102
|
wrapContent: { type: "boolean" }
|
|
103
103
|
}
|
|
104
104
|
});
|
|
105
|
-
var
|
|
106
|
-
function
|
|
105
|
+
var ue = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee4", variantClassNames: { expanded: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee5", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee6" } }, defaultVariants: { expanded: !1 }, compoundVariants: [] }), Ce = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee7", variantClassNames: { cardSpacing: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee8", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee9" }, expanded: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeea", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeb" }, selected: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeec", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeed" }, reorderable: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeee", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeef" } }, defaultVariants: { expanded: !1, selected: !1, cardSpacing: !1 }, compoundVariants: [[{ expanded: !0, cardSpacing: !0 }, "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeg"]] }), Q = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeer", variantClassNames: { __autoLayout: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjees", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeet" } }, defaultVariants: { __autoLayout: !1 }, compoundVariants: [] }), fe = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeh", variantClassNames: { selected: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeei", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeej" }, expanded: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeek", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeel" } }, defaultVariants: { selected: !1, expanded: !1 }, compoundVariants: [] }), he = "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeem", be = "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeen", Re = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeo", variantClassNames: { disabled: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeep", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeq" } }, defaultVariants: {}, compoundVariants: [] }), ge = "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee10", ve = "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee11", ke = "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeez", X = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee12", variantClassNames: { disabled: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee13", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee14" }, up: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee15", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee16" }, down: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee17", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee18" } }, defaultVariants: { disabled: !1, up: !1, down: !1 }, compoundVariants: [] }), ye = "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeev", Y = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeew", variantClassNames: { reorderable: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeex", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeey" } }, defaultVariants: { reorderable: !1 }, compoundVariants: [] }), N = "pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeu";
|
|
106
|
+
function P({
|
|
107
107
|
children: o,
|
|
108
108
|
className: s,
|
|
109
109
|
__autoLayout: t = !1,
|
|
@@ -119,7 +119,7 @@ function I({
|
|
|
119
119
|
o
|
|
120
120
|
)) : /* @__PURE__ */ e.createElement("div", { className: l(Q({ __autoLayout: t }), s), ...n }, o);
|
|
121
121
|
}
|
|
122
|
-
|
|
122
|
+
u.set(P, {
|
|
123
123
|
name: "Content Row Expansion"
|
|
124
124
|
});
|
|
125
125
|
function $({
|
|
@@ -132,17 +132,17 @@ function $({
|
|
|
132
132
|
onBeforeCollapsed: i,
|
|
133
133
|
onBeforeExpanded: r,
|
|
134
134
|
onSelectionChange: R,
|
|
135
|
-
onCollapsed:
|
|
136
|
-
onExpanded:
|
|
137
|
-
selectable:
|
|
138
|
-
selected:
|
|
139
|
-
renderExpandedContent:
|
|
135
|
+
onCollapsed: C,
|
|
136
|
+
onExpanded: f,
|
|
137
|
+
selectable: h = !1,
|
|
138
|
+
selected: S,
|
|
139
|
+
renderExpandedContent: z = !0,
|
|
140
140
|
disableSelection: ee = !1,
|
|
141
|
-
disableExpansion:
|
|
142
|
-
hideExpansionControl:
|
|
143
|
-
__autoLayout:
|
|
141
|
+
disableExpansion: I = !1,
|
|
142
|
+
hideExpansionControl: y = !1,
|
|
143
|
+
__autoLayout: M = !1,
|
|
144
144
|
__reorderable: k = !1,
|
|
145
|
-
__onOrderChange:
|
|
145
|
+
__onOrderChange: x = () => {
|
|
146
146
|
},
|
|
147
147
|
__index: d = 0,
|
|
148
148
|
__canBeMovedUp: F,
|
|
@@ -151,50 +151,50 @@ function $({
|
|
|
151
151
|
}) {
|
|
152
152
|
const [A, [g]] = Z(o, [
|
|
153
153
|
{ type: c },
|
|
154
|
-
{ type:
|
|
155
|
-
]), { t: oe } = e.useContext(
|
|
156
|
-
|
|
157
|
-
), [
|
|
154
|
+
{ type: P }
|
|
155
|
+
]), { t: oe } = e.useContext(re), [te, D] = e.useState(
|
|
156
|
+
z || n
|
|
157
|
+
), [ne, L] = e.useState(n), w = typeof _ == "boolean" ? _ : ne, T = M ? w : te, [j, V] = e.useState((d + 1).toString() || "");
|
|
158
158
|
e.useEffect(() => {
|
|
159
|
-
|
|
159
|
+
V((d + 1).toString() || "");
|
|
160
160
|
}, [d]);
|
|
161
|
-
function
|
|
162
|
-
|
|
161
|
+
function se(b) {
|
|
162
|
+
V(b.target.value);
|
|
163
163
|
}
|
|
164
164
|
function W() {
|
|
165
|
-
Number(
|
|
165
|
+
Number(j) ? x(d, Number(j) - 1) : (V((d + 1).toString() || ""), x(d, d));
|
|
166
166
|
}
|
|
167
|
-
function
|
|
168
|
-
b.stopPropagation(),
|
|
167
|
+
function ae(b) {
|
|
168
|
+
b.stopPropagation(), w && (!i || i()) ? (L(!1), z || D(!1), C && C()) : !w && (!r || r()) && (L(!0), z || D(!0), f && f());
|
|
169
169
|
}
|
|
170
|
-
const v = () => /* @__PURE__ */ e.createElement(
|
|
170
|
+
const v = () => /* @__PURE__ */ e.createElement(ie, { disabled: ee, checked: S, onChange: R }), E = /* @__PURE__ */ e.createElement(
|
|
171
171
|
"button",
|
|
172
172
|
{
|
|
173
173
|
type: "button",
|
|
174
|
-
className: l(
|
|
175
|
-
onClick:
|
|
176
|
-
"aria-label": oe(`design-system:contentRow.${
|
|
177
|
-
disabled:
|
|
174
|
+
className: l(be),
|
|
175
|
+
onClick: ae,
|
|
176
|
+
"aria-label": oe(`design-system:contentRow.${w ? "collapse" : "expand"}`),
|
|
177
|
+
disabled: I
|
|
178
178
|
},
|
|
179
179
|
/* @__PURE__ */ e.createElement(
|
|
180
|
-
|
|
180
|
+
le,
|
|
181
181
|
{
|
|
182
|
-
className: l(
|
|
183
|
-
icon:
|
|
182
|
+
className: l(Re({ disabled: I })),
|
|
183
|
+
icon: w ? "minus-circle" : "plus-circle"
|
|
184
184
|
}
|
|
185
185
|
)
|
|
186
186
|
);
|
|
187
|
-
if (
|
|
188
|
-
const b = /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("td", { className: l(
|
|
189
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("tr", { className: l(
|
|
187
|
+
if (M) {
|
|
188
|
+
const b = /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("td", { className: l(he), colSpan: 100 }));
|
|
189
|
+
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("tr", { className: l(fe({ selected: S, expanded: w })), ...O }, h && !t && /* @__PURE__ */ e.createElement(c, { widthPx: 46, __autoLayout: !0 }, /* @__PURE__ */ e.createElement(v, null)), g && !t && !y && /* @__PURE__ */ e.createElement(c, { widthPx: 44, __autoLayout: !0 }, E), g && h && t && /* @__PURE__ */ e.createElement(c, { widthPx: 46, __autoLayout: !0 }, y ? /* @__PURE__ */ e.createElement(v, null) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("section", { className: N }, /* @__PURE__ */ e.createElement(v, null)), /* @__PURE__ */ e.createElement("section", { className: N }, E))), A), T && g, b);
|
|
190
190
|
}
|
|
191
|
-
const K = /* @__PURE__ */ e.createElement("div", { className: l(
|
|
191
|
+
const K = /* @__PURE__ */ e.createElement("div", { className: l(ue({ expanded: w }), s), ...O }, /* @__PURE__ */ e.createElement(
|
|
192
192
|
"div",
|
|
193
193
|
{
|
|
194
194
|
className: l(
|
|
195
|
-
|
|
196
|
-
expanded:
|
|
197
|
-
selected:
|
|
195
|
+
Ce({
|
|
196
|
+
expanded: w,
|
|
197
|
+
selected: S,
|
|
198
198
|
cardSpacing: a,
|
|
199
199
|
reorderable: k
|
|
200
200
|
})
|
|
@@ -209,7 +209,7 @@ function $({
|
|
|
209
209
|
}),
|
|
210
210
|
kind: G.ICON,
|
|
211
211
|
icon: q.CHEVRON_UP,
|
|
212
|
-
onClick: () =>
|
|
212
|
+
onClick: () => x(d, d - 1),
|
|
213
213
|
disabled: !F
|
|
214
214
|
}
|
|
215
215
|
)), /* @__PURE__ */ e.createElement("section", { className: Y({ reorderable: k }) }, /* @__PURE__ */ e.createElement(
|
|
@@ -221,21 +221,21 @@ function $({
|
|
|
221
221
|
}),
|
|
222
222
|
kind: G.ICON,
|
|
223
223
|
icon: q.CHEVRON_DOWN,
|
|
224
|
-
onClick: () =>
|
|
224
|
+
onClick: () => x(d, d + 1),
|
|
225
225
|
disabled: !H
|
|
226
226
|
}
|
|
227
227
|
))),
|
|
228
|
-
|
|
229
|
-
g && !t && !
|
|
230
|
-
g &&
|
|
228
|
+
h && !t && /* @__PURE__ */ e.createElement(c, { widthPx: 46 }, /* @__PURE__ */ e.createElement(v, null)),
|
|
229
|
+
g && !t && !y && /* @__PURE__ */ e.createElement(c, { widthPx: 44 }, E),
|
|
230
|
+
g && h && t && /* @__PURE__ */ e.createElement(c, { widthPx: 46 }, y ? /* @__PURE__ */ e.createElement(v, null) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("section", { className: N }, /* @__PURE__ */ e.createElement(v, null)), /* @__PURE__ */ e.createElement("section", { className: N }, E))),
|
|
231
231
|
A
|
|
232
|
-
),
|
|
233
|
-
return k ? /* @__PURE__ */ e.createElement("div", { className:
|
|
234
|
-
|
|
232
|
+
), T && g);
|
|
233
|
+
return k ? /* @__PURE__ */ e.createElement("div", { className: ye }, /* @__PURE__ */ e.createElement("div", { className: l(ke, s) }, /* @__PURE__ */ e.createElement("div", { className: ge }, /* @__PURE__ */ e.createElement(
|
|
234
|
+
de,
|
|
235
235
|
{
|
|
236
|
-
className:
|
|
237
|
-
value:
|
|
238
|
-
onChange:
|
|
236
|
+
className: ve,
|
|
237
|
+
value: j,
|
|
238
|
+
onChange: se,
|
|
239
239
|
onBlur: () => W(),
|
|
240
240
|
onKeyUp: (b) => {
|
|
241
241
|
b.key === "Enter" && W();
|
|
@@ -244,7 +244,7 @@ function $({
|
|
|
244
244
|
}
|
|
245
245
|
))), K) : K;
|
|
246
246
|
}
|
|
247
|
-
|
|
247
|
+
u.set($, {
|
|
248
248
|
name: "Content Row",
|
|
249
249
|
props: {
|
|
250
250
|
alternateLayout: { type: "boolean", default: "false" },
|
|
@@ -264,15 +264,15 @@ w.set($, {
|
|
|
264
264
|
hideExpansionControl: { type: "boolean", default: "false" }
|
|
265
265
|
}
|
|
266
266
|
});
|
|
267
|
-
var
|
|
268
|
-
const
|
|
267
|
+
var xe = p({ defaultClassName: "pkg_sps-woodland_content-row__version_8_23_12__hash_1wuky9j0", variantClassNames: { wrapContent: { true: "pkg_sps-woodland_content-row__version_8_23_12__hash_1wuky9j1", false: "pkg_sps-woodland_content-row__version_8_23_12__hash_1wuky9j2" } }, defaultVariants: { wrapContent: !1 }, compoundVariants: [] });
|
|
268
|
+
const Ee = /* @__PURE__ */ new Set([
|
|
269
269
|
"Content Row",
|
|
270
270
|
"Content Row Col",
|
|
271
271
|
"Content Row Expansion",
|
|
272
272
|
"Sorting Header",
|
|
273
273
|
"Sorting Header Cell"
|
|
274
274
|
]);
|
|
275
|
-
function
|
|
275
|
+
function Ne({
|
|
276
276
|
children: o,
|
|
277
277
|
className: s,
|
|
278
278
|
wrapContent: t = !1,
|
|
@@ -281,7 +281,7 @@ function Ee({
|
|
|
281
281
|
const a = e.useMemo(
|
|
282
282
|
() => (
|
|
283
283
|
// eslint-disable-next-line implicit-arrow-linebreak
|
|
284
|
-
|
|
284
|
+
_e(o, (r) => u.isWoodlandComponent(r.type) && Ee.has(u.get(r.type).name) ? [
|
|
285
285
|
{
|
|
286
286
|
__autoLayout: !0
|
|
287
287
|
}
|
|
@@ -293,22 +293,22 @@ function Ee({
|
|
|
293
293
|
// eslint-disable-next-line implicit-arrow-linebreak
|
|
294
294
|
Z(a, [
|
|
295
295
|
{
|
|
296
|
-
type: (r) => !!(
|
|
296
|
+
type: (r) => !!(u.isWoodlandComponent(r.type) && u.get(r.type).name === "Sorting Header")
|
|
297
297
|
}
|
|
298
298
|
])
|
|
299
299
|
),
|
|
300
300
|
[a]
|
|
301
301
|
);
|
|
302
|
-
return /* @__PURE__ */ e.createElement("table", { className: l(
|
|
302
|
+
return /* @__PURE__ */ e.createElement("table", { className: l(xe({ wrapContent: t }), s), ...n }, _ ? /* @__PURE__ */ e.createElement("thead", null, _) : null, /* @__PURE__ */ e.createElement("tbody", null, i));
|
|
303
303
|
}
|
|
304
|
-
|
|
304
|
+
u.set(Ne, {
|
|
305
305
|
name: "Row List Auto Layout",
|
|
306
306
|
props: {
|
|
307
307
|
wrapContent: { type: "boolean", default: "false" }
|
|
308
308
|
}
|
|
309
309
|
});
|
|
310
|
-
const
|
|
311
|
-
components: [$, c,
|
|
310
|
+
const Se = {
|
|
311
|
+
components: [$, c, P],
|
|
312
312
|
examples: {
|
|
313
313
|
basic: {
|
|
314
314
|
label: "Content Rows",
|
|
@@ -1097,13 +1097,13 @@ const Ne = {
|
|
|
1097
1097
|
// },
|
|
1098
1098
|
// },
|
|
1099
1099
|
}
|
|
1100
|
-
},
|
|
1101
|
-
"Content Rows":
|
|
1100
|
+
}, Me = {
|
|
1101
|
+
"Content Rows": Se
|
|
1102
1102
|
};
|
|
1103
1103
|
export {
|
|
1104
1104
|
$ as ContentRow,
|
|
1105
1105
|
c as ContentRowCol,
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1106
|
+
P as ContentRowExpansion,
|
|
1107
|
+
Me as MANIFEST,
|
|
1108
|
+
Ne as RowListAutoLayout
|
|
1109
1109
|
};
|
package/lib/index.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(l,k){typeof exports=="object"&&typeof module<"u"?k(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/buttons"),require("@spscommerce/ds-react"),require("@spscommerce/ds-shared"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/buttons","@spscommerce/ds-react","@spscommerce/ds-shared","@spscommerce/utils"],k):(l=typeof globalThis<"u"?globalThis:l||self,k(l.ContentRow={},l.React,l.core,l.buttons,l.dsReact,l.dsShared,l.utils))})(this,function(l,k,a,H,A,x,w){"use strict";function oe(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(s,t,n.get?n:{enumerable:!0,get:()=>o[t]})}}return s.default=o,Object.freeze(s)}const e=oe(k);function te(o,s,t){return s in o?Object.defineProperty(o,s,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[s]=t,o}function D(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(o,r).enumerable})),t.push.apply(t,n)}return t}function T(o){for(var s=1;s<arguments.length;s++){var t=arguments[s]!=null?arguments[s]:{};s%2?D(Object(t),!0).forEach(function(n){te(o,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach(function(n){Object.defineProperty(o,n,Object.getOwnPropertyDescriptor(t,n))})}return o}var ne=(o,s,t)=>{for(var n of Object.keys(o)){var r;if(o[n]!==((r=s[n])!==null&&r!==void 0?r:t[n]))return!1}return!0},p=o=>s=>{var t=o.defaultClassName,n=T(T({},o.defaultVariants),s);for(var r in n){var i,m=(i=n[r])!==null&&i!==void 0?i:o.defaultVariants[r];if(m!=null){var d=m;typeof d=="boolean"&&(d=d===!0?"true":"false");var R=o.variantClassNames[r][d];R&&(t+=" "+R)}}for(var[u,f]of o.compoundVariants)ne(u,n,o.defaultVariants)&&(t+=" "+f);return t},se=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_10__hash_1mxrufv0",variantClassNames:{lean:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_1mxrufv1",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_1mxrufv2"},borderless:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_1mxrufv3",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_1mxrufv4"},wrapContent:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_1mxrufv5",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_1mxrufv6"}},defaultVariants:{lean:!1,borderless:!1,wrapContent:!1},compoundVariants:[]}),ae=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_10__hash_1mxrufv7",variantClassNames:{lean:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_1mxrufv8",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_1mxrufv9"},borderless:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_1mxrufva",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_1mxrufvb"},wrapContent:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_1mxrufvc",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_1mxrufvd"}},defaultVariants:{lean:!1,borderless:!1,wrapContent:!1},compoundVariants:[]});function _({children:o,className:s,borderless:t,lean:n,widthPx:r,widthRem:i,style:m,wrapContent:d=!1,__autoLayout:R=!1,...u}){const f=r?r/16:i,C=f?{...m,width:`${f}rem`}:m;return R?e.createElement("td",{className:a.cl(ae({lean:n,borderless:t,wrapContent:d}),s),...u,style:C},o):e.createElement("div",{className:a.cl(se({lean:n,borderless:t,wrapContent:d}),s),...u,style:C},o)}a.Metadata.set(_,{name:"Content Row Col",props:{borderless:{type:"boolean"},lean:{type:"boolean"},widthPx:{type:"number"},widthRem:{type:"number"},wrapContent:{type:"boolean"}}});var re=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjee4",variantClassNames:{expanded:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjee5",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjee6"}},defaultVariants:{expanded:!1},compoundVariants:[]}),le=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjee7",variantClassNames:{cardSpacing:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjee8",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjee9"},expanded:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeea",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeeb"},selected:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeec",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeed"},reorderable:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeee",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeef"}},defaultVariants:{expanded:!1,selected:!1,cardSpacing:!1},compoundVariants:[[{expanded:!0,cardSpacing:!0},"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeeg"]]}),L=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeer",variantClassNames:{__autoLayout:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjees",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeet"}},defaultVariants:{__autoLayout:!1},compoundVariants:[]}),de=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeeh",variantClassNames:{selected:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeei",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeej"},expanded:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeek",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeel"}},defaultVariants:{selected:!1,expanded:!1},compoundVariants:[]}),_e="pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeem",ie="pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeen",ce=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeeo",variantClassNames:{disabled:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeep",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeeq"}},defaultVariants:{},compoundVariants:[]}),pe="pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjee10",me="pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjee11",we="pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeez",W=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjee12",variantClassNames:{disabled:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjee13",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjee14"},up:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjee15",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjee16"},down:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjee17",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjee18"}},defaultVariants:{disabled:!1,up:!1,down:!1},compoundVariants:[]}),ue="pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeev",q=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeew",variantClassNames:{reorderable:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeex",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeey"}},defaultVariants:{reorderable:!1},compoundVariants:[]}),E="pkg_sps-woodland_content-row__version_8_23_10__hash_11ztjeeu";function N({children:o,className:s,__autoLayout:t=!1,...n}){return t?e.createElement("tr",null,e.createElement("td",{className:a.cl(L({__autoLayout:t}),s),colSpan:100,...n},o)):e.createElement("div",{className:a.cl(L({__autoLayout:t}),s),...n},o)}a.Metadata.set(N,{name:"Content Row Expansion"});function M({children:o,className:s,alternateLayout:t=!1,initiallyExpanded:n=!1,cardSpacing:r=!1,expanded:i,onBeforeCollapsed:m,onBeforeExpanded:d,onSelectionChange:R,onCollapsed:u,onExpanded:f,selectable:C=!1,selected:I,renderExpandedContent:S=!0,disableSelection:be=!1,disableExpansion:K=!1,hideExpansionControl:j=!1,__autoLayout:z=!1,__reorderable:y=!1,__onOrderChange:V=()=>{},__index:c=0,__canBeMovedUp:G,__canBeMovedDown:J,...U}){const[Q,[g]]=a.selectChildren(o,[{type:_},{type:N}]),{t:Re}=e.useContext(a.I18nContext),[X,Y]=e.useState(!z&&S?S:n),[ge,Z]=e.useState(n),h=typeof i=="boolean"?i:ge,[F,O]=e.useState((c+1).toString()||"");e.useEffect(()=>{O((c+1).toString()||"")},[c]);function ve(b){O(b.target.value)}function $(){Number(F)?V(c,Number(F)-1):(O((c+1).toString()||""),V(c,c))}function ke(b){b.stopPropagation(),h&&(!m||m())?(Z(!1),(!S||z)&&Y(!1),u&&u()):!h&&(!d||d())&&(Z(!0),(!S||z)&&Y(!0),f&&f())}const v=()=>e.createElement(A.SpsCheckbox,{disabled:be,checked:I,onChange:R}),P=e.createElement("button",{type:"button",className:a.cl(ie),onClick:ke,"aria-label":Re(`design-system:contentRow.${h?"collapse":"expand"}`),disabled:K},e.createElement(a.Icon,{className:a.cl(ce({disabled:K})),icon:h?"minus-circle":"plus-circle"}));if(z){const b=e.createElement("tr",null,e.createElement("td",{className:a.cl(_e),colSpan:100}));return e.createElement(e.Fragment,null,e.createElement("tr",{className:a.cl(de({selected:I,expanded:h})),...U},C&&!t&&e.createElement(_,{widthPx:46,__autoLayout:!0},e.createElement(v,null)),g&&!t&&!j&&e.createElement(_,{widthPx:44,__autoLayout:!0},P),g&&C&&t&&e.createElement(_,{widthPx:46,__autoLayout:!0},j?e.createElement(v,null):e.createElement(e.Fragment,null,e.createElement("section",{className:E},e.createElement(v,null)),e.createElement("section",{className:E},P))),Q),X&&g,b)}const ee=e.createElement("div",{className:a.cl(re({expanded:h}),s),...U},e.createElement("div",{className:a.cl(le({expanded:h,selected:I,cardSpacing:r,reorderable:y}))},y&&e.createElement(_,{widthPx:53,style:{position:"relative"}},e.createElement("section",{className:q({reorderable:y})},e.createElement(H.Button,{className:W({up:!0,disabled:!G}),kind:x.ButtonKind.ICON,icon:x.SpsIcon.CHEVRON_UP,onClick:()=>V(c,c-1),disabled:!G})),e.createElement("section",{className:q({reorderable:y})},e.createElement(H.Button,{className:W({down:!0,disabled:!J}),kind:x.ButtonKind.ICON,icon:x.SpsIcon.CHEVRON_DOWN,onClick:()=>V(c,c+1),disabled:!J}))),C&&!t&&e.createElement(_,{widthPx:46},e.createElement(v,null)),g&&!t&&!j&&e.createElement(_,{widthPx:44},P),g&&C&&t&&e.createElement(_,{widthPx:46},j?e.createElement(v,null):e.createElement(e.Fragment,null,e.createElement("section",{className:E},e.createElement(v,null)),e.createElement("section",{className:E},P))),Q),X&&g);return y?e.createElement("div",{className:ue},e.createElement("div",{className:a.cl(we,s)},e.createElement("div",{className:pe},e.createElement(A.SpsTextInput,{className:me,value:F,onChange:ve,onBlur:()=>$(),onKeyUp:b=>{b.key==="Enter"&&$()},notClearable:!0}))),ee):ee}a.Metadata.set(M,{name:"Content Row",props:{alternateLayout:{type:"boolean",default:"false"},initiallyExpanded:{type:"boolean",default:"false"},cardSpacing:{type:"boolean",default:"false"},expanded:{type:"boolean"},onBeforeCollapsed:{type:"() => boolean"},onBeforeExpanded:{type:"() => boolean"},onSelectionChange:{type:"ChangeEventHandler"},onCollapsed:{type:"() => void"},onExpanded:{type:"() => void"},selectable:{type:"boolean",default:"false"},selected:{type:"boolean"},renderExpandedContent:{type:"boolean",default:"true"},disableSelection:{type:"boolean",default:"false"},disableExpansion:{type:"boolean",default:"false"},hideExpansionControl:{type:"boolean",default:"false"}}});var fe=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_10__hash_1wuky9j0",variantClassNames:{wrapContent:{true:"pkg_sps-woodland_content-row__version_8_23_10__hash_1wuky9j1",false:"pkg_sps-woodland_content-row__version_8_23_10__hash_1wuky9j2"}},defaultVariants:{wrapContent:!1},compoundVariants:[]});const Ce=new Set(["Content Row","Content Row Col","Content Row Expansion","Sorting Header","Sorting Header Cell"]);function B({children:o,className:s,wrapContent:t=!1,...n}){const r=e.useMemo(()=>a.modChildren(o,d=>a.Metadata.isWoodlandComponent(d.type)&&Ce.has(a.Metadata.get(d.type).name)?[{__autoLayout:!0}]:[{}]),[o]),[[i],m]=e.useMemo(()=>a.selectChildren(r,[{type:d=>!!(a.Metadata.isWoodlandComponent(d.type)&&a.Metadata.get(d.type).name==="Sorting Header")}]),[r]);return e.createElement("table",{className:a.cl(fe({wrapContent:t}),s),...n},i?e.createElement("thead",null,i):null,e.createElement("tbody",null,m))}a.Metadata.set(B,{name:"Row List Auto Layout",props:{wrapContent:{type:"boolean",default:"false"}}});const he={"Content Rows":{components:[M,_,N],examples:{basic:{label:"Content Rows",examples:{basic:{react:w.code`
|
|
1
|
+
(function(l,k){typeof exports=="object"&&typeof module<"u"?k(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/buttons"),require("@spscommerce/ds-react"),require("@spscommerce/ds-shared"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/buttons","@spscommerce/ds-react","@spscommerce/ds-shared","@spscommerce/utils"],k):(l=typeof globalThis<"u"?globalThis:l||self,k(l.ContentRow={},l.React,l.core,l.buttons,l.dsReact,l.dsShared,l.utils))})(this,function(l,k,a,O,H,x,w){"use strict";function oe(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(s,t,n.get?n:{enumerable:!0,get:()=>o[t]})}}return s.default=o,Object.freeze(s)}const e=oe(k);function te(o,s,t){return s in o?Object.defineProperty(o,s,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[s]=t,o}function A(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(o,r).enumerable})),t.push.apply(t,n)}return t}function D(o){for(var s=1;s<arguments.length;s++){var t=arguments[s]!=null?arguments[s]:{};s%2?A(Object(t),!0).forEach(function(n){te(o,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach(function(n){Object.defineProperty(o,n,Object.getOwnPropertyDescriptor(t,n))})}return o}var ne=(o,s,t)=>{for(var n of Object.keys(o)){var r;if(o[n]!==((r=s[n])!==null&&r!==void 0?r:t[n]))return!1}return!0},p=o=>s=>{var t=o.defaultClassName,n=D(D({},o.defaultVariants),s);for(var r in n){var i,m=(i=n[r])!==null&&i!==void 0?i:o.defaultVariants[r];if(m!=null){var d=m;typeof d=="boolean"&&(d=d===!0?"true":"false");var R=o.variantClassNames[r][d];R&&(t+=" "+R)}}for(var[f,C]of o.compoundVariants)ne(f,n,o.defaultVariants)&&(t+=" "+C);return t},se=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv0",variantClassNames:{lean:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv1",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv2"},borderless:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv3",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv4"},wrapContent:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv5",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv6"}},defaultVariants:{lean:!1,borderless:!1,wrapContent:!1},compoundVariants:[]}),ae=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv7",variantClassNames:{lean:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv8",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv9"},borderless:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufva",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufvb"},wrapContent:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufvc",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufvd"}},defaultVariants:{lean:!1,borderless:!1,wrapContent:!1},compoundVariants:[]});function _({children:o,className:s,borderless:t,lean:n,widthPx:r,widthRem:i,style:m,wrapContent:d=!1,__autoLayout:R=!1,...f}){const C=r?r/16:i,h=C?{...m,width:`${C}rem`}:m;return R?e.createElement("td",{className:a.cl(ae({lean:n,borderless:t,wrapContent:d}),s),...f,style:h},o):e.createElement("div",{className:a.cl(se({lean:n,borderless:t,wrapContent:d}),s),...f,style:h},o)}a.Metadata.set(_,{name:"Content Row Col",props:{borderless:{type:"boolean"},lean:{type:"boolean"},widthPx:{type:"number"},widthRem:{type:"number"},wrapContent:{type:"boolean"}}});var re=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee4",variantClassNames:{expanded:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee5",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee6"}},defaultVariants:{expanded:!1},compoundVariants:[]}),le=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee7",variantClassNames:{cardSpacing:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee8",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee9"},expanded:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeea",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeb"},selected:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeec",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeed"},reorderable:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeee",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeef"}},defaultVariants:{expanded:!1,selected:!1,cardSpacing:!1},compoundVariants:[[{expanded:!0,cardSpacing:!0},"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeg"]]}),T=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeer",variantClassNames:{__autoLayout:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjees",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeet"}},defaultVariants:{__autoLayout:!1},compoundVariants:[]}),de=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeh",variantClassNames:{selected:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeei",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeej"},expanded:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeek",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeel"}},defaultVariants:{selected:!1,expanded:!1},compoundVariants:[]}),_e="pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeem",ie="pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeen",ce=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeo",variantClassNames:{disabled:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeep",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeq"}},defaultVariants:{},compoundVariants:[]}),pe="pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee10",me="pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee11",we="pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeez",L=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee12",variantClassNames:{disabled:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee13",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee14"},up:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee15",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee16"},down:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee17",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee18"}},defaultVariants:{disabled:!1,up:!1,down:!1},compoundVariants:[]}),ue="pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeev",W=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeew",variantClassNames:{reorderable:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeex",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeey"}},defaultVariants:{reorderable:!1},compoundVariants:[]}),E="pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeu";function N({children:o,className:s,__autoLayout:t=!1,...n}){return t?e.createElement("tr",null,e.createElement("td",{className:a.cl(T({__autoLayout:t}),s),colSpan:100,...n},o)):e.createElement("div",{className:a.cl(T({__autoLayout:t}),s),...n},o)}a.Metadata.set(N,{name:"Content Row Expansion"});function V({children:o,className:s,alternateLayout:t=!1,initiallyExpanded:n=!1,cardSpacing:r=!1,expanded:i,onBeforeCollapsed:m,onBeforeExpanded:d,onSelectionChange:R,onCollapsed:f,onExpanded:C,selectable:h=!1,selected:P,renderExpandedContent:M=!0,disableSelection:be=!1,disableExpansion:B=!1,hideExpansionControl:S=!1,__autoLayout:K=!1,__reorderable:y=!1,__onOrderChange:j=()=>{},__index:c=0,__canBeMovedUp:G,__canBeMovedDown:J,...U}){const[Q,[g]]=a.selectChildren(o,[{type:_},{type:N}]),{t:Re}=e.useContext(a.I18nContext),[ge,X]=e.useState(M||n),[ve,Y]=e.useState(n),u=typeof i=="boolean"?i:ve,Z=K?u:ge,[I,F]=e.useState((c+1).toString()||"");e.useEffect(()=>{F((c+1).toString()||"")},[c]);function ke(b){F(b.target.value)}function $(){Number(I)?j(c,Number(I)-1):(F((c+1).toString()||""),j(c,c))}function ye(b){b.stopPropagation(),u&&(!m||m())?(Y(!1),M||X(!1),f&&f()):!u&&(!d||d())&&(Y(!0),M||X(!0),C&&C())}const v=()=>e.createElement(H.SpsCheckbox,{disabled:be,checked:P,onChange:R}),z=e.createElement("button",{type:"button",className:a.cl(ie),onClick:ye,"aria-label":Re(`design-system:contentRow.${u?"collapse":"expand"}`),disabled:B},e.createElement(a.Icon,{className:a.cl(ce({disabled:B})),icon:u?"minus-circle":"plus-circle"}));if(K){const b=e.createElement("tr",null,e.createElement("td",{className:a.cl(_e),colSpan:100}));return e.createElement(e.Fragment,null,e.createElement("tr",{className:a.cl(de({selected:P,expanded:u})),...U},h&&!t&&e.createElement(_,{widthPx:46,__autoLayout:!0},e.createElement(v,null)),g&&!t&&!S&&e.createElement(_,{widthPx:44,__autoLayout:!0},z),g&&h&&t&&e.createElement(_,{widthPx:46,__autoLayout:!0},S?e.createElement(v,null):e.createElement(e.Fragment,null,e.createElement("section",{className:E},e.createElement(v,null)),e.createElement("section",{className:E},z))),Q),Z&&g,b)}const ee=e.createElement("div",{className:a.cl(re({expanded:u}),s),...U},e.createElement("div",{className:a.cl(le({expanded:u,selected:P,cardSpacing:r,reorderable:y}))},y&&e.createElement(_,{widthPx:53,style:{position:"relative"}},e.createElement("section",{className:W({reorderable:y})},e.createElement(O.Button,{className:L({up:!0,disabled:!G}),kind:x.ButtonKind.ICON,icon:x.SpsIcon.CHEVRON_UP,onClick:()=>j(c,c-1),disabled:!G})),e.createElement("section",{className:W({reorderable:y})},e.createElement(O.Button,{className:L({down:!0,disabled:!J}),kind:x.ButtonKind.ICON,icon:x.SpsIcon.CHEVRON_DOWN,onClick:()=>j(c,c+1),disabled:!J}))),h&&!t&&e.createElement(_,{widthPx:46},e.createElement(v,null)),g&&!t&&!S&&e.createElement(_,{widthPx:44},z),g&&h&&t&&e.createElement(_,{widthPx:46},S?e.createElement(v,null):e.createElement(e.Fragment,null,e.createElement("section",{className:E},e.createElement(v,null)),e.createElement("section",{className:E},z))),Q),Z&&g);return y?e.createElement("div",{className:ue},e.createElement("div",{className:a.cl(we,s)},e.createElement("div",{className:pe},e.createElement(H.SpsTextInput,{className:me,value:I,onChange:ke,onBlur:()=>$(),onKeyUp:b=>{b.key==="Enter"&&$()},notClearable:!0}))),ee):ee}a.Metadata.set(V,{name:"Content Row",props:{alternateLayout:{type:"boolean",default:"false"},initiallyExpanded:{type:"boolean",default:"false"},cardSpacing:{type:"boolean",default:"false"},expanded:{type:"boolean"},onBeforeCollapsed:{type:"() => boolean"},onBeforeExpanded:{type:"() => boolean"},onSelectionChange:{type:"ChangeEventHandler"},onCollapsed:{type:"() => void"},onExpanded:{type:"() => void"},selectable:{type:"boolean",default:"false"},selected:{type:"boolean"},renderExpandedContent:{type:"boolean",default:"true"},disableSelection:{type:"boolean",default:"false"},disableExpansion:{type:"boolean",default:"false"},hideExpansionControl:{type:"boolean",default:"false"}}});var fe=p({defaultClassName:"pkg_sps-woodland_content-row__version_8_23_12__hash_1wuky9j0",variantClassNames:{wrapContent:{true:"pkg_sps-woodland_content-row__version_8_23_12__hash_1wuky9j1",false:"pkg_sps-woodland_content-row__version_8_23_12__hash_1wuky9j2"}},defaultVariants:{wrapContent:!1},compoundVariants:[]});const Ce=new Set(["Content Row","Content Row Col","Content Row Expansion","Sorting Header","Sorting Header Cell"]);function q({children:o,className:s,wrapContent:t=!1,...n}){const r=e.useMemo(()=>a.modChildren(o,d=>a.Metadata.isWoodlandComponent(d.type)&&Ce.has(a.Metadata.get(d.type).name)?[{__autoLayout:!0}]:[{}]),[o]),[[i],m]=e.useMemo(()=>a.selectChildren(r,[{type:d=>!!(a.Metadata.isWoodlandComponent(d.type)&&a.Metadata.get(d.type).name==="Sorting Header")}]),[r]);return e.createElement("table",{className:a.cl(fe({wrapContent:t}),s),...n},i?e.createElement("thead",null,i):null,e.createElement("tbody",null,m))}a.Metadata.set(q,{name:"Row List Auto Layout",props:{wrapContent:{type:"boolean",default:"false"}}});const he={"Content Rows":{components:[V,_,N],examples:{basic:{label:"Content Rows",examples:{basic:{react:w.code`
|
|
2
2
|
import { ContentRow, ContentRowCol } from "@sps-woodland/content-row";
|
|
3
3
|
import { Icon } from "@sps-woodland/core";
|
|
4
4
|
import { sprinkles } from "@sps-woodland/tokens";
|
|
@@ -398,4 +398,4 @@
|
|
|
398
398
|
</>
|
|
399
399
|
)
|
|
400
400
|
}
|
|
401
|
-
`}}}}}};l.ContentRow=
|
|
401
|
+
`}}}}}};l.ContentRow=V,l.ContentRowCol=_,l.ContentRowExpansion=N,l.MANIFEST=he,l.RowListAutoLayout=q,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-woodland_content-
|
|
1
|
+
.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee4{background:#fff;border-radius:.25rem;display:block}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee5{--pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee0: block}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee6{--pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee0: none}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee7{display:table;table-layout:fixed;width:100.06%;border-width:.0625rem;border-style:solid;border-color:#d2d4d4;border-radius:.25rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee8{border-radius:.25rem;margin-top:1rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeea{border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:0;border-bottom-left-radius:0}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeec{background:#e6f2f8;border-color:#027db8}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeee{min-height:3.875rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeg{border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-right-radius:0;border-bottom-left-radius:0}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeh{background:#fff}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeei{--pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee2: oklch(56.21% .128 239.83);background:#e6f2f8}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeej{--pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee2: oklch(86.84% .002 197.12)}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeek{--pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee1: 0}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeel{--pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee1: .25rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeem{height:1rem;background:transparent;border:0}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeen{background:none;border:0;padding:0}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeo{cursor:pointer;font-size:1rem;line-height:1.125rem;padding:0;vertical-align:middle}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeep{color:#d2d4d4;cursor:not-allowed}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeq{color:#027db8}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeq:hover{color:#08638d}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeer{display:var(--pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee0);background:#f3f4f4;border-color:#d2d4d4;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;border-style:solid;border-top-width:0;border-right-width:.0625rem;border-bottom-width:.0625rem;border-left-width:.0625rem;padding:1rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjees{display:table-cell}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeet{display:var(--pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee0)}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeu{padding:1rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeu:first-child{margin:-1rem -1rem 0}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeeu:last-child{border-top-width:.0625rem;border-right-width:0;border-bottom-width:0;border-left-width:0;border-style:solid;border-top-color:#d2d4d4;margin:0 -1rem -1rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeev{display:flex}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeew{position:absolute}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeew:first-child{margin:-1rem -1rem 0;top:1rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeew:last-child{border-top-width:.0625rem;border-right-width:0;border-bottom-width:0;border-left-width:0;border-style:solid;border-top-color:#d2d4d4;margin:0 -1rem -1rem;bottom:1rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeex{min-height:1.78125rem;width:3.3125rem;height:50%;display:flex}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeey{padding:1rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeez{display:block}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee10{border-width:.0625rem;border-style:solid;border-color:#d2d4d4;border-radius:.25rem;background:#fff;height:100%;display:table;table-layout:fixed;min-height:3.5rem;width:3.5rem;margin-right:.5rem;padding:.5rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee11{display:table-cell;vertical-align:middle}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee12{border-radius:0;padding:0}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee13{--pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee3: none;border:none}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee14{--pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee3: inline}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee15{border-top-left-radius:.1875rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee17{border-bottom-left-radius:.1875rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeew .pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee12{width:100%;height:100%}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeew .pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee12 button{padding:0;width:100%;height:100%;min-height:1.78125rem;min-width:3.3125rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjeew .pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee12 button>i{display:var(--pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee3)}.pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee11 input{text-align:center}.pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv0{display:table-cell;padding:1rem;vertical-align:middle}.pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv1{padding:.5rem 1rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv4:not(:first-child){border-left:.0625rem solid oklch(86.84% .002 197.12)}.pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv5{word-break:break-word}.pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv7{padding:1rem;vertical-align:middle;border-style:solid;border-color:var(--pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee2);border-top-width:.0625rem;border-bottom-width:.0625rem;border-left-width:.0625rem;border-right-width:0;text-align:left}.pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv7:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:var(--pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee1)}.pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv7:last-child{border-right-width:.0625rem;border-top-right-radius:.25rem;border-bottom-right-radius:var(--pkg_sps-woodland_content-row__version_8_23_12__hash_11ztjee1)}.pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv8{padding:.5rem 1rem}.pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufva{border-left-width:0}.pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufvc{word-break:break-word}.pkg_sps-woodland_content-row__version_8_23_12__hash_1mxrufv0>*{vertical-align:middle}.pkg_sps-woodland_content-row__version_8_23_12__hash_1wuky9j0{table-layout:auto;width:100%;border-collapse:separate;border-spacing:0;white-space:normal;overflow:hidden}.pkg_sps-woodland_content-row__version_8_23_12__hash_1wuky9j1{word-break:break-word}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/content-row",
|
|
3
3
|
"description": "SPS Woodland Design System page title component",
|
|
4
|
-
"version": "8.23.
|
|
4
|
+
"version": "8.23.12",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/page-title",
|
|
@@ -30,12 +30,12 @@
|
|
|
30
30
|
"@spscommerce/utils": "^7.0.0",
|
|
31
31
|
"react": "^16.14.0",
|
|
32
32
|
"react-dom": "^16.14.0",
|
|
33
|
-
"@sps-woodland/core": "8.23.
|
|
34
|
-
"@sps-woodland/tokens": "8.23.
|
|
35
|
-
"@sps-woodland/buttons": "8.23.
|
|
36
|
-
"@spscommerce/ds-colors": "8.23.
|
|
37
|
-
"@spscommerce/ds-react": "8.23.
|
|
38
|
-
"@spscommerce/ds-shared": "8.23.
|
|
33
|
+
"@sps-woodland/core": "8.23.12",
|
|
34
|
+
"@sps-woodland/tokens": "8.23.12",
|
|
35
|
+
"@sps-woodland/buttons": "8.23.12",
|
|
36
|
+
"@spscommerce/ds-colors": "8.23.12",
|
|
37
|
+
"@spscommerce/ds-react": "8.23.12",
|
|
38
|
+
"@spscommerce/ds-shared": "8.23.12"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@spscommerce/ds-illustrations": "^6.12.1",
|
|
@@ -44,12 +44,12 @@
|
|
|
44
44
|
"@vanilla-extract/recipes": "^0.2.5",
|
|
45
45
|
"react": "^16.14.0",
|
|
46
46
|
"react-dom": "^16.14.0",
|
|
47
|
-
"@sps-woodland/core": "8.23.
|
|
48
|
-
"@sps-woodland/tokens": "8.23.
|
|
49
|
-
"@sps-woodland/buttons": "8.23.
|
|
50
|
-
"@spscommerce/ds-colors": "8.23.
|
|
51
|
-
"@spscommerce/ds-react": "8.23.
|
|
52
|
-
"@spscommerce/ds-shared": "8.23.
|
|
47
|
+
"@sps-woodland/core": "8.23.12",
|
|
48
|
+
"@sps-woodland/tokens": "8.23.12",
|
|
49
|
+
"@sps-woodland/buttons": "8.23.12",
|
|
50
|
+
"@spscommerce/ds-colors": "8.23.12",
|
|
51
|
+
"@spscommerce/ds-react": "8.23.12",
|
|
52
|
+
"@spscommerce/ds-shared": "8.23.12"
|
|
53
53
|
},
|
|
54
54
|
"scripts": {
|
|
55
55
|
"build": "pnpm run build:js && pnpm run build:types",
|