@wordpress/components/build-module/color-picker/picker.js

UI components for WordPress.

// packages/components/src/color-picker/picker.tsx
import { RgbStringColorPicker, RgbaStringColorPicker } from "react-colorful";
import { colord } from "colord";
import { useMemo } from "@wordpress/element";
import { jsx as _jsx } from "react/jsx-runtime";
var Picker = ({
  color,
  enableAlpha,
  onChange
}) => {
  const Component = enableAlpha ? RgbaStringColorPicker : RgbStringColorPicker;
  const rgbColor = useMemo(() => color.toRgbString(), [color]);
  return /* @__PURE__ */ _jsx(Component, {
    color: rgbColor,
    onChange: (nextColor) => {
      onChange(colord(nextColor));
    },
    onPointerDown: ({
      currentTarget,
      pointerId
    }) => {
      currentTarget.setPointerCapture(pointerId);
    },
    onPointerUp: ({
      currentTarget,
      pointerId
    }) => {
      currentTarget.releasePointerCapture(pointerId);
    }
  });
};
export {
  Picker
};
//# sourceMappingURL=picker.js.map