@akanjs/ui 0.9.47 → 0.9.49

package/cjs/Data/QueryMaker.js

@@ -21,299 +21,8 @@ __export(QueryMaker_exports, {
   default: () => QueryMaker
 });
 module.exports = __toCommonJS(QueryMaker_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_base = require("@akanjs/base");
-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_react = require("react");
-var import_bi = require("react-icons/bi");
-var import_DatePicker = require("../DatePicker");
-var import_Input = require("../Input");
-var import_Modal = require("../Modal");
-var import_Select = require("../Select");
 const searchQuerySetting = { queryKey: "search", arg: { $search: void 0 } };
 const byStatusQuerySetting = { queryKey: "byStatuses", arg: { statuses: null } };
 function QueryMaker({ className, sliceName, query }) {
-  const { l } = (0, import_next.usePage)();
-  const storeDo = import_store.st.do;
-  const cnst = (0, import_constant.getCnstMeta)(sliceName);
-  const isModelSearchable = (0, import_constant.hasTextField)(cnst.Full);
-  const { subMenu, filter } = import_store.st.use.searchParams();
-  const filterRef = cnst.Filter;
-  const filterQueryMap = (0, import_constant.getFilterQueryMap)(filterRef);
-  const defaultQuerySetting = { ...isModelSearchable ? searchQuerySetting : byStatusQuerySetting, ...query ?? {} };
-  const isInitialized = (0, import_react.useRef)(false);
-  const [querySetting, setQuerySetting] = (0, import_react.useState)(defaultQuerySetting);
-  const getQuery = (0, import_react.useCallback)(
-    (querySetting2) => {
-      if (querySetting2.queryKey === "search") {
-        const query2 = querySetting2.arg;
-        return query2;
-      } else {
-        const queryFn = (0, import_constant.getFilterQuery)(filterRef, querySetting2.queryKey);
-        const filterQueryArgMetas = (0, import_constant.getFilterArgMetas)(filterRef, querySetting2.queryKey);
-        const queryArgs = filterQueryArgMetas.map((queryArgMeta) => querySetting2.arg[queryArgMeta.name]);
-        const query2 = queryFn(...queryArgs);
-        return query2;
-      }
-    },
-    [filter]
-  );
-  const setQueryOfModel = (0, import_next.useDebounce)((querySetting2) => {
-    const query2 = getQuery(querySetting2);
-    if (!isInitialized.current) {
-      void storeDo[`init${(0, import_common.capitalize)(sliceName)}`](query2);
-      isInitialized.current = true;
-    } else
-      void storeDo[`setQueryArgsOf${(0, import_common.capitalize)(sliceName)}`](query2);
-  });
-  (0, import_react.useEffect)(() => {
-    if (filter && subMenu === sliceName)
-      setQuerySetting({ queryKey: filter, arg: {} });
-  }, [filter, subMenu]);
-  (0, import_react.useEffect)(() => {
-    setQueryOfModel(querySetting);
-  }, [querySetting]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_client.clsx)("flex w-full items-center gap-4", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      "Query",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_Select.Select,
-        {
-          value: querySetting.queryKey,
-          options: Object.keys(filterQueryMap).map((queryKey) => ({
-            label: l.field("summary", queryKey),
-            value: queryKey
-          })),
-          onChange: (queryKey) => {
-            const filterQueryArgMetas = (0, import_constant.getFilterArgMetas)(filterRef, queryKey);
-            const defaultArg = Object.fromEntries(
-              filterQueryArgMetas.map((queryArgMeta) => [
-                queryArgMeta.name,
-                queryArgMeta.nullable ? null : queryArgMeta.arrDepth ? { $in: [] } : queryArgMeta.default ? typeof queryArgMeta.default === "function" ? queryArgMeta.default() : queryArgMeta.default : import_base.scalarDefaultMap.get(queryArgMeta.modelRef) ?? null
-              ])
-            );
-            setQuerySetting({ queryKey, arg: defaultArg });
-          }
-        }
-      )
-    ] }),
-    querySetting.queryKey === "search" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
-      "Search",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "input flex w-full items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "input",
-          {
-            type: "text",
-            className: "grow",
-            placeholder: "Type to search...",
-            value: querySetting.arg.$search ?? "",
-            onChange: (e) => {
-              setQuerySetting({ ...querySetting, arg: e.target.value ? { $search: e.target.value } : {} });
-            }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bi.BiSearch, { className: "size-4 opacity-70" })
-      ] })
-    ] }) : (0, import_constant.getFilterArgMetas)(filterRef, querySetting.queryKey).map((queryArgMeta, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-gray-500", children: l.qarg(sliceName, querySetting.queryKey, queryArgMeta.name) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        QueryArg,
-        {
-          queryArgMeta,
-          value: querySetting.arg[queryArgMeta.name],
-          onChange: (value) => {
-            setQuerySetting({
-              ...querySetting,
-              arg: { ...querySetting.arg, [queryArgMeta.name]: value }
-            });
-          }
-        }
-      )
-    ] }, idx))
-  ] });
+  return null;
 }
-function QueryArg({ queryArgMeta, value, onChange }) {
-  const argType = (0, import_constant.getGqlTypeStr)(queryArgMeta.modelRef);
-  if (queryArgMeta.enum && queryArgMeta.arrDepth && queryArgMeta.arrDepth < 2)
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      QueryArg.Enum,
-      {
-        options: queryArgMeta.enum.values,
-        value,
-        onChange,
-        nullable: queryArgMeta.nullable,
-        multiple: queryArgMeta.arrDepth ? queryArgMeta.arrDepth >= 1 : false
-      }
-    );
-  return argType === "ID" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryArg.ID, { queryArgMeta, value, onChange }) : argType === "Int" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryArg.Int, { value, onChange }) : argType === "Float" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryArg.Float, { value, onChange }) : argType === "String" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryArg.String, { value, onChange }) : argType === "Boolean" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryArg.Boolean, { value, onChange }) : argType === "Date" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryArg.Date, { value, onChange }) : argType === "JSON" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryArg.Json, { value, onChange }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
-}
-const ArgEnum = ({ options, value, onChange, nullable, multiple }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_Select.Select,
-    {
-      options: options.map((option) => ({
-        label: option.toString(),
-        value: option
-      })),
-      value: value ?? [],
-      onChange: (val) => {
-        onChange(val);
-      },
-      multiple
-    }
-  );
-};
-QueryArg.Enum = ArgEnum;
-const ArgID = ({ queryArgMeta, value, onChange }) => {
-  if (!queryArgMeta.ref)
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_Input.Input,
-      {
-        inputClassName: "w-full",
-        value: value ?? "",
-        onChange: (value2) => {
-          onChange(value2 ? value2 : null);
-        },
-        validate: (e) => true
-      }
-    );
-  else
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectIDWithRef, { queryArgMeta, value, onChange });
-};
-QueryArg.ID = ArgID;
-const SelectIDWithRef = ({ queryArgMeta, value, onChange }) => {
-  if (!queryArgMeta.ref)
-    throw new Error("No ref in queryArgMeta");
-  const [modalOpen, setModalOpen] = (0, import_react.useState)(false);
-  const storeUse = import_store.st.use;
-  const modelList = storeUse[`${queryArgMeta.ref}List`]();
-  const renderOption = queryArgMeta.renderOption ?? ((value2) => value2.id);
-  const selectedModel = value ? modelList.get(value) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "button",
-      {
-        className: "btn",
-        onClick: () => {
-          setModalOpen(true);
-        },
-        children: selectedModel ? renderOption(selectedModel) : `Select ${queryArgMeta.ref}`
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_Modal.Modal,
-      {
-        open: modalOpen,
-        onCancel: () => {
-          setModalOpen(false);
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex w-full flex-col gap-4 pb-[256px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryMaker, { sliceName: queryArgMeta.ref }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_Select.Select,
-            {
-              value,
-              options: modelList.map((model) => ({
-                label: renderOption(model),
-                value: model.id
-              })),
-              onChange: (value2) => {
-                onChange(value2);
-              }
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-};
-const ArgInt = ({ value, onChange }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_Input.Input.Number,
-    {
-      inputClassName: "w-full",
-      value,
-      onChange: (value2) => {
-        onChange(value2 ?? 0);
-      },
-      validate: (e) => true
-    }
-  );
-};
-QueryArg.Int = ArgInt;
-const ArgFloat = ({ value, onChange }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_Input.Input.Number,
-    {
-      inputClassName: "w-full",
-      value,
-      onChange: (value2) => {
-        onChange(value2 ?? 0);
-      },
-      validate: (e) => true
-    }
-  );
-};
-QueryArg.Float = ArgFloat;
-const ArgString = ({ value, onChange }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_Input.Input,
-    {
-      inputClassName: "w-full",
-      value: value ?? "",
-      onChange: (value2) => {
-        onChange(value2 ? value2 : null);
-      },
-      validate: (e) => true
-    }
-  );
-};
-QueryArg.String = ArgString;
-const ArgBoolean = ({ value, onChange }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_Input.Input.Checkbox,
-    {
-      className: "w-full",
-      checked: value,
-      onChange: (value2) => {
-        onChange(value2);
-      }
-    }
-  );
-};
-QueryArg.Boolean = ArgBoolean;
-const ArgDate = ({ value, onChange }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_DatePicker.DatePicker,
-    {
-      className: "w-full",
-      value,
-      onChange: (value2) => {
-        onChange(value2);
-      }
-    }
-  );
-};
-QueryArg.Date = ArgDate;
-const ArgJson = ({ value, onChange }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_Input.Input.TextArea,
-    {
-      validate: (e) => true,
-      className: "w-full",
-      inputClassName: "w-full min-h-[300px]",
-      value,
-      onPressEnter: (value2) => {
-        onChange(value2);
-      },
-      onChange: (value2) => {
-        onChange(value2);
-      }
-    }
-  );
-};
-QueryArg.Json = ArgJson;

package/cjs/Data/TableList.js

@@ -32,8 +32,8 @@ __export(TableList_exports, {
 });
 module.exports = __toCommonJS(TableList_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_react = require("react");
 var import_Model = require("../Model");
@@ -52,7 +52,7 @@ function TableList({
   renderView,
   onItemClick
 }) {
-  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 storeGet = import_store.st.get;
@@ -112,7 +112,7 @@ function TableList({
         {
           key: "actions",
           dataIndex: "id",
-          title: l("shared.actions"),
+          title: l("base.actions"),
           render: (_, model, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-1", children: (typeof actions === "function" ? actions(model, idx) : actions).filter((action) => typeof action !== "string").map((action, idx2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Item.Action, { model, action, sliceName }, `${model.id}-${idx2}`)) })
         }
       ] : []

package/cjs/Data/index.js

@@ -28,6 +28,6 @@ const Data = {
   Item: import_index.Item,
   ListContainer: import_index.ListContainer,
   Pagination: import_index.Pagination,
-  TableList: import_index.TableList,
-  QueryMaker: import_index.QueryMaker
+  TableList: import_index.TableList
+  // QueryMaker,
 };

package/cjs/DatePicker.js

@@ -35,7 +35,6 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_datepicker = require("react-datepicker/dist/react-datepicker.css");
 var import_base = require("@akanjs/base");
 var import_client = require("@akanjs/client");
-var import_dictionary = require("@akanjs/dictionary");
 var import_next = require("@akanjs/next");
 var import_react = require("react");
 var import_ai = require("react-icons/ai");
@@ -59,7 +58,7 @@ const DatePicker = ({
   }, [defaultValue]);
   const handleDateChange = (date) => {
     if (!date) {
-      import_dictionary.msg.warning("util.selectDateError");
+      import_client.msg.warning("base.selectDateError");
       return;
     }
     onChange((0, import_base.dayjs)(date));
@@ -95,14 +94,14 @@ const RangePicker = ({
 }) => {
   const handleStartDateChange = (date) => {
     if (!date) {
-      import_dictionary.msg.warning("util.selectDateError");
+      import_client.msg.warning("base.selectDateError");
       return;
     }
     onChange([(0, import_base.dayjs)(date), value[1] ?? (0, import_base.dayjs)()]);
   };
   const handleEndDateChange = (date) => {
     if (!date) {
-      import_dictionary.msg.warning("util.selectDateError");
+      import_client.msg.warning("base.selectDateError");
       return;
     }
     onChange([value[0] ?? (0, import_base.dayjs)(), (0, import_base.dayjs)(date)]);
@@ -154,7 +153,7 @@ const TimePicker = ({
 }) => {
   const handleDateChange = (date) => {
     if (!date) {
-      import_dictionary.msg.warning("util.selectDateError");
+      import_client.msg.warning("base.selectDateError");
       return;
     }
     onChange((0, import_base.dayjs)(date));

package/cjs/Dialog/Modal.js

@@ -33,7 +33,6 @@ __export(Modal_exports, {
 module.exports = __toCommonJS(Modal_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
-var import_next = require("@akanjs/next");
 var import_ui = require("@akanjs/ui");
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
 var import_react = require("@use-gesture/react");
@@ -49,7 +48,7 @@ const interpolate = (o, i, t) => {
 const Modal = ({ className, bodyClassName, confirmClose, children, onCancel }) => {
   const { open, setOpen, title, action } = (0, import_react2.useContext)(import_context.DialogContext);
   const openRef = (0, import_react2.useRef)(open);
-  const { l } = (0, import_next.usePage)();
+  const { l } = (0, import_client.usePage)();
   const ref = (0, import_react2.useRef)(null);
   const [{ translate }, api] = (0, import_react_spring.useSpring)(() => ({ translate: 1 }));
   const [showBackground, setShowBackground] = (0, import_react2.useState)(false);
@@ -60,7 +59,7 @@ const Modal = ({ className, bodyClassName, confirmClose, children, onCancel }) =
     await Promise.all(api.start({ translate: 0, immediate: false, config: canceled ? import_react_spring.config.wobbly : import_react_spring.config.stiff }));
   };
   const closeModal = async ({ velocity = 0, confirmClose: confirmClose2 }) => {
-    if (confirmClose2 && !window.confirm(l("util.confirmClose"))) {
+    if (confirmClose2 && !window.confirm(l("base.confirmClose"))) {
       return;
     }
     setTimeout(() => {

package/cjs/Empty.js

@@ -22,10 +22,9 @@ __export(Empty_exports, {
 module.exports = __toCommonJS(Empty_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 Empty = ({ 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 Empty = ({ className = "", description, children, minHeight = 300 }) => {
         ),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineMeh, { className: "scale-150 text-4xl" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: description ?? l("util.noData") })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: description ?? l("base.noData") })
         ]
       }
     ),