@blocklet/pages-kit-inner-components 0.6.3 → 0.6.5

package/lib/es/site-state.js

@@ -0,0 +1,48 @@
+import { p as b, n as j, o as q, S as v, q as y, r as B, u as L, v as U, b as h, x as z, w as C, t as F, y as G } from "./chunks/site-state-BdLTu3Od.js";
+import { nextId as K } from "@blocklet/pages-kit/utils/common";
+import "@blocklet/pages-kit/utils/page-model";
+import "@blocklet/pages-kit/utils/property";
+import "@blocklet/pages-kit/utils/route";
+import "@blocklet/sdk/lib/component";
+import "@blocklet/sdk/lib/config";
+import "@reactivedata/reactive";
+import "@syncedstore/core";
+import "fs";
+import "glob";
+import "lib0/decoding";
+import "lib0/encoding";
+import "lodash/cloneDeep";
+import "lodash/debounce";
+import "lodash/get";
+import "lodash/isEmpty";
+import "lodash/set";
+import "lodash/union";
+import "lru-cache";
+import "p-limit";
+import "path";
+import "sequelize";
+import "stream/promises";
+import "tar";
+import "ufo";
+import "wait-on";
+import "y-protocols/awareness";
+import "y-protocols/sync";
+import "yaml";
+import "yjs";
+export * from "@blocklet/pages-kit/types/state";
+export {
+  b as PUBLISH_MODES,
+  j as SITE_STATE_PATH,
+  q as STATE_MODES,
+  v as default,
+  y as defaultState,
+  B as downloadAsset,
+  L as downloadAssets,
+  U as fromPackage,
+  h as getResourceStates,
+  z as initPackResourceStates,
+  C as mergeState,
+  K as nextId,
+  F as toPackage,
+  G as triggerReloadAllProjectResource
+};

package/lib/es/theme.js

@@ -0,0 +1,484 @@
+import { jsx as a } from "react/jsx-runtime";
+import { ConfigProvider as c } from "@arcblock/ux/lib/Config";
+import { Icon as h } from "@iconify-icon/react";
+import $ from "@iconify-icons/tabler/chevron-down";
+import { listItemIconClasses as y, switchClasses as S, svgIconClasses as s, sliderClasses as o, outlinedInputClasses as m, inputBaseClasses as t, filledInputClasses as u, inputLabelClasses as i, inputClasses as l, selectClasses as g, autocompleteClasses as p, Box as z } from "@mui/material";
+import { useMemo as v } from "react";
+import { useLocation as M } from "react-router-dom";
+import { S as I } from "./chunks/session-C72Dq8zg.js";
+import { translations as C } from "./locales.js";
+const n = window.blocklet?.prefix || "/", O = n.endsWith("/") ? `${n}admin` : `${n}/admin`, f = {
+  fontSize: "5rem",
+  "@media (max-width: 1536px)": {
+    fontSize: "5rem"
+  },
+  "@media (max-width: 1200px)": {
+    fontSize: "4rem"
+  },
+  "@media (max-width: 900px)": {
+    fontSize: "3rem"
+  },
+  "@media (max-width: 600px)": {
+    fontSize: "2rem"
+  }
+};
+function x(e) {
+  return /* @__PURE__ */ a(z, { ...e, component: h, icon: $ });
+}
+const T = {
+  typography: {
+    big: { ...f },
+    button: {
+      // @ts-ignore
+      textTransform: "none",
+      WebkitTextTransform: "none"
+    },
+    subtitle1: {
+      fontWeight: 600,
+      fontSize: "18px",
+      lineHeight: 1.5
+    },
+    subtitle2: {
+      fontSize: "14px",
+      lineHeight: "24px",
+      fontWeight: 500,
+      marginBottom: "4px"
+    }
+  },
+  palette: {
+    background: {},
+    action: {
+      // selected: 'rgba(25, 118, 210, 0.08)',
+    }
+  },
+  shape: {
+    borderRadius: 8
+  },
+  components: {
+    MuiCssBaseline: {},
+    MuiFormLabel: {
+      styleOverrides: {
+        root: {
+          fontSize: "0.875rem"
+        }
+      }
+    },
+    MuiFormControlLabel: {
+      styleOverrides: {
+        root: {
+          marginLeft: 0
+        },
+        label: {
+          fontSize: "0.875rem"
+        }
+      }
+    },
+    MuiInputLabel: {
+      styleOverrides: {
+        root: {
+          fontSize: "0.875rem"
+        }
+      }
+    },
+    MuiRadio: {
+      styleOverrides: {
+        root: {
+          padding: 4,
+          [`.${s.fontSizeMedium}`]: {
+            fontSize: "1.25rem"
+          },
+          [`.${s.fontSizeSmall}`]: {
+            fontSize: "1.125rem"
+          }
+        }
+      }
+    },
+    MuiCheckbox: {
+      styleOverrides: {
+        root: {
+          padding: 4,
+          [`.${s.fontSizeMedium}`]: {
+            fontSize: "1.25rem"
+          },
+          [`.${s.fontSizeSmall}`]: {
+            fontSize: "1.125rem"
+          }
+        }
+      }
+    },
+    MuiSwitch: {
+      styleOverrides: {
+        root: {
+          height: 28,
+          width: 48,
+          padding: 8,
+          [`&.${S.sizeSmall}`]: {
+            height: 26,
+            width: 40,
+            padding: 8
+          }
+        },
+        switchBase: {
+          padding: 4
+        }
+      }
+    },
+    MuiAutocomplete: {
+      defaultProps: { popupIcon: /* @__PURE__ */ a(x, { fontSize: 14 }) },
+      variants: [
+        {
+          props: {},
+          style: ({ theme: e }) => e.unstable_sx({
+            [`.${p.inputRoot}`]: {
+              pt: 1.5,
+              pb: 0.25,
+              [`.${p.input}.${t.input}`]: {
+                px: 0,
+                pt: 0.5,
+                pb: 0.25
+              },
+              [`&.${t.sizeSmall}`]: {
+                [`.${p.input}.${t.input}`]: {
+                  px: 0,
+                  py: 0,
+                  pb: "1px"
+                }
+              }
+            }
+          })
+        }
+      ]
+    },
+    MuiTextField: {
+      defaultProps: { variant: "filled" },
+      variants: [
+        {
+          props: {},
+          // @ts-ignore
+          style: ({ theme: e, ownerState: r }) => e.unstable_sx({
+            [`.${t.root}`]: {
+              borderRadius: 1,
+              lineHeight: "1.5rem",
+              [`.${t.input}`]: {
+                height: "1.5rem"
+              },
+              [`&.${l.multiline}`]: {
+                pl: 0,
+                pr: 0,
+                pt: r?.label ? 2 : 1,
+                "& .MuiInputBase-inputMultiline": {
+                  py: 0
+                }
+              }
+            },
+            // standard
+            [`.${l.root}`]: {
+              mt: 1.5,
+              [`&.${t.hiddenLabel}`]: {
+                mt: 0,
+                pt: 0,
+                [`.${g.select}.${l.input}:focus`]: {
+                  bgcolor: "transparent"
+                }
+              }
+            },
+            [`.${i.standard}`]: {
+              transform: "translate(0px, 18px) scale(1)",
+              [`&.${i.sizeSmall}`]: {
+                transform: "translate(0px, 15px) scale(1)"
+              },
+              [`&.${i.shrink}`]: {
+                transform: "translate(0px, -1px) scale(0.8)",
+                [`&.${i.sizeSmall}`]: {
+                  transform: "translate(0px, -1px) scale(0.8)"
+                }
+              }
+            },
+            // filled
+            [`.${u.root}`]: {
+              ":before,:after": { display: "none" },
+              [`.${t.input}`]: {
+                pb: 0.5,
+                pt: r?.label ? 2 : 0.5,
+                px: 1,
+                ":focus": {
+                  borderRadius: 1
+                },
+                [`&.${t.inputSizeSmall}`]: {
+                  pb: 0.25,
+                  pt: r?.label ? 1.25 : 0.25,
+                  ...r?.multiline ? {
+                    pt: 0
+                  } : {}
+                },
+                [`&.${t.inputHiddenLabel}`]: {
+                  py: 0.5,
+                  [`&.${t.inputSizeSmall}`]: {
+                    py: "1px"
+                  }
+                }
+              }
+            },
+            [`.${i.filled}`]: {
+              transform: "translate(8px, 11px) scale(1)",
+              [`&.${i.sizeSmall}`]: {
+                transform: "translate(8px, 7px) scale(1)"
+              },
+              [`&.${i.shrink}`]: {
+                transform: "translate(8px, 2px) scale(0.8)",
+                [`&.${i.sizeSmall}`]: {
+                  transform: "translate(8px, 0) scale(0.8)"
+                }
+              }
+            },
+            // outlined
+            [`.${m.root}`]: {
+              [`.${t.input}`]: {
+                py: 1.25,
+                px: 1,
+                [`&.${t.inputSizeSmall}`]: {
+                  py: 0.875
+                },
+                [`&.${t.inputHiddenLabel}`]: {
+                  py: 0.5,
+                  [`&.${t.inputSizeSmall}`]: {
+                    py: "1px"
+                  }
+                }
+              }
+            },
+            [`.${i.outlined}`]: {
+              transform: "translate(8px, 10px) scale(1)",
+              [`&.${i.sizeSmall}`]: {
+                transform: "translate(8px, 7px) scale(1)"
+              },
+              [`&.${i.shrink}`]: {
+                transform: "translate(16px, -7px) scale(0.8)"
+              }
+            }
+          })
+        }
+      ]
+    },
+    MuiInput: {
+      defaultProps: { disableUnderline: !0 },
+      variants: [
+        {
+          props: { disableUnderline: !0 },
+          style: ({ theme: e }) => e.unstable_sx({
+            fontSize: "0.875rem",
+            lineHeight: "1.5rem",
+            [`&.${t.multiline}`]: {
+              py: 0
+            },
+            [`.${t.input}`]: {
+              py: 0.5,
+              height: "1.5rem"
+            },
+            [`&.${t.sizeSmall}`]: {
+              [`.${t.input}`]: {
+                py: "1px"
+              }
+            }
+          })
+        }
+      ]
+    },
+    MuiFilledInput: {
+      styleOverrides: {
+        root: ({ theme: e }) => e.unstable_sx({
+          fontSize: "0.875rem",
+          bgcolor: e.palette.grey[100],
+          "&:hover": {
+            bgcolor: e.palette.grey[100]
+          },
+          "@media (hover: none)": {
+            bgcolor: e.palette.grey[100]
+          }
+        })
+      }
+    },
+    MuiSelect: {
+      styleOverrides: {
+        select: {
+          display: "flex",
+          alignItems: "center",
+          [`.${y.root}`]: {
+            minWidth: 20
+          }
+        }
+      },
+      defaultProps: { variant: "filled", IconComponent: x },
+      variants: [
+        {
+          props: {},
+          style: ({ theme: e }) => e.unstable_sx({
+            fontSize: "0.875rem",
+            borderRadius: 1,
+            lineHeight: "1.5rem",
+            // filled
+            [`&.${u.root}`]: {
+              ":before,:after": { display: "none" },
+              [`.${t.input}`]: {
+                py: 0.5,
+                borderRadius: 1,
+                [`&.${t.inputSizeSmall}`]: {
+                  py: "1px"
+                }
+              }
+            },
+            // outlined
+            [`&.${m.root}`]: {
+              [`.${t.input}`]: {
+                py: 0.5,
+                borderRadius: 1,
+                [`&.${t.inputSizeSmall}`]: {
+                  py: "1px"
+                }
+              }
+            }
+          })
+        }
+      ]
+    },
+    MuiSlider: {
+      defaultProps: {},
+      variants: [
+        {
+          props: {},
+          style: ({ theme: e }) => e.unstable_sx({
+            height: 3,
+            [`.${o.track}`]: {
+              borderWidth: 0
+            },
+            [`.${o.thumb}`]: {
+              width: 16,
+              height: 16
+            },
+            [`&.${o.sizeSmall}`]: {
+              height: 2,
+              [`.${o.thumb}`]: {
+                width: 12,
+                height: 12
+              }
+            }
+          })
+        }
+      ]
+    },
+    MuiFormHelperText: {
+      styleOverrides: {
+        root: ({ theme: e }) => e.unstable_sx({
+          mx: 1
+        })
+      }
+    },
+    MuiTypography: {
+      variants: [
+        {
+          props: { variant: "body1" },
+          style: ({ theme: e }) => e.unstable_sx({
+            fontSize: "0.875rem"
+          })
+        },
+        {
+          props: { variant: "body2" },
+          style: ({ theme: e }) => e.unstable_sx({
+            fontSize: "0.75rem"
+          })
+        }
+      ]
+    },
+    MuiMenuItem: {
+      styleOverrides: {
+        root: ({ theme: e }) => e.unstable_sx({
+          padding: "6px 12px",
+          fontSize: "0.875rem",
+          borderRadius: 1,
+          ".MuiListItemIcon-root": {
+            minWidth: 0,
+            mr: 1
+          }
+        })
+      }
+    },
+    MuiListItemButton: {
+      styleOverrides: {
+        root: {
+          padding: "6px 12px"
+        }
+      }
+    },
+    MuiList: {
+      styleOverrides: {
+        root: {
+          padding: 4
+        }
+      }
+    },
+    MuiListItemText: {
+      styleOverrides: {
+        primary: {
+          fontSize: "0.875rem"
+        }
+      }
+    },
+    MuiDialogTitle: {
+      styleOverrides: {
+        root: ({ theme: e }) => e.unstable_sx({
+          padding: "16px 24px",
+          borderBottom: `1px solid ${e.palette.divider}`
+        })
+      }
+    },
+    MuiDialogActions: {
+      styleOverrides: {
+        root: ({ theme: e }) => e.unstable_sx({
+          borderTop: `1px solid ${e.palette.divider}`,
+          padding: "16px 24px"
+        })
+      }
+    },
+    MuiDialogContent: {
+      styleOverrides: {
+        root: {
+          padding: "12px 24px !important"
+        }
+      }
+    },
+    MuiButton: {
+      defaultProps: {
+        size: "small"
+      },
+      styleOverrides: {}
+    }
+  }
+}, L = {
+  typography: {
+    // @ts-ignore
+    big: { ...f },
+    button: {
+      // @ts-ignore
+      textTransform: "none",
+      WebkitTextTransform: "none"
+    }
+  }
+}, A = ({
+  children: e,
+  isDashboard: r = !1
+}) => {
+  const d = M().pathname.startsWith("/admin/maker") || r, b = v(() => d ? T : L, [d]);
+  return /* @__PURE__ */ a(
+    c,
+    {
+      theme: b,
+      translations: C,
+      fallbackLocale: "en",
+      injectFirst: !0,
+      children: /* @__PURE__ */ a(I, { serviceHost: n, protectedRoutes: [`${O}/*`], children: e })
+    }
+  );
+};
+export {
+  A as PagesKitThemeProvider
+};

package/lib/es/uploader.js

@@ -0,0 +1,8 @@
+import { UploaderButton as r, UploaderProvider as d, getImageSize as t, getVideoSize as a, useUploader as i } from "@blocklet/pages-kit/builtin/uploader";
+export {
+  r as UploaderButton,
+  d as UploaderProvider,
+  t as getImageSize,
+  a as getVideoSize,
+  i as useUploader
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit-inner-components",
-  "version": "0.6.3",
+  "version": "0.6.5",
   "description": "Pages Kit inner components library",
   "publishConfig": {
     "access": "public"
@@ -203,8 +203,8 @@
     "yaml": "^2.5.0",
     "yjs": "^13.6.18",
     "zustand": "^4.5.5",
-    "@blocklet/pages-kit": "^0.6.3",
-    "@blocklet/pages-kit-block-studio": "^0.6.3"
+    "@blocklet/pages-kit": "^0.6.5",
+    "@blocklet/pages-kit-block-studio": "^0.6.5"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",

package/lib/cjs/chunks/draft-data-CfIMszE7.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("./home-DUjl5PbP.js"),r=require("./state-CtNs8GrN.js");function n({children:t}){const e=r.useProjectId();return s.jsx(r.StoreProvider,{url:o.getWssURL(e??""),name:"root",waitingSynced:!0,children:s.jsx(u,{children:t})})}function u({children:t}){const{state:e}=r.useStore();return t({state:e})}exports.default=n;

package/lib/cjs/chunks/home-DUjl5PbP.js

@@ -1,6 +0,0 @@
-"use strict";const d=require("@arcblock/ux/lib/Theme"),p=require("@blocklet/ui-react/lib/Header"),h=require("@mui/material"),s=require("react"),w=require("react-router-dom"),g=require("@arcblock/did-connect/lib/Session"),P=require("@blocklet/js-sdk"),l=require("ufo");require("lodash/isEmpty");require("yaml");const f=require("react/jsx-runtime"),q=e=>e&&e.__esModule?e:{default:e},S=q(p),{SessionProvider:F,SessionContext:_,SessionConsumer:C,withSession:$}=g.createAuthServiceSessionContext();function r(){return s.useContext(_)}function j(...e){const{session:t}=r();return e.includes(t.user?.role)}function I(...e){const{session:t}=r(),o=j(...e);return window.blocklet?.tenantMode==="multiple"?!!t.user:o}const m=window.blocklet?.prefix||"/",i=P.createAxios({timeout:200*1e3}),R=window.location.protocol==="https:"?"wss":"ws",b=e=>l.joinURL(`${R}://${window.location.hostname}`,m,`api/${e}/ws/pages`),y="z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";blocklet?.componentMountPoints.find(e=>e.did===y)?.mountPoint||l.joinURL(m,"/image-bin");function u(){const{pathname:e}=window.location,o=e.match(/\/admin\/(maker|previewer)\/([^/]+)/)?.[2],n=window.__PROJECT_ID__;if(!o&&!n)throw new Error("Unable to get projectId from pathname");return o||n}function M(e){return`${e}:pages:version`}const k=["production","draft"];function x({mode:e,version:t}={}){const o=t&&typeof t=="number"?{mode:e,version:t}:{mode:e};return i.get(`/api/${u()}/pages`,{params:o}).then(n=>n.data)}function E({mode:e,routes:t}){return i.post(`/api/${u()}/pages/publish`,{mode:e,routes:t}).then(o=>o.data)}function D(){const[e]=w.useSearchParams(),{session:t}=r(),o=I("owner","admin","pagesEditor","member"),n=s.useMemo(()=>{const a=e.get("mode");return k.includes(a)?a:"production"},[e]),c=n==="production"?n:t.user?o?n:"production":null;return c?f.jsx(HomeView,{mode:c}):null}s.lazy(()=>Promise.resolve().then(()=>require("./publish-button-C522nNv6.js")));s.lazy(()=>Promise.resolve().then(()=>require("./draft-data-CfIMszE7.js")));d.styled(S.default)`
-  &.sticky {
-    position: sticky;
-    top: 0;
-  }
-`;d.styled(h.Button)``;exports.api=i;exports.d=D;exports.getPages=x;exports.getProjectIdFromPathnameOrWindow=u;exports.getProjectPageVersionKey=M;exports.getWssURL=b;exports.publishPages=E;

package/lib/cjs/chunks/publish-button-C522nNv6.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("./home-DUjl5PbP.js"),$=require("@arcblock/ux/lib/Locale/context"),X=require("@arcblock/ux/lib/Toast"),Y=require("@blocklet/pages-kit/utils/route"),O=require("@mui/icons-material"),F=require("@mui/lab"),s=require("@mui/material"),Z=require("immer"),ee=require("lodash/difference"),a=require("react"),te=require("react-use"),se=require("./state-CtNs8GrN.js"),H=n=>n&&n.__esModule?n:{default:n},E=H(X),V=H(ee);function ne(n){return e.jsx(s.Box,{...n,sx:[{display:"flex",flex:1,height:"100%",alignItems:"center",justifyContent:"center"},...Array.isArray(n.sx)?n.sx:[n.sx]],children:e.jsx(s.CircularProgress,{size:30})})}function ie(n){const[x,g]=a.useState(!1);return e.jsx(F.LoadingButton,{...n,loading:n.loading||x,onClick:c=>{const m=n.onClick?.(c);m instanceof Promise&&(g(!0),m.finally(()=>{g(!1)}))}})}const oe=s.createSvgIcon(e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M7.75732 16.2426L16.2426 7.75736",stroke:"#4B5563",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M16.2426 16.2426L7.75732 7.75735",stroke:"#4B5563",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),"Close");function re(){const[n,x]=a.useState(),g=a.useMemo(()=>n?e.jsx(s.Dialog,{...n}):null,[n]),c=a.useCallback(()=>{x(void 0)},[]),m=a.useCallback(({title:b,content:d,cancelText:P="Cancel",okText:f="Ok",onOk:y,onClose:u,okIcon:B,okColor:k="primary",cancelColor:h="primary",DialogContentProps:v,form:I,...M})=>{x({...M,open:!0,children:e.jsxs("form",{onSubmit:L=>L.preventDefault(),children:[b&&e.jsxs(s.DialogTitle,{className:"between",zIndex:"appBar",bgcolor:"background.paper",sx:{borderBottom:L=>`1px solid ${L.palette.divider}`},children:[e.jsx(s.Box,{children:b}),e.jsx(s.IconButton,{size:"small",onClick:async()=>{c(),u?.()},children:e.jsx(oe,{})})]}),d&&e.jsx(s.DialogContent,{...v,sx:{mt:-3,...v?.sx,bgcolor:"background.paper"},children:e.jsx(s.Box,{sx:{pt:3},children:d})}),e.jsxs(s.DialogActions,{sx:{bgcolor:"background.paper"},children:[e.jsx(s.Button,{variant:"outlined",color:h||"primary",onClick:u??c,children:P}),e.jsx(ie,{variant:"contained",color:k||"primary",startIcon:B,loadingPosition:B?"start":"center",onClick:async()=>{await y?.(),c()},type:"submit",children:f})]})]}),onClose:u??c})},[c]);return{dialog:g,showDialog:m,closeDialog:c}}const ae=({ref:n,mode:x,state:g})=>{const{t:c}=$.useLocaleContext(),[m,b]=a.useState(!1),{dialog:d,showDialog:P}=re(),f=se.useProjectId(),y=a.useCallback(B=>{let k=[];P({title:c("maker.publishToProduction"),content:e.jsxs(s.Box,{sx:{minWidth:300},children:[e.jsx(s.Alert,{color:"warning",icon:e.jsx(O.Warning,{}),children:c("maker.publishToProductionTip")}),e.jsx(s.Box,{sx:{maxHeight:"50vh",overflow:"auto",mt:2},children:e.jsx(ce,{state:g,toMode:x,onChange:h=>k=h,defaultRouteIds:B})})]}),okText:c("maker.publish"),cancelText:c("common.cancel"),onOk:async()=>{if(k?.length===0){const h=c("maker.publishSelectPagesMessage");throw E.default.error(h),new Error(h)}localStorage.setItem(q.getProjectPageVersionKey(f??""),String(new Date().getTime())),b(!0);try{await q.publishPages({mode:x,routes:k}),E.default.success(c("maker.publishSuccessMessage"))}catch(h){throw E.default.error(h.message),h}finally{b(!1)}}})},[x,g,c,f,P]);a.useImperativeHandle(n,()=>({openPublishDialog:y}));const u=a.useCallback(()=>{y()},[y]);return e.jsxs(e.Fragment,{children:[e.jsx(F.LoadingButton,{color:"primary",variant:"contained",size:"small",sx:{mr:1},onClick:u,loading:m,disabled:m,children:c("maker.publish")}),d]})};function le({routePathInfo:n,checked:x,onClick:g,route:c}){const{t:m}=$.useLocaleContext(),b=!n.routeMetaData?.publishedAt||n.routeMetaData?.updatedAt&&new Date(n.routeMetaData?.updatedAt)>new Date(n.routeMetaData?.publishedAt);return e.jsx(s.ListItem,{sx:{pl:4,pr:3},disablePadding:!0,secondaryAction:e.jsxs(s.Box,{sx:{display:"flex",alignItems:"center",minWidth:"auto"},children:[b&&e.jsx(s.Box,{className:"visible",title:m("maker.pages.needPublish"),sx:{mr:.35,color:"warning.main",display:"flex",alignItems:"center"},children:e.jsx(s.Tooltip,{title:m("maker.pages.needPublish"),children:e.jsx(O.Sync,{fontSize:"small",sx:{fontSize:"16px"}})})}),(!n.routeMetaData?.isPublic||!c.isPublic)&&e.jsx(s.Box,{className:"visible",sx:{color:"warning.main"},children:e.jsx(s.Tooltip,{title:m("maker.pages.notPublic"),children:e.jsx(O.VisibilityOff,{fontSize:"small",sx:{fontSize:"16px"}})})})]}),children:e.jsxs(s.ListItemButton,{onClick:g,dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:x,tabIndex:-1})}),e.jsx(s.ListItemText,{primary:n.path,slotProps:{primary:{fontSize:"0.8rem",fontStyle:"italic",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",pr:1}}})]})})}function ce({state:n,toMode:x,onChange:g,defaultRouteIds:c}){const{t:m,locale:b}=$.useLocaleContext(),[d,P]=a.useState(!1),[f,y]=a.useState(()=>c?Object.fromEntries(c.filter(t=>!t.includes("-")).map(t=>[t,!0])):{}),[u,B]=a.useState({}),[k,h]=a.useState(()=>c?Object.fromEntries(c.filter(t=>t.includes("-")).map(t=>[t,!0])):{}),[v,I]=a.useState({}),{loading:M,error:L,value:w}=te.useAsync(()=>q.getPages({mode:x}),[x]);if(L)throw L;const j=a.useMemo(()=>n.routeIds||[],[n]),R=a.useMemo(()=>w?.pageIds||[],[w]),D=a.useMemo(()=>!j||!n.routes?[]:JSON.parse(JSON.stringify(j)).sort((i,o)=>{const r=n.routes?.[i],l=n.routes?.[o];return r?.publishedAt&&new Date(r.publishedAt).getTime()<new Date(r.updatedAt).getTime()?-1:l?.publishedAt&&new Date(l.publishedAt).getTime()<new Date(l.updatedAt).getTime()?1:new Date(r?.updatedAt??"").getTime()-new Date(l?.updatedAt??"").getTime()}),[n,j]),z=a.useMemo(()=>{if(!D)return[];if(!u)return D;const t=[...D].filter(i=>!u[i]);return Object.values(u).forEach(i=>{i.forEach(o=>{t.push(`${o.originalRouteId}-${o.paramOptionIds.join("-")}`)})}),t},[D,u]),C=a.useMemo(()=>!w||!R||!z?[]:V.default(R,z),[z,w,R]),T=a.useMemo(()=>j?[...j].concat(C):C,[j,C]),W=a.useCallback(()=>{const t={};D?.forEach(i=>{const o=n.routes?.[i];if(o&&o.params&&o.params.length>0&&o.paramsOptions&&o.paramsOptions.length>0){const r=Y.generateParamCombinations({basePath:o.path,params:o.params,routeId:o.id,paramsOptions:o.paramsOptions,currentIndex:0,currentParams:[],currentOptionIds:[],result:[]});r.length>0&&(t[o.id]=r)}}),B(t)},[D,n.routes]);a.useEffect(()=>{W()},[W]),a.useEffect(()=>{I(t=>{const i={...t};return Object.keys(u).forEach(o=>{u[o]&&u[o]?.length>0&&i[o]===void 0&&(i[o]=!0)}),i})},[u]);const _=a.useRef(!0);a.useEffect(()=>{h(t=>{const i={...t};return Object.keys(u).length===0||(Object.keys(u).forEach(o=>{const r=u[o]||[],l=d||!!f[o];r.forEach(A=>{const p=`${o}-${A.paramOptionIds.join("-")}`;_.current?i[p]=l||t[p]||!1:i[p]=l})}),_.current=!1),i})},[f,u,d]);const J=(t,i)=>{i.stopPropagation(),I(o=>{const r={...o};return r[t]=!r[t],r})},K=a.useCallback(t=>{y(i=>{const o=Z.produce(i,r=>{d?(Object.assign(r,Object.fromEntries(T.map(l=>[l,!0]))),delete r[t]):r[t]?(delete r[t],C.includes(t)&&(j||[]).filter(l=>n.pages[l]?.slug===w?.pages[t]?.slug).forEach(l=>{delete r[l]})):(r[t]=!0,j&&j.includes(t)&&C.filter(l=>w?.pages[l]?.slug===n.pages[t]?.slug).forEach(l=>{r[l]=!0}))});return P(V.default(T,Object.keys(o)).length===0),o})},[d,T,C,n,w,j]),U=a.useCallback((t,i)=>{const o=`${t}-${i.paramOptionIds.join("-")}`;h(r=>{const l={...r};l[o]=!l[o];const A=u[t]?.every(p=>l[`${t}-${p.paramOptionIds.join("-")}`])??!1;return y(p=>{if(A&&!p[t])return{...p,[t]:!0};if(!A&&p[t]){const S={...p};return delete S[t],S}return p}),l})},[u]),G=a.useCallback(()=>{P(t=>(t&&y({}),!t))},[]);return a.useEffect(()=>{const t=d?T:Object.keys(f),i=Object.entries(k).filter(([,r])=>r).map(([r])=>r).filter(r=>r!==void 0),o=Array.from(new Set([...t,...i]));g(d?null:o)},[d,f,k,T,g]),M?e.jsx(ne,{sx:{my:4}}):e.jsxs(s.List,{disablePadding:!0,sx:{maxWidth:700},children:[e.jsx(s.ListItem,{sx:{position:"sticky",top:0,zIndex:1},disablePadding:!0,children:e.jsxs(s.ListItemButton,{onClick:G,dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:d,tabIndex:-1})}),e.jsx(s.ListItemText,{primary:m("common.all")})]})}),D.map(t=>{const i=n.routes?.[t];if(!i)return null;const o=!1,r=u&&u[t]&&u[t]?.length>0,l=v[t]!==!1,A=u[t]||[],p=!i.publishedAt||i.updatedAt&&new Date(i.updatedAt).getTime()>new Date(i.publishedAt).getTime();return e.jsxs(s.Box,{children:[e.jsx(s.ListItem,{sx:{pr:4},disablePadding:!0,secondaryAction:e.jsxs(s.Box,{sx:{display:"flex",alignItems:"center"},children:[p&&e.jsx(s.Tooltip,{title:m("maker.pages.needPublish"),children:e.jsx(O.Sync,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),!i.isPublic&&e.jsx(s.Tooltip,{title:m("maker.pages.notPublic"),children:e.jsx(O.VisibilityOff,{fontSize:"small",sx:{color:"warning.main",fontSize:16,mr:.35}})}),o,r&&e.jsx(s.Box,{onClick:S=>J(t,S),sx:{display:"inline-flex",alignItems:"center",mr:.35,cursor:"pointer",color:"info.main"},children:l?e.jsx(O.KeyboardArrowDown,{fontSize:"small",sx:{fontSize:"18px"}}):e.jsx(O.KeyboardArrowRight,{fontSize:"small",sx:{fontSize:"18px"}})})]}),children:e.jsxs(s.ListItemButton,{onClick:()=>K(t),dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:d||!!f[t],tabIndex:-1})}),e.jsx(s.ListItemText,{primary:i.path,slotProps:{primary:{noWrap:!0,textOverflow:"ellipsis"},secondary:{noWrap:!0,textOverflow:"ellipsis"}}})]})}),r&&e.jsx(s.Collapse,{in:l,children:e.jsx(s.Box,{children:A.map(S=>{const N=`${t}-${S.paramOptionIds.join("-")}`,Q=k[N]||!1;return e.jsx(le,{routePathInfo:S,checked:d||Q,onClick:()=>U(t,S),route:i},N)})})})]},t)}),C.map(t=>{const i=w?.pages[t];return i?e.jsx(s.ListItem,{disablePadding:!0,secondaryAction:e.jsx(s.Chip,{color:"warning",label:"deleted",size:"small"}),children:e.jsxs(s.ListItemButton,{onClick:()=>K(t),dense:!0,children:[e.jsx(s.ListItemIcon,{children:e.jsx(s.Checkbox,{edge:"start",checked:d||!!f[t],tabIndex:-1})}),e.jsx(s.ListItemText,{primary:i.slug,secondary:i.locales?.[b]?.title,slotProps:{primary:{noWrap:!0,textOverflow:"ellipsis"},secondary:{noWrap:!0,textOverflow:"ellipsis"}}})]})},t):null})]})}exports.default=ae;