@oliasoft-open-source/react-ui-library 6.10.0-beta-2 → 6.10.0-beta-3

package/dist/components/color-input/color-input-swatch-picker.d.ts

@@ -5,7 +5,7 @@ export interface IColorInputSwatchPickerProps {
         value: string;
         label?: string;
     }[];
-    onSwatchSelect?: (value: string) => void;
+    onSwatchSelect?: () => void;
     selectedValue?: Color;
 }
 export declare const ColorInputSwatchPicker: ({ columns, options, onSwatchSelect, selectedValue, }: IColorInputSwatchPickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/color-input/color-input-swatch-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-input-swatch-picker.d.ts","sourceRoot":"","sources":["../../../src/components/color-input/color-input-swatch-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,EAIN,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,4BAA4B;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB;AAED,eAAO,MAAM,sBAAsB,GAAI,sDAKpC,4BAA4B,4CA0C9B,CAAC"}
+{"version":3,"file":"color-input-swatch-picker.d.ts","sourceRoot":"","sources":["../../../src/components/color-input/color-input-swatch-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,EAIN,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,4BAA4B;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB;AAED,eAAO,MAAM,sBAAsB,GAAI,sDAKpC,4BAA4B,4CA0C9B,CAAC"}

package/dist/components/color-input/color-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-input.d.ts","sourceRoot":"","sources":["../../../src/components/color-input/color-input.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,gBAAgB;IAC/B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,GAAI,yGAUxB,gBAAgB,4CA0GlB,CAAC"}
+{"version":3,"file":"color-input.d.ts","sourceRoot":"","sources":["../../../src/components/color-input/color-input.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,gBAAgB;IAC/B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,GAAI,yGAUxB,gBAAgB,4CAyGlB,CAAC"}

package/dist/index.js

@@ -1479,7 +1479,7 @@ var Ta = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ea =
 		return /* @__PURE__ */ v(Tn, {
 			color: t,
 			"aria-label": e.label,
-			onPress: () => n == null ? void 0 : n(t.toString("hex")),
+			onPress: n,
 			children: /* @__PURE__ */ v(K, {
 				round: !0,
 				basic: !0,
@@ -1494,55 +1494,53 @@ var Ta = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ea =
 		}, e.value);
 	})
 }), ka = 150, Aa = ({ adjustColorsInDarkMode: e = !1, columns: t, disabled: n, hideAreaPicker: r = !1, onChange: i, options: a = [], small: o, testId: s, value: l }) => {
-	let { locale: u } = kn(), [f, h] = m(!1), [_, b] = m(null), x = p(!1), S = d(() => {
+	let { locale: u } = kn(), [f, p] = m(!1), [h, _] = m(null), b = d(() => {
 		var e;
 		return (e = Ea(l)) == null ? On("#808080") : e;
-	}, [l]), C = _ == null ? S : _, w = _ == null ? Ea(l) : _, T = d(() => Qt((e) => i == null ? void 0 : i(e), ka), [i]);
-	c(() => () => T.cancel(), [T]);
-	let E = (e) => {
-		if (x.current) {
-			x.current = !1;
-			return;
-		}
-		b(e), T(e.toString("hex"));
-	}, D = (e) => {
-		x.current = !0, T.cancel(), i == null || i(e), b(null), h(!1);
-	}, O = () => {
-		T.flush(), b(null);
-	}, k = (e) => {
-		e || O(), h(e);
-	}, A = d(() => {
+	}, [l]), x = h == null ? b : h, S = h == null ? Ea(l) : h, C = d(() => Qt((e) => i == null ? void 0 : i(e), ka), [i]);
+	c(() => () => C.cancel(), [C]), c(() => {
+		if (!h || !l) return;
+		let e = Ea(l);
+		e && Da(e, h) && _(null);
+	}, [l, h]);
+	let w = (e) => {
+		_(e), C(e.toString("hex"));
+	}, T = () => {
+		C.cancel(), h && (i == null || i(h.toString("hex")));
+	}, E = (e) => {
+		e || T(), p(e);
+	}, D = d(() => {
 		var e;
 		let t = (e = a.find((e) => {
 			let t = Ea(e.value);
-			return t && Da(t, C);
+			return t && Da(t, x);
 		})) == null ? void 0 : e.label;
 		if (t) return t;
-		let n = C.getColorName(u).split(" ").pop();
+		let n = x.getColorName(u).split(" ").pop();
 		return n ? vn(n) : void 0;
 	}, [
 		a,
-		C,
+		x,
 		u
-	]), j = e ? Ca.adjustColorsInDarkMode : void 0;
+	]), O = e ? Ca.adjustColorsInDarkMode : void 0;
 	return /* @__PURE__ */ v("div", {
-		className: g(Ca.colorInput, j),
+		className: g(Ca.colorInput, O),
 		children: /* @__PURE__ */ v(xn, {
-			value: C,
-			onChange: E,
+			value: x,
+			onChange: w,
 			children: /* @__PURE__ */ v(Sa, {
 				placement: "bottom-start",
 				isOpen: f,
-				onToggle: k,
+				onToggle: E,
 				disabled: n,
 				testId: s,
 				content: /* @__PURE__ */ y("div", {
-					className: g(Ca.popoverContent, j),
+					className: g(Ca.popoverContent, O),
 					children: [!r && /* @__PURE__ */ v(wa, { disabled: n }), a.length > 0 && /* @__PURE__ */ v(Oa, {
 						columns: t,
 						options: a,
-						onSwatchSelect: D,
-						selectedValue: C
+						onSwatchSelect: () => E(!1),
+						selectedValue: x
 					})]
 				}),
 				children: /* @__PURE__ */ v(K, {
@@ -1551,10 +1549,10 @@ var Ta = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ea =
 					basic: !0,
 					small: o,
 					active: f,
-					tooltip: A,
+					tooltip: D,
 					icon: /* @__PURE__ */ v(Cn, {
 						className: g(Ca.swatch, o && Ca.small),
-						color: w
+						color: S
 					})
 				})
 			})

package/package.json

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