@dashadmin/dash-admin 1.3.24 → 1.3.26

package/dist/components/racustombuttons/QuickEditButton.js

@@ -1 +1,114 @@
-import{jsx as d}from"react/jsx-runtime";import*as h from"react";import{memo as y}from"react";import t from"prop-types";import T from"@mui/icons-material/RemoveRedEye";import{useLocation as P}from"react-router-dom";import{useResourceContext as b,useRecordContext as B,useCreatePath as v,useRedirect as k}from"react-admin";import{IconButton as C}from"@mui/material";import E from"../../hooks/useVirtualHash";import{DASHAdminSystemConstants as I}from"@dashadmin/dash-constants";const S=I.system.URL_PREFIX,s=o=>{const e=P(),u=k(),{icon:l=L,label:m="ra.action.show",record:x,resource:F,navigate:n,scrollToTop:p=!0,navigation:c="redirect",mode:a="edit",...R}=o,i=b(o),r=B(o),H=v();if(!r)return null;const{hash:Q,setVirtualHash:f}=E(),g=h.useCallback(()=>{c==="virtualhash"&&f(`${S}${i}/${r.id}/${a}`),c==="redirect"&&u(a,i,n?n(r.id):r.id)},[n]);return d(C,{onClick:g,state:w[String(p)],label:m,...R,children:l})},w={true:{_scrollToTop:!0},false:{}},L=d(T,{}),j=o=>o.stopPropagation();s.propTypes={icon:t.element,label:t.string,record:t.any,scrollToTop:t.bool,navigate:t.func,navigation:t.string};const $=y(s,(o,e)=>o.resource===e.resource&&(o.record&&e.record?o.record.id===e.record.id:o.record==e.record)&&o.label===e.label&&o.disabled===e.disabled);var oo=$;export{oo as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { memo } from "react";
+import PropTypes from "prop-types";
+import ImageEye from "@mui/icons-material/RemoveRedEye";
+import { useLocation } from "react-router-dom";
+import {
+  useResourceContext,
+  useRecordContext,
+  useCreatePath,
+  useRedirect
+} from "react-admin";
+import { IconButton } from "@mui/material";
+import useVirtualHash from "../../hooks/useVirtualHash";
+import { DASHAdminSystemConstants } from "dash-constants";
+const URL_PREFIX = DASHAdminSystemConstants.system.URL_PREFIX;
+const QuickEditButton = (props) => {
+  const location = useLocation();
+  const redirect = useRedirect();
+  const _a = props, {
+    icon = defaultIcon,
+    label = "ra.action.show",
+    record: recordProp,
+    resource: resourceProp,
+    navigate,
+    scrollToTop = true,
+    navigation = "redirect",
+    mode = "edit"
+  } = _a, rest = __objRest(_a, [
+    "icon",
+    "label",
+    "record",
+    "resource",
+    "navigate",
+    "scrollToTop",
+    "navigation",
+    "mode"
+  ]);
+  const resource = useResourceContext(props);
+  const record = useRecordContext(props);
+  const createPath = useCreatePath();
+  if (!record) return null;
+  const { hash, setVirtualHash } = useVirtualHash();
+  const handleOnClick = React.useCallback(() => {
+    if (navigation === "virtualhash")
+      setVirtualHash(`${URL_PREFIX}${resource}/${record.id}/${mode}`);
+    if (navigation === "redirect")
+      redirect(mode, resource, navigate ? navigate(record.id) : record.id);
+  }, [navigate]);
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    __spreadProps(__spreadValues({
+      onClick: handleOnClick,
+      state: scrollStates[String(scrollToTop)],
+      label
+    }, rest), {
+      children: icon
+    })
+  );
+};
+const scrollStates = {
+  true: { _scrollToTop: true },
+  false: {}
+};
+const defaultIcon = /* @__PURE__ */ jsx(ImageEye, {});
+const stopPropagation = (e) => e.stopPropagation();
+QuickEditButton.propTypes = {
+  icon: PropTypes.element,
+  label: PropTypes.string,
+  record: PropTypes.any,
+  scrollToTop: PropTypes.bool,
+  navigate: PropTypes.func,
+  navigation: PropTypes.string
+};
+const PureCustonRaButton = memo(
+  QuickEditButton,
+  (props, nextProps) => props.resource === nextProps.resource && (props.record && nextProps.record ? props.record.id === nextProps.record.id : props.record == nextProps.record) && // eslint-disable-line eqeqeq
+  props.label === nextProps.label && props.disabled === nextProps.disabled
+);
+var QuickEditButton_default = PureCustonRaButton;
+export {
+  QuickEditButton_default as default
+};

package/dist/components/racustombuttons/QuickIconButton.js

@@ -1 +1,119 @@
-import{jsx as d}from"react/jsx-runtime";import{memo as h}from"react";import t from"prop-types";import T from"@mui/icons-material/RemoveRedEye";import{useResourceContext as g,useRecordContext as I,useRedirect as v}from"react-admin";import{IconButton as P}from"@mui/material";import{initAxios as B}from"../../hooks/axios";import b from"../../hooks/useVirtualHash";import{DASHAdminSystemConstants as C}from"@dashadmin/dash-constants";const S=C.system.URL_PREFIX,s=o=>{const e=v(),l=B(),{icon:u=w,label:p="ra.action.show",record:x,resource:E,navigate:n,scrollToTop:m=!0,navigation:a="redirect",mode:i="edit",...R}=o,c=g(o),r=I(o);if(!r)return null;const{hash:$,setVirtualHash:y}=b();return d(P,{onClick:()=>{if(i=="destroy")return l.delete(`${c}/${r.id}`,{headers:{"Content-Type":"application/json"}}),!1;if(a==="virtualhash"){let f=`${S}${c}/${n?n(r):r.id}`;y(f)}a==="redirect"&&e(i,c,n?n(r):r.id)},state:k[String(m)],label:p,...R,children:u})},k={true:{_scrollToTop:!0},false:{}},w=d(T,{}),q=o=>o.stopPropagation();s.propTypes={icon:t.element,label:t.string,record:t.any,scrollToTop:t.bool,navigate:t.func,navigation:t.string};var z=h(s,(o,e)=>o.resource===e.resource&&(o.record&&e.record?o.record.id===e.record.id:o.record==e.record)&&o.label===e.label);export{z as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import PropTypes from "prop-types";
+import ImageEye from "@mui/icons-material/RemoveRedEye";
+import {
+  useResourceContext,
+  useRecordContext,
+  useRedirect
+} from "react-admin";
+import { IconButton } from "@mui/material";
+import { initAxios } from "../../hooks/axios";
+import useVirtualHash from "../../hooks/useVirtualHash";
+import { DASHAdminSystemConstants } from "dash-constants";
+const URL_PREFIX = DASHAdminSystemConstants.system.URL_PREFIX;
+const QuickIconButton = (props) => {
+  const redirect = useRedirect();
+  const axios = initAxios();
+  const _a = props, {
+    icon = defaultIcon,
+    label = "ra.action.show",
+    record: recordProp,
+    resource: resourceProp,
+    navigate,
+    scrollToTop = true,
+    navigation = "redirect",
+    mode = "edit"
+  } = _a, rest = __objRest(_a, [
+    "icon",
+    "label",
+    "record",
+    "resource",
+    "navigate",
+    "scrollToTop",
+    "navigation",
+    "mode"
+  ]);
+  const resource = useResourceContext(props);
+  const record = useRecordContext(props);
+  if (!record) return null;
+  const { hash, setVirtualHash } = useVirtualHash();
+  const handleOnClick = () => {
+    if (mode == "destroy") {
+      axios.delete(`${resource}/${record.id}`, {
+        headers: { "Content-Type": "application/json" }
+      });
+      return false;
+    }
+    if (navigation === "virtualhash") {
+      let vhash = `${URL_PREFIX}${resource}/${navigate ? navigate(record) : record.id}`;
+      setVirtualHash(vhash);
+    }
+    if (navigation === "redirect")
+      redirect(mode, resource, navigate ? navigate(record) : record.id);
+  };
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    __spreadProps(__spreadValues({
+      onClick: handleOnClick,
+      state: scrollStates[String(scrollToTop)],
+      label
+    }, rest), {
+      children: icon
+    })
+  );
+};
+const scrollStates = {
+  true: { _scrollToTop: true },
+  false: {}
+};
+const defaultIcon = /* @__PURE__ */ jsx(ImageEye, {});
+const stopPropagation = (e) => e.stopPropagation();
+QuickIconButton.propTypes = {
+  icon: PropTypes.element,
+  label: PropTypes.string,
+  record: PropTypes.any,
+  scrollToTop: PropTypes.bool,
+  navigate: PropTypes.func,
+  navigation: PropTypes.string
+};
+var QuickIconButton_default = memo(
+  QuickIconButton,
+  (props, nextProps) => props.resource === nextProps.resource && (props.record && nextProps.record ? props.record.id === nextProps.record.id : props.record == nextProps.record) && // eslint-disable-line eqeqeq
+  props.label === nextProps.label
+  //&& props.disabled === nextProps.disabled
+);
+export {
+  QuickIconButton_default as default
+};

package/dist/components/scrollbar/Scrollbar.js

@@ -1 +1,52 @@
-import{jsx as a}from"react/jsx-runtime";import{Scrollbars as c}from"react-custom-scrollbars-2";const i=l=>{const{horizontal:t,children:e,...r}=l;return r.renderTrackVertical=o=>a("div",{...o,className:"track-vertical"}),t&&(r.renderTrackHorizontal=o=>a("div",{...o,className:"track-horizontal"})),a(c,{...l,...r,autoHide:!0,autoHideTimeout:1e3,autoHideDuration:200,children:e})};var p=i;export{p as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { Scrollbars } from "react-custom-scrollbars-2";
+const Scrollbar = (props) => {
+  const _a = props, { horizontal, children } = _a, scrollprops = __objRest(_a, ["horizontal", "children"]);
+  scrollprops.renderTrackVertical = (props2) => /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, props2), { className: "track-vertical" }));
+  if (horizontal)
+    scrollprops.renderTrackHorizontal = (props2) => /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, props2), { className: "track-horizontal" }));
+  return /* @__PURE__ */ jsx(
+    Scrollbars,
+    __spreadProps(__spreadValues(__spreadValues({}, props), scrollprops), {
+      autoHide: true,
+      autoHideTimeout: 1e3,
+      autoHideDuration: 200,
+      children
+    })
+  );
+};
+var Scrollbar_default = Scrollbar;
+export {
+  Scrollbar_default as default
+};

package/dist/components/selects/MultiSelect.js

@@ -1 +1,42 @@
-import{jsx as t}from"react/jsx-runtime";import{ReferenceArrayInput as c}from"react-admin";import{SelectArrayInput as s}from"react-admin";import{ChipField as m}from"react-admin";import{SingleFieldList as u}from"react-admin";import{ReferenceArrayField as p}from"react-admin";const l=({method:o,attribute:e})=>{const r=e.type,[i,n]=r.split(".");return t(p,{source:e.attribute,reference:i,children:t(u,{children:t(m,{source:n})})})},a=({method:o,attribute:e})=>{const r=e.type,[i,n]=r.split(".");return t(c,{reference:i,source:e.attribute,children:t(s,{optionText:n})})},d=({method:o,attribute:e,resourceConfig:r})=>{switch(o){case"edit":case"create":return t(a,{attribute:e,method:o,resourceConfig:r});case"view":return t(l,{attribute:e,method:o,resourceConfig:r})}};var g=d;export{g as default};
+import { jsx } from "react/jsx-runtime";
+import { ReferenceArrayInput } from "react-admin";
+import { SelectArrayInput } from "react-admin";
+import { ChipField } from "react-admin";
+import { SingleFieldList } from "react-admin";
+import { ReferenceArrayField } from "react-admin";
+const MultiSelectView = ({
+  method,
+  attribute
+}) => {
+  const inputType = attribute.type;
+  const [reference, source] = inputType.split(".");
+  return /* @__PURE__ */ jsx(ReferenceArrayField, { source: attribute.attribute, reference, children: /* @__PURE__ */ jsx(SingleFieldList, { children: /* @__PURE__ */ jsx(ChipField, { source }) }) });
+};
+const MultiSelectEdit = ({
+  method,
+  attribute
+}) => {
+  const inputType = attribute.type;
+  const [reference, source] = inputType.split(".");
+  return /* @__PURE__ */ jsx(
+    ReferenceArrayInput,
+    {
+      reference,
+      source: attribute.attribute,
+      children: /* @__PURE__ */ jsx(SelectArrayInput, { optionText: source })
+    }
+  );
+};
+const MultiSelect = ({ method, attribute, resourceConfig }) => {
+  switch (method) {
+    case "edit":
+    case "create":
+      return /* @__PURE__ */ jsx(MultiSelectEdit, { attribute, method, resourceConfig });
+    case "view":
+      return /* @__PURE__ */ jsx(MultiSelectView, { attribute, method, resourceConfig });
+  }
+};
+var MultiSelect_default = MultiSelect;
+export {
+  MultiSelect_default as default
+};

package/dist/components/selects/RASearchableSelect.js

@@ -1 +1,207 @@
-import{Fragment as I,jsx as i,jsxs as K}from"react/jsx-runtime";import{Autocomplete as B,Box as M,CircularProgress as Q,TextField as z}from"@mui/material";import{useEffect as G,useState as g}from"react";import{useController as H}from"react-hook-form";import{useGetList as W}from"react-admin";import{useRecordContext as _}from"react-admin";import{isArray as j}from"lodash";const A=({method:u,attribute:o,isMultiple:d=!1,searchResults:N=50,minSearch:k=3,timerSearch:D=500,resource:L,selectLabel:P,renderText:c,transformData:v,queryFilter:x="q",defaultValues:U=void 0,isEmpty:V=!1,filter:E,isOptionEqualToValue:h=void 0,viewAttribute:p=null,elementKeyId:S="id"})=>{const[O,C]=g(!0),[l,y]=g(null),[b,F]=g(""),a=_(),s=H({name:o.attribute,defaultValue:a?a[o.attribute]:null}),R=a&&a[o.attribute]&&j(a[o.attribute])?a[o.attribute].map(e=>e.hasOwnProperty(S)?e[S]:e):a[o.attribute],{data:f,total:X,isLoading:m,error:Y}=W(L,{filter:{[x]:b,...E,includes:R}});G(()=>(f&&!m&&(l&&y([...l,...f.map(e=>({...e,key:"option"+e.id}))]),y(f.map(e=>({...e,key:"option"+e.id})))),()=>y([])),[f,m]);const[T,q]=g(void 0),w=(e,t=500)=>{clearTimeout(T),q(setTimeout(()=>{e()},t))};return i(I,{children:l&&i(B,{multiple:d,loading:m&&O,fullWidth:!0,freeSolo:!0,options:l,open:O,onOpen:()=>C(!0),onClose:()=>C(!1),defaultValue:s.field?.value,isOptionEqualToValue:h,autoHighlight:!0,getOptionLabel:e=>{const t=Array.isArray(e)?e:l&&l.find(r=>h(r,s.field.value));if(!t)return b;const n=p&&!c?t[p]:c(t);return console.log("getOptionLabel",l.find(r=>h(r,s.field.value)),n),n||b},renderOption:(e,t)=>{const{key:n,...r}=e;return i(M,{component:"li",sx:{"& > img":{mr:2,flexShrink:0}},...r,children:p&&!c?t[p]:c(t)},t.key)},onChange:(e,t)=>{console.log("onChange",e,t);let n=t;Array.isArray(t)&&(n=V?[...t,...s.field.value]:[...new Map(n.map(r=>[r.id,r])).values()]),v?s.field.onChange(v(n)):s.field.onChange(n)},renderInput:e=>(console.log("renderInput",e.id),i(z,{...e,label:P,variant:"outlined",onChange:t=>{let n=t.target.value;n&&n!==""&&n.length>=k&&w(()=>F(n),D)},InputProps:{...e.InputProps,autoComplete:"new-password",endAdornment:K(I,{children:[m?i(Q,{color:"inherit",size:20}):null,e.InputProps.endAdornment]})}},e.id))},"autocomplete-"+o.attribute)})},J=({method:u,attribute:o,...d})=>{switch(u){case"edit":case"create":return i(A,{attribute:o,method:u,...d});case"view":return i(A,{attribute:o,method:u,...d})}};var de=J;export{de as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Autocomplete,
+  Box,
+  CircularProgress,
+  TextField
+} from "@mui/material";
+import { useEffect, useState } from "react";
+import { useController } from "react-hook-form";
+import { useGetList } from "react-admin";
+import { useRecordContext } from "react-admin";
+import { isArray } from "lodash";
+const SearchableSelect = ({
+  method,
+  attribute,
+  isMultiple = false,
+  //pagination = true,
+  searchResults = 50,
+  minSearch = 3,
+  timerSearch = 500,
+  resource,
+  selectLabel,
+  renderText,
+  transformData,
+  queryFilter = "q",
+  defaultValues = void 0,
+  isEmpty = false,
+  filter,
+  isOptionEqualToValue = void 0,
+  viewAttribute = null,
+  elementKeyId = "id"
+}) => {
+  var _a;
+  const [open, setOpen] = useState(true);
+  const [parsedOptions, setParsedOptions] = useState(null);
+  const [q, setQ] = useState("");
+  const record = useRecordContext();
+  const field = useController({
+    name: attribute.attribute,
+    defaultValue: record ? record[attribute.attribute] : null
+  });
+  const includes = record && record[attribute.attribute] && isArray(record[attribute.attribute]) ? record[attribute.attribute].map(
+    (element) => element.hasOwnProperty(elementKeyId) ? element[elementKeyId] : element
+  ) : record[attribute.attribute];
+  const {
+    data: resourceData,
+    total,
+    isLoading,
+    error
+  } = useGetList(resource, {
+    filter: __spreadProps(__spreadValues({ [queryFilter]: q }, filter), { includes })
+  });
+  useEffect(() => {
+    if (resourceData && !isLoading) {
+      if (parsedOptions)
+        setParsedOptions([
+          ...parsedOptions,
+          ...resourceData.map((ele) => {
+            return __spreadProps(__spreadValues({}, ele), { key: "option" + ele.id });
+          })
+        ]);
+      setParsedOptions(
+        resourceData.map((ele) => {
+          return __spreadProps(__spreadValues({}, ele), { key: "option" + ele.id });
+        })
+      );
+    }
+    return () => setParsedOptions([]);
+  }, [resourceData, isLoading]);
+  const [timeOutSearch, setTimeOutSearch] = useState(void 0);
+  const debounce = (fn, delay = 500) => {
+    clearTimeout(timeOutSearch);
+    setTimeOutSearch(
+      setTimeout(() => {
+        fn();
+      }, delay)
+    );
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: parsedOptions && /* @__PURE__ */ jsx(
+    Autocomplete,
+    {
+      multiple: isMultiple,
+      loading: isLoading && open,
+      fullWidth: true,
+      freeSolo: true,
+      options: parsedOptions,
+      open,
+      onOpen: () => setOpen(true),
+      onClose: () => setOpen(false),
+      defaultValue: (_a = field.field) == null ? void 0 : _a.value,
+      isOptionEqualToValue,
+      autoHighlight: true,
+      getOptionLabel: (option) => {
+        const _option = !Array.isArray(option) ? parsedOptions && parsedOptions.find(
+          (ele) => isOptionEqualToValue(ele, field.field.value)
+        ) : option;
+        if (!_option) return q;
+        const r = viewAttribute && !renderText ? _option[viewAttribute] : renderText(_option);
+        console.log(
+          "getOptionLabel",
+          parsedOptions.find(
+            (ele) => isOptionEqualToValue(ele, field.field.value)
+          ),
+          r
+        );
+        if (!r) return q;
+        return r;
+      },
+      renderOption: (props, option) => {
+        const _a2 = props, { key } = _a2, newProps = __objRest(_a2, ["key"]);
+        return /* @__PURE__ */ jsx(
+          Box,
+          __spreadProps(__spreadValues({
+            component: "li",
+            sx: { "& > img": { mr: 2, flexShrink: 0 } }
+          }, newProps), {
+            children: viewAttribute && !renderText ? option[viewAttribute] : renderText(option)
+          }),
+          option.key
+        );
+      },
+      onChange: (event, rawValue) => {
+        console.log("onChange", event, rawValue);
+        let newValue = rawValue;
+        if (Array.isArray(rawValue)) {
+          newValue = isEmpty ? [...rawValue, ...field.field.value] : [...new Map(newValue.map((v) => [v.id, v])).values()];
+        }
+        transformData ? field.field.onChange(transformData(newValue)) : field.field.onChange(newValue);
+      },
+      renderInput: (params) => {
+        console.log("renderInput", params.id);
+        return /* @__PURE__ */ jsx(
+          TextField,
+          __spreadProps(__spreadValues({}, params), {
+            label: selectLabel,
+            variant: "outlined",
+            onChange: (ev) => {
+              let searchValue = ev.target.value;
+              if (searchValue && searchValue !== "" && searchValue.length >= minSearch)
+                debounce(() => setQ(searchValue), timerSearch);
+            },
+            InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
+              autoComplete: "new-password",
+              endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+                isLoading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
+                params.InputProps.endAdornment
+              ] })
+            })
+          }),
+          params.id
+        );
+      }
+    },
+    "autocomplete-" + attribute.attribute
+  ) });
+};
+const RASearchableSelect = (_a) => {
+  var _b = _a, {
+    method,
+    attribute
+  } = _b, props = __objRest(_b, [
+    "method",
+    "attribute"
+  ]);
+  switch (method) {
+    case "edit":
+    case "create":
+      return /* @__PURE__ */ jsx(SearchableSelect, __spreadValues({ attribute, method }, props));
+    case "view":
+      return /* @__PURE__ */ jsx(SearchableSelect, __spreadValues({ attribute, method }, props));
+  }
+};
+var RASearchableSelect_default = RASearchableSelect;
+export {
+  RASearchableSelect_default as default
+};