@dashadmin/dash-auto-admin 1.3.25 → 1.3.26

package/dist/DashAutoFormLayout.js

@@ -1 +1,68 @@
-import{Fragment as A,jsx as b}from"react/jsx-runtime";import{DashAutoFormTabs as i}from".";import{default as s}from"./mui/AttributeToInput";import p from"./utils/hashedGroupByTabs";const c=({schema:n,resourceConfig:t,options:o})=>{const a=p(n||[]),m=r=>(a[r]?a[r]:[]).filter(e=>e?.inEdit!==!1).map((e,u)=>s("edit",t,e,u,o)),d=r=>(a[r]?a[r]:[]).filter(e=>e?.inCreate!==!1).map((e,u)=>s("create",t,e,u,o));switch(o.mode){case"create":return!t?.createLayout||typeof t.createLayout!="function"?(console.warn("\u26A0\uFE0F createLayout must be present and be a function in the resource definition when using formGroupMode layout, fallback to tabs"),i({schema:n,resourceConfig:t,options:o})):t.createLayout(d);case"edit":return!t?.editLayout||typeof t.editLayout!="function"?(console.warn("\u26A0\uFE0F createLayout must be present and be a function in the resource definition when using formGroupMode layout, fallback to tabs"),i({schema:n,resourceConfig:t,options:o})):t.editLayout(m);default:return b(A,{children:"mode not allowed"})}};var E=c;export{E as default};
+import { Fragment, jsx } from "react/jsx-runtime";
+import { DashAutoFormTabs } from ".";
+import { default as AttributeToInput } from "./mui/AttributeToInput";
+import hashedGroupByTabs from "./utils/hashedGroupByTabs";
+const DashAutoFormLayout = ({
+  schema,
+  resourceConfig,
+  options
+}) => {
+  const groupedTabs = hashedGroupByTabs(schema || []);
+  const renderEdit = (tab) => {
+    const groupedAttributesByTab = groupedTabs[tab] ? groupedTabs[tab] : [];
+    return groupedAttributesByTab.filter((attribute) => (attribute == null ? void 0 : attribute.inEdit) !== false).map(
+      (attribute, idx) => AttributeToInput("edit", resourceConfig, attribute, idx, options)
+    );
+  };
+  const renderCreate = (tab) => {
+    const groupedAttributesByTab = groupedTabs[tab] ? groupedTabs[tab] : [];
+    return groupedAttributesByTab.filter((attribute) => (attribute == null ? void 0 : attribute.inCreate) !== false).map(
+      (attribute, idx) => AttributeToInput("create", resourceConfig, attribute, idx, options)
+    );
+  };
+  switch (options.mode) {
+    case "create":
+      if (!(resourceConfig == null ? void 0 : resourceConfig.createLayout) || typeof resourceConfig.createLayout !== "function") {
+        console.warn(
+          "\u26A0\uFE0F createLayout must be present and be a function in the resource definition when using formGroupMode layout, fallback to tabs"
+        );
+        return DashAutoFormTabs({
+          schema,
+          resourceConfig,
+          options
+        });
+      }
+      return resourceConfig.createLayout(renderCreate);
+    case "edit":
+      if (!(resourceConfig == null ? void 0 : resourceConfig.editLayout) || typeof resourceConfig.editLayout !== "function") {
+        console.warn(
+          "\u26A0\uFE0F createLayout must be present and be a function in the resource definition when using formGroupMode layout, fallback to tabs"
+        );
+        return DashAutoFormTabs({
+          schema,
+          resourceConfig,
+          options
+        });
+      }
+      return resourceConfig.editLayout(renderEdit);
+    /*case "view":
+        case "list":
+          if (!resource.showLayout || typeof resource.showLayout !== "function") {
+            console.error("showLayout must be present and be a function in the resource definition when using formGroupMode layout, fallback to tabs");
+            return AutoFormTabs({
+              schema: schema,
+              resource: resource,
+              options: { mode: options.mode },
+            })
+          }
+    
+          return resource.createLayout(renderShow)
+        */
+    default:
+      return /* @__PURE__ */ jsx(Fragment, { children: "mode not allowed" });
+  }
+};
+var DashAutoFormLayout_default = DashAutoFormLayout;
+export {
+  DashAutoFormLayout_default as default
+};

package/dist/DashAutoFormMuiTabs.js

@@ -1 +1,291 @@
-import{jsx as o,jsxs as w}from"react/jsx-runtime";import{FormTab as g}from"react-admin";import{Tab as y,Tabs as A,Box as h}from"@mui/material";import p from"./utils/groupByTabs";import f from"./mui/AttributeToInput";import{useDispatch as T}from"react-redux";import{useEffect as D,useState as F}from"react";const x=({schema:i,resourceConfig:d,options:s,isDrawer:b})=>{const m=T(),[n,v]=F(0),c=a=>{const{name:r,value:t,type:e}=a.target;let l;switch(e){case"checkbox":l=a.target.checked;break;case"select":l=t;break;case"text":case"number":case"email":l=t;break;default:l=t;break}console.log("DashAutoFormMuiTabs: dispatch method deprecated")},k=(a,r)=>{v(r)};D(()=>()=>{console.log("DashAutoFormMuiTabs: dispatch method deprecated")},[m]);const u=p(i);return s?.meta?.tabs==="mui"?w(h,{sx:{width:"100%"},children:[o(h,{sx:{borderBottom:1,borderColor:"divider"},children:o(A,{value:n,onChange:k,children:u.map((a,r)=>o(y,{label:a[0].tab||s?.label||""},`tab-${a[0].tab||r}`))})}),u.map((a,r)=>{let t=a.filter(e=>e?.inCreate!==!1);return b&&(t=t.filter(e=>e?.inDrawer!==!1)),o("div",{role:"tabpanel",hidden:n!==r,style:{padding:"20px 0"},children:t.map((e,l)=>o("div",{children:f("create",d,e,l,{...s,handleChange:c})},`input-${l}`))},`panel-${r}`)})]}):p(i).map((a,r)=>{let t=a.filter(e=>e?.inCreate!==!1);return b&&(t=t.filter(e=>e?.inDrawer!==!1)),t.length&&o(g,{value:r,label:a[0].tab||s?.label||"",children:t.map((e,l)=>o("div",{children:f("create",d,e,l,{...s,handleChange:c})},`input-${l}`))},`tab-${a[0].tab||r}`)})},C=({schema:i,resourceConfig:d,options:s,isDrawer:b})=>{const m=T(),[n,v]=F(0),c=a=>{const{name:r,value:t,type:e}=a.target;let l;switch(e){case"checkbox":l=a.target.checked;break;case"select":l=t;break;case"text":case"number":case"email":l=t;break;default:l=t;break}console.log("DashAutoFormMuiTabs: dispatch method deprecated")},k=(a,r)=>{v(r)};D(()=>()=>{console.log("DashAutoFormMuiTabs: dispatch method deprecated")},[m]);const u=p(i);return s?.meta?.tabs==="mui"?w(h,{sx:{width:"100%"},children:[o(h,{sx:{borderBottom:1,borderColor:"divider"},children:o(A,{value:n,onChange:k,children:u.map((a,r)=>o(y,{label:a[0].tab||s?.label||""},`tab-${a[0].tab||r}`))})}),u.map((a,r)=>{let t=a.filter(e=>e?.inEdit!==!1);return b&&(t=t.filter(e=>e?.inDrawer!==!1)),o("div",{role:"tabpanel",hidden:n!==r,style:{padding:"20px 0"},children:t.map((e,l)=>o("div",{children:f("edit",d,e,l,{...s,handleChange:c})},`input-${l}`))},`panel-${r}`)})]}):p(i).map((a,r)=>{let t=a.filter(e=>e?.inEdit!==!1);return b&&(t=t.filter(e=>e?.inDrawer!==!1)),t.length&&o(g,{value:r,label:a[0].tab||s?.label||"",children:t.map((e,l)=>o("div",{children:f("edit",d,e,l,{...s,handleChange:c})},`input-${l}`))},`tab-${a[0].tab||r}`)})},$=({schema:i,resourceConfig:d,options:s,isDrawer:b})=>{const m=T(),[n,v]=F(0),c=a=>{const{name:r,value:t,type:e}=a.target;let l;switch(e){case"checkbox":l=a.target.checked;break;case"select":l=t;break;case"text":case"number":case"email":l=t;break;default:l=t;break}console.log("DashAutoFormMuiTabs: dispatch method deprecated")},k=(a,r)=>{v(r)};D(()=>()=>{console.log("DashAutoFormMuiTabs: dispatch method deprecated")},[m]);const u=p(i);return s?.meta?.tabs==="mui"?w(h,{sx:{width:"100%"},children:[o(h,{sx:{borderBottom:1,borderColor:"divider"},children:o(A,{value:n,onChange:k,children:u.map((a,r)=>o(y,{label:a[0].tab||s?.label||""},`tab-${a[0].tab||r}`))})}),u.map((a,r)=>{let t=a.filter(e=>e?.inShow!==!1);return b&&(t=t.filter(e=>e?.inDrawer!==!1)),o("div",{role:"tabpanel",hidden:n!==r,style:{padding:"20px 0"},children:t.map((e,l)=>o("div",{children:f("view",d,e,l,{...s,handleChange:c})},`input-${l}`))},`panel-${r}`)})]}):p(i).map((a,r)=>{let t=a.filter(e=>e?.inShow!==!1);return b&&(t=t.filter(e=>e?.inDrawer!==!1)),t.length&&o(g,{value:r,label:a[0].tab||s?.label||"",children:t.map((e,l)=>o("div",{children:f("view",d,e,l,{...s,handleChange:c})},`input-${l}`))},`tab-${a[0].tab||r}`)})},B=({schema:i,resourceConfig:d,options:s})=>{const b=s.isDrawer===!0,m=s?.meta||{},n={schema:i,resourceConfig:d,options:s,isDrawer:b};switch(s.mode){case"create":return o(x,{...n});case"edit":return o(C,{...n});case"view":return o($,{...n});default:return null}};var Q=B;export{Q 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 { FormTab } from "react-admin";
+import { Tab, Tabs, Box } from "@mui/material";
+import groupByTabs from "./utils/groupByTabs";
+import AttributeToInput from "./mui/AttributeToInput";
+import { useDispatch } from "react-redux";
+import { useEffect, useState } from "react";
+const CreateFormTabs = ({ schema, resourceConfig, options, isDrawer }) => {
+  var _a;
+  const dispatch = useDispatch();
+  const [value, setValue] = useState(0);
+  const handleChange = (event) => {
+    const { name, value: value2, type } = event.target;
+    let payloadValue;
+    switch (type) {
+      case "checkbox":
+        payloadValue = event.target.checked;
+        break;
+      case "select":
+        payloadValue = value2;
+        break;
+      case "text":
+      case "number":
+      case "email":
+        payloadValue = value2;
+        break;
+      default:
+        payloadValue = value2;
+        break;
+    }
+    console.log("DashAutoFormMuiTabs: dispatch method deprecated");
+  };
+  const handleTabChange = (event, newValue) => {
+    setValue(newValue);
+  };
+  useEffect(() => {
+    return () => {
+      console.log("DashAutoFormMuiTabs: dispatch method deprecated");
+    };
+  }, [dispatch]);
+  const tabGroups = groupByTabs(schema);
+  if (((_a = options == null ? void 0 : options.meta) == null ? void 0 : _a.tabs) === "mui") {
+    return /* @__PURE__ */ jsxs(Box, { sx: { width: "100%" }, children: [
+      /* @__PURE__ */ jsx(Box, { sx: { borderBottom: 1, borderColor: "divider" }, children: /* @__PURE__ */ jsx(Tabs, { value, onChange: handleTabChange, children: tabGroups.map((group, idx) => /* @__PURE__ */ jsx(Tab, { label: group[0].tab || (options == null ? void 0 : options.label) || "" }, `tab-${group[0].tab || idx}`)) }) }),
+      tabGroups.map((groupOfAttributes, idx) => {
+        let grouppedAttributes = groupOfAttributes.filter(
+          (attribute) => (attribute == null ? void 0 : attribute.inCreate) !== false
+        );
+        if (isDrawer) {
+          grouppedAttributes = grouppedAttributes.filter(
+            (attribute) => (attribute == null ? void 0 : attribute.inDrawer) !== false
+          );
+        }
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "tabpanel",
+            hidden: value !== idx,
+            style: { padding: "20px 0" },
+            children: grouppedAttributes.map((attribute, i) => /* @__PURE__ */ jsx("div", { children: AttributeToInput("create", resourceConfig, attribute, i, __spreadProps(__spreadValues({}, options), { handleChange })) }, `input-${i}`))
+          },
+          `panel-${idx}`
+        );
+      })
+    ] });
+  }
+  return groupByTabs(schema).map((groupOfAttributes, idx) => {
+    let grouppedAttributes = groupOfAttributes.filter(
+      (attribute) => (attribute == null ? void 0 : attribute.inCreate) !== false
+    );
+    if (isDrawer) {
+      grouppedAttributes = grouppedAttributes.filter(
+        (attribute) => (attribute == null ? void 0 : attribute.inDrawer) !== false
+      );
+    }
+    return grouppedAttributes.length && /* @__PURE__ */ jsx(
+      FormTab,
+      {
+        value: idx,
+        label: groupOfAttributes[0].tab || (options == null ? void 0 : options.label) || "",
+        children: grouppedAttributes.map((attribute, i) => /* @__PURE__ */ jsx("div", { children: AttributeToInput("create", resourceConfig, attribute, i, __spreadProps(__spreadValues({}, options), { handleChange })) }, `input-${i}`))
+      },
+      `tab-${groupOfAttributes[0].tab || idx}`
+    );
+  });
+};
+const EditFormTabs = ({ schema, resourceConfig, options, isDrawer }) => {
+  var _a;
+  const dispatch = useDispatch();
+  const [value, setValue] = useState(0);
+  const handleChange = (event) => {
+    const { name, value: value2, type } = event.target;
+    let payloadValue;
+    switch (type) {
+      case "checkbox":
+        payloadValue = event.target.checked;
+        break;
+      case "select":
+        payloadValue = value2;
+        break;
+      case "text":
+      case "number":
+      case "email":
+        payloadValue = value2;
+        break;
+      default:
+        payloadValue = value2;
+        break;
+    }
+    console.log("DashAutoFormMuiTabs: dispatch method deprecated");
+  };
+  const handleTabChange = (event, newValue) => {
+    setValue(newValue);
+  };
+  useEffect(() => {
+    return () => {
+      console.log("DashAutoFormMuiTabs: dispatch method deprecated");
+    };
+  }, [dispatch]);
+  const tabGroups = groupByTabs(schema);
+  if (((_a = options == null ? void 0 : options.meta) == null ? void 0 : _a.tabs) === "mui") {
+    return /* @__PURE__ */ jsxs(Box, { sx: { width: "100%" }, children: [
+      /* @__PURE__ */ jsx(Box, { sx: { borderBottom: 1, borderColor: "divider" }, children: /* @__PURE__ */ jsx(Tabs, { value, onChange: handleTabChange, children: tabGroups.map((group, idx) => /* @__PURE__ */ jsx(Tab, { label: group[0].tab || (options == null ? void 0 : options.label) || "" }, `tab-${group[0].tab || idx}`)) }) }),
+      tabGroups.map((groupOfAttributes, idx) => {
+        let grouppedAttributes = groupOfAttributes.filter(
+          (attribute) => (attribute == null ? void 0 : attribute.inEdit) !== false
+        );
+        if (isDrawer) {
+          grouppedAttributes = grouppedAttributes.filter(
+            (attribute) => (attribute == null ? void 0 : attribute.inDrawer) !== false
+          );
+        }
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "tabpanel",
+            hidden: value !== idx,
+            style: { padding: "20px 0" },
+            children: grouppedAttributes.map((attribute, i) => /* @__PURE__ */ jsx("div", { children: AttributeToInput("edit", resourceConfig, attribute, i, __spreadProps(__spreadValues({}, options), { handleChange })) }, `input-${i}`))
+          },
+          `panel-${idx}`
+        );
+      })
+    ] });
+  }
+  return groupByTabs(schema).map((groupOfAttributes, idx) => {
+    let grouppedAttributes = groupOfAttributes.filter(
+      (attribute) => (attribute == null ? void 0 : attribute.inEdit) !== false
+    );
+    if (isDrawer) {
+      grouppedAttributes = grouppedAttributes.filter(
+        (attribute) => (attribute == null ? void 0 : attribute.inDrawer) !== false
+      );
+    }
+    return grouppedAttributes.length && /* @__PURE__ */ jsx(
+      FormTab,
+      {
+        value: idx,
+        label: groupOfAttributes[0].tab || (options == null ? void 0 : options.label) || "",
+        children: grouppedAttributes.map((attribute, i) => /* @__PURE__ */ jsx("div", { children: AttributeToInput("edit", resourceConfig, attribute, i, __spreadProps(__spreadValues({}, options), { handleChange })) }, `input-${i}`))
+      },
+      `tab-${groupOfAttributes[0].tab || idx}`
+    );
+  });
+};
+const ViewFormTabs = ({ schema, resourceConfig, options, isDrawer }) => {
+  var _a;
+  const dispatch = useDispatch();
+  const [value, setValue] = useState(0);
+  const handleChange = (event) => {
+    const { name, value: value2, type } = event.target;
+    let payloadValue;
+    switch (type) {
+      case "checkbox":
+        payloadValue = event.target.checked;
+        break;
+      case "select":
+        payloadValue = value2;
+        break;
+      case "text":
+      case "number":
+      case "email":
+        payloadValue = value2;
+        break;
+      default:
+        payloadValue = value2;
+        break;
+    }
+    console.log("DashAutoFormMuiTabs: dispatch method deprecated");
+  };
+  const handleTabChange = (event, newValue) => {
+    setValue(newValue);
+  };
+  useEffect(() => {
+    return () => {
+      console.log("DashAutoFormMuiTabs: dispatch method deprecated");
+    };
+  }, [dispatch]);
+  const tabGroups = groupByTabs(schema);
+  if (((_a = options == null ? void 0 : options.meta) == null ? void 0 : _a.tabs) === "mui") {
+    return /* @__PURE__ */ jsxs(Box, { sx: { width: "100%" }, children: [
+      /* @__PURE__ */ jsx(Box, { sx: { borderBottom: 1, borderColor: "divider" }, children: /* @__PURE__ */ jsx(Tabs, { value, onChange: handleTabChange, children: tabGroups.map((group, idx) => /* @__PURE__ */ jsx(Tab, { label: group[0].tab || (options == null ? void 0 : options.label) || "" }, `tab-${group[0].tab || idx}`)) }) }),
+      tabGroups.map((groupOfAttributes, idx) => {
+        let grouppedAttributes = groupOfAttributes.filter(
+          (attribute) => (attribute == null ? void 0 : attribute.inShow) !== false
+        );
+        if (isDrawer) {
+          grouppedAttributes = grouppedAttributes.filter(
+            (attribute) => (attribute == null ? void 0 : attribute.inDrawer) !== false
+          );
+        }
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "tabpanel",
+            hidden: value !== idx,
+            style: { padding: "20px 0" },
+            children: grouppedAttributes.map((attribute, i) => /* @__PURE__ */ jsx("div", { children: AttributeToInput("view", resourceConfig, attribute, i, __spreadProps(__spreadValues({}, options), { handleChange })) }, `input-${i}`))
+          },
+          `panel-${idx}`
+        );
+      })
+    ] });
+  }
+  return groupByTabs(schema).map((groupOfAttributes, idx) => {
+    let grouppedAttributes = groupOfAttributes.filter(
+      (attribute) => (attribute == null ? void 0 : attribute.inShow) !== false
+    );
+    if (isDrawer) {
+      grouppedAttributes = grouppedAttributes.filter(
+        (attribute) => (attribute == null ? void 0 : attribute.inDrawer) !== false
+      );
+    }
+    return grouppedAttributes.length && /* @__PURE__ */ jsx(
+      FormTab,
+      {
+        value: idx,
+        label: groupOfAttributes[0].tab || (options == null ? void 0 : options.label) || "",
+        children: grouppedAttributes.map((attribute, i) => /* @__PURE__ */ jsx("div", { children: AttributeToInput("view", resourceConfig, attribute, i, __spreadProps(__spreadValues({}, options), { handleChange })) }, `input-${i}`))
+      },
+      `tab-${groupOfAttributes[0].tab || idx}`
+    );
+  });
+};
+const DashAutoFormMuiTabs = ({
+  schema,
+  resourceConfig,
+  options
+}) => {
+  const isDrawer = options.isDrawer === true ? true : false;
+  const meta = (options == null ? void 0 : options.meta) || {};
+  const commonProps = {
+    schema,
+    resourceConfig,
+    options,
+    isDrawer
+  };
+  switch (options.mode) {
+    case "create":
+      return /* @__PURE__ */ jsx(CreateFormTabs, __spreadValues({}, commonProps));
+    case "edit":
+      return /* @__PURE__ */ jsx(EditFormTabs, __spreadValues({}, commonProps));
+    case "view":
+      return /* @__PURE__ */ jsx(ViewFormTabs, __spreadValues({}, commonProps));
+    default:
+      return null;
+  }
+};
+var DashAutoFormMuiTabs_default = DashAutoFormMuiTabs;
+export {
+  DashAutoFormMuiTabs_default as default
+};

package/dist/DashAutoFormTabs.js

@@ -1 +1,132 @@
-import{Fragment as c,jsx as l}from"react/jsx-runtime";import{FormTab as d}from"react-admin";import w from"./utils/groupByTabs";import v from"./mui/AttributeToInput";const m=({schema:b,resourceConfig:s,options:i})=>{const f=i.isDrawer===!0;i={...i,handleChange:t=>{const{name:e,value:r,type:a}=t.target;let o;switch(a){case"checkbox":o=t.target.checked;break;case"select":o=r;break;case"text":case"number":case"email":o=r;break;default:o=r;break}}};const n=(t,e)=>e.map((r,a)=>l("div",{children:v(t,s,r,a,i)},`input-${a}`)),h=(t,e)=>{let r=t.filter(a=>{switch(e){case"create":return a?.inCreate!==!1;case"edit":return a?.inEdit!==!1;case"view":return a?.inShow!==!1;default:return!0}});return f&&(r=r.filter(a=>a?.inDrawer!==!1)),r},A=w(b),u=t=>A.map(e=>({original:e,filtered:h(e,t)})).filter(e=>e.filtered.length>0);switch(i.mode){case"create":{const t=u("create");return t.length===1?l(c,{children:n("create",t[0].filtered)}):t.map((e,r)=>l(d,{value:r,label:e.original[0].tab||i?.label||s?.label,children:n("create",e.filtered)},`tab-${e.original[0].tab||r}`))}case"edit":{const t=u("edit");return t.length===1?l(c,{children:n("edit",t[0].filtered)}):t.map((e,r)=>l(d,{value:r,label:e.original[0].tab||i?.label||s?.label,children:n("edit",e.filtered)},`tab-${e.original[0].tab||r}`))}case"view":{const t=u("view");return t.length===1?l(c,{children:n("view",t[0].filtered)}):t.map((e,r)=>l(d,{value:r,label:e.original[0].tab||i?.label||s?.label,children:n("view",e.filtered)},`tab-${e.original[0].tab||r}`))}}};m.whyDidYouRender=!0;var C=m;export{C 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 { Fragment, jsx } from "react/jsx-runtime";
+import { FormTab } from "react-admin";
+import groupByTabs from "./utils/groupByTabs";
+import AttributeToInput from "./mui/AttributeToInput";
+const DashAutoFormTabs = ({
+  schema,
+  resourceConfig,
+  options
+}) => {
+  const isDrawer = options.isDrawer === true ? true : false;
+  const handleChange = (event) => {
+    const { name, value, type } = event.target;
+    let payloadValue;
+    switch (type) {
+      case "checkbox":
+        payloadValue = event.target.checked;
+        break;
+      case "select":
+        payloadValue = value;
+        break;
+      case "text":
+      case "number":
+      case "email":
+        payloadValue = value;
+        break;
+      // Add cases for other input types as needed
+      default:
+        payloadValue = value;
+        break;
+    }
+  };
+  options = __spreadProps(__spreadValues({}, options), { handleChange });
+  const renderInputs = (mode, grouppedAttributes) => {
+    return grouppedAttributes.map((attribute, i) => /* @__PURE__ */ jsx("div", { children: AttributeToInput(mode, resourceConfig, attribute, i, options) }, `input-${i}`));
+  };
+  const filterAttributes = (groupOfAttributes, mode) => {
+    let filtered = groupOfAttributes.filter((attribute) => {
+      switch (mode) {
+        case "create":
+          return (attribute == null ? void 0 : attribute.inCreate) !== false;
+        case "edit":
+          return (attribute == null ? void 0 : attribute.inEdit) !== false;
+        case "view":
+          return (attribute == null ? void 0 : attribute.inShow) !== false;
+        default:
+          return true;
+      }
+    });
+    if (isDrawer) {
+      filtered = filtered.filter((attribute) => (attribute == null ? void 0 : attribute.inDrawer) !== false);
+    }
+    return filtered;
+  };
+  const tabGroups = groupByTabs(schema);
+  const getFilteredTabGroups = (mode) => {
+    return tabGroups.map((group) => ({
+      original: group,
+      filtered: filterAttributes(group, mode)
+    })).filter((g) => g.filtered.length > 0);
+  };
+  switch (options.mode) {
+    case "create": {
+      const filteredGroups = getFilteredTabGroups("create");
+      if (filteredGroups.length === 1) {
+        return /* @__PURE__ */ jsx(Fragment, { children: renderInputs("create", filteredGroups[0].filtered) });
+      }
+      return filteredGroups.map((group, idx) => /* @__PURE__ */ jsx(
+        FormTab,
+        {
+          value: idx,
+          label: group.original[0].tab || (options == null ? void 0 : options.label) || (resourceConfig == null ? void 0 : resourceConfig.label),
+          children: renderInputs("create", group.filtered)
+        },
+        `tab-${group.original[0].tab || idx}`
+      ));
+    }
+    case "edit": {
+      const filteredGroups = getFilteredTabGroups("edit");
+      if (filteredGroups.length === 1) {
+        return /* @__PURE__ */ jsx(Fragment, { children: renderInputs("edit", filteredGroups[0].filtered) });
+      }
+      return filteredGroups.map((group, idx) => /* @__PURE__ */ jsx(
+        FormTab,
+        {
+          value: idx,
+          label: group.original[0].tab || (options == null ? void 0 : options.label) || (resourceConfig == null ? void 0 : resourceConfig.label),
+          children: renderInputs("edit", group.filtered)
+        },
+        `tab-${group.original[0].tab || idx}`
+      ));
+    }
+    case "view": {
+      const filteredGroups = getFilteredTabGroups("view");
+      if (filteredGroups.length === 1) {
+        return /* @__PURE__ */ jsx(Fragment, { children: renderInputs("view", filteredGroups[0].filtered) });
+      }
+      return filteredGroups.map((group, idx) => /* @__PURE__ */ jsx(
+        FormTab,
+        {
+          value: idx,
+          label: group.original[0].tab || (options == null ? void 0 : options.label) || (resourceConfig == null ? void 0 : resourceConfig.label),
+          children: renderInputs("view", group.filtered)
+        },
+        `tab-${group.original[0].tab || idx}`
+      ));
+    }
+  }
+};
+DashAutoFormTabs.whyDidYouRender = true;
+var DashAutoFormTabs_default = DashAutoFormTabs;
+export {
+  DashAutoFormTabs_default as default
+};

package/dist/DashAutoGroup.js

@@ -1 +1,27 @@
-import{Fragment as h,jsx as e,jsxs as d}from"react/jsx-runtime";import{SimpleShowLayout as l}from"react-admin";import{AttributeToField as s}from"./mui/AttributeToField";import f from"./utils/groupByTabs";import{AutoAdminSettings as p}from".";const u=(i,m)=>e(l,{children:f(i.schema).map((t,n)=>{const r=t[0].tab||p.defaultTabName;return t.filter(o=>o?.inShow!==!1).length?d("fieldset",{children:[e("legend",{children:r}),t.filter(o=>o?.inShow!==!1).map((o,a)=>s("view",i,o,a,m))]},"fieldset-group-"+n):e(h,{})})});var F=u;export{F as default};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { SimpleShowLayout } from "react-admin";
+import { AttributeToField } from "./mui/AttributeToField";
+import groupByTabs from "./utils/groupByTabs";
+import { AutoAdminSettings } from ".";
+const DashAutoGroup = (resourceConfig, options) => {
+  return /* @__PURE__ */ jsx(SimpleShowLayout, { children: groupByTabs(resourceConfig.schema).map((groupOfAttributes, idx) => {
+    const label = groupOfAttributes[0].tab || AutoAdminSettings.defaultTabName;
+    const count = groupOfAttributes.filter((attribute) => (attribute == null ? void 0 : attribute.inShow) !== false).length;
+    return count ? /* @__PURE__ */ jsxs("fieldset", { children: [
+      /* @__PURE__ */ jsx("legend", { children: label }),
+      groupOfAttributes.filter((attribute) => (attribute == null ? void 0 : attribute.inShow) !== false).map(
+        (attribute, i) => AttributeToField(
+          "view",
+          resourceConfig,
+          attribute,
+          i,
+          options
+        )
+      )
+    ] }, "fieldset-group-" + idx) : /* @__PURE__ */ jsx(Fragment, {});
+  }) });
+};
+var DashAutoGroup_default = DashAutoGroup;
+export {
+  DashAutoGroup_default as default
+};

package/dist/DashAutoLayout.js

@@ -1 +1,31 @@
-import{jsx as A}from"react/jsx-runtime";import{SimpleShowLayout as s}from"react-admin";import m from"./DashAutoTabs";import{AttributeToField as p}from"./mui/AttributeToField";import h from"./utils/hashedGroupByTabs";const d=(o,f)=>{const i=(e,n,u)=>{const r=h(o.schema);return(r[e]?r[e]:[]).filter(t=>t?.inShow!==!1).map((t,a)=>p(u||"view",o,t,a,n))};return!o.showLayout||typeof o.showLayout!="function"?(console.error("showLayout must be present and be a function in the resource definition when using formGroupMode layout, fallback to tabs"),m(o)):A(s,{children:o.showLayout(i)})};var R=d;export{R as default};
+import { jsx } from "react/jsx-runtime";
+import { SimpleShowLayout } from "react-admin";
+import AutoTabs from "./DashAutoTabs";
+import { AttributeToField } from "./mui/AttributeToField";
+import hashedGroupByTabs from "./utils/hashedGroupByTabs";
+const DashAutoLayout = (resourceConfig, options) => {
+  const renderShow = (tab, options2, forceAttributeToFieldMethod) => {
+    const groupedTabs = hashedGroupByTabs(resourceConfig.schema);
+    const groupedAttributesByTab = groupedTabs[tab] ? groupedTabs[tab] : [];
+    return groupedAttributesByTab.filter((attribute) => (attribute == null ? void 0 : attribute.inShow) !== false).map(
+      (attribute, idx) => AttributeToField(
+        forceAttributeToFieldMethod || "view",
+        resourceConfig,
+        attribute,
+        idx,
+        options2
+      )
+    );
+  };
+  if (!resourceConfig.showLayout || typeof resourceConfig.showLayout !== "function") {
+    console.error(
+      "showLayout must be present and be a function in the resource definition when using formGroupMode layout, fallback to tabs"
+    );
+    return AutoTabs(resourceConfig);
+  }
+  return /* @__PURE__ */ jsx(SimpleShowLayout, { children: resourceConfig.showLayout(renderShow) });
+};
+var DashAutoLayout_default = DashAutoLayout;
+export {
+  DashAutoLayout_default as default
+};