@akanjs/ui 0.9.48 → 0.9.50

package/cjs/System/Reconnect.js

@@ -1,9 +1,7 @@
 "use client";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Reconnect_exports = {};
 __export(Reconnect_exports, {
@@ -32,36 +22,41 @@ __export(Reconnect_exports, {
 });
 module.exports = __toCommonJS(Reconnect_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
 var import_next = require("@akanjs/next");
 var import_signal = require("@akanjs/signal");
-var import_clsx = __toESM(require("clsx"));
 var import_react = require("react");
 var import_tb = require("react-icons/tb");
 const DOTS_LENGTH = 4;
 const Reconnect = () => {
-  const { l } = (0, import_next.usePage)();
+  const { l } = (0, import_client.usePage)();
   const [dots, setDots] = (0, import_react.useState)(0);
   const [connectStatus, setConnectStatus] = (0, import_react.useState)("initial");
   const handleConnect = (0, import_react.useCallback)(() => {
     setConnectStatus((prev) => prev === "normal" || prev === "initial" ? prev : "connected");
   }, []);
-  const handleDisconnect = (0, import_react.useCallback)(() => {
-    setConnectStatus((prev) => prev === "normal" || prev === "initial" ? "disconnected" : prev);
-    setTimeout(() => {
-      setConnectStatus((prev) => prev === "disconnected" ? "connecting" : prev);
-    }, 2e3);
-  }, []);
+  const handleDisconnect = async () => {
+    try {
+      const ping = await fetch(`/backend/ping`);
+      await ping.json();
+    } catch (e) {
+      setConnectStatus((prev) => prev === "normal" || prev === "initial" ? "disconnected" : prev);
+      setTimeout(() => {
+        setConnectStatus((prev) => prev === "disconnected" ? "connecting" : prev);
+      }, 2e3);
+    }
+  };
   (0, import_react.useEffect)(() => {
     const io = import_signal.client.getIo();
     io.socket.on("connect", handleConnect);
-    io.socket.on("disconnect", handleDisconnect);
+    io.socket.on("disconnect", () => handleDisconnect());
     setTimeout(() => {
       if (connectStatus !== "initial")
         return;
       if (import_signal.client.getIo().socket.connected)
         setConnectStatus("normal");
       else
-        handleDisconnect();
+        void handleDisconnect();
     }, 1e3);
     return () => {
       io.socket.off("connect", handleConnect);
@@ -95,7 +90,7 @@ const Reconnect = () => {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
-        className: (0, import_clsx.default)(
+        className: (0, import_client.clsx)(
           "mt-2 text-center text-sm leading-tight text-gray-500",
           connectStatus === "disconnected" || connectStatus === "connecting" ? "visible" : "invisible"
         ),

package/cjs/System/Root.js

@@ -22,10 +22,6 @@ __export(Root_exports, {
 });
 module.exports = __toCommonJS(Root_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_base = require("@akanjs/base");
-var import_dictionary = require("@akanjs/dictionary");
 const Root = ({ children, st }) => {
-  if (import_base.baseEnv.operationMode === "local")
-    (0, import_dictionary.checkDictCoverage)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
 };

package/cjs/System/SSR.js

@@ -23,7 +23,6 @@ __export(SSR_exports, {
 module.exports = __toCommonJS(SSR_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
-var import_dictionary = require("@akanjs/dictionary");
 var import_react = require("react");
 var import_Load = require("../Load");
 var import_Client = require("./Client");
@@ -38,7 +37,6 @@ const SSRProvider = ({
   head,
   env,
   gaTrackingId,
-  fetch,
   children,
   theme,
   prefix,
@@ -56,13 +54,11 @@ const SSRProvider = ({
       of,
       loader: async () => {
         const { lang } = await params;
-        await import_dictionary.serverTranslator.init(lang);
         if (!import_client.router.isInitialized)
           import_client.router.init({ type: "next", side: "server", lang, prefix });
-        const dictionary = await import_dictionary.serverTranslator.getDictionary(lang);
-        return { lang, dictionary };
+        return { lang };
       },
-      render: ({ lang, dictionary }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      render: ({ lang }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_Common.Common.Wrapper,
         {
           fetch,
@@ -80,24 +76,34 @@ const SSRProvider = ({
               fonts,
               prefix,
               layoutStyle,
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Client.ClientWrapper, { theme, lang, dictionary, reconnect, children: [
-                children,
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Client.ClientInner, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Suspense, { fallback: null, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_Client.ClientBridge,
-                    {
-                      env,
-                      mePromise,
-                      selfPromise,
-                      theme,
-                      prefix,
-                      gaTrackingId
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Client.ClientNextBridge, { lang, prefix })
-                ] })
-              ] })
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                import_Client.ClientWrapper,
+                {
+                  theme,
+                  lang,
+                  dictionary: global.dictionary[lang],
+                  signals: global.signals,
+                  reconnect,
+                  children: [
+                    children,
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Client.ClientInner, {}) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Suspense, { fallback: null, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        import_Client.ClientBridge,
+                        {
+                          env,
+                          mePromise,
+                          selfPromise,
+                          theme,
+                          prefix,
+                          gaTrackingId
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Client.ClientNextBridge, { lang, prefix })
+                    ] })
+                  ]
+                }
+              )
             }
           )
         }

package/cjs/System/SelectLanguage.js

@@ -23,7 +23,6 @@ __export(SelectLanguage_exports, {
 module.exports = __toCommonJS(SelectLanguage_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
-var import_next = require("@akanjs/next");
 var import_react = require("react");
 const languageNames = {
   en: "English",
@@ -32,7 +31,7 @@ const languageNames = {
   zhCht: "\u7E41\u9AD4\u4E2D\u6587"
 };
 const SelectLanguage = ({ className, languages = ["en", "ko"] }) => {
-  const { l, lang } = (0, import_next.usePage)();
+  const { l, lang } = (0, import_client.usePage)();
   const [open, setOpen] = (0, import_react.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/cjs/ToggleSelect.js

@@ -22,7 +22,6 @@ __export(ToggleSelect_exports, {
 module.exports = __toCommonJS(ToggleSelect_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
-var import_next = require("@akanjs/next");
 const ToggleSelect = ({
   className,
   btnClassName,
@@ -33,9 +32,9 @@ const ToggleSelect = ({
   onChange,
   disabled
 }) => {
-  const { l } = (0, import_next.usePage)();
+  const { l } = (0, import_client.usePage)();
   const validateResult = value ? validate(value) : false;
-  const invalidMessage = value === null || typeof value === "string" && !value.length || validateResult === true ? null : validateResult === false ? l("util.invalidValueError") : validateResult;
+  const invalidMessage = value === null || typeof value === "string" && !value.length || validateResult === true ? null : validateResult === false ? l("base.invalidValueError") : validateResult;
   const options = items.map(
     (item) => typeof item === "string" ? { label: item, value: item } : item
   );
@@ -76,9 +75,9 @@ const ToggleSelect = ({
   );
 };
 const Multi = ({ className, btnClassName, items, nullable, validate, value, onChange, disabled }) => {
-  const { l } = (0, import_next.usePage)();
+  const { l } = (0, import_client.usePage)();
   const validateResult = validate(value);
-  const invalidMessage = !value.length || validateResult === true ? null : validateResult === false ? l("util.invalidValueError") : validateResult;
+  const invalidMessage = !value.length || validateResult === true ? null : validateResult === false ? l("base.invalidValueError") : validateResult;
   const options = items.map(
     (item) => typeof item === "string" ? { label: item, value: item } : item
   );

package/cjs/Unauthorized.js

@@ -22,10 +22,9 @@ __export(Unauthorized_exports, {
 module.exports = __toCommonJS(Unauthorized_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
-var import_next = require("@akanjs/next");
 var import_ai = require("react-icons/ai");
 const Unauthorized = ({ className = "", description, children, minHeight = 300 }) => {
-  const { l } = (0, import_next.usePage)();
+  const { l } = (0, import_client.usePage)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
@@ -36,7 +35,7 @@ const Unauthorized = ({ className = "", description, children, minHeight = 300 }
         ),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineBlock, { className: "scale-150 text-4xl" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: description ?? l("util.unauthorized") })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: description ?? l("base.unauthorized") })
         ]
       }
     ),

package/esm/Button.js

@@ -1,7 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "@akanjs/client";
-import { usePage } from "@akanjs/next";
+import { clsx, usePage } from "@akanjs/client";
 import { useState } from "react";
 import { AiOutlineCheckCircle } from "react-icons/ai";
 const Button = ({ className, children, onClick, onSuccess, ...rest }) => {
@@ -36,11 +35,11 @@ const Button = ({ className, children, onClick, onSuccess, ...rest }) => {
         children: state.mode === "loading" ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("span", { className: "loading loading-bars loading-md" }),
           " ",
-          l("util.processing")
+          l("base.processing")
         ] }) : state.mode === "success" ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(AiOutlineCheckCircle, {}),
           " ",
-          l("util.processed")
+          l("base.processed")
         ] }) : children
       }
     ),

package/esm/Data/Dashboard.js

@@ -1,8 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "@akanjs/client";
+import { clsx, usePage } from "@akanjs/client";
 import { capitalize } from "@akanjs/common";
-import { usePage } from "@akanjs/next";
 import { st } from "@akanjs/store";
 import { Link } from "../Link";
 function Dashboard({

package/esm/Data/Insight.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "@akanjs/client";
-import { usePage } from "@akanjs/next";
+import { clsx, usePage } from "@akanjs/client";
 import { st } from "@akanjs/store";
 function Insight({
   className,

package/esm/Data/Item.js

@@ -1,8 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "@akanjs/client";
+import { clsx, usePage } from "@akanjs/client";
 import { capitalize } from "@akanjs/common";
-import { usePage } from "@akanjs/next";
 import { st } from "@akanjs/store";
 import { AiOutlineDelete, AiOutlineEdit, AiOutlineEye, AiOutlineMore } from "react-icons/ai";
 import { Dropdown } from "../Dropdown";
@@ -152,7 +151,7 @@ const Action = ({
   ) : action === "remove" ? /* @__PURE__ */ jsx(
     Popconfirm,
     {
-      title: l("shared.removeMsg"),
+      title: l("base.removeMsg"),
       onConfirm: () => void storeDo[namesOfSlice.removeModel](model.id),
       children: /* @__PURE__ */ jsx("button", { className: `btn btn-square btn-ghost btn-sm m-1 text-center ${outline && "btn-outline border-dashed"}`, children: /* @__PURE__ */ jsx(AiOutlineDelete, {}) })
     },

package/esm/Data/ListContainer.js

@@ -1,9 +1,8 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "@akanjs/client";
+import { clsx, usePage } from "@akanjs/client";
 import { capitalize, deepObjectify } from "@akanjs/common";
-import { getCnstMeta, getFilterSortMap } from "@akanjs/constant";
-import { usePage } from "@akanjs/next";
+import { constantInfo } from "@akanjs/constant";
 import { st } from "@akanjs/store";
 import { saveAs } from "file-saver";
 import {
@@ -18,7 +17,6 @@ import { Loading } from "../Loading";
 import { Model } from "../Model";
 import { Select } from "../Select";
 import DataCardList from "./CardList";
-import QueryMaker from "./QueryMaker";
 import DataTableList from "./TableList";
 function ListContainer({
   className,
@@ -74,7 +72,7 @@ function ListContainer({
     setSortOfModel: sliceName.replace(names.model, names.setSortOfModel),
     setLimitOfModel: sliceName.replace(names.model, names.setLimitOfModel)
   };
-  const cnst = getCnstMeta(sliceName);
+  const cnstInfo = constantInfo.getDatabase(sliceName);
   const limitOfModel = storeUse[namesOfSlice.limitOfModel]();
   const sortOfModel = storeUse[namesOfSlice.sortOfModel]();
   const RenderTitle = renderTitle ?? ((model) => `${l(`${refName}.modelName`)} - ${model.id ? model.id : "New"}`);
@@ -163,18 +161,7 @@ ${body}`], { type: "text/csv;charset=utf-8" });
     );
   };
   const RenderSort = () => {
-    const sortMap = getFilterSortMap(cnst.Filter);
-    return /* @__PURE__ */ jsx(
-      Select,
-      {
-        value: sortOfModel,
-        options: Object.keys(sortMap).map((sortKey) => ({
-          label: l.field(sliceName, sortKey),
-          value: sortKey
-        })),
-        onChange: (sortKey) => void storeDo[namesOfSlice.setSortOfModel](sortKey)
-      }
-    );
+    return null;
   };
   return /* @__PURE__ */ jsxs("div", { className: clsx("m-4", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "mb-3 flex flex-wrap justify-between", children: [
@@ -189,7 +176,7 @@ ${body}`], { type: "text/csv;charset=utf-8" });
               children: [
                 /* @__PURE__ */ jsx(AiOutlinePlus, {}),
                 " ",
-                l("shared.new")
+                l("base.new")
               ]
             }
           ) : null,
@@ -211,7 +198,7 @@ ${body}`], { type: "text/csv;charset=utf-8" });
           {
             value: limitOfModel,
             options: [10, 20, 50, 100].map((limit) => ({
-              label: `${limit} ${l("shared.perPage")}`,
+              label: `${limit} ${l("base.perPage")}`,
               value: limit
             })),
             onChange: (limit) => void storeDo[namesOfSlice.setLimitOfModel](limit)
@@ -220,7 +207,6 @@ ${body}`], { type: "text/csv;charset=utf-8" });
       ] })
     ] }),
     !query && /* @__PURE__ */ jsx(ModelDashboard, {}),
-    /* @__PURE__ */ jsx(QueryMaker, { className: "mb-4", sliceName, query }),
     /* @__PURE__ */ jsx(RenderQueryMaker, {}),
     /* @__PURE__ */ jsx(RenderInsight, {}),
     type === "card" ? /* @__PURE__ */ jsx(