@oliasoft-open-source/react-ui-library 9.5.1-beta-4 → 9.6.0-beta-1

package/dist/index.d.ts

@@ -1,7 +1,5 @@
 import { ChangeEvent } from 'react';
 import { Color as Color_2 } from 'react-aria-components/ColorPicker';
-import { ComponentProps } from 'react';
-import { ComponentType } from 'react';
 import { Context } from 'react';
 import { CSSProperties } from 'react';
 import { default as default_2 } from 'react';
@@ -16,7 +14,6 @@ import { Id } from 'react-toastify';
 import { JSX } from 'react/jsx-runtime';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { KeyboardEventHandler } from 'react';
-import { MemoExoticComponent } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { MouseEventHandler } from 'react';
 import { MutableRefObject } from 'react';
@@ -1271,6 +1268,7 @@ export declare interface IPopoverProps {
     closeOnOutsideClick?: boolean;
     fullWidth?: boolean;
     showCloseButton?: boolean;
+    showArrow?: boolean;
     testId?: string;
     disabled?: boolean;
     isOpen?: boolean;
@@ -2130,7 +2128,7 @@ declare type Placement = 'top-start' | 'top-center' | 'top-end' | 'right-start'
 
 export declare const PopConfirm: ({ children, placement, closeOnOutsideClick, fullWidth, title, cancelText, onClickCancel, okText, onClickOk, disableConfirmButton, testId, }: IPopConfirmProps) => JSX.Element;
 
-export declare const Popover: ({ children, content, placement, closeOnOutsideClick, fullWidth, showCloseButton, testId, disabled, isOpen: externalIsOpen, onToggle: externalOnToggle, toggleOnTriggerClick, isNonModal, restoreTriggerFocusOnClose, }: IPopoverProps) => JSX.Element | null;
+export declare const Popover: ({ children, content, placement, closeOnOutsideClick, fullWidth, showCloseButton, showArrow, testId, disabled, isOpen: externalIsOpen, onToggle: externalOnToggle, toggleOnTriggerClick, isNonModal, restoreTriggerFocusOnClose, }: IPopoverProps) => JSX.Element | null;
 
 export declare const Portal: ({ id, children }: IPortalProps) => ReactPortal | null;
 
@@ -2477,11 +2475,8 @@ declare type ViewType = typeof SPLIT_VIEW | typeof UNIFIED_VIEW;
 
 export declare const widthOfCharacters: (characterCount: number) => string;
 
-export declare const withChainableErrorBoundary: (options?: ErrorBoundaryOptions) => <P extends object>(Component: ComponentType<P>) => ComponentType<P>;
+export declare const withChainableErrorBoundary: (options?: ErrorBoundaryOptions) => <T extends default_2.JSXElementConstructor<any>>(Component: T) => T;
 
-export declare const withErrorBoundary: <T extends ComponentType<any>>(Component: T, options?: ErrorBoundaryOptions) => MemoExoticComponent<{
-    (props: ComponentProps<T>): JSX.Element;
-    displayName: string;
-}>;
+export declare const withErrorBoundary: <T extends default_2.JSXElementConstructor<any>>(Component: T, options?: ErrorBoundaryOptions) => T;
 
 export { }

package/dist/index.js

@@ -870,32 +870,40 @@ var Ca = {
 	let { sections: t } = e;
 	return !s(t) && (!Array.isArray(t) || t.every((e) => un(e)));
 }, J = {
-	layer: "_layer_14ect_1",
-	nested: "_nested_14ect_14",
-	fileInput: "_fileInput_14ect_17",
-	trigger: "_trigger_14ect_23",
-	heading: "_heading_14ect_32",
-	headingIcon: "_headingIcon_14ect_38",
-	clickable: "_clickable_14ect_45",
-	option: "_option_14ect_49",
-	active: "_active_14ect_68",
-	disabled: "_disabled_14ect_73",
-	selected: "_selected_14ect_76",
-	optionContent: "_optionContent_14ect_83",
-	inline: "_inline_14ect_87",
-	icon: "_icon_14ect_92",
-	check: "_check_14ect_93",
-	label: "_label_14ect_119",
-	description: "_description_14ect_131",
-	arrow: "_arrow_14ect_135",
-	divider: "_divider_14ect_139",
-	buttonLabel: "_buttonLabel_14ect_147",
-	component: "_component_14ect_154",
-	right: "_right_14ect_160",
-	actions: "_actions_14ect_165",
-	menuPopover: "_menuPopover_14ect_172",
-	menuPopoverNested: "_menuPopoverNested_14ect_194",
-	menuItem: "_menuItem_14ect_197"
+	layer: "_layer_1wspp_72",
+	nested: "_nested_1wspp_85",
+	fileInput: "_fileInput_1wspp_88",
+	trigger: "_trigger_1wspp_94",
+	heading: "_heading_1wspp_103",
+	headingIcon: "_headingIcon_1wspp_109",
+	clickable: "_clickable_1wspp_116",
+	option: "_option_1wspp_120",
+	active: "_active_1wspp_139",
+	disabled: "_disabled_1wspp_144",
+	selected: "_selected_1wspp_147",
+	optionContent: "_optionContent_1wspp_154",
+	inline: "_inline_1wspp_158",
+	icon: "_icon_1wspp_163",
+	check: "_check_1wspp_164",
+	label: "_label_1wspp_190",
+	description: "_description_1wspp_202",
+	arrow: "_arrow_1wspp_206",
+	divider: "_divider_1wspp_210",
+	buttonLabel: "_buttonLabel_1wspp_218",
+	component: "_component_1wspp_225",
+	right: "_right_1wspp_231",
+	actions: "_actions_1wspp_236",
+	menuPopover: "_menuPopover_1wspp_243",
+	overlayEnterTop: "_overlayEnterTop_1wspp_1",
+	overlayEnterBottom: "_overlayEnterBottom_1wspp_1",
+	overlayEnterRight: "_overlayEnterRight_1wspp_1",
+	overlayEnterLeft: "_overlayEnterLeft_1wspp_1",
+	overlayExitTop: "_overlayExitTop_1wspp_1",
+	overlayExitBottom: "_overlayExitBottom_1wspp_1",
+	overlayExitRight: "_overlayExitRight_1wspp_1",
+	overlayExitLeft: "_overlayExitLeft_1wspp_1",
+	menuPopoverNested: "_menuPopoverNested_1wspp_271",
+	menuItem: "_menuItem_1wspp_274"
 }, Ha = ({ label: e, onClick: t, icon: n, testId: r }) => /* @__PURE__ */ C("div", {
 	"data-testid": r,
 	children: [e, !!n && /* @__PURE__ */ S("span", {
@@ -1490,63 +1498,71 @@ var Ca = {
 		children: n
 	})]
 }), So = {
-	toggleBox: "_toggleBox_eamgh_1",
-	arrowIcon: "_arrowIcon_eamgh_27",
-	fullWidthStyleFix: "_fullWidthStyleFix_eamgh_43",
-	dismiss: "_dismiss_eamgh_48"
-}, Co = ({ children: e, content: t, placement: i = "top-center", closeOnOutsideClick: a = !0, fullWidth: o = !1, showCloseButton: c = !1, testId: f, disabled: p = !1, isOpen: m, onToggle: h, toggleOnTriggerClick: g = !0, isNonModal: y = !1, restoreTriggerFocusOnClose: w = !0 }) => {
-	let T = u(W), E = _(null), [D, O] = v(!1), k = p || T, A = m !== void 0, j = A ? m : D, M = l((e) => {
-		k || (A ? h == null || h(e) : O(e));
+	toggleBox: "_toggleBox_1i03y_72",
+	overlayEnterTop: "_overlayEnterTop_1i03y_1",
+	overlayEnterBottom: "_overlayEnterBottom_1i03y_1",
+	overlayEnterRight: "_overlayEnterRight_1i03y_1",
+	overlayEnterLeft: "_overlayEnterLeft_1i03y_1",
+	overlayExitTop: "_overlayExitTop_1i03y_1",
+	overlayExitBottom: "_overlayExitBottom_1i03y_1",
+	overlayExitRight: "_overlayExitRight_1i03y_1",
+	overlayExitLeft: "_overlayExitLeft_1i03y_1",
+	arrowIcon: "_arrowIcon_1i03y_105",
+	fullWidthStyleFix: "_fullWidthStyleFix_1i03y_133",
+	dismiss: "_dismiss_1i03y_138"
+}, Co = ({ children: e, content: t, placement: i = "top-center", closeOnOutsideClick: a = !0, fullWidth: o = !1, showCloseButton: c = !1, showArrow: f = !0, testId: p, disabled: m = !1, isOpen: h, onToggle: g, toggleOnTriggerClick: y = !0, isNonModal: w = !1, restoreTriggerFocusOnClose: T = !0 }) => {
+	let E = u(W), D = _(null), [O, k] = v(!1), A = m || E, j = h !== void 0, M = j ? h : O, N = l((e) => {
+		A || (j ? g == null || g(e) : k(e));
 	}, [
+		j,
 		A,
-		k,
-		h
-	]), N = l((e) => {
-		!g && e || M(e);
-	}, [M, g]), P = l(() => {
-		M(!1);
-	}, [M]);
+		g
+	]), P = l((e) => {
+		!y && e || N(e);
+	}, [N, y]), F = l(() => {
+		N(!1);
+	}, [N]);
 	if (d(() => {
-		k && j && P();
+		A && M && F();
 	}, [
-		k,
-		j,
-		P
+		A,
+		M,
+		F
 	]), Ba({
-		isOpen: j,
-		enabled: a && !y,
-		triggerRef: E,
-		close: P
+		isOpen: M,
+		enabled: a && !w,
+		triggerRef: D,
+		close: F
 	}), !Pa(e)) return null;
-	let F = s(t) && typeof t.type != "string" && t.type !== n ? r(t, { close: P }) : t, I = /* @__PURE__ */ S(Ia, {
+	let I = s(t) && typeof t.type != "string" && t.type !== n ? r(t, { close: F }) : t, L = /* @__PURE__ */ S(Ia, {
 		behavior: Fa.PRESS,
-		testId: f,
-		isDisabled: k,
-		triggerRef: E,
+		testId: p,
+		isDisabled: A,
+		triggerRef: D,
 		safeComponents: [q],
 		children: e
-	}), L = /* @__PURE__ */ C(Ra, {
+	}), R = /* @__PURE__ */ C(Ra, {
 		className: b(So.toggleBox, o && So.fullWidthStyleFix),
 		placement: i,
-		portalTriggerRef: E,
-		offset: 6,
-		isNonModal: y,
-		disableFocusManagement: !w || void 0,
-		isOpen: g ? void 0 : j,
-		onOpenChange: g ? void 0 : M,
-		triggerRef: g ? void 0 : E,
+		portalTriggerRef: D,
+		offset: f ? 6 : 0,
+		isNonModal: w,
+		disableFocusManagement: !T || void 0,
+		isOpen: y ? void 0 : M,
+		onOpenChange: y ? void 0 : N,
+		triggerRef: y ? void 0 : D,
 		shouldCloseOnInteractOutside: a ? void 0 : () => !1,
 		isKeyboardDismissDisabled: !a,
-		"data-testid": f ? `${f}-layer` : void 0,
-		children: [/* @__PURE__ */ C("div", { children: [F, c && /* @__PURE__ */ S("div", {
+		"data-testid": p ? `${p}-layer` : void 0,
+		children: [/* @__PURE__ */ C("div", { children: [I, c && /* @__PURE__ */ S("div", {
 			className: So.dismiss,
 			children: /* @__PURE__ */ S(q, {
 				small: !0,
 				round: !0,
-				onClick: P,
+				onClick: F,
 				icon: U.CLOSE
 			})
-		})] }), /* @__PURE__ */ S(Vn, { children: /* @__PURE__ */ S("svg", {
+		})] }), f && /* @__PURE__ */ S(Vn, { children: /* @__PURE__ */ S("svg", {
 			width: "12",
 			height: "12",
 			viewBox: "0 0 12 12",
@@ -1555,11 +1571,11 @@ var Ca = {
 			children: /* @__PURE__ */ S("path", { d: "M0 0 L6 6 L12 0" })
 		}) })]
 	});
-	return g ? /* @__PURE__ */ C(zn, {
-		isOpen: j,
-		onOpenChange: N,
-		children: [I, L]
-	}) : /* @__PURE__ */ C(x, { children: [I, L] });
+	return y ? /* @__PURE__ */ C(zn, {
+		isOpen: M,
+		onOpenChange: P,
+		children: [L, R]
+	}) : /* @__PURE__ */ C(x, { children: [L, R] });
 }, wo = { grid: "_grid_obkz4_1" }, To = (e) => typeof e == "boolean" ? e ? "var(--padding)" : "0px" : typeof e == "number" ? `${e}px` : e || "initial", Eo = (e) => typeof e == "number" ? `${e}px` : e || "initial", Do = ({ rows: e = "initial", columns: t = "initial", columnsTablet: n = null, columnsMobile: r = null, gap: i = !1, height: a = "initial", children: o }) => {
 	let s = {
 		"--grid-gap": To(i),
@@ -10152,14 +10168,10 @@ var Um = (e = {}) => Hm({
 		console.error("Error caught by boundary:", e, t);
 	},
 	children: e
-}), hh = (e, t = {}) => {
-	var n, r;
-	let i = (n) => /* @__PURE__ */ S(mh, {
-		options: t,
-		children: /* @__PURE__ */ S(e, { ...n })
-	});
-	return i.displayName = `WithErrorBoundary(${(n = (r = e.displayName) == null ? e.name : r) == null ? "Component" : n})`, c(i);
-}, gh = (e = {}) => (t) => hh(t, e), _h = (e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null, vh = (e) => {
+}), hh = (e, t = {}) => (n) => /* @__PURE__ */ S(mh, {
+	options: t,
+	children: /* @__PURE__ */ S(e, { ...n })
+}), gh = (e = {}) => (t) => hh(t, e), _h = (e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null, vh = (e) => {
 	jp(Ep.LanguageKey, e.languageKey), Object.entries(e).forEach(([e, t]) => {
 		e === Ep.Translations ? jp(e, Op(t)) : jp(e, _h(t) ? t : { ...t });
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "9.5.1-beta-4",
+  "version": "9.6.0-beta-1",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {