@pantheon-systems/pds-toolkit-react 2.0.0-alpha.47 → 2.0.0-alpha.48

package/dist/index.js

@@ -7784,29 +7784,35 @@ var fr = {
 		message: k,
 		validationStatus: v
 	}));
-}, Ir = a(({ checked: t, className: n, defaultChecked: r, disabled: i = !1, id: a, inputProps: o, inputWidth: s, label: c, message: l, onChange: u, required: d = !1, showLabel: f = !0, switchPlacement: p = "right", ...m }, g) => {
-	let _ = Dt(s), v = "pds-switch", y = `${v}--${p}`, b = l ? `${v}--message` : null, x = i ? $.disabled : null, S = d && !i ? $.required : null, C = t !== void 0, [w, T] = h(!C && r ? r : !1), E = (e) => {
-		C || T(e.target.checked), u && u(e);
-	}, D = () => {
+}, Ir = a(({ checked: t, className: n, defaultChecked: r, disabled: i = !1, id: a, inputProps: o, inputWidth: s, label: c, message: l, offLabel: u = "Off", onChange: d, onLabel: f = "On", required: p = !1, showLabel: m = !0, showStatusLabel: g = !0, statusLabelPlacement: _ = "right", switchPlacement: v = "right", ...y }, b) => {
+	let x = Dt(s), S = "pds-switch", C = `${S}--${v}`, w = l ? `${S}--message` : null, T = i ? $.disabled : null, E = p && !i ? $.required : null, D = t !== void 0, [O, k] = h(!D && r ? r : !1), A = t || O ? f : u, j = (e) => {
+		D || k(e.target.checked), d && d(e);
+	}, M = g ? /* @__PURE__ */ e.createElement("span", {
+		"aria-hidden": "true",
+		className: `${S}__toggle-label`
+	}, A) : null, N = () => {
 		i || document.getElementById(a)?.click();
-	}, O = /* @__PURE__ */ e.createElement("div", { className: `${v}__control` }, /* @__PURE__ */ e.createElement("input", {
-		ref: g,
+	}, P = /* @__PURE__ */ e.createElement("div", {
+		className: `${S}__control`,
+		"data-status-label-placement": _
+	}, /* @__PURE__ */ e.createElement("input", {
+		ref: b,
 		"aria-describedby": l ? `${a}__message` : null,
-		checked: t === void 0 ? w : t,
+		checked: t === void 0 ? O : t,
 		className: "visually-hidden",
 		disabled: i,
 		id: a,
 		name: a,
-		onChange: E,
-		required: d,
+		onChange: j,
+		required: p,
 		role: "switch",
 		type: "checkbox",
 		...o
-	}), /* @__PURE__ */ e.createElement("div", { className: `${v}__track-wrapper` }, /* @__PURE__ */ e.createElement("span", {
+	}), /* @__PURE__ */ e.createElement("div", { className: `${S}__track-wrapper` }, _ === "left" && M, /* @__PURE__ */ e.createElement("span", {
 		"aria-hidden": "true",
-		className: `${v}__track`,
-		onClick: D
-	}, /* @__PURE__ */ e.createElement("span", { className: `${v}__thumb` })))), k = l ? /* @__PURE__ */ e.createElement(jt, {
+		className: `${S}__track`,
+		onClick: N
+	}, /* @__PURE__ */ e.createElement("span", { className: `${S}__thumb` })), _ === "right" && M)), F = l ? /* @__PURE__ */ e.createElement(jt, {
 		className: "pds-input-message--switch",
 		hasValidationMessage: !1,
 		id: a,
@@ -7816,23 +7822,23 @@ var fr = {
 	return /* @__PURE__ */ e.createElement("div", {
 		className: Z([
 			$.base,
-			v,
-			y,
-			b,
-			x,
 			S,
+			C,
+			w,
+			T,
+			E,
 			n
 		]),
-		style: s ? _ : null,
-		...m
+		style: s ? x : null,
+		...y
 	}, /* @__PURE__ */ e.createElement(At, {
-		className: `${v}__label`,
+		className: `${S}__label`,
 		disabled: i,
 		id: a,
 		label: c,
-		required: d,
-		showLabel: f
-	}), /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, k, O));
+		required: p,
+		showLabel: m
+	}), /* @__PURE__ */ e.createElement("div", { className: `${S}__content` }, F, P));
 }), Lr = ({ disabled: t, dropTargetDirection: n, focusedIndex: r, index: i, isDragging: a, isSortable: o, onDragEnd: s, onDragOver: c, onDragStart: u, onFocusInput: d, onKeyboardMove: f, onRemove: p, setFocusedIndex: h, tag: g, totalTags: _, translationStrings: v }) => {
 	let y = m(null), b = "pds-tags-input__tag";
 	l(() => {