@tint-ui/data-table 0.3.5

package/cjs/row-popover-menu.js

@@ -0,0 +1,52 @@
+"use strict";
+"use client";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+exports.__esModule = true;
+exports.rowPopoverMenu = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _button = require("@tint-ui/button");
+var _svgIcon = require("@tint-ui/svg-icon");
+var _dropdownMenu = require("@tint-ui/dropdown-menu");
+var _useRowMenu = require("./use-row-menu");
+var _context = require("./context");
+var _classes = require("./classes");
+const rowPopoverMenu = (info, menu) => {
+  const classes = (0, _classes.useDataTableClasses)();
+  const {
+    loading
+  } = (0, _context.useDataTableContext)();
+  const rowMenu = (0, _useRowMenu.useRowMenu)(info);
+  return /*#__PURE__*/React.createElement(_dropdownMenu.DropdownMenu, null, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownMenuTrigger, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement(_button.Button, {
+    variant: "ghost",
+    disabled: loading,
+    size: "xs",
+    iconOnly: true,
+    rounded: true,
+    iconRight: /*#__PURE__*/React.createElement(_svgIcon.SvgThemeIcon, {
+      icon: "data-table-row-menu"
+    })
+  })), /*#__PURE__*/React.createElement(_dropdownMenu.DropdownMenuPortal, null, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownMenuContent, null, menu.map(item => {
+    const {
+      icon,
+      label,
+      id,
+      destructive
+    } = item;
+    const {
+      disabled,
+      onClick
+    } = rowMenu(item);
+    return /*#__PURE__*/React.createElement(_dropdownMenu.DropdownMenuItem, {
+      key: id,
+      className: destructive ? classes.menuItemDestructive : undefined,
+      disabled: disabled,
+      onSelect: onClick
+    }, icon != null && /*#__PURE__*/React.createElement(_svgIcon.SvgThemeIcon, {
+      icon: icon
+    }), label);
+  }))));
+};
+exports.rowPopoverMenu = rowPopoverMenu;

package/cjs/toolbar-classes.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useDataTableToolbarClasses = exports.toolbarClasses = void 0;
+var _classGroup = require("@tint-ui/tools/class-group");
+var _theme = require("@tint-ui/theme");
+const {
+  base,
+  b,
+  a
+} = (0, _classGroup.classGroup)("data-table-toolbar");
+const toolbarClasses = exports.toolbarClasses = {
+  toolbar: base,
+  withFilter: a("with-filter"),
+  withFilterGroup: a("with-filter-group"),
+  search: b("search"),
+  filters: b("filters"),
+  reset: b("reset"),
+  options: b("options"),
+  mobile: b("mobile"),
+  heading: b("heading")
+};
+const useDataTableToolbarClasses = () => (0, _theme.useClasses)("data-table-toolbar", toolbarClasses);
+exports.useDataTableToolbarClasses = useDataTableToolbarClasses;

package/cjs/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;