@kilnonedre/foundation 0.0.26 → 0.0.28

package/dist/index.d.ts

@@ -136,16 +136,16 @@ type SemanticColorToken = {
 };
 declare const getSemanticColor: (semanticColor: EnumSemanticColor, variant: EnumVariant) => SemanticColorToken;
 
-interface ConfigProp$j {
+interface ConfigProp$k {
     semanticColor?: EnumSemanticColor;
     variant?: EnumVariant;
     children?: ReactNode;
     className?: string;
 }
 
-declare const Badge: ({ semanticColor, variant, children, className, }: ConfigProp$j) => react_jsx_runtime.JSX.Element;
+declare const Badge: ({ semanticColor, variant, children, className, }: ConfigProp$k) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$i {
+interface ConfigProp$j {
     semanticColor?: EnumSemanticColor;
     variant?: EnumVariant;
     children?: ReactNode;
@@ -157,15 +157,15 @@ interface ConfigProp$i {
     type?: 'button' | 'submit' | 'reset';
 }
 
-declare const Button: ({ semanticColor, variant, children, className, onClick, disabled, type, size, loading, }: ConfigProp$i) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ semanticColor, variant, children, className, onClick, disabled, type, size, loading, }: ConfigProp$j) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$h {
+interface ConfigProp$i {
     options: Array<CommonOption>;
     value?: string | null;
     onChange: (_v: string) => void;
 }
 
-declare const CheckboxSingleList: (props: ConfigProp$h) => react_jsx_runtime.JSX.Element;
+declare const CheckboxSingleList: (props: ConfigProp$i) => react_jsx_runtime.JSX.Element;
 
 interface ConfigListRespT<T> {
     items: Array<T>;
@@ -193,7 +193,7 @@ type AdvancedFilterCtx = {
     draftFilters: Record<string, unknown>;
     setDraftFilters: (_updater: (_prev: Record<string, unknown>) => Record<string, unknown>) => void;
 };
-type ConfigProp$g<T, P> = {
+type ConfigProp$h<T, P> = {
     columns: Array<ColumnDef<T>>;
     renderList: (_params: P) => Promise<ConfigApiRespT<ConfigListRespT<T>>>;
     getRowId?: (_row: T) => string;
@@ -221,7 +221,7 @@ declare const KeywordSearchBar: (props: ConfigProps$1) => react_jsx_runtime.JSX.
 
 declare const TableEmpty: () => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$f {
+interface ConfigProp$g {
     id?: string;
     mode: EnumFormMode;
     children: ReactNode;
@@ -235,22 +235,22 @@ interface ConfigProp$f {
     onOpenChange: (_nextOpen: boolean) => void;
 }
 
-declare const TableFormDialog: (props: ConfigProp$f) => react_jsx_runtime.JSX.Element;
+declare const TableFormDialog: (props: ConfigProp$g) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$e {
+interface ConfigProp$f {
     text: string;
     className?: ClassValue;
 }
 
-declare const TableHeaderText: (props: ConfigProp$e) => react_jsx_runtime.JSX.Element;
+declare const TableHeaderText: (props: ConfigProp$f) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$d {
+interface ConfigProp$e {
     value: Array<CommonObject>;
 }
 
-declare const TableImage: (props: ConfigProp$d) => react_jsx_runtime.JSX.Element;
+declare const TableImage: (props: ConfigProp$e) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$c {
+interface ConfigProp$d {
     totalPage: number;
     size: number;
     sizeList: Array<number>;
@@ -259,18 +259,18 @@ interface ConfigProp$c {
     onUpdateSize: (_size: number) => void;
 }
 
-declare const TablePagination: (props: ConfigProp$c) => react_jsx_runtime.JSX.Element;
+declare const TablePagination: (props: ConfigProp$d) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$b {
+interface ConfigProp$c {
     text?: string | number;
     wrap?: boolean;
 }
 
-declare const TableText: (props: ConfigProp$b) => react_jsx_runtime.JSX.Element;
+declare const TableText: (props: ConfigProp$c) => react_jsx_runtime.JSX.Element;
 
-declare const DataTable: <T, P>(props: ConfigProp$g<T, P>) => react_jsx_runtime.JSX.Element;
+declare const DataTable: <T, P>(props: ConfigProp$h<T, P>) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$a {
+interface ConfigProp$b {
     children: ReactNode;
     title?: string;
     content?: ReactNode;
@@ -279,9 +279,9 @@ interface ConfigProp$a {
     onConfirm?: () => void | Promise<void>;
 }
 
-declare const Dialog: (props: ConfigProp$a) => react_jsx_runtime.JSX.Element;
+declare const Dialog: (props: ConfigProp$b) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$9<T> {
+interface ConfigProp$a<T> {
     columns: Array<ColumnDef<T>>;
     list?: Array<T>;
     enableRowSelection?: boolean;
@@ -290,7 +290,7 @@ interface ConfigProp$9<T> {
     navigate?: (_id: UUID) => void;
 }
 
-declare const DisplayTable: <T>(props: ConfigProp$9<T>) => react_jsx_runtime.JSX.Element;
+declare const DisplayTable: <T>(props: ConfigProp$a<T>) => react_jsx_runtime.JSX.Element;
 
 interface ConfigCascaderOption {
     label: string;
@@ -327,7 +327,7 @@ declare const DropdownCascaderMulti: ({ value, ...props }: ConfigDropdownCascade
 
 declare const DropdownCascaderSingle: (props: ConfigDropdownCascaderSingleProp) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$8<T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>> {
+interface ConfigProp$9<T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>> {
     id: string;
     name: TName;
     label: string;
@@ -342,16 +342,16 @@ interface ConfigProp$8<T extends FieldValues, TName extends FieldPath<T> = Field
     }) => ReactNode;
 }
 
-declare const FieldController: <T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>>({ required, ...props }: ConfigProp$8<T, TName>) => react_jsx_runtime.JSX.Element;
+declare const FieldController: <T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>>({ required, ...props }: ConfigProp$9<T, TName>) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$7 {
+interface ConfigProp$8 {
     className?: string;
     children: ReactNode;
 }
 
-declare const FieldGroup: (props: ConfigProp$7) => react_jsx_runtime.JSX.Element;
+declare const FieldGroup: (props: ConfigProp$8) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$6 {
+interface ConfigProp$7 {
     id: string;
     name: string;
     required?: boolean;
@@ -362,9 +362,9 @@ interface ConfigProp$6 {
     children?: ReactNode;
 }
 
-declare const FieldPlain: ({ required, mode, ...props }: ConfigProp$6) => react_jsx_runtime.JSX.Element;
+declare const FieldPlain: ({ required, mode, ...props }: ConfigProp$7) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$5 {
+interface ConfigProp$6 {
     id?: string;
     name: string;
     value?: string | number | null;
@@ -373,9 +373,9 @@ interface ConfigProp$5 {
     render?: ReactNode;
 }
 
-declare const FieldText: ({ id, name, value, placeholder, required, render, }: ConfigProp$5) => react_jsx_runtime.JSX.Element;
+declare const FieldText: ({ id, name, value, placeholder, required, render, }: ConfigProp$6) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$4 {
+interface ConfigProp$5 {
     value: string;
     onValueChange: (_val: string) => void;
     onLabelChange?: (_val: string) => void;
@@ -383,9 +383,9 @@ interface ConfigProp$4 {
     optionList: Array<CommonOption>;
 }
 
-declare const FormSelect: (props: ConfigProp$4) => react_jsx_runtime.JSX.Element;
+declare const FormSelect: (props: ConfigProp$5) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$3 {
+interface ConfigProp$4 {
     value?: Date;
     onChange: (_value?: Date) => void;
     id?: string;
@@ -394,7 +394,7 @@ interface ConfigProp$3 {
     timePlaceholder?: string;
 }
 
-declare const FormTimePicker: (props: ConfigProp$3) => react_jsx_runtime.JSX.Element;
+declare const FormTimePicker: (props: ConfigProp$4) => react_jsx_runtime.JSX.Element;
 
 interface ConfigProps {
     value?: Array<UUID>;
@@ -415,19 +415,26 @@ declare const Provider: ({ children }: {
     children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 
+interface ConfigProp$3 {
+    children: ReactNode;
+    className?: ClassValue;
+}
+
+declare const Text: (props: ConfigProp$3) => react_jsx_runtime.JSX.Element;
+
 interface ConfigProp$2 {
     children: ReactNode;
     className?: ClassValue;
 }
 
-declare const Text: (props: ConfigProp$2) => react_jsx_runtime.JSX.Element;
+declare const Title: (props: ConfigProp$2) => react_jsx_runtime.JSX.Element;
 
 interface ConfigProp$1 {
     children: ReactNode;
-    className?: ClassValue;
+    footer?: ReactNode;
 }
 
-declare const Title: (props: ConfigProp$1) => react_jsx_runtime.JSX.Element;
+declare const BaseLayout: (props: ConfigProp$1) => react_jsx_runtime.JSX.Element;
 
 interface ConfigProp<T extends object, K extends keyof T> {
     key: K;
@@ -459,6 +466,42 @@ declare const renderTextarea: <T extends FieldValues>(props: ConfigRenderBase<T>
 declare const renderInput: <T extends FieldValues>(props: ConfigRenderBase<T>) => react_jsx_runtime.JSX.Element;
 declare const renderPasswordInput: <T extends FieldValues>(props: ConfigRenderPasswordInput<T>) => react_jsx_runtime.JSX.Element;
 
+type Events = {
+    'HTTP:ERR': ConfigHttpErr;
+    'HTTP:UNAUTH': ConfigHttpUnauth;
+    'API:ERR': ConfigApiErr;
+};
+interface ConfigHttpErr {
+    status: number;
+    url: string;
+    method: string;
+}
+interface ConfigHttpUnauth {
+    status: 401;
+    url: string;
+}
+interface ConfigApiErr {
+    code: string;
+    msg: string;
+    url: string;
+}
+type Listener<T> = (_payload: T) => void;
+type AnyFn = (..._args: unknown[]) => unknown;
+
+declare const registerRouterSubscriber: (onLogoutRequired: () => void) => () => void;
+
+declare const registerToastSubscriber: () => () => void;
+
+declare const assembleApp: (onLogoutRequired: () => void) => () => void;
+
+declare class EventBus {
+    private listeners;
+    on<K extends keyof Events>(event: K, cb: Listener<Events[K]>): () => void;
+    off<K extends keyof Events>(event: K, cb: Listener<Events[K]>): void;
+    emit<K extends keyof Events>(event: K, payload: Events[K]): void;
+}
+declare const eventBus: EventBus;
+
 declare const boolToText: (bool: boolean) => "是" | "否";
 
 declare function cn(...inputs: ClassValue[]): string;
@@ -524,4 +567,4 @@ declare const zCoerceNumberOptional: (label: string, min?: number, max?: number)
 declare const zDecimal: (label: string, min?: number, max?: number) => z.ZodString;
 declare const zDecimalOptional: (label: string, min?: number, max?: number) => z.ZodOptional<z.ZodString>;
 
-export { Badge, Button, CheckboxSingleList, type CommonObject, type CommonOption, type ConfigCascaderOption, type ConfigDropdownCascaderMultiProp, type ConfigDropdownCascaderSingleProp, type ConfigRenderBase, type ConfigRenderPasswordInput, DataTable, Dialog, DisplayTable, DropdownCascaderMulti, DropdownCascaderSingle, EnumApprovalStatus, EnumApprovalStatusLabel, EnumApprovalView, EnumApprovalViewLabel, EnumEntityStatus, EnumEntityStatusLabel, EnumFormMode, EnumFormModeLabel, EnumGenderType, EnumGenderTypeLabel, EnumMapProvider, EnumMapProviderLabel, EnumOrderStatus, EnumOrderStatusLabel, EnumPublishMethod, EnumPublishMethodLabel, EnumSemanticColor, EnumSemanticColorLabel, EnumStorageMethod, EnumStorageMethodLabel, EnumVariant, EnumVariantLabel, FieldController, FieldGroup, FieldPlain, FieldText, FormSelect, FormTimePicker, KeywordSearchBar, MediaUploader, Provider, type SemanticColorToken, TableEmpty, TableFormDialog, TableHeaderText, TableImage, TablePagination, TableText, Text, Title, type UUID, boolToText, buildColumn, cn, emptyToUndefined, enumApprovalStatusOptions, enumApprovalViewOptions, enumEntityStatusOptions, enumFormModeOptions, enumGenderTypeOptions, enumMapProviderOptions, enumOrderStatusOptions, enumPublishMethodOptions, enumSemanticColorOptions, enumStorageMethodOptions, enumToOptions, enumValues, enumVariantOptions, formatDateTime, formatDecimal, genUuid, getOptionMap, getSemanticColor, getSuccessMessage, isEmpty, isFormData, isValidEmail, isValidURL, renderBody, renderCascaderNodes, renderConfirmFooter, renderFooter, renderInput, renderPasswordInput, renderTextarea, zBool, zCoerceNumber, zCoerceNumberOptional, zDate, zDateOptional, zDecimal, zDecimalOptional, zEmail, zEnumNullable, zEnumNullableOptional, zEnumNullableRequired, zEnumOptional, zEnumRequired, zId, zIdCard, zIdCardOptional, zIds, zImageId, zImageIdRequired, zImageIds, zImageIdsOptional, zNumber, zNumberOptional, zPhone, zTextOptional, zTextRequired, zTexts };
+export { type AnyFn, Badge, BaseLayout, Button, CheckboxSingleList, type CommonObject, type CommonOption, type ConfigApiErr, type ConfigCascaderOption, type ConfigDropdownCascaderMultiProp, type ConfigDropdownCascaderSingleProp, type ConfigHttpErr, type ConfigHttpUnauth, type ConfigRenderBase, type ConfigRenderPasswordInput, DataTable, Dialog, DisplayTable, DropdownCascaderMulti, DropdownCascaderSingle, EnumApprovalStatus, EnumApprovalStatusLabel, EnumApprovalView, EnumApprovalViewLabel, EnumEntityStatus, EnumEntityStatusLabel, EnumFormMode, EnumFormModeLabel, EnumGenderType, EnumGenderTypeLabel, EnumMapProvider, EnumMapProviderLabel, EnumOrderStatus, EnumOrderStatusLabel, EnumPublishMethod, EnumPublishMethodLabel, EnumSemanticColor, EnumSemanticColorLabel, EnumStorageMethod, EnumStorageMethodLabel, EnumVariant, EnumVariantLabel, type Events, FieldController, FieldGroup, FieldPlain, FieldText, FormSelect, FormTimePicker, KeywordSearchBar, type Listener, MediaUploader, Provider, type SemanticColorToken, TableEmpty, TableFormDialog, TableHeaderText, TableImage, TablePagination, TableText, Text, Title, type UUID, assembleApp, boolToText, buildColumn, cn, emptyToUndefined, enumApprovalStatusOptions, enumApprovalViewOptions, enumEntityStatusOptions, enumFormModeOptions, enumGenderTypeOptions, enumMapProviderOptions, enumOrderStatusOptions, enumPublishMethodOptions, enumSemanticColorOptions, enumStorageMethodOptions, enumToOptions, enumValues, enumVariantOptions, eventBus, formatDateTime, formatDecimal, genUuid, getOptionMap, getSemanticColor, getSuccessMessage, isEmpty, isFormData, isValidEmail, isValidURL, registerRouterSubscriber, registerToastSubscriber, renderBody, renderCascaderNodes, renderConfirmFooter, renderFooter, renderInput, renderPasswordInput, renderTextarea, zBool, zCoerceNumber, zCoerceNumberOptional, zDate, zDateOptional, zDecimal, zDecimalOptional, zEmail, zEnumNullable, zEnumNullableOptional, zEnumNullableRequired, zEnumOptional, zEnumRequired, zId, zIdCard, zIdCardOptional, zIds, zImageId, zImageIdRequired, zImageIds, zImageIdsOptional, zNumber, zNumberOptional, zPhone, zTextOptional, zTextRequired, zTexts };

package/dist/index.js

@@ -3487,24 +3487,115 @@ var Title = (props) => {
   return /* @__PURE__ */ jsx48("div", { className: cn2("text-lg font-bold", props.className), children: props.children });
 };
 
+// src/layout/base/index.tsx
+import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
+var BaseLayout = (props) => {
+  return /* @__PURE__ */ jsxs29("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx49("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsx49("div", { className: "py-4 px-4 md:gap-6 md:py-6 lg:px-6", children: props.children }) }),
+    props.footer && /* @__PURE__ */ jsx49("div", { className: "border-t bg-white px-4 py-3 lg:px-6 sticky bottom-0", children: props.footer })
+  ] });
+};
+
 // src/render/column/build-column/index.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var buildColumn = () => (props) => {
   const { key, label, render } = props;
   return {
     accessorKey: key,
-    header: () => /* @__PURE__ */ jsx49(TableHeaderText, { text: label }),
+    header: () => /* @__PURE__ */ jsx50(TableHeaderText, { text: label }),
     cell: ({ row }) => {
       const value = row.original[key];
-      return render ? render(value, row.original) : /* @__PURE__ */ jsx49(TableText, { text: String(value ?? "") });
+      return render ? render(value, row.original) : /* @__PURE__ */ jsx50(TableText, { text: String(value ?? "") });
     },
     meta: {
       label
     }
   };
 };
+
+// src/shared/event-bus/module/toast/toast-subscriber.ts
+import { toast } from "sonner";
+var errMessageObj = {
+  400: "\u8BF7\u6C42\u9519\u8BEF(400)",
+  401: "\u767B\u5F55\u5DF2\u8FC7\u671F\uFF0C\u8BF7\u91CD\u65B0\u767B\u5F55(401)",
+  403: "\u62D2\u7EDD\u8BBF\u95EE(403)",
+  404: "\u8BF7\u6C42\u51FA\u9519(404)",
+  408: "\u8BF7\u6C42\u8D85\u65F6(408)",
+  500: "\u670D\u52A1\u5668\u9519\u8BEF(500)",
+  501: "\u670D\u52A1\u672A\u5B9E\u73B0(501)",
+  502: "\u7F51\u7EDC\u9519\u8BEF(502)",
+  503: "\u670D\u52A1\u4E0D\u53EF\u7528(503)",
+  504: "\u7F51\u7EDC\u8D85\u65F6(504)",
+  505: "HTTP\u7248\u672C\u4E0D\u53D7\u652F\u6301(505)"
+};
+var errMessage = (status) => {
+  const message = errMessageObj[status] ?? `\u8FDE\u63A5\u51FA\u9519(${status})`;
+  return `${message}\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC\u6216\u8054\u7CFB\u7BA1\u7406\u5458\uFF01`;
+};
+var registerToastSubscriber = () => {
+  const onHttpUnauth = ({ status }) => {
+    toast.error(errMessage(status));
+  };
+  const onHttpErr = ({ status }) => {
+    toast.error(errMessage(status));
+  };
+  const onApiErr = ({ msg }) => {
+    toast.error(msg);
+  };
+  eventBus.on("HTTP:UNAUTH", onHttpUnauth);
+  eventBus.on("HTTP:ERR", onHttpErr);
+  eventBus.on("API:ERR", onApiErr);
+  return () => {
+    eventBus.off("HTTP:UNAUTH", onHttpUnauth);
+    eventBus.off("HTTP:ERR", onHttpErr);
+    eventBus.off("API:ERR", onApiErr);
+  };
+};
+
+// src/shared/event-bus/module/router/router-subscriber.ts
+var registerRouterSubscriber = (onLogoutRequired) => {
+  eventBus.on("HTTP:UNAUTH", onLogoutRequired);
+  return () => {
+    eventBus.off("HTTP:UNAUTH", onLogoutRequired);
+  };
+};
+
+// src/shared/event-bus/module/index.ts
+var composeCleanups = (...cleanups) => {
+  return () => {
+    cleanups.forEach((fn) => typeof fn === "function" && fn());
+  };
+};
+var assembleApp = (onLogoutRequired) => {
+  return composeCleanups(registerToastSubscriber(), onLogoutRequired());
+};
+
+// src/shared/event-bus/index.ts
+var EventBus = class {
+  listeners = /* @__PURE__ */ new Map();
+  on(event, cb) {
+    let set = this.listeners.get(event);
+    if (!set) {
+      set = /* @__PURE__ */ new Set();
+      this.listeners.set(event, set);
+    }
+    set.add(cb);
+    return () => this.off(event, cb);
+  }
+  off(event, cb) {
+    this.listeners.get(event)?.delete(cb);
+  }
+  emit(event, payload) {
+    this.listeners.get(event)?.forEach((fn) => {
+      ;
+      fn(payload);
+    });
+  }
+};
+var eventBus = new EventBus();
 export {
   Badge2 as Badge,
+  BaseLayout,
   Button2 as Button,
   CheckboxSingleList,
   DataTable,
@@ -3551,6 +3642,7 @@ export {
   TableText,
   Text,
   Title,
+  assembleApp,
   boolToText,
   buildColumn,
   cn2 as cn,
@@ -3568,6 +3660,7 @@ export {
   enumToOptions,
   enumValues,
   enumVariantOptions,
+  eventBus,
   formatDateTime,
   formatDecimal,
   genUuid,
@@ -3578,6 +3671,8 @@ export {
   isFormData,
   isValidEmail,
   isValidURL,
+  registerRouterSubscriber,
+  registerToastSubscriber,
   renderBody,
   renderCascaderNodes,
   renderConfirmFooter,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kilnonedre/foundation",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "private": false,
   "description": "Kilnonedre frontend foundation package",
   "type": "module",
@@ -70,6 +70,7 @@
     "radix-ui": "^1.4.3",
     "react-day-picker": "^10.0.1",
     "react-hook-form": "^7.76.1",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.6.0",
     "uuid": "^14.0.0",
     "zod": "^4.4.3"