@tint-ui/data-table 0.3.5

package/cjs/filter-adapters/use-option-filter.js

@@ -0,0 +1,195 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+exports.__esModule = true;
+exports.useOptionFilter = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _context = require("../context");
+var _errorMessage = require("@tint-ui/tools/error-message");
+var _makeOption = require("@tint-ui/tools/make-option");
+const _excluded = ["options", "initialOptions"];
+const getOptions = (result, dump) => {
+  const options = [];
+  if (result.length) {
+    result.forEach(option => {
+      const item = (0, _makeOption.makeOption)(option, dump);
+      if (item) {
+        options.push(item);
+      }
+    });
+  }
+  return options;
+};
+const useOptionFilter = function (filter) {
+  const {
+      name,
+      config: {
+        options: filterOptions,
+        initialOptions
+      } = {}
+    } = filter,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(filter.config, _excluded);
+  const ctx = (0, _context.useDataTableContext)();
+  const column = ctx.table.getColumn(name);
+  const refFn = React.useRef(null);
+  refFn.current = typeof filterOptions === "function" ? filterOptions : null;
+  const refDump = React.useRef({});
+  const filterValue = column ? column.getFilterValue() : null;
+  const value = filterValue == null ? [] : Array.isArray(filterValue) ? filterValue : [filterValue];
+  const refValue = React.useRef(value);
+  refValue.current = value;
+  const [state, setState] = React.useState(() => ({
+    options: Array.isArray(filterOptions) ? getOptions(filterOptions, refDump.current) : Array.isArray(initialOptions) ? getOptions(initialOptions, refDump.current) : [],
+    inputText: "",
+    text: "",
+    loading: false,
+    error: null
+  }));
+  const refState = React.useRef(state);
+  refState.current = state;
+  const {
+    onMount,
+    inputProps,
+    getSelectedOptions
+  } = React.useMemo(() => {
+    let localState = state;
+    let lazyId = null;
+    let mount = false;
+    let abortController = null;
+    const update = newState => {
+      if (!mount) {
+        return;
+      }
+      localState = Object.assign({}, localState, newState);
+      setState(localState);
+    };
+    const lazyClear = () => {
+      if (lazyId != null) {
+        window.clearTimeout(lazyId);
+        lazyId = null;
+      }
+    };
+    const abort = () => {
+      if (abortController != null) {
+        abortController.abort();
+        abortController = null;
+      }
+    };
+    const query = (force = false, mode = "search") => {
+      if (!mount) {
+        return;
+      }
+      const callback = refFn.current;
+      const text = localState.inputText.trim();
+      if (callback == null) {
+        return update({
+          loading: false,
+          error: null,
+          text
+        });
+      }
+      if (!force && localState.text === text) {
+        return;
+      }
+      abort();
+      update({
+        loading: true,
+        error: null,
+        text
+      });
+      abortController = new AbortController();
+      const signal = abortController.signal;
+      (async (...args) => callback(...args))(localState.text, refValue.current, mode, abortController).then(result => {
+        const options = [];
+        const resultDump = {};
+        result.forEach(option => {
+          const item = (0, _makeOption.makeOption)(option, resultDump);
+          if (item) {
+            options.push(item);
+          }
+        });
+        Object.assign(refDump.current, resultDump);
+        update({
+          options,
+          loading: false
+        });
+      }).catch(error => {
+        if (signal.aborted) {
+          return;
+        }
+        update({
+          loading: false,
+          error: (0, _errorMessage.errorMessage)(error).message
+        });
+      }).finally(() => {
+        abortController = null;
+      });
+    };
+    const lazyLoad = () => {
+      if (refFn.current) {
+        return;
+      }
+      lazyClear();
+      lazyId = window.setTimeout(() => {
+        lazyId = null;
+        query();
+      }, 250);
+    };
+    return {
+      onMount() {
+        mount = true;
+        if (refValue.current.length) {
+          query(true, "initial");
+        }
+        return () => {
+          mount = false;
+          lazyClear();
+          abort();
+        };
+      },
+      getSelectedOptions() {
+        const options = [];
+        refValue.current.forEach(name => {
+          const option = refDump.current[name];
+          if (option) {
+            options.push(option);
+          }
+        });
+        return options;
+      },
+      inputProps: {
+        get value() {
+          return localState.inputText;
+        },
+        onValueChange(inputText) {
+          update({
+            inputText
+          });
+          lazyLoad();
+        },
+        onFocus() {
+          query(true);
+        }
+      }
+    };
+  }, []);
+  React.useEffect(onMount, [onMount]);
+  return Object.assign({}, rest, {
+    name,
+    column,
+    inputProps,
+    getSelectedOptions,
+    lexicon: ctx.lexicon,
+    size: ctx.toolbar.size,
+    manual: refFn.current != null,
+    value: refValue.current,
+    options: state.options,
+    inputText: state.inputText,
+    error: state.error,
+    loading: state.loading
+  });
+};
+exports.useOptionFilter = useOptionFilter;

package/cjs/filter-classes.js

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useDataTableFilterClasses = exports.filterClasses = void 0;
+var _classGroup = require("@tint-ui/tools/class-group");
+var _theme = require("@tint-ui/theme");
+const {
+  base,
+  b
+} = (0, _classGroup.classGroup)("data-table-filter");
+const filterClasses = exports.filterClasses = {
+  button: base,
+  popover: b("popover"),
+  badges: b("badges"),
+  badge: b("badge"),
+  mobile: b("mobile"),
+  desktop: b("desktop"),
+  checkbox: b("checkbox"),
+  icon: b("icon"),
+  label: b("label"),
+  selected: b("selected"),
+  text: b("text"),
+  textMobile: b("text", "mobile")
+};
+const useDataTableFilterClasses = () => (0, _theme.useClasses)("data-table-filter", filterClasses);
+exports.useDataTableFilterClasses = useDataTableFilterClasses;

package/cjs/filter-fn.js

@@ -0,0 +1,84 @@
+"use strict";
+
+exports.__esModule = true;
+exports.filterStringMultiple = exports.filterString = exports.filterNumberMultiple = exports.filterNumber = exports.filterBoolean = void 0;
+const isEmpty = (value, filterValue) => value == null || Array.isArray(filterValue) && filterValue.length === 0;
+const filterBoolean = (row, columnId, filterValue) => {
+  const value = row.getValue(columnId);
+  if (Array.isArray(filterValue)) {
+    filterValue = filterValue[0];
+  }
+  if (value == null) {
+    return filterValue === "";
+  }
+  if (typeof filterValue === "boolean") {
+    return value === filterValue;
+  }
+  if (filterValue === "1") {
+    return value === true;
+  }
+  if (filterValue === "0") {
+    return value === false;
+  }
+  return false;
+};
+exports.filterBoolean = filterBoolean;
+const isNumberValue = (value, filterValue) => {
+  return value === (typeof filterValue === "number" ? filterValue : parseInt(String(filterValue)));
+};
+const filterNumber = (row, columnId, filterValue) => {
+  const value = row.getValue(columnId);
+  if (isEmpty(value, filterValue)) {
+    return true;
+  }
+  if (typeof value !== "number") {
+    return false;
+  }
+  return isNumberValue(value, Array.isArray(filterValue) ? filterValue[0] : filterValue);
+};
+exports.filterNumber = filterNumber;
+const filterNumberMultiple = (row, columnId, filterValue) => {
+  const value = row.getValue(columnId);
+  if (isEmpty(value, filterValue)) {
+    return true;
+  }
+  if (typeof value !== "number") {
+    return false;
+  }
+  if (Array.isArray(filterValue)) {
+    for (const val of filterValue) {
+      if (isNumberValue(value, val)) {
+        return true;
+      }
+    }
+  } else if (isNumberValue(value, filterValue)) {
+    return true;
+  }
+  return false;
+};
+exports.filterNumberMultiple = filterNumberMultiple;
+const filterString = (row, columnId, filterValue) => {
+  const value = row.getValue(columnId);
+  if (isEmpty(value, filterValue)) {
+    return true;
+  }
+  return value === String(Array.isArray(filterValue) ? filterValue[0] : filterValue);
+};
+exports.filterString = filterString;
+const filterStringMultiple = (row, columnId, filterValue) => {
+  const value = row.getValue(columnId);
+  if (isEmpty(value, filterValue)) {
+    return true;
+  }
+  if (Array.isArray(filterValue)) {
+    for (const val of filterValue) {
+      if (value === String(val)) {
+        return true;
+      }
+    }
+  } else if (value === String(filterValue)) {
+    return true;
+  }
+  return false;
+};
+exports.filterStringMultiple = filterStringMultiple;

package/cjs/index.js

@@ -0,0 +1,99 @@
+"use strict";
+
+exports.__esModule = true;
+var _classes = require("./classes");
+Object.keys(_classes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _classes[key]) return;
+  exports[key] = _classes[key];
+});
+var _filterClasses = require("./filter-classes");
+Object.keys(_filterClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _filterClasses[key]) return;
+  exports[key] = _filterClasses[key];
+});
+var _toolbarClasses = require("./toolbar-classes");
+Object.keys(_toolbarClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _toolbarClasses[key]) return;
+  exports[key] = _toolbarClasses[key];
+});
+var _paginationClasses = require("./pagination-classes");
+Object.keys(_paginationClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _paginationClasses[key]) return;
+  exports[key] = _paginationClasses[key];
+});
+var _context = require("./context");
+Object.keys(_context).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _context[key]) return;
+  exports[key] = _context[key];
+});
+var _cellAdapterType = require("./cell-adapter-type");
+Object.keys(_cellAdapterType).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cellAdapterType[key]) return;
+  exports[key] = _cellAdapterType[key];
+});
+var _filterAdapterType = require("./filter-adapter-type");
+Object.keys(_filterAdapterType).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _filterAdapterType[key]) return;
+  exports[key] = _filterAdapterType[key];
+});
+var _dataTableContent = require("./data-table-content");
+Object.keys(_dataTableContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dataTableContent[key]) return;
+  exports[key] = _dataTableContent[key];
+});
+var _dataTablePagination = require("./data-table-pagination");
+Object.keys(_dataTablePagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dataTablePagination[key]) return;
+  exports[key] = _dataTablePagination[key];
+});
+var _dataTableToolbar = require("./data-table-toolbar");
+Object.keys(_dataTableToolbar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dataTableToolbar[key]) return;
+  exports[key] = _dataTableToolbar[key];
+});
+var _dataTableViewsOptions = require("./data-table-views-options");
+Object.keys(_dataTableViewsOptions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dataTableViewsOptions[key]) return;
+  exports[key] = _dataTableViewsOptions[key];
+});
+var _dataTable = require("./data-table");
+Object.keys(_dataTable).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dataTable[key]) return;
+  exports[key] = _dataTable[key];
+});
+var _paginationArrow = require("./pagination-arrow");
+Object.keys(_paginationArrow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _paginationArrow[key]) return;
+  exports[key] = _paginationArrow[key];
+});
+var _paginationNumber = require("./pagination-number");
+Object.keys(_paginationNumber).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _paginationNumber[key]) return;
+  exports[key] = _paginationNumber[key];
+});
+var _paginationSizeOptions = require("./pagination-size-options");
+Object.keys(_paginationSizeOptions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _paginationSizeOptions[key]) return;
+  exports[key] = _paginationSizeOptions[key];
+});
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  exports[key] = _types[key];
+});

package/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/cjs/pagination-arrow.js

@@ -0,0 +1,93 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+exports.__esModule = true;
+exports.PaginationArrow = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _button = require("@tint-ui/button");
+var _svgIcon = require("@tint-ui/svg-icon");
+var _context = require("./context");
+var _paginationClasses = require("./pagination-classes");
+const _excluded = ["className"];
+const PaginationArrow = exports.PaginationArrow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      className
+    } = _ref,
+    props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  const classes = (0, _paginationClasses.useDataTablePaginationClasses)();
+  const {
+    loading,
+    table,
+    lexicon,
+    navbar: {
+      size
+    }
+  } = (0, _context.useDataTableContext)();
+  const pageCount = table.getPageCount();
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, props, {
+    className: (0, _clsx.default)(classes.group, className),
+    ref: ref
+  }), pageCount > 1 && /*#__PURE__*/React.createElement("span", null, lexicon.pageOf), /*#__PURE__*/React.createElement(_button.Button, {
+    "aria-label": lexicon.pageFirst,
+    variant: "outline",
+    size: size,
+    className: classes.firstLast,
+    onClick: () => {
+      table.setPageIndex(0);
+    },
+    disabled: loading || !table.getCanPreviousPage(),
+    iconOnly: true,
+    iconLeft: /*#__PURE__*/React.createElement(_svgIcon.SvgThemeIcon, {
+      icon: "pagination-first",
+      "aria-hidden": "true"
+    })
+  }), /*#__PURE__*/React.createElement(_button.Button, {
+    "aria-label": lexicon.pagePrevious,
+    variant: "outline",
+    size: size,
+    className: classes.previousNext,
+    onClick: () => {
+      table.previousPage();
+    },
+    disabled: loading || !table.getCanPreviousPage(),
+    iconOnly: true,
+    iconLeft: /*#__PURE__*/React.createElement(_svgIcon.SvgThemeIcon, {
+      icon: "pagination-previous",
+      "aria-hidden": "true"
+    })
+  }), /*#__PURE__*/React.createElement(_button.Button, {
+    "aria-label": lexicon.pageNext,
+    variant: "outline",
+    size: size,
+    className: classes.previousNext,
+    onClick: () => {
+      table.nextPage();
+    },
+    disabled: loading || !table.getCanNextPage(),
+    iconOnly: true,
+    iconRight: /*#__PURE__*/React.createElement(_svgIcon.SvgThemeIcon, {
+      icon: "pagination-next",
+      "aria-hidden": "true"
+    })
+  }), /*#__PURE__*/React.createElement(_button.Button, {
+    "aria-label": lexicon.pageLast,
+    variant: "outline",
+    size: size,
+    className: classes.firstLast,
+    onClick: () => {
+      table.setPageIndex(table.getPageCount() - 1);
+    },
+    disabled: loading || !table.getCanNextPage(),
+    iconOnly: true,
+    iconRight: /*#__PURE__*/React.createElement(_svgIcon.SvgThemeIcon, {
+      icon: "pagination-last",
+      "aria-hidden": "true"
+    })
+  }));
+});
+PaginationArrow.displayName = "PaginationArrow";

package/cjs/pagination-classes.js

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useDataTablePaginationClasses = exports.paginationClasses = void 0;
+var _classGroup = require("@tint-ui/tools/class-group");
+var _theme = require("@tint-ui/theme");
+const {
+  base,
+  b
+} = (0, _classGroup.classGroup)("data-table-pagination");
+const paginationClasses = exports.paginationClasses = {
+  pagination: base,
+  divider: b("divider"),
+  group: b("group"),
+  separator: b("separator"),
+  firstLast: b("first-last"),
+  previousNext: b("previous-next")
+};
+const useDataTablePaginationClasses = () => (0, _theme.useClasses)("data-table-pagination", paginationClasses);
+exports.useDataTablePaginationClasses = useDataTablePaginationClasses;

package/cjs/pagination-number.js

@@ -0,0 +1,66 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+exports.__esModule = true;
+exports.PaginationNumber = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _button = require("@tint-ui/button");
+var _svgIcon = require("@tint-ui/svg-icon");
+var _context = require("./context");
+var _paginationClasses = require("./pagination-classes");
+var _utils = require("./utils");
+const _excluded = ["className"];
+const PaginationNumber = exports.PaginationNumber = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      className
+    } = _ref,
+    props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  const classes = (0, _paginationClasses.useDataTablePaginationClasses)();
+  const {
+    loading,
+    loadingTarget,
+    table,
+    lexicon,
+    navbar: {
+      size,
+      numberSize
+    }
+  } = (0, _context.useDataTableContext)();
+  const pageNumber = table.getState().pagination.pageIndex + 1;
+  const pageCount = table.getPageCount();
+  const pages = React.useMemo(() => (0, _utils.getPaginationNumber)(pageNumber, pageCount, numberSize), [pageNumber, pageCount, numberSize]);
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, props, {
+    className: (0, _clsx.default)(classes.group, className),
+    ref: ref
+  }), pages.map((item, index) => {
+    if (item.divider) {
+      return /*#__PURE__*/React.createElement("span", {
+        className: classes.separator,
+        key: index
+      }, /*#__PURE__*/React.createElement(_svgIcon.SvgThemeIcon, {
+        icon: "dots"
+      }));
+    }
+    const {
+      page
+    } = item;
+    return /*#__PURE__*/React.createElement(_button.Button, {
+      key: index,
+      "aria-label": item.page === 1 ? lexicon.pageFirst : page === pageCount ? lexicon.pageLast : String(page),
+      variant: item.selected ? "primary" : "outline",
+      size: size,
+      onClick: () => {
+        table.setPageIndex(page - 1);
+      },
+      disabled: loading || item.selected,
+      loading: loading && loadingTarget === `pagination:${page}`,
+      iconOnly: true
+    }, page);
+  }));
+});
+PaginationNumber.displayName = "PaginationNumber";

package/cjs/pagination-size-options.js

@@ -0,0 +1,48 @@
+"use strict";
+"use client";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+exports.__esModule = true;
+exports.PaginationSizeOptions = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _button = require("@tint-ui/button");
+var _dropdownMenu = require("@tint-ui/dropdown-menu");
+var _context = require("./context");
+var _svgIcon = require("@tint-ui/svg-icon");
+const PaginationSizeOptions = () => {
+  const {
+    loading,
+    loadingTarget,
+    navbar: {
+      pageSize,
+      pageSizeOptions,
+      size,
+      onPageSizeChange
+    }
+  } = (0, _context.useDataTableContext)();
+  if (pageSizeOptions.length < 2) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(_dropdownMenu.DropdownMenu, null, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownMenuTrigger, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement(_button.Button, {
+    variant: "outline",
+    disabled: loading,
+    loading: loading && loadingTarget === "page-size",
+    size: size,
+    iconRight: /*#__PURE__*/React.createElement(_svgIcon.SvgThemeIcon, {
+      icon: "selector"
+    })
+  }, pageSize)), /*#__PURE__*/React.createElement(_dropdownMenu.DropdownMenuPortal, null, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownMenuContent, {
+    align: "end"
+  }, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownMenuRadioGroup, {
+    value: String(pageSize),
+    onValueChange: value => {
+      onPageSizeChange(parseInt(value));
+    }
+  }, pageSizeOptions.map(option => /*#__PURE__*/React.createElement(_dropdownMenu.DropdownMenuRadioItem, {
+    key: option,
+    value: String(option)
+  }, option))))));
+};
+exports.PaginationSizeOptions = PaginationSizeOptions;

package/cjs/row-button-menu.js

@@ -0,0 +1,49 @@
+"use strict";
+"use client";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+exports.__esModule = true;
+exports.rowButtonMenu = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _button = require("@tint-ui/button");
+var _tooltip = require("@tint-ui/tooltip");
+var _svgIcon = require("@tint-ui/svg-icon");
+var _useRowMenu = require("./use-row-menu");
+var _classes = require("./classes");
+var _context = require("./context");
+const rowButtonMenu = (info, menu) => {
+  const classes = (0, _classes.useDataTableClasses)();
+  const {
+    loading
+  } = (0, _context.useDataTableContext)();
+  const rowHandler = (0, _useRowMenu.useRowMenu)(info);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.menuGroup
+  }, menu.map(item => {
+    const {
+      icon,
+      label,
+      id,
+      destructive
+    } = item;
+    const {
+      disabled,
+      onClick
+    } = rowHandler(item);
+    return /*#__PURE__*/React.createElement(_tooltip.TooltipText, {
+      key: id,
+      tooltip: label,
+      asChild: true
+    }, /*#__PURE__*/React.createElement(_button.Button, {
+      disabled: disabled || loading,
+      onClick: onClick,
+      iconOnly: true,
+      size: "xs",
+      variant: destructive ? "destructive" : "outline",
+      iconLeft: /*#__PURE__*/React.createElement(_svgIcon.SvgThemeIcon, {
+        icon: icon || "data-table-row-menu"
+      })
+    }));
+  }));
+};
+exports.rowButtonMenu = rowButtonMenu;