@oliasoft-open-source/react-ui-library 5.17.1 → 5.18.0

package/dist/index.js

@@ -965,30 +965,30 @@ const Trigger$1 = React.forwardRef(({ active: e, isDisabled: t, badgeTitle: n, b
 var isMenuEmpty = (e) => {
 	let { sections: t } = e;
 	return !isValidElement(t) && (!Array.isArray(t) || t.every((e) => isEmpty(e)));
-}, useContextMenu = ({ sections: e, width: t, placement: n, possiblePlacements: r, closeOnOptionClick: i, closeParent: a, tree: o, path: s, groupOrder: c, overflowContainer: l, maxHeight: u, testId: d }) => {
-	let { hasMousePosition: f, resetMousePosition: p, handleMouseEvent: m, trigger: h } = useMousePositionAsTrigger(), g = p, _ = f, { layerProps: v, renderLayer: y } = useLayer({
-		isOpen: _,
-		trigger: h,
+}, useContextMenu = ({ sections: e, width: t, placement: n, possiblePlacements: r, closeOnOptionClick: i, closeParent: a, tree: o, path: s, overflowContainer: c, maxHeight: l, testId: u }) => {
+	let { hasMousePosition: d, resetMousePosition: f, handleMouseEvent: p, trigger: m } = useMousePositionAsTrigger(), h = f, g = d, { layerProps: _, renderLayer: v } = useLayer({
+		isOpen: g,
+		trigger: m,
 		...placementOptions$1(n),
 		possiblePlacements: r,
 		ResizeObserver: ResizeObserver$1,
-		onOutsideClick: g,
-		overflowContainer: l
+		onOutsideClick: h,
+		overflowContainer: c
 	});
-	return [_ && y(/* @__PURE__ */ jsx("div", {
-		...v,
+	return [g && v(/* @__PURE__ */ jsx("div", {
+		..._,
 		children: /* @__PURE__ */ jsx(Layer$2, {
 			isNested: !1,
 			width: t,
 			sections: e,
 			closeOnOptionClick: i,
-			close: a || g,
+			close: a || h,
 			tree: o,
 			path: s,
-			maxHeight: u,
-			testId: d && `${d}-layer`
+			maxHeight: l,
+			testId: u && `${u}-layer`
 		})
-	})), m];
+	})), p];
 }, ContextMenu = ({ menu: e, width: t, disabled: n = !1, closeOnOptionClick: r = !0, closeParent: i, tree: a, path: o, groupOrder: c, testId: l }) => {
 	let u = useContext(DisabledContext), { label: d, trigger: f, fullHeightTrigger: p, colored: m, small: h, component: g, placement: _, possiblePlacements: v = ["bottom-start", "top-start"] } = e, [y, b] = useContextMenu({
 		sections: e.sections,
@@ -1373,7 +1373,7 @@ const ColorInput = ({ columns: e = 9, disabled: t, options: n = [], small: r, va
 							a == null || a(e.value), l(!1);
 						}
 					}, e.value)
-				}))
+				}, e.value))
 			}),
 			children: /* @__PURE__ */ jsx(Button, {
 				disabled: t,
@@ -3137,24 +3137,24 @@ const InputGroupAddon = ({ children: e, groupOrder: t, small: n = !1 }) => {
 			})
 		]
 	});
-}, Footer = ({ colSpan: e, pagination: t, actions: n, content: r, testId: i }) => {
-	let a = n && n.length, o = r != null, s = () => {
-		if (t) {
-			var e;
-			let { rowCount: n, rowsPerPage: r } = t;
-			return n > Number(r == null || (e = r.options) == null || (e = e[0]) == null ? void 0 : e.value);
+}, Footer = ({ pagination: e, actions: t, content: n, testId: r }) => {
+	let i = t && t.length, a = n != null, o = () => {
+		if (e) {
+			var t;
+			let { rowCount: n, rowsPerPage: r } = e;
+			return n > Number(r == null || (t = r.options) == null || (t = t[0]) == null ? void 0 : t.value);
 		}
 		return !1;
 	};
-	return a || o || s() ? /* @__PURE__ */ jsxs("div", {
+	return i || a || o() ? /* @__PURE__ */ jsxs("div", {
 		className: footer_module_default.footer,
-		"data-testid": `${i == null ? "pagination" : i}-footer`,
-		children: [o ? /* @__PURE__ */ jsx("div", {
+		"data-testid": `${r == null ? "pagination" : r}-footer`,
+		children: [a ? /* @__PURE__ */ jsx("div", {
 			className: footer_module_default.section,
-			children: /* @__PURE__ */ jsx("div", { children: r })
-		}) : null, a || s() ? /* @__PURE__ */ jsxs("div", {
+			children: /* @__PURE__ */ jsx("div", { children: n })
+		}) : null, i || o() ? /* @__PURE__ */ jsxs("div", {
 			className: footer_module_default.section,
-			children: [t && s() ? /* @__PURE__ */ jsx(Pagination, { pagination: t }) : /* @__PURE__ */ jsx("div", {}), a && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Actions, { actions: n }) })]
+			children: [e && o() ? /* @__PURE__ */ jsx(Pagination, { pagination: e }) : /* @__PURE__ */ jsx("div", {}), i && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Actions, { actions: t }) })]
 		}) : null]
 	}) : null;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "5.17.1",
+  "version": "5.18.0",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {
@@ -81,8 +81,8 @@
     "@storybook/addon-docs": "^10.2.8",
     "@storybook/addon-links": "^10.2.8",
     "@storybook/addon-themes": "^10.2.8",
+    "@storybook/addon-vitest": "^10.2.8",
     "@storybook/react-vite": "^10.2.8",
-    "@storybook/test-runner": "0.24.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.6.1",
@@ -122,7 +122,8 @@
     "vite-preset-react": "^2.3.0",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.7",
-    "wait-on": "^9.0.3"
+    "wait-on": "^9.0.3",
+    "@vitest/browser": "3.2.4"
   },
   "peerDependencies": {
     "@dnd-kit/core": "^6.3.1",
@@ -149,8 +150,8 @@
     "prettier:fix": "prettier --write \"**/*.{js,jsx,json,css,less,ts,tsx}\"",
     "preview:storybook": "pnpm exec http-server ./public/storybook -o -p 9003 -c-1",
     "test": "pnpm run prettier:check && pnpm run lint:check && pnpm run test:unit",
+    "test:storybook": "vitest run --config vitest.storybook.config.ts",
     "test:unit": "vitest run",
-    "test:unit:coverage": "vitest run --coverage",
-    "test:storybook": "test-storybook --testTimeout=60000"
+    "test:unit:coverage": "vitest run --coverage"
   }
 }