@akanjs/ui 0.9.48 → 0.9.49

package/Data/CardList.d.ts

@@ -1,5 +1,5 @@
 import { DataAction, DataColumn } from "@akanjs/client";
-import { type FilterType, SortType } from "@akanjs/constant";
+import type { FilterType, SortType } from "@akanjs/document";
 import { type FetchInitForm } from "@akanjs/signal";
 import { ReactNode } from "react";
 type DataItemProps<T extends string, M extends {

package/Data/ListContainer.d.ts

@@ -1,23 +1,22 @@
 import { DataAction, DataColumn, DataTool, ModelInsightProps, ModelProps } from "@akanjs/client";
-import { SortType } from "@akanjs/constant";
 import { type FetchInitForm } from "@akanjs/signal";
 import { ReactNode } from "react";
 export interface ListContainerProps<T extends string, State, Input, Full extends {
     id: string;
 }, Light extends {
     id: string;
-}, Sort extends SortType> {
+}> {
     className?: string;
     cardListClassName?: string;
     type?: "card" | "list";
     query?: {
         [key: string]: any;
     };
-    init?: FetchInitForm<Input, Full, Sort>;
+    init?: FetchInitForm<Input, Full, any>;
     sliceName: T;
     create?: boolean;
     title?: string;
-    sort?: SortType;
+    sort?: any;
     columns?: DataColumn<any>[];
     tools?: DataTool[] | ((modelList: Light[]) => DataTool[]);
     actions?: DataAction[] | ((item: Light, idx: number) => DataAction[]);
@@ -39,4 +38,4 @@ export default function ListContainer<T extends string, State, Input, Full exten
     id: string;
 }, Light extends {
     id: string;
-}, Sort extends SortType>({ className, cardListClassName, type, query, init, create, sliceName, title, sort, columns, actions, tools, renderDashboard, renderItem, renderTemplate, renderTitle, renderView, renderQueryMaker, renderInsight, renderLoading, }: ListContainerProps<T, State, Input, Full, Light, Sort>): import("react/jsx-runtime").JSX.Element;
+}>({ className, cardListClassName, type, query, init, create, sliceName, title, sort, columns, actions, tools, renderDashboard, renderItem, renderTemplate, renderTitle, renderView, renderQueryMaker, renderInsight, renderLoading, }: ListContainerProps<T, State, Input, Full, Light>): import("react/jsx-runtime").JSX.Element;

package/Data/QueryMaker.d.ts

@@ -5,5 +5,5 @@ interface QueryMakerProps {
         [key: string]: any;
     };
 }
-export default function QueryMaker({ className, sliceName, query }: QueryMakerProps): import("react/jsx-runtime").JSX.Element;
+export default function QueryMaker({ className, sliceName, query }: QueryMakerProps): null;
 export {};

package/Data/TableList.d.ts

@@ -1,5 +1,5 @@
 import { DataAction, DataColumn } from "@akanjs/client";
-import { SortType } from "@akanjs/constant";
+import type { SortType } from "@akanjs/document";
 import { type FetchInitForm } from "@akanjs/signal";
 import { ReactNode } from "react";
 interface TableListProps<T extends string, Input, Full extends {

package/Data/index.d.ts

@@ -6,5 +6,4 @@ export declare const Data: {
     ListContainer: typeof import("./ListContainer").default;
     Pagination: typeof import("./Pagination").default;
     TableList: typeof import("./TableList").default;
-    QueryMaker: typeof import("./QueryMaker").default;
 };

package/Field.d.ts

@@ -1,5 +1,5 @@
 import { Dayjs, Enum } from "@akanjs/base";
-import { SortType } from "@akanjs/constant";
+import type { SortType } from "@akanjs/document";
 import { ReactNode } from "react";
 interface LabelProps {
     className?: string;

package/Layout/Navbar.d.ts

@@ -4,7 +4,7 @@ export interface NavbarProps {
     children?: ReactNode;
     height?: number;
     title?: ReactNode;
-    back: ReactNode;
+    back?: ReactNode;
     left?: ReactNode;
     right?: ReactNode;
 }

package/Model/AdminPanel.d.ts

@@ -1,10 +1,9 @@
-import { type SortType } from "@akanjs/constant";
 import type { ListContainerProps } from "../Data/ListContainer";
 interface AdminPanelProps<T extends string, State, Input, Full extends {
     id: string;
 }, Light extends {
     id: string;
-}, Sort extends SortType> extends ListContainerProps<T, State, Input, Full, Light, Sort> {
+}> extends ListContainerProps<T, State, Input, Full, Light> {
     sliceName: T;
     components: {
         Template: {
@@ -27,5 +26,5 @@ export default function AdminPanel<T extends string, State, Input, Full extends
     id: string;
 }, Light extends {
     id: string;
-}, Sort extends SortType>({ sliceName, components, summaryColumns, insightColumns, renderInsight, renderDashboard, ...props }: AdminPanelProps<T, State, Input, Full, Light, Sort>): import("react/jsx-runtime").JSX.Element;
+}>({ sliceName, components, summaryColumns, insightColumns, renderInsight, renderDashboard, ...props }: AdminPanelProps<T, State, Input, Full, Light>): import("react/jsx-runtime").JSX.Element;
 export {};

package/System/CSR.d.ts

@@ -5,7 +5,7 @@ export declare const CSR: {
     ({ children }: {
         children: any;
     }): import("react/jsx-runtime").JSX.Element;
-    Provider: ({ className, appName, params, head, env, theme, prefix, fetch, children, gaTrackingId, fonts, layoutStyle, reconnect, of, fetchPing, fetchMe, fetchSelf, }: CSRProviderProps) => import("react/jsx-runtime").JSX.Element;
+    Provider: ({ className, appName, params, head, env, theme, prefix, children, gaTrackingId, fonts, layoutStyle, reconnect, of, fetchPing, fetchMe, fetchSelf, }: CSRProviderProps) => import("react/jsx-runtime").JSX.Element;
     Wrapper: ({ children, lang, head, fonts, appName, className, prefix, layoutStyle, }: CSRWrapperProps) => import("react/jsx-runtime").JSX.Element;
     Inner: () => import("react/jsx-runtime").JSX.Element;
     Bridge: ({ lang, prefix }: CSRBridgeProps) => null;
@@ -13,7 +13,7 @@ export declare const CSR: {
 export type CSRProviderProps = ProviderProps & {
     fonts: ReactFont[];
 };
-declare const CSRProvider: ({ className, appName, params, head, env, theme, prefix, fetch, children, gaTrackingId, fonts, layoutStyle, reconnect, of, fetchPing, fetchMe, fetchSelf, }: CSRProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const CSRProvider: ({ className, appName, params, head, env, theme, prefix, children, gaTrackingId, fonts, layoutStyle, reconnect, of, fetchPing, fetchMe, fetchSelf, }: CSRProviderProps) => import("react/jsx-runtime").JSX.Element;
 interface CSRWrapperProps {
     className?: string;
     appName: string;

package/System/Client.d.ts

@@ -1,9 +1,10 @@
 import type { BaseClientEnv } from "@akanjs/base";
 import { type Location, type TransitionStyle } from "@akanjs/client";
+import { SerializedSignal } from "@akanjs/signal";
 import { HTMLAttributes, RefObject } from "react";
 export declare const Client: {
     (): import("react/jsx-runtime").JSX.Element;
-    Wrapper: ({ children, theme, lang, dictionary, reconnect, }: ClientWrapperProps) => import("react/jsx-runtime").JSX.Element;
+    Wrapper: ({ children, theme, lang, dictionary, signals, reconnect, }: ClientWrapperProps) => import("react/jsx-runtime").JSX.Element;
     Bridge: ({ env, lang, mePromise, selfPromise, theme, prefix, gaTrackingId }: ClientBridgeProps) => "" | import("react/jsx-runtime").JSX.Element | undefined;
     Inner: () => import("react/jsx-runtime").JSX.Element;
     NextBridge: ({ lang, prefix }: ClientNextBridgeProps) => null;
@@ -17,9 +18,10 @@ interface ClientWrapperProps {
             [key: string]: string;
         };
     };
+    signals?: SerializedSignal[];
     reconnect?: boolean;
 }
-export declare const ClientWrapper: ({ children, theme, lang, dictionary, reconnect, }: ClientWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClientWrapper: ({ children, theme, lang, dictionary, signals, reconnect, }: ClientWrapperProps) => import("react/jsx-runtime").JSX.Element;
 interface ClientPathWrapperProps extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
     bind?: () => any;
     wrapperRef?: RefObject<HTMLDivElement | null> | null;

package/System/Common.d.ts

@@ -1,6 +1,7 @@
 import "dayjs/locale/ko";
 import type { BaseClientEnv } from "@akanjs/base";
 import { type RootLayoutProps } from "@akanjs/client";
+import { FetchPolicy } from "@akanjs/common";
 import { ReactNode } from "react";
 export interface ProviderProps {
     className?: string;
@@ -10,21 +11,20 @@ export interface ProviderProps {
     env: BaseClientEnv;
     theme?: string;
     prefix?: string;
-    fetch: any;
     children: ReactNode | ReactNode[];
     gaTrackingId?: string;
     layoutStyle?: "mobile" | "web";
     reconnect?: boolean;
     of: (props: any) => ReactNode | null;
-    fetchPing?: () => Promise<any>;
+    fetchPing?: (option?: FetchPolicy) => Promise<any>;
     fetchMe?: (props: {
         crystalize: boolean;
-    }) => Promise<{
+    }, option?: FetchPolicy) => Promise<{
         id: string;
     }>;
     fetchSelf?: (props: {
         crystalize: boolean;
-    }) => Promise<{
+    }, option?: FetchPolicy) => Promise<{
         id: string;
     }>;
 }
@@ -33,14 +33,15 @@ export declare const Common: {
     Wrapper: ({ fetch, environment, render, fetchPing, fetchMe, fetchSelf, }: WrapperProps) => import("react/jsx-runtime").JSX.Element;
 };
 export type InitAuthFetchType = typeof window.fetch & {
+    ping: (option?: FetchPolicy) => Promise<any>;
     me?: (props: {
         crystalize: boolean;
-    }) => Promise<{
+    }, option?: FetchPolicy) => Promise<{
         id: string;
     }>;
     getSelf?: (props: {
         crystalize: boolean;
-    }) => Promise<{
+    }, option?: FetchPolicy) => Promise<{
         id: string;
     }>;
 };
@@ -51,15 +52,15 @@ interface WrapperProps {
         mePromise: Promise<any>;
         selfPromise: Promise<any>;
     }) => ReactNode;
-    fetchPing?: () => Promise<any>;
+    fetchPing?: (option?: FetchPolicy) => Promise<any>;
     fetchMe?: (props: {
         crystalize: boolean;
-    }) => Promise<{
+    }, option?: FetchPolicy) => Promise<{
         id: string;
     }> | undefined;
     fetchSelf?: (props: {
         crystalize: boolean;
-    }) => Promise<{
+    }, option?: FetchPolicy) => Promise<{
         id: string;
     }> | undefined;
 }

package/System/SSR.d.ts

@@ -2,13 +2,13 @@ import { ReactNode } from "react";
 import { type ProviderProps } from "./Common";
 export declare const SSR: {
     (): import("react/jsx-runtime").JSX.Element;
-    Provider: ({ className, appName, params, head, env, gaTrackingId, fetch, children, theme, prefix, fonts, layoutStyle, reconnect, of, fetchPing, fetchMe, fetchSelf, }: SSRProviderProps) => import("react/jsx-runtime").JSX.Element;
+    Provider: ({ className, appName, params, head, env, gaTrackingId, children, theme, prefix, fonts, layoutStyle, reconnect, of, fetchPing, fetchMe, fetchSelf, }: SSRProviderProps) => import("react/jsx-runtime").JSX.Element;
     Wrapper: ({ children, lang, head, fonts, appName, className, prefix, layoutStyle, }: SSRWrapperProps) => import("react/jsx-runtime").JSX.Element;
 };
 export type SSRProviderProps = ProviderProps & {
     fonts?: NextFont[];
 };
-declare const SSRProvider: ({ className, appName, params, head, env, gaTrackingId, fetch, children, theme, prefix, fonts, layoutStyle, reconnect, of, fetchPing, fetchMe, fetchSelf, }: SSRProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const SSRProvider: ({ className, appName, params, head, env, gaTrackingId, children, theme, prefix, fonts, layoutStyle, reconnect, of, fetchPing, fetchMe, fetchSelf, }: SSRProviderProps) => import("react/jsx-runtime").JSX.Element;
 export interface NextFont {
     className: string;
     variable: string;

package/cjs/Button.js

@@ -23,11 +23,10 @@ __export(Button_exports, {
 module.exports = __toCommonJS(Button_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");
 var import_ai = require("react-icons/ai");
 const Button = ({ className, children, onClick, onSuccess, ...rest }) => {
-  const { l } = (0, import_next.usePage)();
+  const { l } = (0, import_client.usePage)();
   const [state, setState] = (0, import_react.useState)({
     mode: "idle",
     error: null,
@@ -58,11 +57,11 @@ const Button = ({ className, children, onClick, onSuccess, ...rest }) => {
         children: state.mode === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "loading loading-bars loading-md" }),
           " ",
-          l("util.processing")
+          l("base.processing")
         ] }) : state.mode === "success" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineCheckCircle, {}),
           " ",
-          l("util.processed")
+          l("base.processed")
         ] }) : children
       }
     ),

package/cjs/Data/Dashboard.js

@@ -24,7 +24,6 @@ module.exports = __toCommonJS(Dashboard_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_common = require("@akanjs/common");
-var import_next = require("@akanjs/next");
 var import_store = require("@akanjs/store");
 var import_Link = require("../Link");
 function Dashboard({
@@ -36,7 +35,7 @@ function Dashboard({
   presents,
   hidePresents
 }) {
-  const { l } = (0, import_next.usePage)();
+  const { l } = (0, import_client.usePage)();
   const { filter } = import_store.st.use.searchParams();
   const refName = import_store.st.slice[sliceName].refName;
   const [modelName, modelClassName] = [refName, (0, import_common.capitalize)(refName)];

package/cjs/Data/Insight.js

@@ -23,7 +23,6 @@ __export(Insight_exports, {
 module.exports = __toCommonJS(Insight_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
-var import_next = require("@akanjs/next");
 var import_store = require("@akanjs/store");
 function Insight({
   className,
@@ -31,7 +30,7 @@ function Insight({
   sliceName,
   columns
 }) {
-  const { l } = (0, import_next.usePage)();
+  const { l } = (0, import_client.usePage)();
   const refName = import_store.st.slice[sliceName].refName;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("stats my-2 flex w-full flex-wrap justify-center py-2 shadow-sm", className), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "stats", children: columns?.map(
     (column, idx) => insight[column] !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "stat mx-1 flex items-center rounded-none", children: [

package/cjs/Data/Item.js

@@ -26,7 +26,6 @@ module.exports = __toCommonJS(Item_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_common = require("@akanjs/common");
-var import_next = require("@akanjs/next");
 var import_store = require("@akanjs/store");
 var import_ai = require("react-icons/ai");
 var import_Dropdown = require("../Dropdown");
@@ -87,7 +86,7 @@ function Item({
   columns = [],
   children
 }) {
-  const { l } = (0, import_next.usePage)();
+  const { l } = (0, import_client.usePage)();
   const strActions = actions.filter((action) => typeof action === "string").map((action, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Action, { action, outline: false, model, sliceName }, idx));
   const customActions = actions.filter((action) => typeof action !== "string").map((action, idx) => ({ key: idx, label: action }));
   const extraCols = columns.filter((column) => {
@@ -143,7 +142,7 @@ const Action = ({
   sliceName,
   outline = true
 }) => {
-  const { l } = (0, import_next.usePage)();
+  const { l } = (0, import_client.usePage)();
   const storeDo = import_store.st.do;
   const storeGet = import_store.st.get;
   const refName = import_store.st.slice[sliceName].refName;
@@ -176,7 +175,7 @@ const Action = ({
   ) : action === "remove" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Popconfirm.Popconfirm,
     {
-      title: l("shared.removeMsg"),
+      title: l("base.removeMsg"),
       onConfirm: () => void storeDo[namesOfSlice.removeModel](model.id),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: `btn btn-square btn-ghost btn-sm m-1 text-center ${outline && "btn-outline border-dashed"}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineDelete, {}) })
     },

package/cjs/Data/ListContainer.js

@@ -35,7 +35,6 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_common = require("@akanjs/common");
 var import_constant = require("@akanjs/constant");
-var import_next = require("@akanjs/next");
 var import_store = require("@akanjs/store");
 var import_file_saver = require("file-saver");
 var import_ai = require("react-icons/ai");
@@ -44,7 +43,6 @@ var import_Loading = require("../Loading");
 var import_Model = require("../Model");
 var import_Select = require("../Select");
 var import_CardList = __toESM(require("./CardList"));
-var import_QueryMaker = __toESM(require("./QueryMaker"));
 var import_TableList = __toESM(require("./TableList"));
 function ListContainer({
   className,
@@ -68,7 +66,7 @@ function ListContainer({
   renderInsight,
   renderLoading
 }) {
-  const { l } = (0, import_next.usePage)();
+  const { l } = (0, import_client.usePage)();
   const storeUse = import_store.st.use;
   const storeDo = import_store.st.do;
   const refName = import_store.st.slice[sliceName].refName;
@@ -100,7 +98,7 @@ function ListContainer({
     setSortOfModel: sliceName.replace(names.model, names.setSortOfModel),
     setLimitOfModel: sliceName.replace(names.model, names.setLimitOfModel)
   };
-  const cnst = (0, import_constant.getCnstMeta)(sliceName);
+  const cnstInfo = import_constant.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"}`);
@@ -189,18 +187,7 @@ ${body}`], { type: "text/csv;charset=utf-8" });
     );
   };
   const RenderSort = () => {
-    const sortMap = (0, import_constant.getFilterSortMap)(cnst.Filter);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_Select.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__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_client.clsx)("m-4", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-3 flex flex-wrap justify-between", children: [
@@ -215,7 +202,7 @@ ${body}`], { type: "text/csv;charset=utf-8" });
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlinePlus, {}),
                 " ",
-                l("shared.new")
+                l("base.new")
               ]
             }
           ) : null,
@@ -237,7 +224,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)
@@ -246,7 +233,6 @@ ${body}`], { type: "text/csv;charset=utf-8" });
       ] })
     ] }),
     !query && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModelDashboard, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_QueryMaker.default, { className: "mb-4", sliceName, query }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RenderQueryMaker, {}),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RenderInsight, {}),
     type === "card" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(