@oliasoft-open-source/react-ui-library 6.10.0-beta-8 → 6.10.0-beta-10

package/dist/index.js

@@ -1439,17 +1439,18 @@ var Rr = /* @__PURE__ */ function(e) {
 		children: o
 	});
 }, Ea = {
-	colorInput: "_colorInput_7lrll_1",
-	swatch: "_swatch_7lrll_5",
-	small: "_small_7lrll_12",
-	adjustColorsInDarkMode: "_adjustColorsInDarkMode_7lrll_15",
-	swatchPicker: "_swatchPicker_7lrll_18",
-	popoverContent: "_popoverContent_7lrll_23",
-	areaPicker: "_areaPicker_7lrll_28",
-	colorArea: "_colorArea_7lrll_33",
-	colorThumb: "_colorThumb_7lrll_39",
-	hueSliderTrack: "_hueSliderTrack_7lrll_48",
-	hueSlider: "_hueSlider_7lrll_48"
+	colorInput: "_colorInput_1ieww_1",
+	swatch: "_swatch_1ieww_5",
+	transparent: "_transparent_1ieww_12",
+	small: "_small_1ieww_15",
+	adjustColorsInDarkMode: "_adjustColorsInDarkMode_1ieww_18",
+	swatchPicker: "_swatchPicker_1ieww_21",
+	popoverContent: "_popoverContent_1ieww_26",
+	areaPicker: "_areaPicker_1ieww_31",
+	colorArea: "_colorArea_1ieww_36",
+	colorThumb: "_colorThumb_1ieww_42",
+	hueSliderTrack: "_hueSliderTrack_1ieww_51",
+	hueSlider: "_hueSlider_1ieww_51"
 }, Da = ({ disabled: e }) => /* @__PURE__ */ y("div", {
 	className: Ea.areaPicker,
 	children: [/* @__PURE__ */ v(bn, {
@@ -1531,28 +1532,28 @@ var Oa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), ka =
 			})
 		}, e.value);
 	})
-}), Ra = 150, za = ({ adjustColorsInDarkMode: e = !1, children: t, columns: n, disabled: r, hideAreaPicker: i = !1, onChange: a, onConfirm: o, options: s = [], testId: l, value: u }) => {
-	let { locale: f } = On(), [p, h] = m(!1), [_, b] = m(() => Ma(u)), x = ja(u), S = d(() => Qt((e) => a == null ? void 0 : a(e), Ra), [a]);
-	c(() => () => S.cancel(), [S]), c(() => {
+}), Ra = 100, za = ({ adjustColorsInDarkMode: e = !1, children: t, columns: n, disabled: r, hideAreaPicker: i = !1, onChange: a, onConfirm: o, options: s = [], testId: l, value: u }) => {
+	let { locale: f } = On(), [p, h] = m(!1), [_, b] = m(() => Ma(u)), x = ja(u), S = !Fa(Ma(u), _), C = d(() => Qt((e) => a == null ? void 0 : a(e), Ra), [a]);
+	c(() => () => C.cancel(), [C]), c(() => {
 		if (p) return;
 		let e = Ma(u);
 		b((t) => Ia(e, t));
 	}, [u, p]);
-	let C = (e) => {
+	let w = (e) => {
 		let t = e.toFormat("hsb");
-		b(t), !o && S(Na(t));
-	}, w = () => {
-		S.cancel(), Fa(Ma(u), _) || a == null || a(Na(_));
-	}, T = (e) => {
-		e ? b((e) => Ia(Ma(u), e)) : o || w(), h(e);
+		b(t), !o && C(Na(t));
+	}, T = () => {
+		C.cancel(), Fa(Ma(u), _) || a == null || a(Na(_));
 	}, E = (e) => {
+		e ? b((e) => Ia(Ma(u), e)) : o || T(), h(e);
+	}, D = (e) => {
 		let t = e.toFormat("hsb");
-		S.cancel(), b(t), !o && (a == null || a(Na(t)), h(!1));
-	}, D = () => {
-		w(), o == null || o(Na(_)), h(!1);
+		C.cancel(), b(t), !o && (a == null || a(Na(t)), h(!1));
 	}, O = () => {
+		T(), o == null || o(Na(_)), h(!1);
+	}, k = () => {
 		h(!1);
-	}, k = d(() => {
+	}, A = d(() => {
 		var e;
 		let t = (e = s.find((e) => {
 			let t = ja(e.value);
@@ -1565,30 +1566,30 @@ var Oa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), ka =
 		s,
 		_,
 		f
-	]), A = e ? Ea.adjustColorsInDarkMode : void 0, j = typeof t == "function" ? t({
+	]), j = e ? Ea.adjustColorsInDarkMode : void 0, M = typeof t == "function" ? t({
 		isOpen: p,
-		colorName: k,
-		displayColor: x
+		colorName: A,
+		valueColor: x
 	}) : t;
 	return /* @__PURE__ */ v("div", {
-		className: g(Ea.colorInput, A),
+		className: g(Ea.colorInput, j),
 		children: /* @__PURE__ */ v(xn, {
 			value: _,
-			onChange: C,
+			onChange: w,
 			children: /* @__PURE__ */ v(xa, {
 				placement: "bottom-start",
 				isOpen: p,
-				onToggle: T,
+				onToggle: E,
 				disabled: r,
 				testId: l,
 				content: /* @__PURE__ */ y("div", {
-					className: g(Ea.popoverContent, A),
+					className: g(Ea.popoverContent, j),
 					children: [
 						!i && /* @__PURE__ */ v(Da, { disabled: r }),
 						s.length > 0 && /* @__PURE__ */ v(La, {
 							columns: n,
 							options: s,
-							onSwatchSelect: E,
+							onSwatchSelect: D,
 							selectedValue: _
 						}),
 						o && /* @__PURE__ */ y(Ta, {
@@ -1597,20 +1598,21 @@ var Oa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), ka =
 							children: [/* @__PURE__ */ v(K, {
 								small: !0,
 								icon: "check",
-								onClick: D,
+								disabled: !S,
+								onClick: O,
 								testId: l ? `${l}-confirm` : void 0,
 								width: "100%"
 							}), /* @__PURE__ */ v(K, {
 								small: !0,
 								icon: "times",
-								onClick: O,
+								onClick: k,
 								testId: l ? `${l}-cancel` : void 0,
 								width: "100%"
 							})]
 						})
 					]
 				}),
-				children: j
+				children: M
 			})
 		})
 	});
@@ -1624,16 +1626,19 @@ var Oa = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), ka =
 	options: o,
 	testId: c,
 	value: l,
-	children: ({ isOpen: e, colorName: t, displayColor: r }) => /* @__PURE__ */ v(K, {
+	children: ({ isOpen: e, colorName: t, valueColor: r }) => /* @__PURE__ */ v(K, {
 		round: !0,
 		disabled: n,
 		basic: !0,
 		small: s,
 		active: e,
-		tooltip: t,
-		icon: /* @__PURE__ */ v(Cn, {
+		tooltip: r ? t : void 0,
+		icon: r ? /* @__PURE__ */ v(Cn, {
 			className: g(Ea.swatch, s && Ea.small),
 			color: r
+		}) : /* @__PURE__ */ v("span", {
+			className: g(Ea.swatch, Ea.transparent, s && Ea.small),
+			"aria-hidden": !0
 		})
 	})
 }), Va = {

package/package.json

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