@kubit-ui-web/react-components 2.0.0-beta.60 → 2.0.0-beta.62

package/dist/esm/components/toggle/utils/buildComponentProps.js

@@ -1,28 +0,0 @@
-var getDecorativeProps = (e) => ({
-	"aria-hidden": !0,
-	id: e.id,
-	name: void 0,
-	value: void 0
-}), getInteractiveProps = (e) => {
-	let { "aria-describedby": t, "aria-label": n, "aria-labelledby": r, checked: i, disabled: a, id: o, name: s, onBlur: c, onClick: l, onFocus: u, onKeyDown: d, onMouseEnter: f, onMouseLeave: p, tabIndex: m, value: h } = e;
-	return {
-		"aria-checked": !!i,
-		"aria-describedby": t,
-		"aria-label": n,
-		"aria-labelledby": r,
-		disabled: !!a,
-		id: o,
-		name: s,
-		onBlur: c,
-		onClick: l,
-		onFocus: u,
-		onKeyDown: d,
-		onMouseEnter: f,
-		onMouseLeave: p,
-		role: "switch",
-		tabIndex: m,
-		value: h
-	};
-};
-const buildComponentProps = (n) => n.decorative ? getDecorativeProps(n) : getInteractiveProps(n);
-export { buildComponentProps };

package/dist/esm/components/toggle/utils/thumbTransformCalculations.js

@@ -1,29 +0,0 @@
-import { useEffect, useState } from "react";
-var calculateThumbTransform = ({ borderMultiple: e, borderWidth: t, thumbStyles: n, trackStyles: r }) => {
-	if (!r || !n) return "translateX(0px)";
-	let i = t || "0px";
-	return r.paddingRight && r.paddingLeft || r.padding ? `translateX(calc(${r.width} - ${n.width} - ${r.paddingLeft || r.padding} - ${r.paddingRight || r.padding} - ${i} * ${e}))` : `translateX(calc(${r.width} - ${n.width} - ${i} * ${e}))`;
-}, hasVisibleBorder = (e) => !!(e?.borderWidth && e?.borderWidth !== "0" && e?.borderWidth !== "0rem" && e?.borderWidth !== "0px" && e?.borderStyle !== "none"), getThumbTransform = ({ checked: e, thumbStyles: t, trackStyles: i }) => {
-	if (!i || !t) return "translateX(0px)";
-	let a = hasVisibleBorder(i), o = a ? i?.borderWidth : "0px";
-	return e ? calculateThumbTransform({
-		borderMultiple: a ? 2 : 0,
-		borderWidth: o,
-		thumbStyles: t,
-		trackStyles: i
-	}) : "translateX(0px)";
-};
-const useToggleTransform = ({ checked: n, thumbRef: r, trackRef: a }) => {
-	let [o, s] = useState("translateX(0px)");
-	return useEffect(() => {
-		if (a.current && r.current) {
-			let e = window.getComputedStyle(a.current);
-			s(getThumbTransform({
-				checked: n,
-				thumbStyles: window.getComputedStyle(r.current),
-				trackStyles: e
-			}));
-		}
-	}, [n]), { transform: o };
-};
-export { useToggleTransform };

package/dist/esm/components/tooltip/components/tooltipTrigger.js

@@ -1,32 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-const TooltipTrigger = ({ ariaDescribedBy: t, children: n, childrenAsButton: r, disabled: i, onClick: a, onKeyDown: o, onMouseDown: s, onMouseEnter: c, onMouseLeave: l, onMouseUp: u, triggerAsButton: d }) => r ? /* @__PURE__ */ jsx("button", {
-	"aria-describedby": t,
-	"aria-disabled": i,
-	className: "kbt-tooltip__trigger-wrapper ",
-	...d,
-	disabled: i,
-	type: "button",
-	onClick: a,
-	onKeyDown: o,
-	onMouseDown: s,
-	onMouseEnter: (e) => {
-		c?.(e);
-	},
-	onMouseLeave: (e) => {
-		l?.(e);
-	},
-	onMouseUp: u,
-	children: n
-}) : /* @__PURE__ */ jsx("div", {
-	className: "kbt-tooltip__trigger-wrapper ",
-	role: "button",
-	tabIndex: 0,
-	onClick: a,
-	onKeyDown: o,
-	onMouseDown: s,
-	onMouseEnter: c,
-	onMouseLeave: l,
-	onMouseUp: u,
-	children: n
-});
-export { TooltipTrigger };

package/dist/esm/components/tooltip/hooks/useTooltip.js

@@ -1,95 +0,0 @@
-import { useClassName } from "../../../lib/hooks/useClassName/useClassName.js";
-import { POSITIONS } from "../../../lib/types/positions/positions.js";
-import { DEVICE_BREAKPOINTS } from "../../../lib/types/breakpoints/breakpoints.js";
-import { focusElementOrFirstDescendant } from "../../../lib/utils/focusHandlers/focusHandlers.js";
-import { useClickOutside } from "../../../lib/hooks/useClickOutside/useClickOutside.js";
-import { useActiveBreakpoints } from "../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";
-import { useEscPressed } from "../../../lib/hooks/useEscPressed/useEscPressed.js";
-import { computePosition as computePosition$1 } from "../positioning/computePosition.js";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { arrow, flip, shift } from "@floating-ui/dom";
-const useTooltip = ({ align: l = POSITIONS.TOP, ...u }) => {
-	let { device: d, isDesktop: f, isTablet: p } = useActiveBreakpoints(), m = f || p, h = useRef(null), g = useRef(!0), _ = useRef(!1), [v, y] = useState(!1), [b, x] = useState(l), S = useClassName({
-		additionalClassNames: u.additionalClasses,
-		component: "TOOLTIP",
-		variant: u.variant
-	}), C = async () => {
-		if (!u.labelRef.current || !u.tooltipRef.current) return;
-		let e = u.tooltipRef.current.lastElementChild;
-		try {
-			let { middlewareData: t, placement: n, x: r, y: i } = await computePosition$1(u.labelRef.current, u.tooltipRef.current, {
-				middleware: [
-					flip(),
-					shift({ padding: 4 }),
-					arrow({ element: e })
-				],
-				placement: l,
-				strategy: "absolute"
-			});
-			x(n), u.tooltipRef.current?.style && Object.assign(u.tooltipRef.current.style, {
-				left: `${r}px`,
-				top: `${i}px`
-			});
-			let { x: a, y: o } = t.arrow, s = {
-				bottom: POSITIONS.TOP,
-				left: POSITIONS.RIGHT,
-				right: POSITIONS.LEFT,
-				top: POSITIONS.BOTTOM
-			}[b.split("-")[0]], c = {
-				bottom: "",
-				left: a === null ? "" : `${a}px`,
-				right: "",
-				[s]: `calc(${S.tooltipexternalcontainer?.[DEVICE_BREAKPOINTS.DESKTOP]?.padding ?? 0} - ${S.arrowposition?.[DEVICE_BREAKPOINTS.DESKTOP]?.top ?? "0px"} / 2)`,
-				top: o === null ? "" : `${o}px`
-			};
-			e && e.style && (e.style.removeProperty("left"), e.style.removeProperty("top"), e.style.removeProperty("right"), e.style.removeProperty("bottom"), Object.assign(e?.style, c));
-		} catch (e) {
-			console.error("Error computing position:", e);
-		}
-	}, w = (e) => {
-		u.tooltipRef.current?.contains(e.target) || C();
-	};
-	useEffect(() => {
-		let e = () => {
-			C();
-		};
-		return window.addEventListener("scroll", w, !0), window.addEventListener("resize", e), () => {
-			window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", e);
-		};
-	}, []);
-	let T = () => {
-		if (!_.current) {
-			if (_.current = !0, h.current = document.activeElement, m) {
-				if (!u.tooltipRef.current) return;
-				u.tooltipRef.current.style && (u.tooltipRef.current.style.display = "flex"), C(), focusElementOrFirstDescendant(u.tooltipRef.current, { preventScroll: !0 });
-			}
-			y(!0), u.onOpenClose?.(!0);
-		}
-	}, E = useCallback(() => {
-		if (_.current) {
-			if (_.current = !1, g.current = !1, u.tooltipAsModal && h.current?.focus({ preventScroll: !0 }), g.current = !0, m) {
-				if (!u.tooltipRef.current) return;
-				u.tooltipRef.current.style && (u.tooltipRef.current.style.display = "none");
-			}
-			y(!1), u.onOpenClose?.(!1);
-		}
-	}, [
-		d,
-		u.onOpenClose,
-		u.tooltipAsModal
-	]);
-	return useEscPressed({
-		disableStopPropagation: !0,
-		onEscPress: useCallback((e) => {
-			_.current && (e.stopPropagation(), E());
-		}, [E]),
-		ref: u.labelRef
-	}), useClickOutside(u.tooltipRef, E, [u.labelRef.current]), {
-		allowFocusOpenTooltip: g,
-		hideTooltip: E,
-		open: v,
-		placement: b,
-		showTooltip: T
-	};
-};
-export { useTooltip };

package/dist/esm/components/tooltip/hooks/useTooltipAsModal.js

@@ -1,3 +0,0 @@
-import { useMemo } from "react";
-const useTooltipAsModal = ({ propTooltipAsModal: e, styleTooltipAsModal: t }) => useMemo(() => e ?? t ?? !1, [e, t]);
-export { useTooltipAsModal };

package/dist/esm/components/tooltip/hooks/useTooltipAsModalAriaLabel.js

@@ -1,8 +0,0 @@
-import { useEffect, useState } from "react";
-const useTooltipAsModalAriaLabel = (e) => {
-	let [t, n] = useState(void 0);
-	return useEffect(() => {
-		e.current && n(e.current.innerText);
-	}), t;
-};
-export { useTooltipAsModalAriaLabel };

package/dist/esm/components/tooltip/index.js

@@ -1,2 +0,0 @@
-export {  TooltipControlled  } from './tooltipControlled.js';
-export {  Tooltip  } from './tooltipUnControlled.js';

package/dist/esm/components/tooltip/positioning/computePosition.js

@@ -1,21 +0,0 @@
-import { computePosition } from "@floating-ui/dom";
-/**
-* Tooltip positioning utilities built on top of Floating UI.
-* @see https://floating-ui.com/docs/platform
-* @license MIT - Floating UI is licensed under MIT
-*/
-const computePosition$1 = async (e, t, n) => {
-	let { middleware: r = [], placement: i = "top", strategy: a = "fixed" } = n, o = await computePosition(e, t, {
-		middleware: r,
-		placement: i || "top",
-		strategy: a
-	});
-	return {
-		middlewareData: o.middlewareData,
-		placement: o.placement || "top",
-		strategy: o.strategy,
-		x: o.x,
-		y: o.y
-	};
-};
-export { computePosition$1 as computePosition };

package/dist/esm/components/tooltip/tooltipControlled.js

@@ -1,32 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { useMediaDevice } from "../../lib/hooks/useMediaDevice/useMediaDevice.js";
-import { useScrollDetection } from "../../lib/hooks/useScrollDetection/useScrollDetection.js";
-import { useTooltipAsModal } from "./hooks/useTooltipAsModal.js";
-import { TooltipStandAlone } from "./tooltipStandAlone.js";
-import { useTooltipAsModalAriaLabel } from "./hooks/useTooltipAsModalAriaLabel.js";
-import { useImperativeHandle, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const TooltipControlled = ({ additionalClasses: e, tooltipAriaLabel: t, tooltipAsModal: n, tooltipAsModal: r = !1, tooltipRef: i, variant: a, ...o }) => {
-	let s = useClassName({
-		additionalClassNames: e,
-		component: "TOOLTIP",
-		variant: a
-	}), c = useMediaDevice(), l = useRef(null), u = useTooltipAsModalAriaLabel(l), d = useTooltipAsModal({
-		propTooltipAsModal: n,
-		styleTooltipAsModal: r
-	}), { handleScrollDetection: f, hasScroll: p } = useScrollDetection({ autoFocus: !0 });
-	return useImperativeHandle(i, () => l.current, []), /* @__PURE__ */ jsx(TooltipStandAlone, {
-		...o,
-		contentHasScroll: p,
-		contentRef: f,
-		cssClasses: s,
-		mediaDevice: c,
-		tooltipAriaLabel: t ?? u,
-		tooltipAsModal: useTooltipAsModal({
-			propTooltipAsModal: d,
-			styleTooltipAsModal: r
-		}),
-		tooltipRef: l
-	});
-};
-export { TooltipControlled };

package/dist/esm/components/tooltip/tooltipStandAlone.js

@@ -1,103 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { classNames } from "../../lib/utils/classNames/classNames.js";
-import { Text } from "../text/text2.js";
-import { processTextProp } from "../../lib/utils/process/processCommonProp.js";
-import { POSITIONS } from "../../lib/types/positions/positions.js";
-import { Popover } from "../popover/popover.js";
-import { useActiveBreakpoints } from "../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";
-/* empty css        */
-import { TooltipTrigger } from "./components/tooltipTrigger.js";
-import { getAriaDescriptorsBy } from "./utils/tooltip.utils.js";
-import { useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const TooltipStandAlone = ({ align: e, children: t, childrenAsButton: n = !0, content: r, contentHasScroll: i, contentRef: a, contentScrollArias: o, cssClasses: s, disabled: c, labelRef: l, mediaDevice: u, onPopoverCloseInternally: d, onTooltipFocus: f, onTooltipKeyDown: p, onTriggerClick: m, onTriggerKeyDown: h, onTriggerMouseDown: g, onTriggerMouseUp: _, onWrapperMouseEnter: v, onWrapperMouseLeave: y, popover: b, popoverOpen: x, tooltipAriaLabel: S, tooltipAsModal: C, tooltipRef: w, triggerAsButton: T, ...E }) => {
-	let D = E["data-testid"] || "tooltip", O = pickCustomAttributes(E), k = `tooltip-${useId().replace(/:/g, "")}`, A = `${k}-content`, j = processTextProp(r), M = typeof j.children == "string", { isDesktop: N, isTablet: P } = useActiveBreakpoints(), F = N || P;
-	if (c) return /* @__PURE__ */ jsx("div", {
-		className: "kbt-tooltip",
-		"data-testid": D,
-		children: /* @__PURE__ */ jsx(TooltipTrigger, {
-			childrenAsButton: n,
-			disabled: !0,
-			children: t
-		})
-	});
-	let I = getAriaDescriptorsBy({
-		contentId: A,
-		hasContent: !!r,
-		hasTitle: !1,
-		titleId: ""
-	}), L = pickCustomAttributes({ "data-align": e || POSITIONS.TOP }), R = /* @__PURE__ */ jsxs("div", {
-		ref: w,
-		"aria-label": F ? S : void 0,
-		"aria-labelledby": void 0,
-		"aria-modal": F && C ? !0 : void 0,
-		className: classNames("kbt-tooltip__external-container", s?.tooltipexternalcontainer),
-		"data-testid": `${D}-content`,
-		id: k,
-		role: F ? C ? "dialog" : "tooltip" : void 0,
-		...F && {
-			onFocus: f,
-			onKeyDown: p
-		},
-		...O,
-		children: [/* @__PURE__ */ jsx("div", {
-			className: s?.tooltipinternalcontainer,
-			children: /* @__PURE__ */ jsx("div", {
-				ref: a,
-				"aria-label": i ? o?.["aria-label"] : void 0,
-				"aria-labelledby": i ? o?.["aria-labelledby"] : void 0,
-				className: "kbt-tooltip__inner-content",
-				role: i ? "region" : void 0,
-				...i && { tabIndex: 0 },
-				children: !!r && /* @__PURE__ */ jsx("div", {
-					className: classNames("kbt-tooltip__paragraph", s?.paragraphcontainer),
-					id: A,
-					children: M ? /* @__PURE__ */ jsx(Text, {
-						additionalClasses: { text: s?.paragraph },
-						...j
-					}) : j.children
-				})
-			})
-		}), /* @__PURE__ */ jsx("div", {
-			...L,
-			className: classNames("kbt-tooltip__arrow", s?.arrowsize, s?.tooltipalignstyles, s?.arrowcontainer),
-			children: /* @__PURE__ */ jsx("div", { className: s?.arrow })
-		})]
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		ref: l,
-		className: "kbt-tooltip",
-		"data-testid": D,
-		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-			ariaDescribedBy: !C && (F || x) ? I : void 0,
-			childrenAsButton: n,
-			triggerAsButton: T,
-			onClick: m,
-			onKeyDown: h,
-			onMouseDown: g,
-			onMouseEnter: v,
-			onMouseLeave: y,
-			onMouseUp: _,
-			children: t
-		}), F ? R : /* @__PURE__ */ jsx(Popover, {
-			additionalClasses: s?.popover ? {
-				arrow: "",
-				popover: s.popover.popover || ""
-			} : void 0,
-			"aria-label": b?.["aria-label"] || S,
-			"aria-labelledby": void 0,
-			"aria-modal": C || void 0,
-			component: "div",
-			disableAutoFocusFirstDescendantAfterClose: !0,
-			disableTrapFocus: !1,
-			open: x,
-			preventCloseOnClickElements: [l?.current],
-			role: C ? "dialog" : "tooltip",
-			strategy: "absolute",
-			onClose: d,
-			...b,
-			children: R
-		})]
-	});
-};
-export { TooltipStandAlone };

package/dist/esm/components/tooltip/tooltipUnControlled.js

@@ -1,96 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { ENTER } from "../../lib/constants/keyboardKeys/keyboardKeys.js";
-import { isKeyPressed } from "../../lib/utils/keyboard/keyboard.js";
-import { useScrollDetection } from "../../lib/hooks/useScrollDetection/useScrollDetection.js";
-import { useSwipeDown } from "../../lib/hooks/useSwipeDown/useSwipeDown.js";
-import { useTrapFocus } from "../../lib/hooks/useTrapFocus/useTrapFocus.js";
-import { useActiveBreakpoints } from "../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";
-import { useTooltip } from "./hooks/useTooltip.js";
-import { useTooltipAsModal } from "./hooks/useTooltipAsModal.js";
-import { TooltipStandAlone } from "./tooltipStandAlone.js";
-import { forwardRef, useImperativeHandle, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const TooltipUnControlled = forwardRef(function({ additionalClasses: t, align: n, onOpenClose: r, popover: i, tooltipAriaLabel: a, tooltipAsModal: o, variant: s, ...c }, l) {
-	let u = useClassName({
-		additionalClassNames: t,
-		component: "TOOLTIP",
-		variant: s
-	}), { device: d, isDesktop: f, isMobile: p, isTablet: m } = useActiveBreakpoints(), h = f || m, g = useRef(null), _ = useRef(null), v = useTooltipAsModal({
-		propTooltipAsModal: o,
-		styleTooltipAsModal: o
-	});
-	useImperativeHandle(l, () => g.current);
-	let { allowFocusOpenTooltip: y, hideTooltip: b, open: x, placement: S, showTooltip: C } = useTooltip({
-		additionalClasses: t,
-		align: n || "top",
-		labelRef: g,
-		onOpenClose: r,
-		tooltipAsModal: v,
-		tooltipRef: _,
-		variant: s
-	}), { handleScrollDetection: w, hasScroll: T } = useScrollDetection({ autoFocus: !0 }), E = useRef(!1), D = () => {
-		E.current || v || !y.current || p || C();
-	}, O = (e) => {
-		!v && !e.currentTarget.contains(e.relatedTarget) && b();
-	}, k = (e) => {
-		v || (e.preventDefault(), e.stopPropagation());
-	}, A = () => {
-		!v && h && C();
-	}, j = () => {
-		!v && h && b();
-	}, M = () => {
-		E.current = !0;
-	}, N = () => {
-		E.current = !1;
-	}, P = (e) => {
-		if (h) {
-			if (!v) return;
-			if (!x) {
-				C();
-				return;
-			}
-			_.current?.contains(e.target) || b();
-			return;
-		}
-		if (!x) {
-			C();
-			return;
-		}
-		_.current?.contains(e.target) || b();
-	}, F = (e) => {
-		isKeyPressed(e.key, ENTER.key) && !x && (C(), e.preventDefault());
-	}, I = () => {
-		i?.onClose?.(), b();
-	}, { setPopoverRef: L } = useSwipeDown({ handleClose: b });
-	return useTrapFocus({
-		ref: _,
-		trapFocus: x && v
-	}), /* @__PURE__ */ jsx(TooltipStandAlone, {
-		...c,
-		align: S,
-		contentHasScroll: T,
-		contentRef: w,
-		cssClasses: u,
-		labelRef: g,
-		mediaDevice: d,
-		popover: {
-			...i,
-			popoverContainerRef: L
-		},
-		popoverOpen: x,
-		tooltipAriaLabel: a,
-		tooltipAsModal: v,
-		tooltipRef: _,
-		onPopoverCloseInternally: I,
-		onTooltipFocus: k,
-		onTriggerClick: P,
-		onTriggerKeyDown: F,
-		onTriggerMouseDown: M,
-		onTriggerMouseUp: N,
-		onWrapperBlur: O,
-		onWrapperFocus: D,
-		onWrapperMouseEnter: A,
-		onWrapperMouseLeave: j
-	});
-});
-export { TooltipUnControlled };

package/dist/esm/components/tooltip/utils/tooltip.utils.js

@@ -1,5 +0,0 @@
-const getAriaDescriptorsBy = ({ contentId: e, hasContent: t, hasTitle: n, titleId: r }) => {
-	let i = [n && r, t && e].filter(Boolean);
-	return i.length > 0 ? i.join(" ").trim() : void 0;
-};
-export { getAriaDescriptorsBy };

package/dist/esm/components/virtualKeyboard/components/digitButton.js

@@ -1,21 +0,0 @@
-import { pickCustomAttributes } from "../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { Text } from "../../text/text2.js";
-import { jsx } from "react/jsx-runtime";
-const DigitButton = ({ cssClasses: t, digit: n, onClick: r, ...i }) => {
-	let a = (e) => {
-		r(n, e);
-	}, o = i["data-testid"] || "digit-button", s = pickCustomAttributes(i);
-	return /* @__PURE__ */ jsx("button", {
-		className: t?.digitbuttons,
-		"data-testid": o,
-		type: "button",
-		onClick: a,
-		...s,
-		children: /* @__PURE__ */ jsx(Text, {
-			additionalClasses: { text: t?.digittext },
-			component: "span",
-			children: n
-		})
-	});
-};
-export { DigitButton };

package/dist/esm/components/virtualKeyboard/index.js

@@ -1 +0,0 @@
-export {  VirtualKeyboard  } from './virtualKeyboard.js';

package/dist/esm/components/virtualKeyboard/virtualKeyboard.js

@@ -1,25 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { STATES } from "../../lib/types/states/states.js";
-import { VirtualKeyboardStandAlone } from "./virtualKeyboardStandAlone.js";
-import { forwardRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-const VirtualKeyboard = forwardRef(({ additionalClasses: t, variant: n, ...r }, i) => {
-	let a = useClassName({
-		additionalClassNames: t,
-		component: "VIRTUAL_KEYBOARD",
-		variant: n
-	}), [o, s] = useState(STATES.INACTIVE), c = () => {
-		s(STATES.ACTIVE);
-	}, l = (e) => {
-		e.currentTarget.contains(e.relatedTarget) || s(STATES.INACTIVE);
-	};
-	return /* @__PURE__ */ jsx(VirtualKeyboardStandAlone, {
-		...r,
-		ref: i,
-		cssClasses: a,
-		state: o,
-		onVirtualKeyboardBlur: l,
-		onVirtualKeyboardFocus: c
-	});
-});
-export { VirtualKeyboard };

package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js

@@ -1,43 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { processIconProp } from "../../lib/utils/process/processCommonProp.js";
-import { ElementOrIcon } from "../../lib/components/elementOrIcon/elementOrIcon.js";
-import { STATES } from "../../lib/types/states/states.js";
-import { DigitButton } from "./components/digitButton.js";
-import { forwardRef, useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const VirtualKeyboardStandAlone = forwardRef(({ cssClasses: n, digits: r, icon: i, id: a, onDigitButtonClick: o, onRemoveButtonClick: s, onVirtualKeyboardBlur: c, onVirtualKeyboardFocus: l, state: u, ...d }, f) => {
-	let p = `virtualkeyboard-${useId().replace(/:/g, "")}`, m = a ?? p, h = {
-		[STATES.ACTIVE]: u === STATES.ACTIVE,
-		[STATES.INACTIVE]: u === STATES.INACTIVE
-	}, g = d["data-testid"] || "virtual-keyboard";
-	return /* @__PURE__ */ jsxs("div", {
-		ref: f,
-		className: n?.virtual_keyboard,
-		"data-testid": g,
-		id: m,
-		role: "presentation",
-		onBlur: c,
-		onFocus: l,
-		...pickCustomAttributes(h),
-		children: [/* @__PURE__ */ jsx("div", {
-			className: n?.digitwrapper,
-			...pickCustomAttributes(h),
-			children: r?.map((e, t) => /* @__PURE__ */ jsx(DigitButton, {
-				cssClasses: n,
-				"data-testid": `${g}-digit-button-${t}`,
-				digit: e,
-				onClick: o
-			}, e))
-		}), /* @__PURE__ */ jsx("button", {
-			className: n?.removebutton,
-			type: "button",
-			onClick: s,
-			children: /* @__PURE__ */ jsx(ElementOrIcon, {
-				className: n?.iconcontainer,
-				customAttributes: h,
-				...processIconProp(i)
-			})
-		})]
-	});
-});
-export { VirtualKeyboardStandAlone };

package/dist/esm/index.js

@@ -1,77 +0,0 @@
-import { GenericComponentContext, GenericComponentsProvider, useGenericComponents } from "./lib/provider/genericComponentsProvider/genericComponentsProvider.js";
-import { UtilsContext, UtilsProvider, useUtilsProvider } from "./lib/provider/utilsProvider/utilsProvider.js";
-import { StylesContext, StylesProvider, useStylesContext } from "./lib/provider/stylesProvider/stylesProvider.js";
-import { AccordionControlled } from "./components/accordion/accordionControlled.js";
-import { AccordionUnControlled } from "./components/accordion/accordionUnControlled.js";
-import { Text } from "./components/text/text2.js";
-import { Alert } from "./components/alert/alertControlled.js";
-import { Dot } from "./components/dot/dot.js";
-import { IconBasic } from "./components/icon/icon.js";
-import { IconHost } from "./components/icon/iconHost.js";
-import { Avatar } from "./components/avatar/avatar.js";
-import { Badge } from "./components/badge/badge.js";
-import { Link } from "./components/link/link.js";
-import { STATES } from "./lib/types/states/states.js";
-import { BreadCrumbs } from "./components/breadcrumbs/breadcrumbs.js";
-import { MIRROR_POSITIONS, POSITIONS } from "./lib/types/positions/positions.js";
-import { Button } from "./components/button/button.js";
-import { Calendar } from "./components/calendar/calendar.js";
-import { CardStandAlone } from "./components/card/cardStandAlone.js";
-import { Card } from "./components/card/card.js";
-import { CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY } from "./components/carousel/types/carousel.js";
-import { Carousel } from "./components/carousel/carousel.js";
-import { CheckboxBaseControlled } from "./components/checkboxBase/checkboxBaseControlled.js";
-import { ErrorMessage } from "./lib/components/errorMessage/errorMessage.js";
-import { LabelStandAlone } from "./components/label/labelStandAlone.js";
-import { CheckboxControlled } from "./components/checkbox/checkboxControlled.js";
-import { CheckboxUnControlled } from "./components/checkbox/checkboxUnControlled.js";
-import { CheckboxBaseUnControlled } from "./components/checkboxBase/checkboxBaseUncontrolled.js";
-import { Chip } from "./components/chip/chip.js";
-import { TableBody } from "./components/tableBody/tableBody.js";
-import { Table } from "./components/table/table.js";
-import { TableCaption } from "./components/tableCaption/tableCaption.js";
-import { TableDivider } from "./components/tableDivider/tableDivider.js";
-import { TableCell } from "./components/tableCell/tableCell.js";
-import { TableHead } from "./components/tableHead/tableHead.js";
-import { TableRow } from "./components/tableRow/tableRow.js";
-import { DataTable } from "./components/dataTable/dataTable.js";
-import { DEVICE_BREAKPOINTS, DeviceBreakpointsTypeUtils } from "./lib/types/breakpoints/breakpoints.js";
-import { Image } from "./components/image/image2.js";
-import { InputBase } from "./components/inputBase/inputBase.js";
-import { InputDecoration } from "./components/inputDecoration/inputDecoration.js";
-import { Input } from "./components/input/input.js";
-import { InputSignatureControlled } from "./components/inputSignature/inputSignatureControlled.js";
-import { InputSignatureUnControlled } from "./components/inputSignature/inputSignatureUncontrolled.js";
-import { LinkAsButton } from "./components/link/linkAsButton/linkAsButton.js";
-import { Option } from "./components/option/option.js";
-import { ListOptions } from "./components/listOptions/listOptions.js";
-import { Popover } from "./components/popover/popover.js";
-import { ModalControlled } from "./components/modal/modalControlled.js";
-import { ModalUnControlled } from "./components/modal/modalUnControlled.js";
-import { PageControl } from "./components/pageControl/pageControl.js";
-import { Pagination } from "./components/pagination/pagination.js";
-import { createSpringAnimation, generateSpringKeyframes, generateSpringKeyframesRule } from "./components/popover/animations/spring.animations.js";
-import { popoverMWArrow, popoverMWAutoPlacement, popoverMWFlip, popoverMWHide, popoverMWOffset, popoverMWShift, popoverMWSize } from "./components/popover/positioning/middlewares.js";
-import { ProgressBar } from "./components/progressBar/progressBar.js";
-import { RadioButtonStandAlone } from "./components/radioButton/radioButtonStandAlone.js";
-import { RadioButton } from "./components/radioButton/radioButton.js";
-import { SelectControlled } from "./components/select/selectControlled.js";
-import { SelectUnControlled } from "./components/select/selectUncontrolled.js";
-import { SelectorBoxFile } from "./components/selectorBoxFile/selectorBoxFile.js";
-import { Skeleton } from "./components/skeleton/skeleton2.js";
-import { TooltipUnControlled } from "./components/tooltip/tooltipUnControlled.js";
-import { Slider } from "./components/slider/slider.js";
-import { Snackbar } from "./components/snackbar/snackbar.js";
-import { StepperNumber } from "./components/stepperNumber/stepperNumber.js";
-import { TableFoot } from "./components/tableFoot/tableFoot.js";
-import { TabsControlled } from "./components/tabs/tabsControlled.js";
-import { TabsUnControlled } from "./components/tabs/tabsUnControlled.js";
-import { Tag } from "./components/tag/tag.js";
-import { TextArea } from "./components/textArea/textArea.js";
-import { ToggleStandalone } from "./components/toggle/toggleStandAlone.js";
-import { ToggleControlled } from "./components/toggle/toggleControlled.js";
-import { ToggleUncontrolled } from "./components/toggle/toggleUnControlled.js";
-import { TooltipControlled } from "./components/tooltip/tooltipControlled.js";
-import { VirtualKeyboard } from "./components/virtualKeyboard/virtualKeyboard.js";
-import { SIZES } from "./lib/types/sizes/sizes.js";
-export { AccordionUnControlled as Accordion, AccordionControlled, Alert, Avatar, Badge, BreadCrumbs, Button, CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY, Calendar, Card, CardStandAlone, Carousel, CheckboxUnControlled as Checkbox, CheckboxBaseUnControlled as CheckboxBase, CheckboxBaseControlled, CheckboxControlled, Chip, DEVICE_BREAKPOINTS, DataTable, DeviceBreakpointsTypeUtils, Dot, ErrorMessage, GenericComponentContext, GenericComponentsProvider, IconHost as Icon, IconBasic, Image, Input, InputBase, InputDecoration, InputSignatureUnControlled as InputSignature, InputSignatureControlled, LabelStandAlone as Label, Link, LinkAsButton, ListOptions, MIRROR_POSITIONS, ModalUnControlled as Modal, ModalControlled, Option, POSITIONS, PageControl, Pagination, Popover, ProgressBar, RadioButton, RadioButtonStandAlone, SIZES, STATES, SelectUnControlled as Select, SelectControlled, SelectorBoxFile, Skeleton, Slider, Snackbar, StepperNumber, StylesContext, StylesProvider, Table, TableBody, TableCaption, TableCell, TableDivider, TableFoot, TableHead, TableRow, TabsUnControlled as Tabs, TabsControlled, Tag, Text, TextArea, ToggleControlled, ToggleStandalone, ToggleUncontrolled, TooltipUnControlled as Tooltip, TooltipControlled, UtilsContext, UtilsProvider, VirtualKeyboard, createSpringAnimation, generateSpringKeyframes, generateSpringKeyframesRule, popoverMWArrow, popoverMWAutoPlacement, popoverMWFlip, popoverMWHide, popoverMWOffset, popoverMWShift, popoverMWSize, useGenericComponents, useStylesContext, useUtilsProvider };