@knkcs/anker 0.0.4 → 0.0.6

package/dist/components/index.js

@@ -1,15 +1,17 @@
-import { HStack as HStack$1, Code, Box as Box$1, VStack, Text as Text$1, Link, Skeleton, Checkbox as Checkbox$1 } from '../chunk-SJIYWHIV.js';
-import { formatRelativeDateTime, StatusBadge } from '../chunk-KVPN6T6J.js';
-import { Tooltip, MenuRoot, MenuTrigger, MenuContent, MenuItem } from '../chunk-NJFF6S77.js';
+import { Collapsible, Skeleton, Separator, Checkbox as Checkbox$1 } from '../chunk-TXGJ7BNX.js';
+import { formatRelativeDateTime, StatusBadge } from '../chunk-NQN6LXYU.js';
+import { Tooltip, MenuRoot, MenuTrigger, MenuContent, MenuItem, Table } from '../chunk-2QFOWHTU.js';
 import { Popover, PopoverTrigger, PopoverContent, PopoverBody, Switch } from '../chunk-WQIEF5N3.js';
 import { text_input_default } from '../chunk-OU6H3KU4.js';
 import { Button, IconButton } from '../chunk-SJ6YXNZW.js';
-import { createContext, Timeline, TreeView, Box, Flex, Collapsible, HStack, Text, Card as Card$1, Heading, Grid, GridItem, Menu, Portal, Checkbox, Table, Drawer, Spacer, ButtonGroup, Stack, Dialog, Separator, useSlotRecipe, chakra } from '@chakra-ui/react';
-export { createTreeCollection } from '@chakra-ui/react';
+import { Box, Flex, HStack, Text, Heading, Grid, GridItem, Code, Link, VStack, Spacer, Stack } from '../chunk-G4QMIXLC.js';
 import { X, Ellipsis, Plus, ChevronLeft, ChevronRight, ArrowUp, ArrowDown, ArrowUpDown, ChevronDown, Check, Upload } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { createContext, Timeline, TreeView, Card as Card$1, Menu, Portal, Checkbox, Drawer, ButtonGroup, Dialog, useSlotRecipe, chakra } from '@chakra-ui/react';
+export { createTreeCollection } from '@chakra-ui/react';
 import React2, { createContext as createContext$1, Children, useState, useMemo, useRef, useEffect, useCallback, useContext } from 'react';
 import dayjs from 'dayjs';
+import { Link as Link$1 } from 'react-router-dom';
 import { useReactTable, getSortedRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
 
 var BulkAction = ({
@@ -388,7 +390,7 @@ function ChipPickerInner(props) {
 var ChipPicker = ChipPickerInner;
 ChipPicker.displayName = "ChipPicker";
 var ActionCell = ({ actions }) => {
-  return /* @__PURE__ */ jsx(HStack$1, { gap: 1, children: actions.map((action) => /* @__PURE__ */ jsx(Tooltip, { content: action.label, children: action.href ? /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(HStack, { gap: 1, children: actions.map((action) => /* @__PURE__ */ jsx(Tooltip, { content: action.label, children: action.href ? /* @__PURE__ */ jsx(
     IconButton,
     {
       "aria-label": action.label,
@@ -452,9 +454,9 @@ var CodeCell = ({
 CodeCell.displayName = "CodeCell";
 var ColorSwatchCell = ({ value }) => {
   if (value == null) return /* @__PURE__ */ jsx("span", { children: emptyCellValue });
-  return /* @__PURE__ */ jsxs(HStack$1, { gap: 2, children: [
+  return /* @__PURE__ */ jsxs(HStack, { gap: 2, children: [
     /* @__PURE__ */ jsx(
-      Box$1,
+      Box,
       {
         width: "1rem",
         height: "1rem",
@@ -512,6 +514,81 @@ var DateCell = ({
   return /* @__PURE__ */ jsx("span", { children: formatted });
 };
 DateCell.displayName = "DateCell";
+var LinkCell = ({ to, label }) => {
+  if (to == null) return /* @__PURE__ */ jsx("span", { children: emptyCellValue });
+  return /* @__PURE__ */ jsx(Link, { color: "accent", asChild: true, children: /* @__PURE__ */ jsx(
+    Link$1,
+    {
+      to,
+      onClick: (e) => e.stopPropagation(),
+      children: label || to
+    }
+  ) });
+};
+LinkCell.displayName = "LinkCell";
+var MenuCell = ({
+  actions,
+  menuThreshold = 1,
+  menuIcon: MenuIcon = Ellipsis,
+  triggerLabel = "Actions"
+}) => {
+  if (actions.length === 0) return null;
+  const useMenu = actions.length > menuThreshold;
+  if (useMenu) {
+    return /* @__PURE__ */ jsxs(MenuRoot, { children: [
+      /* @__PURE__ */ jsx(MenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          "aria-label": triggerLabel,
+          size: "sm",
+          variant: "ghost",
+          onClick: (e) => e.stopPropagation(),
+          children: /* @__PURE__ */ jsx(MenuIcon, { size: 16 })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(MenuContent, { children: actions.map((action) => /* @__PURE__ */ jsxs(
+        MenuItem,
+        {
+          value: action.label,
+          onClick: action.onClick,
+          disabled: action.disabled,
+          colorPalette: action.colorPalette,
+          children: [
+            action.icon && /* @__PURE__ */ jsx(action.icon, { size: 16 }),
+            action.label
+          ]
+        },
+        action.label
+      )) })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(HStack, { gap: 1, onClick: (e) => e.stopPropagation(), children: actions.map(
+    (action) => action.icon ? /* @__PURE__ */ jsx(Tooltip, { content: action.label, children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        "aria-label": action.label,
+        size: "sm",
+        variant: "ghost",
+        colorPalette: action.colorPalette,
+        onClick: action.onClick,
+        disabled: action.disabled,
+        children: /* @__PURE__ */ jsx(action.icon, { size: 16 })
+      }
+    ) }, action.label) : /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        variant: "ghost",
+        colorPalette: action.colorPalette,
+        onClick: action.onClick,
+        disabled: action.disabled,
+        children: action.label
+      },
+      action.label
+    )
+  ) });
+};
+MenuCell.displayName = "MenuCell";
 var NumberCell = ({ value, locale }) => {
   if (value == null) return /* @__PURE__ */ jsx("span", { children: emptyCellValue });
   const num = Number(value);
@@ -537,7 +614,7 @@ var StatusBadgeCell = ({
   if (detail) {
     return /* @__PURE__ */ jsxs(VStack, { align: "start", gap: 0.5, children: [
       badge,
-      /* @__PURE__ */ jsx(Text$1, { fontSize: "xs", color: detailColor, children: detail })
+      /* @__PURE__ */ jsx(Text, { fontSize: "xs", color: detailColor, children: detail })
     ] });
   }
   return badge;
@@ -886,7 +963,6 @@ var DrawerRoot = ({
                     {
                       size: "sm",
                       variant: "solid",
-                      colorPalette: "primary",
                       onClick: onSave,
                       disabled: saveButtonDisabled || loading,
                       loading,
@@ -1217,7 +1293,6 @@ var Modal = ({
       Button,
       {
         variant: "solid",
-        colorPalette: "primary",
         onClick: onSave,
         disabled: saveDisabled || loading,
         loading,
@@ -1893,6 +1968,6 @@ var Widget = ({
 };
 Widget.displayName = "Widget";
 
-export { ActionCell, BooleanCell, BulkActionBar, Card, CardList, CardListData, CardListItem, ChipPicker, CodeCell, ColorSwatchCell, CountCell, DataTable, DateCell, DrawerRoot, FactBox, InlineCreatableList, LabeledSwitch, Modal, NumberCell, Pagination, SelectableCard, SidebarSection, SlugCell, StatusBadgeCell, Stepper, StepperCompleted, StepperContainer, StepperContent, StepperIcon, StepperProvider, StepperSeparator, StepperStep, StepperStepTitle, StepperSteps, SwitchCell, CardList as Table, CardListData as TableData, CardListItem as TableItem, TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineRoot, TimelineSeparator, TimelineTitle, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewNode, TreeViewRoot, TreeViewTree, TruncatedTextCell, UploadDropZone, UrlCell, Widget, emptyCellValue, pluralize, truncateText, useStep, useStepper, useStepperContext, useStepperNextButton, useStepperPrevButton };
+export { ActionCell, BooleanCell, BulkActionBar, Card, CardList, CardListData, CardListItem, ChipPicker, CodeCell, ColorSwatchCell, CountCell, DataTable, DateCell, DrawerRoot, FactBox, InlineCreatableList, LabeledSwitch, LinkCell, MenuCell, Modal, NumberCell, Pagination, SelectableCard, SidebarSection, SlugCell, StatusBadgeCell, Stepper, StepperCompleted, StepperContainer, StepperContent, StepperIcon, StepperProvider, StepperSeparator, StepperStep, StepperStepTitle, StepperSteps, SwitchCell, CardList as Table, CardListData as TableData, CardListItem as TableItem, TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineRoot, TimelineSeparator, TimelineTitle, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewNode, TreeViewRoot, TreeViewTree, TruncatedTextCell, UploadDropZone, UrlCell, Widget, emptyCellValue, pluralize, truncateText, useStep, useStepper, useStepperContext, useStepperNextButton, useStepperPrevButton };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map