@multisynq/react-together-primereact/dist/components/ColorPickerTogether.js

A set of ready-to-use PrimeReact components that are synchronized across multiple users in real-time!

import { jsx as n } from "react/jsx-runtime";
import { useStateTogether as v } from "@multisynq/react-together";
import { ColorPicker as V } from "primereact/colorpicker";
import { useState as k, useCallback as c, useEffect as x } from "react";
function j({
  rtKey: f,
  publishWhileOpen: r = !1,
  onChange: o,
  ...i
}) {
  const [a, t] = k(void 0), [u, l] = v(
    f,
    void 0
  ), s = i.inline, m = c(
    (e) => {
      e.value === null && (e.value = void 0), s || r ? l(e.value) : t(e.value), o == null || o(e);
    },
    [l, t, s, r, o]
  ), d = c(() => {
    l(a);
  }, [l, a]);
  return x(() => {
    t(u);
  }, [u, t]), /* @__PURE__ */ n(
    V,
    {
      ...i,
      value: a,
      onChange: m,
      onHide: d
    }
  );
}
export {
  j as default
};