@expcat/tigercat-react 1.4.0 → 2.0.0-preview.1

package/dist/chunk-BA6TJQZL.js

@@ -1,457 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkTEYL5X56js = require('./chunk-TEYL5X56.js');
-
-
-var _chunkKYNWNTGOjs = require('./chunk-KYNWNTGO.js');
-
-
-var _chunkWOSKRZOOjs = require('./chunk-WOSKRZOO.js');
-
-
-var _chunkM3FVPPMMjs = require('./chunk-M3FVPPMM.js');
-
-
-var _chunkLZG24TDBjs = require('./chunk-LZG24TDB.js');
-
-
-var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
-
-
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/DataTableWithToolbar.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var DataTableWithToolbar = ({
-  toolbar,
-  locale,
-  labels,
-  onSearchChange,
-  onSearch,
-  onFiltersChange,
-  onBulkAction,
-  hiddenColumnKeys,
-  defaultHiddenColumnKeys,
-  onHiddenColumnKeysChange,
-  pagination = false,
-  onPageChange,
-  onPageSizeChange,
-  className,
-  tableClassName,
-  ...tableProps
-}) => {
-  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
-  const previousPageSizeRef = _react.useRef.call(void 0, 
-    pagination && typeof pagination === "object" ? _nullishCoalesce(_nullishCoalesce(pagination.pageSize, () => ( pagination.defaultPageSize)), () => ( 10)) : void 0
-  );
-  const [internalSearch, setInternalSearch] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _ => _.defaultSearchValue]), () => ( "")));
-  const [internalHiddenKeys, setInternalHiddenKeys] = _react.useState.call(void 0, 
-    _nullishCoalesce(_nullishCoalesce(defaultHiddenColumnKeys, () => ( hiddenColumnKeys)), () => ( []))
-  );
-  const [internalFilters, setInternalFilters] = _react.useState.call(void 0, 
-    () => {
-      const initial = {};
-      _optionalChain([toolbar, 'optionalAccess', _2 => _2.filters, 'optionalAccess', _3 => _3.forEach, 'call', _4 => _4((filter) => {
-        if (filter.value === void 0) {
-          initial[filter.key] = _nullishCoalesce(filter.defaultValue, () => ( null));
-        }
-      })]);
-      return initial;
-    }
-  );
-  const immediateTableLocale = _react.useMemo.call(void 0, 
-    () => locale ? _tigercatcore.getImmediateTigerLocale.call(void 0, locale) : void 0,
-    [locale]
-  );
-  const [resolvedTableLocale, setResolvedTableLocale] = _react.useState.call(void 0, 
-    immediateTableLocale
-  );
-  _react.useEffect.call(void 0, () => {
-    let active = true;
-    setResolvedTableLocale(immediateTableLocale);
-    if (locale && _tigercatcore.isLazyTigerLocale.call(void 0, locale)) {
-      _tigercatcore.resolveTigerLocale.call(void 0, locale).then((nextLocale) => {
-        if (active) setResolvedTableLocale(nextLocale);
-      }).catch(() => {
-        if (active) setResolvedTableLocale(immediateTableLocale);
-      });
-    }
-    return () => {
-      active = false;
-    };
-  }, [locale, immediateTableLocale]);
-  const tableLocale = _react.useMemo.call(void 0, 
-    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, resolvedTableLocale),
-    [config.locale, resolvedTableLocale]
-  );
-  const tableLabels = _react.useMemo.call(void 0, () => _tigercatcore.getTableLabels.call(void 0, tableLocale, labels), [labels, tableLocale]);
-  _react.useEffect.call(void 0, () => {
-    if (_optionalChain([toolbar, 'optionalAccess', _5 => _5.searchValue]) !== void 0) {
-      setInternalSearch(_nullishCoalesce(toolbar.searchValue, () => ( "")));
-    }
-  }, [_optionalChain([toolbar, 'optionalAccess', _6 => _6.searchValue])]);
-  _react.useEffect.call(void 0, () => {
-    if (hiddenColumnKeys !== void 0) {
-      setInternalHiddenKeys(hiddenColumnKeys);
-    }
-  }, [hiddenColumnKeys]);
-  _react.useEffect.call(void 0, () => {
-    if (pagination && typeof pagination === "object") {
-      previousPageSizeRef.current = _nullishCoalesce(_nullishCoalesce(pagination.pageSize, () => ( pagination.defaultPageSize)), () => ( 10));
-    }
-  }, [pagination]);
-  _react.useEffect.call(void 0, () => {
-    const filters = _optionalChain([toolbar, 'optionalAccess', _7 => _7.filters]);
-    if (!filters) return;
-    setInternalFilters((prev) => {
-      const next = { ...prev };
-      filters.forEach((filter) => {
-        if (filter.value === void 0 && !(filter.key in next)) {
-          next[filter.key] = _nullishCoalesce(filter.defaultValue, () => ( null));
-        }
-      });
-      return next;
-    });
-  }, [_optionalChain([toolbar, 'optionalAccess', _8 => _8.filters])]);
-  const searchValue = _optionalChain([toolbar, 'optionalAccess', _9 => _9.searchValue]) !== void 0 ? toolbar.searchValue : internalSearch;
-  const resolvedFilters = _react.useMemo.call(void 0, () => {
-    const next = { ...internalFilters };
-    _optionalChain([toolbar, 'optionalAccess', _10 => _10.filters, 'optionalAccess', _11 => _11.forEach, 'call', _12 => _12((filter) => {
-      next[filter.key] = filter.value !== void 0 ? filter.value : _nullishCoalesce(_nullishCoalesce(internalFilters[filter.key], () => ( filter.defaultValue)), () => ( null));
-    })]);
-    return next;
-  }, [_optionalChain([toolbar, 'optionalAccess', _13 => _13.filters]), internalFilters]);
-  const hasSearch = Boolean(
-    toolbar && (toolbar.searchPlaceholder || toolbar.searchValue !== void 0 || toolbar.defaultSearchValue !== void 0 || toolbar.showSearchButton || toolbar.onSearchChange || toolbar.onSearch || onSearchChange || onSearch)
-  );
-  const hasFilters = Boolean(_optionalChain([toolbar, 'optionalAccess', _14 => _14.filters]) && toolbar.filters.length > 0);
-  const hasFiltersExtra = Boolean(_optionalChain([toolbar, 'optionalAccess', _15 => _15.filtersExtra]));
-  const hasBulkActions = Boolean(_optionalChain([toolbar, 'optionalAccess', _16 => _16.bulkActions]) && toolbar.bulkActions.length > 0);
-  const hasColumnSettings = Boolean(_optionalChain([toolbar, 'optionalAccess', _17 => _17.showColumnSettings]));
-  const resolvedHiddenKeys = _nullishCoalesce(hiddenColumnKeys, () => ( internalHiddenKeys));
-  const handleHiddenColumnsChange = (nextHiddenKeys) => {
-    if (hiddenColumnKeys === void 0) {
-      setInternalHiddenKeys(nextHiddenKeys);
-    }
-    _optionalChain([onHiddenColumnKeysChange, 'optionalCall', _18 => _18(nextHiddenKeys)]);
-  };
-  const handleToggleColumnVisibility = (columnKey, visible) => {
-    const nextHiddenKeys = visible ? resolvedHiddenKeys.filter((key) => key !== columnKey) : [...resolvedHiddenKeys, columnKey];
-    handleHiddenColumnsChange(nextHiddenKeys);
-  };
-  const { bordered = false, ...remainingTableProps } = tableProps;
-  const selectedKeys = _nullishCoalesce(_nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _19 => _19.selectedKeys]), () => ( _optionalChain([tableProps, 'access', _20 => _20.rowSelection, 'optionalAccess', _21 => _21.selectedRowKeys]))), () => ( []));
-  const selectedCount = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _22 => _22.selectedCount]), () => ( selectedKeys.length));
-  const bulkLabel = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _23 => _23.bulkActionsLabel]), () => ( tableLabels.selectedText));
-  const wrapperClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, 
-      "tiger-data-table-with-toolbar flex flex-col",
-      bordered ? "border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] overflow-hidden bg-[var(--tiger-surface,#ffffff)] shadow-sm" : "gap-3.5",
-      className
-    ),
-    [className, bordered]
-  );
-  const handleSearchChange = (value) => {
-    if (_optionalChain([toolbar, 'optionalAccess', _24 => _24.searchValue]) === void 0) {
-      setInternalSearch(value);
-    }
-    _optionalChain([onSearchChange, 'optionalCall', _25 => _25(value)]);
-    _optionalChain([toolbar, 'optionalAccess', _26 => _26.onSearchChange, 'optionalCall', _27 => _27(value)]);
-  };
-  const handleSearchSubmit = () => {
-    _optionalChain([onSearch, 'optionalCall', _28 => _28(_nullishCoalesce(searchValue, () => ( "")))]);
-    _optionalChain([toolbar, 'optionalAccess', _29 => _29.onSearch, 'optionalCall', _30 => _30(_nullishCoalesce(searchValue, () => ( "")))]);
-  };
-  const setFilterValue = (key, value, filter) => {
-    const nextFilters = {
-      ...resolvedFilters,
-      [key]: value
-    };
-    if (!filter || filter.value === void 0) {
-      setInternalFilters((prev) => ({
-        ...prev,
-        [key]: value
-      }));
-    }
-    _optionalChain([onFiltersChange, 'optionalCall', _31 => _31(nextFilters)]);
-    _optionalChain([toolbar, 'optionalAccess', _32 => _32.onFiltersChange, 'optionalCall', _33 => _33(nextFilters)]);
-  };
-  const handleFilterSelect = (filter, value) => {
-    setFilterValue(filter.key, value, filter);
-  };
-  const handleBulkAction = (action) => {
-    const keys = _nullishCoalesce(selectedKeys, () => ( []));
-    _optionalChain([action, 'access', _34 => _34.onClick, 'optionalCall', _35 => _35(keys)]);
-    _optionalChain([onBulkAction, 'optionalCall', _36 => _36(action, keys)]);
-    _optionalChain([toolbar, 'optionalAccess', _37 => _37.onBulkAction, 'optionalCall', _38 => _38(action, keys)]);
-  };
-  const handleTablePageChange = ({ current, pageSize }) => {
-    _optionalChain([onPageChange, 'optionalCall', _39 => _39(current, pageSize)]);
-    if (previousPageSizeRef.current !== void 0 && previousPageSizeRef.current !== pageSize) {
-      _optionalChain([onPageSizeChange, 'optionalCall', _40 => _40(current, pageSize)]);
-    }
-    previousPageSizeRef.current = pageSize;
-  };
-  const renderColumnSettings = () => {
-    const lockedKeys = new Set(_nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _41 => _41.columnSettings, 'optionalAccess', _42 => _42.lockedColumnKeys]), () => ( [])));
-    const panelTitle = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _43 => _43.columnSettings, 'optionalAccess', _44 => _44.title]), () => ( tableLabels.columnSettingsText));
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWOSKRZOOjs.Popover,
-      {
-        trigger: "click",
-        placement: "bottom-end",
-        titleContent: panelTitle,
-        contentContent: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-2 min-w-[160px]", children: tableProps.columns.map((column) => {
-          const locked = lockedKeys.has(column.key) || column.hideable === false;
-          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkLZG24TDBjs.Checkbox,
-            {
-              size: "sm",
-              checked: !resolvedHiddenKeys.includes(column.key),
-              disabled: locked,
-              onChange: (checked) => handleToggleColumnVisibility(column.key, checked),
-              children: column.title
-            },
-            column.key
-          );
-        }) }),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkZLNBE4ISjs.Button,
-          {
-            size: "sm",
-            variant: "outline",
-            className: "shrink-0 px-2",
-            "aria-label": tableLabels.columnSettingsAriaLabel,
-            children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              "svg",
-              {
-                className: "w-3.5 h-3.5",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                viewBox: "0 0 24 24",
-                "aria-hidden": "true",
-                children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-                    }
-                  )
-                ]
-              }
-            )
-          }
-        )
-      }
-    );
-  };
-  const renderToolbar = () => {
-    if (_optionalChain([toolbar, 'optionalAccess', _45 => _45.render]) !== void 0) {
-      const toolbarContext = {
-        searchValue: _nullishCoalesce(searchValue, () => ( "")),
-        setSearch: handleSearchChange,
-        submitSearch: handleSearchSubmit,
-        filters: resolvedFilters,
-        setFilter: (key, value) => setFilterValue(key, value),
-        selectedKeys,
-        selectedCount,
-        hiddenColumnKeys: resolvedHiddenKeys,
-        setHiddenColumnKeys: handleHiddenColumnsChange
-      };
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: typeof toolbar.render === "function" ? toolbar.render(toolbarContext) : toolbar.render });
-    }
-    if (!hasSearch && !hasFilters && !hasFiltersExtra && !hasBulkActions && !hasColumnSettings) {
-      return null;
-    }
-    const filtersExtraContext = {
-      filters: resolvedFilters,
-      setFilter: (key, value) => setFilterValue(key, value)
-    };
-    const filtersExtra = typeof _optionalChain([toolbar, 'optionalAccess', _46 => _46.filtersExtra]) === "function" ? toolbar.filtersExtra(filtersExtraContext) : _optionalChain([toolbar, 'optionalAccess', _47 => _47.filtersExtra]);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        className: _tigercatcore.classNames.call(void 0, 
-          "tiger-data-table-toolbar flex flex-wrap items-center gap-3",
-          bordered ? "bg-[var(--tiger-surface-muted,#f9fafb)] dark:bg-gray-800/10 px-4 py-3.5 border-b border-[var(--tiger-border,#e5e7eb)]" : "bg-[var(--tiger-surface-muted,#f9fafb)]/80 dark:bg-gray-800/30 px-4 py-3.5 border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] shadow-sm",
-          _optionalChain([toolbar, 'optionalAccess', _48 => _48.className])
-        ),
-        style: _optionalChain([toolbar, 'optionalAccess', _49 => _49.style]),
-        role: "toolbar",
-        "aria-label": tableLabels.toolbarAriaLabel,
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 flex-wrap flex-1 min-w-0", children: [
-            hasSearch ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              "div",
-              {
-                className: _tigercatcore.classNames.call(void 0, 
-                  "flex items-center gap-2",
-                  _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _50 => _50.searchClassName]), () => ( "w-full sm:w-auto sm:min-w-[220px] sm:max-w-[320px]"))
-                ),
-                children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkM3FVPPMMjs.Input,
-                    {
-                      type: "search",
-                      size: "sm",
-                      value: searchValue,
-                      placeholder: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _51 => _51.searchPlaceholder]), () => ( tableLabels.searchPlaceholder)),
-                      prefix: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        "svg",
-                        {
-                          className: "w-3.5 h-3.5 text-[var(--tiger-text-secondary,#6b7280)] shrink-0",
-                          fill: "none",
-                          stroke: "currentColor",
-                          strokeWidth: "2",
-                          viewBox: "0 0 24 24",
-                          "aria-hidden": "true",
-                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                            "path",
-                            {
-                              strokeLinecap: "round",
-                              strokeLinejoin: "round",
-                              d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-                            }
-                          )
-                        }
-                      ),
-                      onChange: (event) => handleSearchChange(String(event.currentTarget.value)),
-                      onKeyDown: (event) => {
-                        if (event.key === "Enter") {
-                          handleSearchSubmit();
-                        }
-                      }
-                    }
-                  ),
-                  _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _52 => _52.showSearchButton]), () => ( true)) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkZLNBE4ISjs.Button,
-                    {
-                      size: "sm",
-                      variant: "primary",
-                      className: "whitespace-nowrap shrink-0 rounded-[var(--tiger-radius-md,0.5rem)] px-3",
-                      onClick: handleSearchSubmit,
-                      disabled: !onSearch && !_optionalChain([toolbar, 'optionalAccess', _53 => _53.onSearch]),
-                      children: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _54 => _54.searchButtonText]), () => ( tableLabels.searchButtonText))
-                    }
-                  ) : null
-                ]
-              }
-            ) : null,
-            hasFilters ? _optionalChain([toolbar, 'optionalAccess', _55 => _55.filters, 'optionalAccess', _56 => _56.map, 'call', _57 => _57((filter) => {
-              const currentValue = resolvedFilters[filter.key];
-              const clearable = filter.clearable !== false;
-              if (filter.render) {
-                return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "div",
-                  {
-                    className: _nullishCoalesce(filter.itemClass, () => ( "w-full sm:w-auto")),
-                    style: filter.itemStyle,
-                    children: filter.render({
-                      filter,
-                      value: currentValue,
-                      filters: resolvedFilters,
-                      setValue: (value) => setFilterValue(filter.key, value, filter),
-                      setFilter: (key, value) => setFilterValue(key, value)
-                    })
-                  },
-                  filter.key
-                );
-              }
-              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "div",
-                {
-                  className: _nullishCoalesce(filter.itemClass, () => ( "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]")),
-                  style: filter.itemStyle,
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkKYNWNTGOjs.Select,
-                    {
-                      size: "sm",
-                      options: (_nullishCoalesce(filter.options, () => ( []))).map((opt) => ({
-                        label: opt.label,
-                        value: opt.value
-                      })),
-                      value: typeof currentValue === "string" || typeof currentValue === "number" ? currentValue : void 0,
-                      placeholder: _nullishCoalesce(filter.placeholder, () => ( filter.label)),
-                      clearable,
-                      onChange: (value) => {
-                        handleFilterSelect(filter, _nullishCoalesce(value, () => ( null)));
-                      }
-                    }
-                  )
-                },
-                filter.key
-              );
-            })]) : null,
-            filtersExtra
-          ] }),
-          hasBulkActions ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2.5 flex-wrap ml-auto shrink-0", children: [
-            selectedCount > 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-[var(--tiger-primary,#2563eb)]/10 text-[var(--tiger-primary,#2563eb)] text-xs font-medium border border-[var(--tiger-primary,#2563eb)]/15 shrink-0 transition-all duration-300", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-1.5 h-1.5 rounded-full bg-[var(--tiger-primary,#2563eb)] animate-pulse" }),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
-                bulkLabel,
-                " ",
-                selectedCount,
-                " ",
-                tableLabels.selectedItemsText
-              ] })
-            ] }) : null,
-            _optionalChain([toolbar, 'optionalAccess', _58 => _58.bulkActions, 'optionalAccess', _59 => _59.map, 'call', _60 => _60((action) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkZLNBE4ISjs.Button,
-              {
-                size: "sm",
-                variant: _nullishCoalesce(action.variant, () => ( "outline")),
-                disabled: action.disabled || selectedCount === 0,
-                onClick: () => handleBulkAction(action),
-                children: action.label
-              },
-              action.key
-            ))])
-          ] }) : null,
-          hasColumnSettings ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, "shrink-0", !hasBulkActions && "ml-auto"), children: renderColumnSettings() }) : null
-        ]
-      }
-    );
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, "data-tiger-data-table-with-toolbar": true, children: [
-    renderToolbar(),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTEYL5X56js.Table,
-      {
-        ...remainingTableProps,
-        locale,
-        labels,
-        bordered,
-        hiddenColumnKeys: resolvedHiddenKeys,
-        pagination,
-        className: _tigercatcore.classNames.call(void 0, tableClassName, bordered && "border-none rounded-none shadow-none"),
-        onPageChange: handleTablePageChange
-      }
-    )
-  ] });
-};
-var DataTableWithToolbar_default = DataTableWithToolbar;
-
-
-
-
-exports.DataTableWithToolbar = DataTableWithToolbar; exports.DataTableWithToolbar_default = DataTableWithToolbar_default;