@dashadmin/dash-components 1.3.25 → 1.3.26

package/dist/components/AutoCompleteArrayInputAutoSearch/AutocompleteCheckBoxArrayInput.js

@@ -1 +1,53 @@
-import{jsx as a}from"react/jsx-runtime";const o=({defaultValue:e,...t})=>a(AutocompleteCheckBoxInput,{...t,multiple:!0,defaultValue:e??[]});var d=o;export{d 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";
+const AutocompleteCheckBoxArrayInput = (_a) => {
+  var _b = _a, {
+    defaultValue
+  } = _b, props = __objRest(_b, [
+    "defaultValue"
+  ]);
+  return (
+    /* @ts-ignore Expected */
+    /* @__PURE__ */ jsx(
+      AutocompleteCheckBoxInput,
+      __spreadProps(__spreadValues({}, props), {
+        multiple: true,
+        defaultValue: defaultValue != null ? defaultValue : []
+      })
+    )
+  );
+};
+var AutocompleteCheckBoxArrayInput_default = AutocompleteCheckBoxArrayInput;
+export {
+  AutocompleteCheckBoxArrayInput_default as default
+};

package/dist/components/Json/Json.js

@@ -1 +1,235 @@
-import{jsx as s,jsxs as m}from"react/jsx-runtime";import{useRecordContext as N}from"react-admin";import{useFormContext as G}from"react-hook-form";import{Box as R,Button as L,IconButton as Q,TextField as A,Typography as P,Table as I,TableBody as D,TableCell as u,TableContainer as F,TableHead as z,TableRow as v,Paper as K}from"@mui/material";import U from"@mui/icons-material/Delete";import X from"@mui/icons-material/Add";import{useState as O,useEffect as Y}from"react";const j=c=>{const{method:b,attribute:r,resourceConfig:f}=c,d=N(),{setValue:C,getValues:y}=G(),l=r.attribute,g=l.startsWith("settings."),h=g?l.split(".").slice(1).join("."):l,[a,T]=O([]),[p,x]=O({});Y(()=>{let t={};if(g&&d?.settings){const i=d.settings||{};t=J(i,h)||{}}else d?.[l]&&(t=d[l]||{});const n=Object.entries(t).map(([i,e])=>({key:i,value:typeof e=="object"?JSON.stringify(e):String(e),id:w()}));T(n)},[d,l]);const J=(t,n)=>n?n.split(".").reduce((e,o)=>e&&e[o]!==void 0?e[o]:{},t):t,W=(t,n,i)=>{if(!n)return i;const e=n.split("."),o=e.pop(),B=e.reduce((S,V)=>(S[V]===void 0&&(S[V]={}),S[V]),t);return o&&(B[o]=i),t},w=()=>Math.random().toString(36).substring(2,11),E=()=>{T([...a,{key:"",value:"",id:w()}])},H=t=>{T(a.filter(n=>n.id!==t)),k(a.filter(n=>n.id!==t))},M=(t,n)=>{const i=a.some(o=>o.id!==t&&o.key===n);x(i?{...p,[t]:"Duplicate key"}:{...p,[t]:""});const e=a.map(o=>o.id===t?{...o,key:n}:o);T(e),k(e)},q=(t,n)=>{const i=a.map(e=>e.id===t?{...e,value:n}:e);T(i),k(i)},k=t=>{const n=t.reduce((i,e)=>{if(e.key.trim()){let o=e.value;try{(e.value.trim().startsWith("{")||e.value.trim().startsWith("[")||e.value.trim()==="true"||e.value.trim()==="false"||!isNaN(Number(e.value.trim())))&&(o=JSON.parse(e.value))}catch{}i[e.key]=o}return i},{});if(g){const i=y("settings")||{},e=W({...i},h,n);C("settings",e,{shouldDirty:!0})}else C(l,n,{shouldDirty:!0})};return m(R,{sx:{mt:1,mb:2},children:[s(P,{variant:"subtitle1",gutterBottom:!0,children:r.label||"Settings Editor"}),s(F,{component:K,sx:{mb:2},children:m(I,{size:"small",children:[s(z,{children:m(v,{children:[s(u,{width:"40%",children:"Key"}),s(u,{width:"50%",children:"Value"}),s(u,{width:"10%",align:"center",children:"Actions"})]})}),s(D,{children:a.map(t=>m(v,{children:[s(u,{children:s(A,{fullWidth:!0,size:"small",value:t.key,onChange:n=>M(t.id,n.target.value),error:!!p[t.id],helperText:p[t.id]})}),s(u,{children:s(A,{fullWidth:!0,size:"small",value:t.value,onChange:n=>q(t.id,n.target.value)})}),s(u,{align:"center",children:s(Q,{size:"small",onClick:()=>H(t.id),color:"error",children:s(U,{fontSize:"small"})})})]},t.id))})]})}),s(L,{startIcon:s(X,{}),variant:"outlined",size:"small",onClick:E,children:"+"})]})},Z=c=>{const{attribute:b}=c,r=N(),f=b.attribute,d=f.startsWith("settings."),C=d?f.split(".").slice(1).join("."):f;let y={};if(d&&r?.settings){const l=r.settings||{};C?y=C.split(".").reduce((h,a)=>h&&h[a]!==void 0?h[a]:{},l):y=l}else r?.[f]&&(y=r[f]);return m(R,{sx:{mt:1,mb:2},children:[s(P,{variant:"subtitle1",gutterBottom:!0,children:b.label||"Settings"}),Object.keys(y).length>0?s(F,{component:K,children:m(I,{size:"small",children:[s(z,{children:m(v,{children:[s(u,{width:"40%",children:"Key"}),s(u,{width:"60%",children:"Value"})]})}),s(D,{children:Object.entries(y).map(([l,g])=>m(v,{children:[s(u,{children:l}),s(u,{children:typeof g=="object"?JSON.stringify(g):String(g)})]},l))})]})}):s(P,{variant:"body2",color:"textSecondary",children:"No settings configured"})]})},_=({method:c,attribute:b,resourceConfig:r})=>{switch(c){case"edit":return s(j,{attribute:b,method:c,resourceConfig:r});case"create":return s(j,{attribute:b,method:c,resourceConfig:r});case"view":return s(Z,{attribute:b,method:c,resourceConfig:r});default:return null}};var rt=_;export{j as JsonEdit,Z as JsonView,rt 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));
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRecordContext } from "react-admin";
+import { useFormContext } from "react-hook-form";
+import {
+  Box,
+  Button,
+  IconButton,
+  TextField,
+  Typography,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableRow,
+  Paper
+} from "@mui/material";
+import DeleteIcon from "@mui/icons-material/Delete";
+import AddIcon from "@mui/icons-material/Add";
+import { useState, useEffect } from "react";
+const JsonEdit = (props) => {
+  const { method, attribute, resourceConfig } = props;
+  const record = useRecordContext();
+  const { setValue, getValues } = useFormContext();
+  const attributePath = attribute.attribute;
+  const isNestedSetting = attributePath.startsWith("settings.");
+  const settingsPath = isNestedSetting ? attributePath.split(".").slice(1).join(".") : attributePath;
+  const [pairs, setPairs] = useState([]);
+  const [keyError, setKeyError] = useState({});
+  useEffect(() => {
+    let initialValue = {};
+    if (isNestedSetting && (record == null ? void 0 : record.settings)) {
+      const settings = record.settings || {};
+      initialValue = getNestedValue(settings, settingsPath) || {};
+    } else if (record == null ? void 0 : record[attributePath]) {
+      initialValue = record[attributePath] || {};
+    }
+    const initialPairs = Object.entries(initialValue).map(([key, value]) => ({
+      key,
+      value: typeof value === "object" ? JSON.stringify(value) : String(value),
+      id: generateId()
+    }));
+    setPairs(initialPairs);
+  }, [record, attributePath]);
+  const getNestedValue = (obj, path) => {
+    if (!path) return obj;
+    const keys = path.split(".");
+    return keys.reduce((o, key) => o && o[key] !== void 0 ? o[key] : {}, obj);
+  };
+  const setNestedValue = (obj, path, value) => {
+    if (!path) return value;
+    const keys = path.split(".");
+    const lastKey = keys.pop();
+    const lastObj = keys.reduce((o, key) => {
+      if (o[key] === void 0) o[key] = {};
+      return o[key];
+    }, obj);
+    if (lastKey) {
+      lastObj[lastKey] = value;
+    }
+    return obj;
+  };
+  const generateId = () => {
+    return Math.random().toString(36).substring(2, 11);
+  };
+  const addPair = () => {
+    setPairs([...pairs, { key: "", value: "", id: generateId() }]);
+  };
+  const removePair = (id) => {
+    setPairs(pairs.filter((pair) => pair.id !== id));
+    updateFormValue(pairs.filter((pair) => pair.id !== id));
+  };
+  const handleKeyChange = (id, newKey) => {
+    const isDuplicate = pairs.some((pair) => pair.id !== id && pair.key === newKey);
+    if (isDuplicate) {
+      setKeyError(__spreadProps(__spreadValues({}, keyError), { [id]: "Duplicate key" }));
+    } else {
+      setKeyError(__spreadProps(__spreadValues({}, keyError), { [id]: "" }));
+    }
+    const updatedPairs = pairs.map(
+      (pair) => pair.id === id ? __spreadProps(__spreadValues({}, pair), { key: newKey }) : pair
+    );
+    setPairs(updatedPairs);
+    updateFormValue(updatedPairs);
+  };
+  const handleValueChange = (id, newValue) => {
+    const updatedPairs = pairs.map(
+      (pair) => pair.id === id ? __spreadProps(__spreadValues({}, pair), { value: newValue }) : pair
+    );
+    setPairs(updatedPairs);
+    updateFormValue(updatedPairs);
+  };
+  const updateFormValue = (currentPairs) => {
+    const obj = currentPairs.reduce((acc, pair) => {
+      if (pair.key.trim()) {
+        let parsedValue = pair.value;
+        try {
+          if (pair.value.trim().startsWith("{") || pair.value.trim().startsWith("[") || pair.value.trim() === "true" || pair.value.trim() === "false" || !isNaN(Number(pair.value.trim()))) {
+            parsedValue = JSON.parse(pair.value);
+          }
+        } catch (e) {
+        }
+        acc[pair.key] = parsedValue;
+      }
+      return acc;
+    }, {});
+    if (isNestedSetting) {
+      const currentSettings = getValues("settings") || {};
+      const updatedSettings = setNestedValue(__spreadValues({}, currentSettings), settingsPath, obj);
+      setValue("settings", updatedSettings, { shouldDirty: true });
+    } else {
+      setValue(attributePath, obj, { shouldDirty: true });
+    }
+  };
+  return /* @__PURE__ */ jsxs(Box, { sx: { mt: 1, mb: 2 }, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", gutterBottom: true, children: attribute.label || "Settings Editor" }),
+    /* @__PURE__ */ jsx(TableContainer, { component: Paper, sx: { mb: 2 }, children: /* @__PURE__ */ jsxs(Table, { size: "small", children: [
+      /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { width: "40%", children: "Key" }),
+        /* @__PURE__ */ jsx(TableCell, { width: "50%", children: "Value" }),
+        /* @__PURE__ */ jsx(TableCell, { width: "10%", align: "center", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: pairs.map((pair) => /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+          TextField,
+          {
+            fullWidth: true,
+            size: "small",
+            value: pair.key,
+            onChange: (e) => handleKeyChange(pair.id, e.target.value),
+            error: !!keyError[pair.id],
+            helperText: keyError[pair.id]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
+          TextField,
+          {
+            fullWidth: true,
+            size: "small",
+            value: pair.value,
+            onChange: (e) => handleValueChange(pair.id, e.target.value)
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "small",
+            onClick: () => removePair(pair.id),
+            color: "error",
+            children: /* @__PURE__ */ jsx(DeleteIcon, { fontSize: "small" })
+          }
+        ) })
+      ] }, pair.id)) })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        startIcon: /* @__PURE__ */ jsx(AddIcon, {}),
+        variant: "outlined",
+        size: "small",
+        onClick: addPair,
+        children: "+"
+      }
+    )
+  ] });
+};
+const JsonView = (props) => {
+  const { attribute } = props;
+  const record = useRecordContext();
+  const attributePath = attribute.attribute;
+  const isNestedSetting = attributePath.startsWith("settings.");
+  const settingsPath = isNestedSetting ? attributePath.split(".").slice(1).join(".") : attributePath;
+  let displayValue = {};
+  if (isNestedSetting && (record == null ? void 0 : record.settings)) {
+    const settings = record.settings || {};
+    if (settingsPath) {
+      const keys = settingsPath.split(".");
+      displayValue = keys.reduce((o, key) => o && o[key] !== void 0 ? o[key] : {}, settings);
+    } else {
+      displayValue = settings;
+    }
+  } else if (record == null ? void 0 : record[attributePath]) {
+    displayValue = record[attributePath];
+  }
+  return /* @__PURE__ */ jsxs(Box, { sx: { mt: 1, mb: 2 }, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", gutterBottom: true, children: attribute.label || "Settings" }),
+    Object.keys(displayValue).length > 0 ? /* @__PURE__ */ jsx(TableContainer, { component: Paper, children: /* @__PURE__ */ jsxs(Table, { size: "small", children: [
+      /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { width: "40%", children: "Key" }),
+        /* @__PURE__ */ jsx(TableCell, { width: "60%", children: "Value" })
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { children: Object.entries(displayValue).map(([key, value]) => /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { children: key }),
+        /* @__PURE__ */ jsx(TableCell, { children: typeof value === "object" ? JSON.stringify(value) : String(value) })
+      ] }, key)) })
+    ] }) }) : /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "No settings configured" })
+  ] });
+};
+const Json = ({ method, attribute, resourceConfig }) => {
+  switch (method) {
+    case "edit":
+      return /* @__PURE__ */ jsx(JsonEdit, { attribute, method, resourceConfig });
+    case "create":
+      return /* @__PURE__ */ jsx(JsonEdit, { attribute, method, resourceConfig });
+    case "view":
+      return /* @__PURE__ */ jsx(JsonView, { attribute, method, resourceConfig });
+    default:
+      return null;
+  }
+};
+var Json_default = Json;
+export {
+  JsonEdit,
+  JsonView,
+  Json_default as default
+};