@inf-monkeys-tech/monkeys-design 0.4.55 → 0.4.56

package/dist/components/login/index.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
+import react__default from 'react';
 
 type LoginPageLogoLocation = 'top' | 'middle' | 'bottom';
 interface LoginPageBackgroundConfig {
@@ -26,11 +26,11 @@ interface LoginPageLogoConfig {
 interface LoginPageFieldConfig {
     id?: string;
     name: string;
-    type?: React__default.HTMLInputTypeAttribute;
+    type?: react__default.HTMLInputTypeAttribute;
     value: string;
     placeholder?: string;
     autoComplete?: string;
-    inputMode?: React__default.HTMLAttributes<HTMLInputElement>['inputMode'];
+    inputMode?: react__default.HTMLAttributes<HTMLInputElement>['inputMode'];
     maxLength?: number;
     pattern?: string;
     required?: boolean;
@@ -39,80 +39,80 @@ interface LoginPageFieldConfig {
 }
 interface LoginPageCheckboxConfig {
     id: string;
-    label: React__default.ReactNode;
+    label: react__default.ReactNode;
     checked: boolean;
     disabled?: boolean;
     onChange: (checked: boolean) => void;
 }
 interface LoginPageMethodConfig {
     id: string;
-    label: React__default.ReactNode;
-    icon?: React__default.ReactNode;
+    label: react__default.ReactNode;
+    icon?: react__default.ReactNode;
     fields: LoginPageFieldConfig[];
-    submitLabel: React__default.ReactNode;
-    loadingLabel?: React__default.ReactNode;
+    submitLabel: react__default.ReactNode;
+    loadingLabel?: react__default.ReactNode;
     isLoading?: boolean;
     disabled?: boolean;
     hidden?: boolean;
     checkbox?: LoginPageCheckboxConfig;
-    footer?: React__default.ReactNode;
+    footer?: react__default.ReactNode;
     footerAction?: {
-        label: React__default.ReactNode;
+        label: react__default.ReactNode;
         disabled?: boolean;
         onClick: () => void;
     };
-    onSubmit: (event: React__default.FormEvent<HTMLFormElement>) => void;
+    onSubmit: (event: react__default.FormEvent<HTMLFormElement>) => void;
 }
 interface LoginPageExternalMethodConfig {
     id: string;
-    label: React__default.ReactNode;
+    label: react__default.ReactNode;
     providerType?: 'feishu' | 'dingtalk' | 'wework' | 'oidc' | string;
-    icon?: React__default.ReactNode;
+    icon?: react__default.ReactNode;
     disabled?: boolean;
     onClick?: () => void;
-    render?: (button: React__default.ReactElement) => React__default.ReactNode;
+    render?: (button: react__default.ReactElement) => react__default.ReactNode;
 }
 interface LoginPageCalloutConfig {
     tone?: 'info' | 'warning' | 'success' | 'danger';
-    title: React__default.ReactNode;
-    description?: React__default.ReactNode;
-    detail?: React__default.ReactNode;
+    title: react__default.ReactNode;
+    description?: react__default.ReactNode;
+    detail?: react__default.ReactNode;
     action?: {
-        label: React__default.ReactNode;
+        label: react__default.ReactNode;
         disabled?: boolean;
         onClick: () => void;
     };
 }
 interface LoginPageExternalPanelConfig {
-    title?: React__default.ReactNode;
-    description?: React__default.ReactNode;
-    content: React__default.ReactNode;
-    footer?: React__default.ReactNode;
+    title?: react__default.ReactNode;
+    description?: react__default.ReactNode;
+    content: react__default.ReactNode;
+    footer?: react__default.ReactNode;
     backAction?: {
-        label: React__default.ReactNode;
+        label: react__default.ReactNode;
         onClick: () => void;
     };
 }
 interface LoginPageProps {
     className?: string;
-    style?: React__default.CSSProperties;
+    style?: react__default.CSSProperties;
     background?: LoginPageBackgroundConfig;
     logo?: LoginPageLogoConfig;
     primaryColor?: string;
     radius?: string;
     customCss?: string;
-    toolbar?: React__default.ReactNode;
-    title?: React__default.ReactNode;
+    toolbar?: react__default.ReactNode;
+    title?: react__default.ReactNode;
     backAction?: {
-        label: React__default.ReactNode;
-        icon?: React__default.ReactNode;
+        label: react__default.ReactNode;
+        icon?: react__default.ReactNode;
         onClick: () => void;
     };
     methods: LoginPageMethodConfig[];
     activeMethodId?: string;
     defaultMethodId?: string;
     onMethodChange?: (methodId: string) => void;
-    externalLabel?: React__default.ReactNode;
+    externalLabel?: react__default.ReactNode;
     externalMethods?: LoginPageExternalMethodConfig[];
     externalPanel?: LoginPageExternalPanelConfig;
     callout?: LoginPageCalloutConfig;

package/dist/components/login/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
+import react__default from 'react';
 
 type LoginPageLogoLocation = 'top' | 'middle' | 'bottom';
 interface LoginPageBackgroundConfig {
@@ -26,11 +26,11 @@ interface LoginPageLogoConfig {
 interface LoginPageFieldConfig {
     id?: string;
     name: string;
-    type?: React__default.HTMLInputTypeAttribute;
+    type?: react__default.HTMLInputTypeAttribute;
     value: string;
     placeholder?: string;
     autoComplete?: string;
-    inputMode?: React__default.HTMLAttributes<HTMLInputElement>['inputMode'];
+    inputMode?: react__default.HTMLAttributes<HTMLInputElement>['inputMode'];
     maxLength?: number;
     pattern?: string;
     required?: boolean;
@@ -39,80 +39,80 @@ interface LoginPageFieldConfig {
 }
 interface LoginPageCheckboxConfig {
     id: string;
-    label: React__default.ReactNode;
+    label: react__default.ReactNode;
     checked: boolean;
     disabled?: boolean;
     onChange: (checked: boolean) => void;
 }
 interface LoginPageMethodConfig {
     id: string;
-    label: React__default.ReactNode;
-    icon?: React__default.ReactNode;
+    label: react__default.ReactNode;
+    icon?: react__default.ReactNode;
     fields: LoginPageFieldConfig[];
-    submitLabel: React__default.ReactNode;
-    loadingLabel?: React__default.ReactNode;
+    submitLabel: react__default.ReactNode;
+    loadingLabel?: react__default.ReactNode;
     isLoading?: boolean;
     disabled?: boolean;
     hidden?: boolean;
     checkbox?: LoginPageCheckboxConfig;
-    footer?: React__default.ReactNode;
+    footer?: react__default.ReactNode;
     footerAction?: {
-        label: React__default.ReactNode;
+        label: react__default.ReactNode;
         disabled?: boolean;
         onClick: () => void;
     };
-    onSubmit: (event: React__default.FormEvent<HTMLFormElement>) => void;
+    onSubmit: (event: react__default.FormEvent<HTMLFormElement>) => void;
 }
 interface LoginPageExternalMethodConfig {
     id: string;
-    label: React__default.ReactNode;
+    label: react__default.ReactNode;
     providerType?: 'feishu' | 'dingtalk' | 'wework' | 'oidc' | string;
-    icon?: React__default.ReactNode;
+    icon?: react__default.ReactNode;
     disabled?: boolean;
     onClick?: () => void;
-    render?: (button: React__default.ReactElement) => React__default.ReactNode;
+    render?: (button: react__default.ReactElement) => react__default.ReactNode;
 }
 interface LoginPageCalloutConfig {
     tone?: 'info' | 'warning' | 'success' | 'danger';
-    title: React__default.ReactNode;
-    description?: React__default.ReactNode;
-    detail?: React__default.ReactNode;
+    title: react__default.ReactNode;
+    description?: react__default.ReactNode;
+    detail?: react__default.ReactNode;
     action?: {
-        label: React__default.ReactNode;
+        label: react__default.ReactNode;
         disabled?: boolean;
         onClick: () => void;
     };
 }
 interface LoginPageExternalPanelConfig {
-    title?: React__default.ReactNode;
-    description?: React__default.ReactNode;
-    content: React__default.ReactNode;
-    footer?: React__default.ReactNode;
+    title?: react__default.ReactNode;
+    description?: react__default.ReactNode;
+    content: react__default.ReactNode;
+    footer?: react__default.ReactNode;
     backAction?: {
-        label: React__default.ReactNode;
+        label: react__default.ReactNode;
         onClick: () => void;
     };
 }
 interface LoginPageProps {
     className?: string;
-    style?: React__default.CSSProperties;
+    style?: react__default.CSSProperties;
     background?: LoginPageBackgroundConfig;
     logo?: LoginPageLogoConfig;
     primaryColor?: string;
     radius?: string;
     customCss?: string;
-    toolbar?: React__default.ReactNode;
-    title?: React__default.ReactNode;
+    toolbar?: react__default.ReactNode;
+    title?: react__default.ReactNode;
     backAction?: {
-        label: React__default.ReactNode;
-        icon?: React__default.ReactNode;
+        label: react__default.ReactNode;
+        icon?: react__default.ReactNode;
         onClick: () => void;
     };
     methods: LoginPageMethodConfig[];
     activeMethodId?: string;
     defaultMethodId?: string;
     onMethodChange?: (methodId: string) => void;
-    externalLabel?: React__default.ReactNode;
+    externalLabel?: react__default.ReactNode;
     externalMethods?: LoginPageExternalMethodConfig[];
     externalPanel?: LoginPageExternalPanelConfig;
     callout?: LoginPageCalloutConfig;

package/dist/components/toast/index.d.mts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode, ReactElement } from 'react';
 import { ToasterProps, ExternalToast, ToastT, ToastToDismiss } from 'sonner';
 export { ExternalToast, ToasterProps } from 'sonner';
+import { q as MonkeysToastMessages } from '../../types-BkWanMMW.mjs';
 
 type ToastVariant = 'error' | 'warning' | 'success' | 'info';
 type ToastInput = Omit<ExternalToast, 'description'> & {
@@ -39,12 +40,7 @@ type ToastFeedEntry = {
     duration?: number;
     signature?: string;
 } | null | undefined;
-type ToastDefaultMessages = {
-    errorTitle: string;
-    warningTitle: string;
-    defaultErrorDescription: string;
-    defaultWarningDescription: string;
-};
+type ToastDefaultMessages = MonkeysToastMessages;
 type ToastPromiseInput<T = unknown> = Promise<T> | (() => Promise<T>);
 type ToastPromiseReturn<T = unknown> = string | number | {
     unwrap: () => Promise<T>;

package/dist/components/toast/index.d.ts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode, ReactElement } from 'react';
 import { ToasterProps, ExternalToast, ToastT, ToastToDismiss } from 'sonner';
 export { ExternalToast, ToasterProps } from 'sonner';
+import { q as MonkeysToastMessages } from '../../types-BkWanMMW.js';
 
 type ToastVariant = 'error' | 'warning' | 'success' | 'info';
 type ToastInput = Omit<ExternalToast, 'description'> & {
@@ -39,12 +40,7 @@ type ToastFeedEntry = {
     duration?: number;
     signature?: string;
 } | null | undefined;
-type ToastDefaultMessages = {
-    errorTitle: string;
-    warningTitle: string;
-    defaultErrorDescription: string;
-    defaultWarningDescription: string;
-};
+type ToastDefaultMessages = MonkeysToastMessages;
 type ToastPromiseInput<T = unknown> = Promise<T> | (() => Promise<T>);
 type ToastPromiseReturn<T = unknown> = string | number | {
     unwrap: () => Promise<T>;

package/dist/components/toast/index.js

@@ -5,14 +5,163 @@ var sonner = require('sonner');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/components/toast/index.tsx
+
+// src/locale/en-US.ts
+var enUS = {
+  locale: "en-US",
+  messages: {
+    pagination: {
+      navigation: "Pagination",
+      first: "First",
+      previous: "Previous",
+      next: "Next",
+      last: "Last",
+      page: ({ page, pageCount }) => `Page ${page} of ${pageCount}`,
+      currentPage: ({ page, pageCount }) => `Page ${page} of ${pageCount}, current page`,
+      emptyResults: "0 results",
+      range: ({ start, end, total }) => `${start}-${end} of ${total}`
+    },
+    dialog: {
+      close: "Close dialog"
+    },
+    dropdownMenu: {
+      actions: "Actions"
+    },
+    loading: {
+      spinner: "Loading"
+    },
+    layout: {
+      resizePanels: "Resize panels"
+    },
+    steps: {
+      label: "Progress",
+      current: "Current",
+      completed: "Completed",
+      error: "Error",
+      disabled: "Disabled"
+    },
+    numberInput: {
+      increment: "Increase value",
+      decrement: "Decrease value"
+    },
+    passwordInput: {
+      showPassword: "Show password",
+      hidePassword: "Hide password"
+    },
+    multiSelect: {
+      placeholder: "Select options",
+      empty: "No options",
+      removeOption: ({ value }) => `Remove ${value}`
+    },
+    table: {
+      dragColumn: ({ columnId }) => `Drag column ${columnId}`,
+      resizeColumn: ({ columnId }) => `Resize column ${columnId}`,
+      sortColumn: ({ columnId }) => columnId ? `Sort column ${columnId}` : "Sort column",
+      loadingRow: "Loading table row"
+    },
+    toolbar: {
+      theme: {
+        label: "Appearance",
+        toggle: "Toggle theme",
+        auto: "Auto",
+        light: "Light",
+        dark: "Dark"
+      },
+      language: {
+        label: "Language",
+        switch: "Switch language"
+      }
+    },
+    toast: {
+      errorTitle: "Error",
+      warningTitle: "Warning",
+      defaultErrorDescription: "Something went wrong.",
+      defaultWarningDescription: "Please check and try again."
+    },
+    dataExplorer: {
+      viewTree: {
+        actions: "More actions",
+        expand: "Expand",
+        collapse: "Collapse",
+        loading: "Loading...",
+        empty: "No views",
+        error: "Unable to load views"
+      }
+    },
+    workbench: {
+      interactiveTable: {
+        columnActions: "Column actions",
+        freezeColumn: "Freeze to left",
+        freezeEndColumn: "Freeze to right",
+        unfreezeColumn: "Unfreeze from left",
+        unfreezeEndColumn: "Unfreeze from right",
+        unfreezeAllColumns: "Unfreeze all columns",
+        resetColumnWidth: "Reset column width",
+        frozenColumnTitle: "Frozen column"
+      }
+    }
+  }
+};
+
+// src/locale/resolve-locale.ts
+function mergeMonkeysLocaleMessages(base, override) {
+  return base;
+}
+var defaultMonkeysLocale = {
+  locale: enUS.locale,
+  messages: mergeMonkeysLocaleMessages(
+    enUS.messages
+  )
+};
+
+// src/provider/context.ts
+var EMPTY_ENVIRONMENT = Object.freeze({});
+var EMPTY_PORTAL = Object.freeze({});
+var MONKEYS_PROVIDER_CONTEXTS_KEY = /* @__PURE__ */ Symbol.for(
+  "@inf-monkeys-tech/monkeys-design/provider-context@1"
+);
+function createMonkeysProviderContexts() {
+  return Object.freeze({
+    locale: react.createContext({
+      ...defaultMonkeysLocale,
+      provided: false
+    }),
+    theme: react.createContext({
+      provided: false
+    }),
+    direction: react.createContext({
+      provided: false
+    }),
+    environment: react.createContext({
+      provided: false,
+      environment: EMPTY_ENVIRONMENT,
+      portal: EMPTY_PORTAL
+    })
+  });
+}
+function getMonkeysProviderContexts() {
+  const host = globalThis;
+  const existing = host[MONKEYS_PROVIDER_CONTEXTS_KEY];
+  if (existing) return existing;
+  const contexts = createMonkeysProviderContexts();
+  Object.defineProperty(host, MONKEYS_PROVIDER_CONTEXTS_KEY, {
+    value: contexts,
+    enumerable: false,
+    configurable: false,
+    writable: false
+  });
+  return contexts;
+}
+var providerContexts = getMonkeysProviderContexts();
+var MonkeysLocaleContext = providerContexts.locale;
+providerContexts.theme;
+providerContexts.direction;
+providerContexts.environment;
+function useMonkeysLocaleMessages() {
+  return react.useContext(MonkeysLocaleContext).messages;
+}
 var DEFAULT_TOAST_DURATION = 5200;
 var TOAST_DEDUPE_WINDOW = 1200;
-var DEFAULT_MESSAGES = {
-  errorTitle: "Error",
-  warningTitle: "Warning",
-  defaultErrorDescription: "Something went wrong.",
-  defaultWarningDescription: "Please check and try again."
-};
 var ACTIONABLE_TOAST_PATTERNS = [
   /^(please|select|enter|provide|write|choose|confirm|fill)\b/i,
   /^(请|请选择|请先|请输入|请填写|请确认|请留意)/
@@ -74,8 +223,8 @@ function shouldEmitToast(signature) {
 function translateMessage(translate, value) {
   return translate ? translate(value, { defaultValue: value }) : value;
 }
-function getDefaultMessage(messages, key) {
-  return messages?.[key] ?? DEFAULT_MESSAGES[key];
+function getDefaultMessage(messages, localeMessages, key) {
+  return messages?.[key] ?? localeMessages[key];
 }
 function emitToast(input) {
   const { title, description, duration, variant = "info", ...options } = input;
@@ -164,6 +313,7 @@ function MonkeysToastProvider({ children, toasterProps }) {
 }
 function useToastOnValue(value, options = {}) {
   const previousSignatureRef = react.useRef(null);
+  const localeMessages = useMonkeysLocaleMessages().toast;
   const translate = options.translate;
   react.useEffect(() => {
     if (!value) {
@@ -176,12 +326,17 @@ function useToastOnValue(value, options = {}) {
     const rawDescription = resolveValue(options.description, value) ?? extractToastMessage(value, rawFallbackDescription || "");
     const title = translateMessage(
       translate,
-      rawTitle || getDefaultMessage(options.messages, variant === "warning" ? "warningTitle" : "errorTitle")
+      rawTitle || getDefaultMessage(
+        options.messages,
+        localeMessages,
+        variant === "warning" ? "warningTitle" : "errorTitle"
+      )
     );
     const description = translateMessage(
       translate,
       rawDescription || getDefaultMessage(
         options.messages,
+        localeMessages,
         variant === "warning" ? "defaultWarningDescription" : "defaultErrorDescription"
       )
     );
@@ -207,24 +362,31 @@ function useToastOnValue(value, options = {}) {
     options.signature,
     options.title,
     options.variant,
+    localeMessages,
     translate,
     value
   ]);
 }
 function useToastFeed(items, options = {}) {
   const previousVisibleSignaturesRef = react.useRef(/* @__PURE__ */ new Set());
+  const localeMessages = useMonkeysLocaleMessages().toast;
   const translate = options.translate;
   const emitItem = react.useCallback(
     (item, index, visibleSignatures) => {
       const variant = item.variant ?? "info";
       const title = translateMessage(
         translate,
-        item.title || getDefaultMessage(options.messages, variant === "warning" ? "warningTitle" : "errorTitle")
+        item.title || getDefaultMessage(
+          options.messages,
+          localeMessages,
+          variant === "warning" ? "warningTitle" : "errorTitle"
+        )
       );
       const description = translateMessage(
         translate,
         item.description || getDefaultMessage(
           options.messages,
+          localeMessages,
           variant === "warning" ? "defaultWarningDescription" : "defaultErrorDescription"
         )
       );
@@ -240,7 +402,7 @@ function useToastFeed(items, options = {}) {
         duration: item.duration
       });
     },
-    [options.messages, translate]
+    [localeMessages, options.messages, translate]
   );
   react.useEffect(() => {
     const visibleSignatures = /* @__PURE__ */ new Set();