@akanjs/ui 0.9.58 → 0.9.59

package/Field.d.ts

@@ -25,8 +25,8 @@ export declare const Field: {
     Price: import("react").MemoExoticComponent<({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, minlength, maxlength, transform, validate, onPressEnter, inputClassName, inputStyleType, }: PriceProps) => import("react/jsx-runtime").JSX.Element>;
     TextArea: import("react").MemoExoticComponent<({ label, desc, labelClassName, className, value, onChange, placeholder, nullable, disabled, rows, minlength, maxlength, transform, validate, onPressEnter, cache, inputClassName, }: TextAreaProps) => import("react/jsx-runtime").JSX.Element>;
     Switch: ({ label, desc, labelClassName, className, value, onChange, disabled, inputClassName, onDesc, offDesc, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
-    ToggleSelect: <I extends string | number | boolean | null>({ className, labelClassName, label, desc, model, field, items, value, validate, onChange, nullable, disabled, btnClassName, }: ToggleSelectProps<I>) => import("react/jsx-runtime").JSX.Element;
-    MultiToggleSelect: <I extends string | number | boolean>({ className, labelClassName, label, desc, model, field, items, value, minlength, maxlength, validate, onChange, disabled, }: MultiToggleSelectProps<I>) => import("react/jsx-runtime").JSX.Element;
+    ToggleSelect: <I extends string | number | boolean | null>({ className, labelClassName, label, desc, items, value, validate, onChange, nullable, disabled, btnClassName, }: ToggleSelectProps<I>) => import("react/jsx-runtime").JSX.Element;
+    MultiToggleSelect: <I extends string | number | boolean>({ className, labelClassName, label, desc, items, value, minlength, maxlength, validate, onChange, disabled, }: MultiToggleSelectProps<I>) => import("react/jsx-runtime").JSX.Element;
     TextList: ({ label, desc, labelClassName, className, value, onChange, placeholder, disabled, transform, minlength, maxlength, minTextlength, maxTextlength, cache, validate, inputClassName, }: TextListProps) => import("react/jsx-runtime").JSX.Element;
     Tags: ({ label, desc, labelClassName, className, value, onChange, placeholder, disabled, transform, minlength, maxlength, minTextlength, maxTextlength, validate, inputClassName, }: TagsProps) => import("react/jsx-runtime").JSX.Element;
     Date: <Nullable extends boolean>({ className, labelClassName, nullable, label, desc, value, min, max, onChange, showTime, dateClassName, }: DateProps<Nullable>) => import("react/jsx-runtime").JSX.Element;
@@ -159,8 +159,6 @@ interface MultiToggleSelectProps<I extends string | number | boolean> {
     labelClassName?: string;
     label?: string;
     desc?: string;
-    model?: string;
-    field?: string;
     items: EnumInstance<string, I> | {
         label: string;
         value: I;

package/Link/Lang.d.ts

@@ -0,0 +1,7 @@
+interface LangProps {
+    className?: string;
+    lang: "ko" | "en" | (string & {});
+    children?: any;
+}
+export default function Lang({ className, lang, children }: LangProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/Link/index.d.ts

@@ -1,8 +1,10 @@
 import Back from "./Back";
 import Close from "./Close";
+import Lang from "./Lang";
 import type { CommonLinkProps } from "./types";
 export declare const Link: {
     ({ className, href, disabled, children, ...props }: CommonLinkProps): import("react/jsx-runtime").JSX.Element;
     Back: typeof Back;
     Close: typeof Close;
+    Lang: typeof Lang;
 };

package/Load/PageCSR.d.ts

@@ -1,3 +1,3 @@
 import { ReactNode } from "react";
 import type { PageProps } from "./Page";
-export declare const PageCSR: <Return>({ of, loader, render, loading, noCache }: PageProps<Return>) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const PageCSR: <Return>({ of, loader, render, loading, noCache }: PageProps<Return>) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;

package/System/CSR.d.ts

@@ -17,7 +17,7 @@ declare const CSRProvider: ({ className, appName, params, head, env, theme, pref
 interface CSRWrapperProps {
     className?: string;
     appName: string;
-    lang: "en" | "ko";
+    lang: "en" | "ko" | (string & {});
     head?: ReactNode;
     fonts?: ReactFont[];
     children: any;

package/System/SSR.d.ts

@@ -16,7 +16,7 @@ export interface NextFont {
 interface SSRWrapperProps {
     className?: string;
     appName: string;
-    lang: "en" | "ko";
+    lang: "en" | "ko" | (string & {});
     head?: ReactNode;
     fonts?: NextFont[];
     children: any;

package/ToggleSelect.d.ts

@@ -1,7 +1,7 @@
 interface ToggleSelectProps<I extends string | number | boolean | null> {
     className?: string;
     btnClassName?: string;
-    items: string[] | {
+    items: string[] | number[] | {
         label: string;
         value: I;
     }[];
@@ -18,14 +18,14 @@ export declare const ToggleSelect: {
 interface MultiProps {
     className?: string;
     btnClassName?: string;
-    items: string[] | {
+    items: string[] | number[] | {
         label: string;
-        value: string;
+        value: string | number;
     }[];
-    value: string[];
+    value: string[] | number[];
     nullable: boolean;
-    validate: (value: string[]) => boolean | string;
-    onChange: (value: string[]) => void;
+    validate: (value: string[] | number[]) => boolean | string;
+    onChange: (value: string[] | number[]) => void;
     disabled?: boolean;
 }
 export {};

package/cjs/Field.js

@@ -293,8 +293,6 @@ const ToggleSelect = ({
   labelClassName,
   label,
   desc,
-  model,
-  field,
   items,
   value,
   validate,
@@ -313,10 +311,10 @@ const ToggleSelect = ({
         className: "mt-2",
         nullable: !!nullable,
         btnClassName,
-        items: model && field ? (isEnumValue ? items.values : items).map((item) => ({
+        items: isEnumValue ? items.values.map((item) => ({
           label: l._(`${items.refName}.${item}`),
           value: item
-        })) : isEnumValue ? items.values : items,
+        })) : items,
         value,
         onChange: (value2, idx) => {
           onChange(value2);
@@ -335,8 +333,6 @@ const MultiToggleSelect = ({
   labelClassName,
   label,
   desc,
-  model,
-  field,
   items,
   value,
   minlength,
@@ -353,10 +349,10 @@ const MultiToggleSelect = ({
       import_ToggleSelect.ToggleSelect.Multi,
       {
         nullable: !minlength,
-        items: model && field ? (isEnumValue ? items.values : items).map((item) => ({
+        items: isEnumValue ? items.values.map((item) => ({
           label: l._(`${items.refName}.${item}`),
           value: item
-        })) : isEnumValue ? items.values : items,
+        })) : items,
         value,
         onChange: (values) => {
           onChange(values);

package/cjs/Link/CsrLink.js

@@ -46,7 +46,6 @@ function CsrLink({
         const isExternal = href.startsWith("http") || href.startsWith("mailto:") || href.startsWith("tel:");
         const isHash = href.startsWith("#");
         const url = isHash ? `${window.location.pathname}#${hash}` : href;
-        console.log(`url:${url}`);
         if (isExternal)
           void import_browser.Browser.open({ url: href, presentationStyle: "popover" });
         else if (replace)

package/cjs/Link/Lang.js

@@ -0,0 +1,28 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Lang_exports = {};
+__export(Lang_exports, {
+  default: () => Lang
+});
+module.exports = __toCommonJS(Lang_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+function Lang({ className, lang, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("cursor-pointer", className), onClick: () => import_client.router.setLang(lang), children });
+}

package/cjs/Link/index.js

@@ -35,6 +35,7 @@ var import_base = require("@akanjs/base");
 var import_next = require("@akanjs/next");
 var import_Back = __toESM(require("./Back"));
 var import_Close = __toESM(require("./Close"));
+var import_Lang = __toESM(require("./Lang"));
 const CsrLink = (0, import_next.lazy)(() => import("./CsrLink"));
 const NextLink = (0, import_next.lazy)(() => import("./NextLink"));
 const Link = ({ className, href, disabled = false, children, ...props }) => {
@@ -46,3 +47,4 @@ const Link = ({ className, href, disabled = false, children, ...props }) => {
 };
 Link.Back = import_Back.default;
 Link.Close = import_Close.default;
+Link.Lang = import_Lang.default;

package/cjs/ToggleSelect.js

@@ -36,7 +36,7 @@ const ToggleSelect = ({
   const validateResult = value ? validate(value) : false;
   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
+    (item) => typeof item === "string" || typeof item === "number" ? { label: item.toString(), value: item } : item
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
@@ -79,7 +79,7 @@ const Multi = ({ className, btnClassName, items, nullable, validate, value, onCh
   const validateResult = validate(value);
   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
+    (item) => typeof item === "string" || typeof item === "number" ? { label: item.toString(), value: item } : item
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",

package/esm/Field.js

@@ -271,8 +271,6 @@ const ToggleSelect = ({
   labelClassName,
   label,
   desc,
-  model,
-  field,
   items,
   value,
   validate,
@@ -291,10 +289,10 @@ const ToggleSelect = ({
         className: "mt-2",
         nullable: !!nullable,
         btnClassName,
-        items: model && field ? (isEnumValue ? items.values : items).map((item) => ({
+        items: isEnumValue ? items.values.map((item) => ({
           label: l._(`${items.refName}.${item}`),
           value: item
-        })) : isEnumValue ? items.values : items,
+        })) : items,
         value,
         onChange: (value2, idx) => {
           onChange(value2);
@@ -313,8 +311,6 @@ const MultiToggleSelect = ({
   labelClassName,
   label,
   desc,
-  model,
-  field,
   items,
   value,
   minlength,
@@ -331,10 +327,10 @@ const MultiToggleSelect = ({
       UtilToggleSelect.Multi,
       {
         nullable: !minlength,
-        items: model && field ? (isEnumValue ? items.values : items).map((item) => ({
+        items: isEnumValue ? items.values.map((item) => ({
           label: l._(`${items.refName}.${item}`),
           value: item
-        })) : isEnumValue ? items.values : items,
+        })) : items,
         value,
         onChange: (values) => {
           onChange(values);

package/esm/Link/CsrLink.js

@@ -24,7 +24,6 @@ function CsrLink({
         const isExternal = href.startsWith("http") || href.startsWith("mailto:") || href.startsWith("tel:");
         const isHash = href.startsWith("#");
         const url = isHash ? `${window.location.pathname}#${hash}` : href;
-        console.log(`url:${url}`);
         if (isExternal)
           void Browser.open({ url: href, presentationStyle: "popover" });
         else if (replace)

package/esm/Link/Lang.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { clsx, router } from "@akanjs/client";
+function Lang({ className, lang, children }) {
+  return /* @__PURE__ */ jsx("div", { className: clsx("cursor-pointer", className), onClick: () => router.setLang(lang), children });
+}
+export {
+  Lang as default
+};

package/esm/Link/index.js

@@ -3,6 +3,7 @@ import { baseClientEnv } from "@akanjs/base";
 import { lazy } from "@akanjs/next";
 import Back from "./Back";
 import Close from "./Close";
+import Lang from "./Lang";
 const CsrLink = lazy(() => import("./CsrLink"));
 const NextLink = lazy(() => import("./NextLink"));
 const Link = ({ className, href, disabled = false, children, ...props }) => {
@@ -14,6 +15,7 @@ const Link = ({ className, href, disabled = false, children, ...props }) => {
 };
 Link.Back = Back;
 Link.Close = Close;
+Link.Lang = Lang;
 export {
   Link
 };

package/esm/ToggleSelect.js

@@ -14,7 +14,7 @@ const ToggleSelect = ({
   const validateResult = value ? validate(value) : false;
   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
+    (item) => typeof item === "string" || typeof item === "number" ? { label: item.toString(), value: item } : item
   );
   return /* @__PURE__ */ jsxs(
     "div",
@@ -57,7 +57,7 @@ const Multi = ({ className, btnClassName, items, nullable, validate, value, onCh
   const validateResult = validate(value);
   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
+    (item) => typeof item === "string" || typeof item === "number" ? { label: item.toString(), value: item } : item
   );
   return /* @__PURE__ */ jsxs(
     "div",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akanjs/ui",
-  "version": "0.9.58",
+  "version": "0.9.59",
   "sourceType": "module",
   "publishConfig": {
     "access": "public"