@iress-oss/ids-components 6.3.0 → 6.4.1

package/dist/Slideout-BOH2gwIN.js

@@ -1,194 +0,0 @@
-import { t as e } from "./cx-QcEwjve6.js";
-import { n as t } from "./is-valid-prop-BVyYPT21.js";
-import { GlobalCSSClass as n } from "./enums.js";
-import { idsLogger as r } from "./helpers/utility/idsLogger.js";
-import { IressText as i } from "./components/Text/Text.js";
-import { propagateTestid as a } from "./helpers/utility/propagateTestid.js";
-import { useIdIfNeeded as o } from "./hooks/useIdIfNeeded.js";
-import { b as s, d as c, g as l, s as u, u as d, y as f } from "./floating-ui.react-TDMXDOBr.js";
-import { getTransitionDuration as p } from "./helpers/transition/getTransitionDuration.js";
-import { slideout as m } from "./components/Slideout/Slideout.styles.js";
-import { SlideoutInner as ee } from "./components/Slideout/components/SlideoutInner.js";
-import { usePushElement as te } from "./components/Slideout/hooks/usePushElement.js";
-import { useProviderSlideout as ne } from "./components/Slideout/hooks/useProviderSlideout.js";
-import { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
-import { jsx as b } from "react/jsx-runtime";
-//#region ../../node_modules/query-selector-shadow-dom/src/normalize.js
-/* istanbul ignore file */
-function x(e) {
-	function t() {
-		i && (n.length > 0 && /^[~+>]$/.test(n[n.length - 1]) && n.push(" "), n.push(i));
-	}
-	var n = [], r, i, a, o = [0], s = 0, c, l = /(?:[^\\]|(?:^|[^\\])(?:\\\\)+)$/, u = /^\s+$/, d = [
-		/\s+|\/\*|["'>~+[(]/g,
-		/\s+|\/\*|["'[\]()]/g,
-		/\s+|\/\*|["'[\]()]/g,
-		null,
-		/\*\//g
-	];
-	for (e = e.trim();;) if (i = "", a = d[o[o.length - 1]], a.lastIndex = s, r = a.exec(e), r) if (c = s, s = a.lastIndex, c < s - r[0].length && (i = e.substring(c, s - r[0].length)), o[o.length - 1] < 3) {
-		if (t(), r[0] === "[") o.push(1);
-		else if (r[0] === "(") o.push(2);
-		else if (/^["']$/.test(r[0])) o.push(3), d[3] = new RegExp(r[0], "g");
-		else if (r[0] === "/*") o.push(4);
-		else if (/^[\])]$/.test(r[0]) && o.length > 0) o.pop();
-		else if (/^(?:\s+|[~+>])$/.test(r[0]) && (n.length > 0 && !u.test(n[n.length - 1]) && o[o.length - 1] === 0 && n.push(" "), o[o.length - 1] === 1 && n.length === 5 && n[2].charAt(n[2].length - 1) === "=" && (n[4] = " " + n[4]), u.test(r[0]))) continue;
-		n.push(r[0]);
-	} else n[n.length - 1] += i, l.test(n[n.length - 1]) && (o[o.length - 1] === 4 && (n.length < 2 || u.test(n[n.length - 2]) ? n.pop() : n[n.length - 1] = " ", r[0] = ""), o.pop()), n[n.length - 1] += r[0];
-	else {
-		i = e.substr(s), t();
-		break;
-	}
-	return n.join("").trim();
-}
-//#endregion
-//#region ../../node_modules/query-selector-shadow-dom/src/querySelectorDeep.js
-function S(e, t = document, n = null) {
-	return C(e, !1, t, n);
-}
-function C(e, t, n, r = null) {
-	e = x(e);
-	let i = n.querySelector(e);
-	return document.head.createShadowRoot || document.head.attachShadow ? !t && i ? i : T(e, ",").reduce((e, i) => {
-		if (!t && e) return e;
-		let a = T(i.replace(/^\s+/g, "").replace(/\s*([>+~]+)\s*/g, "$1"), " ").filter((e) => !!e).map((e) => T(e, ">")), o = a.length - 1, s = a[o][a[o].length - 1], c = O(s, n, r), l = w(a, o, n);
-		return t ? (e = e.concat(c.filter(l)), e) : (e = c.find(l), e || null);
-	}, t ? [] : null) : t ? n.querySelectorAll(e) : i;
-}
-function w(e, t, n) {
-	return (r) => {
-		let i = t, a = r, o = !1;
-		for (; a && !E(a);) {
-			let t = !0;
-			if (e[i].length === 1) t = a.matches(e[i]);
-			else {
-				let r = [].concat(e[i]).reverse(), o = a;
-				for (let e of r) {
-					if (!o || !o.matches(e)) {
-						t = !1;
-						break;
-					}
-					o = D(o, n);
-				}
-			}
-			if (t && i === 0) {
-				o = !0;
-				break;
-			}
-			t && i--, a = D(a, n);
-		}
-		return o;
-	};
-}
-function T(e, t) {
-	return e.match(/\\?.|^$/g).reduce((e, n) => (n === "\"" && !e.sQuote ? (e.quote ^= 1, e.a[e.a.length - 1] += n) : n === "'" && !e.quote ? (e.sQuote ^= 1, e.a[e.a.length - 1] += n) : !e.quote && !e.sQuote && n === t ? e.a.push("") : e.a[e.a.length - 1] += n, e), { a: [""] }).a;
-}
-function E(e) {
-	return e.nodeType === Node.DOCUMENT_FRAGMENT_NODE || e.nodeType === Node.DOCUMENT_NODE;
-}
-function D(e, t) {
-	let n = e.parentNode;
-	return n && n.host && n.nodeType === 11 ? n.host : n === t ? null : n;
-}
-function O(e = null, t, n = null) {
-	let r = [];
-	if (n) r = n;
-	else {
-		let e = function(t) {
-			for (let n = 0; n < t.length; n++) {
-				let i = t[n];
-				r.push(i), i.shadowRoot && e(i.shadowRoot.querySelectorAll("*"));
-			}
-		};
-		t.shadowRoot && e(t.shadowRoot.querySelectorAll("*")), e(t.querySelectorAll("*"));
-	}
-	return e ? r.filter((t) => t.matches(e)) : r;
-}
-//#endregion
-//#region src/components/Slideout/Slideout.tsx
-var k = ({ children: x, className: C, closeText: w = "Close", container: T, "data-testid": E, defaultShow: D = !1, eleToPush: O, footer: k, heading: A, mode: j = "overlay", onEntered: M, onExited: N, onShowChange: P, onStatus: F, onTransitionEnd: I, position: L = "right", show: R, size: z = "sm", style: re, ...B }) => {
-	let [V, H] = y(D), U = 240, W = v(null), G = ne(B.id), K = o({ id: B.id }), q = `${K}--heading`, J = G.opened || R || V, Y = (e, t, n) => {
-		G?.show?.(e), H(e), P?.(e, n);
-	}, { context: X } = c({
-		open: J,
-		onOpenChange: Y
-	}), ie = l([d(X, {
-		enabled: !0,
-		outsidePress: !1
-	}), f(X)]);
-	X.refs.floating.current && (U = p(X.refs.floating.current, 1.2, 240));
-	let { isMounted: ae, status: Z } = s(X, { duration: U }), oe = m({
-		position: L,
-		size: z,
-		status: Z,
-		mode: j
-	});
-	g(() => {
-		G.opened && R && r("IressSlideout: Please use either IressSlideoutProvider for uncontrolled components, or the show prop for controlled components, rather than both. If you use both, the open state of the slideout will become unpredictable. If you want to show a slideout by default in uncontrolled mode, use the defaultShow prop.");
-	}, [G.opened, R]), g(() => {
-		F?.(Z);
-	}, [Z, F]), g(() => (j === "overlay" ? W.current = null : W.current = ((e) => typeof e == "string" ? S(e) : e instanceof Element ? e : e?.current)(O), () => {
-		W.current = null;
-	}), [O, j]), g(() => {
-		Z === "open" && X.refs.floating?.current?.focus();
-	}, [X.refs.floating, Z]), te(_(() => ({
-		element: W.current ?? null,
-		isActive: j === "push",
-		position: L,
-		size: z,
-		status: Z
-	}), [
-		W,
-		j,
-		L,
-		z,
-		Z
-	]));
-	let Q = h((e) => {
-		I?.(e);
-		let t = L === "right" ? "right" : "left";
-		!(e.propertyName === t || e.propertyName === "opacity" || !e.propertyName) || e.target !== e.currentTarget || (Z === "open" ? M?.() : Z === "close" && N?.());
-	}, [
-		I,
-		L,
-		Z,
-		M,
-		N
-	]), $ = _(() => typeof A == "string" ? /* @__PURE__ */ b(i, {
-		id: q,
-		"data-testid": a(E, "heading"),
-		element: "h2",
-		children: A
-	}) : A, [
-		E,
-		q,
-		A
-	]);
-	if (!ae) return null;
-	let se = e(oe.root, C, n.Slideout, Z === "open" && n.SlideoutOpen), [ce, le] = t(B), ue = {
-		"aria-labelledby": $ ? q : void 0,
-		children: x,
-		className: se,
-		closeText: w,
-		"data-testid": E,
-		footer: k,
-		floatingRef: (e) => X.refs.setFloating(e),
-		heading: $,
-		id: K,
-		onOpenChange: Y,
-		...ce,
-		...ie.getFloatingProps(le),
-		onTransitionEnd: Q
-	};
-	return /* @__PURE__ */ b(u, {
-		root: T ?? G?.container,
-		children: /* @__PURE__ */ b(ee, {
-			...ue,
-			style: re,
-			"data-testid": E
-		})
-	});
-};
-k.displayName = "IressSlideout";
-//#endregion
-export { k as t };