@m4l/components 0.2.3 → 0.2.4

package/components/hook-form/RHFColorPicker/index.259b6f38.js

@@ -1,61 +0,0 @@
-import { useState } from "react";
-import { useFormContext, Controller } from "react-hook-form";
-import { Popover, Box, Button } from "@mui/material";
-import { HexColorPicker } from "react-colorful";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-const RHFColorPicker = (props) => {
-  const {
-    name
-  } = props;
-  const {
-    control
-  } = useFormContext();
-  const [anchorEl, setAnchorEl] = useState(null);
-  const handleApprove = () => {
-    setAnchorEl(null);
-  };
-  return /* @__PURE__ */ jsx(Controller, {
-    name,
-    control,
-    defaultValue: "",
-    render: ({
-      field
-    }) => /* @__PURE__ */ jsxs(Fragment, {
-      children: [/* @__PURE__ */ jsx("div", {
-        onClick: (event) => setAnchorEl(event.currentTarget),
-        style: {
-          backgroundColor: field.value,
-          width: "20px",
-          height: "20px",
-          cursor: "pointer"
-        }
-      }), /* @__PURE__ */ jsx(Popover, {
-        open: Boolean(anchorEl),
-        anchorEl,
-        onClose: () => setAnchorEl(null),
-        anchorOrigin: {
-          vertical: "bottom",
-          horizontal: "left"
-        },
-        transformOrigin: {
-          vertical: "top",
-          horizontal: "left"
-        },
-        children: /* @__PURE__ */ jsxs(Box, {
-          p: 2,
-          children: [/* @__PURE__ */ jsx(HexColorPicker, {
-            ...field,
-            color: field.value
-          }), /* @__PURE__ */ jsx(Button, {
-            variant: "contained",
-            onClick: handleApprove,
-            children: "Aprobar"
-          })]
-        })
-      })]
-    })
-  });
-};
-export {
-  RHFColorPicker as R
-};