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

package/dist/components/data-explorer/index.mjs

@@ -1,5 +1,5 @@
 import * as DropdownMenu3 from '@radix-ui/react-dropdown-menu';
-import { forwardRef, useState, useRef, useEffect, useMemo, useCallback, Fragment as Fragment$1, useLayoutEffect } from 'react';
+import { forwardRef, createContext, useState, useRef, useEffect, useMemo, useCallback, Fragment as Fragment$1, useLayoutEffect, useContext } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter } from '@dnd-kit/core';
 import { sortableKeyboardCoordinates, SortableContext, verticalListSortingStrategy, useSortable, defaultAnimateLayoutChanges } from '@dnd-kit/sortable';
@@ -38,7 +38,7 @@ var baseSlots = {
   actionButtonBase: "inline-flex h-9 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
   actionButtonDefault: "border-border bg-background text-foreground hover:bg-accent/60",
   actionButtonPrimary: "border-primary/20 bg-primary/10 text-primary hover:bg-primary/15",
-  actionButtonDanger: "border-destructive/20 bg-destructive/10 text-destructive hover:bg-destructive/15",
+  actionButtonDanger: "border-destructive/20 bg-destructive/10 text-destructive-text hover:bg-destructive/15",
   actionButtonMuted: "border-border/60 bg-muted/45 text-muted-foreground hover:bg-muted/70 hover:text-foreground",
   actionButtonActive: "ring-1 ring-primary/30",
   actionButtonDisabled: "cursor-not-allowed opacity-60",
@@ -58,7 +58,7 @@ var baseSlots = {
   menuSeparator: "-mx-1 my-1 h-px bg-border",
   menuItem: "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
   menuItemPrimary: "text-primary focus:text-primary",
-  menuItemDanger: "text-destructive focus:text-destructive",
+  menuItemDanger: "text-destructive-text focus:text-destructive-text",
   menuItemMuted: "text-muted-foreground",
   menuItemIcon: "inline-flex h-4 w-4 shrink-0 items-center justify-center",
   menuItemLabel: "truncate",
@@ -113,7 +113,7 @@ var baseSlots = {
   treeNodeChildren: "mt-0.5 min-w-0 space-y-0.5",
   treeNodeDragHandle: "inline-flex h-5 w-5 shrink-0 cursor-grab items-center justify-center rounded text-muted-foreground opacity-0 transition-opacity hover:bg-accent hover:text-foreground active:cursor-grabbing group-hover/tree-node:opacity-100",
   treeEmpty: "px-3 py-2 text-xs text-muted-foreground",
-  treeError: "px-3 py-2 text-xs text-destructive",
+  treeError: "px-3 py-2 text-xs text-destructive-text",
   treeLoading: "px-3 py-2 text-xs text-muted-foreground"
 };
 var densitySlots = {
@@ -2713,7 +2713,7 @@ function renderBadges(badges) {
         badge.tone === "primary" && "border-primary/30 bg-primary/10 text-primary",
         badge.tone === "success" && "border-emerald-500/30 bg-emerald-500/10 text-emerald-700",
         badge.tone === "warning" && "border-amber-500/30 bg-amber-500/10 text-amber-700",
-        badge.tone === "danger" && "border-destructive/30 bg-destructive/10 text-destructive",
+        badge.tone === "danger" && "border-destructive/30 bg-destructive/10 text-destructive-text",
         badge.tone === "muted" && "bg-muted text-muted-foreground"
       ),
       children: /* @__PURE__ */ jsx("span", { className: "truncate", children: badge.label })
@@ -4391,6 +4391,161 @@ function DataExplorerTreeShell({
     }
   );
 }
+
+// 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: createContext({
+      ...defaultMonkeysLocale,
+      provided: false
+    }),
+    theme: createContext({
+      provided: false
+    }),
+    direction: createContext({
+      provided: false
+    }),
+    environment: 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 useContext(MonkeysLocaleContext).messages;
+}
 function ChevronIcon2({ expanded }) {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -4527,12 +4682,13 @@ function DataExplorerViewTree({
   onAction,
   onReorderNodes
 }) {
+  const internalLabels = useMonkeysLocaleMessages().dataExplorer.viewTree;
   const theme = resolveDataExplorerAppearance(appearance);
-  const actionLabel = labels?.actions ?? "More actions";
-  const expandLabel = labels?.expand ?? "Expand";
-  const collapseLabel = labels?.collapse ?? "Collapse";
-  const loadingContent = loadingNode ?? labels?.loading ?? "Loading...";
-  const emptyContent = empty ?? labels?.empty ?? "No views";
+  const actionLabel = labels?.actions ?? internalLabels.actions;
+  const expandLabel = labels?.expand ?? internalLabels.expand;
+  const collapseLabel = labels?.collapse ?? internalLabels.collapse;
+  const loadingContent = loadingNode ?? labels?.loading ?? internalLabels.loading;
+  const emptyContent = empty ?? labels?.empty ?? internalLabels.empty;
   const hasExplicitGroups = Array.isArray(groups);
   const resolvedGroups = useMemo(
     () => {
@@ -4918,7 +5074,7 @@ function DataExplorerViewTree({
                 theme.slots.treeLoading,
                 classNames?.loading
               ) : group.error || group.status === "error" ? renderPlaceholder(
-                group.error ?? labels?.error ?? "Unable to load views",
+                group.error ?? labels?.error ?? internalLabels.error,
                 theme.slots.treeError,
                 classNames?.error
               ) : groupNodeCount > 0 ? group.nodes?.map((node) => renderNode(node, group, 0)) : renderPlaceholder(