fastapi-rtk 0.1.13 → 0.1.14

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useColumns/useColumns.cjs

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils$1 = require("fastapi-rtk/utils");
+const hooks = require("@mantine/hooks");
+const React = require("react");
+const useApi = require("../../../../hooks/api/useApi.cjs");
+const useAuth = require("../../../../hooks/auth/useAuth.cjs");
+const FallbackWrapper = require("../../FallbackWrapper.cjs");
+const utils = require("../../utils.cjs");
+const ColumnHeaderFilter = require("./ColumnHeaderFilter/ColumnHeaderFilter.cjs");
+const MultiLineHighlight = require("./MultiLineHighlight.cjs");
+function useColumns(columnProps, header, body, textFilterSeparator) {
+  const { path, info, data, specialKey } = useApi.useApi();
+  const api = useApi.useApi();
+  const auth = useAuth.useAuth();
+  const columns = React.useMemo(
+    () => (data == null ? void 0 : data.list_columns.map((col) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      const {
+        component,
+        enableFilterModes,
+        enableAdvancedFilters,
+        filterComponent,
+        filterProps,
+        filterModeDescription,
+        filterMenu,
+        defaultOpr = ((_d = (_c = (_b = (_a = info == null ? void 0 : info.filters) == null ? void 0 : _a[col]) == null ? void 0 : _b.filters) == null ? void 0 : _c[0]) == null ? void 0 : _d.operator) || ""
+      } = utils.getProps(header, specialKey.all, col);
+      const filterFn = utils.fromFilterToFilterFn(col, defaultOpr);
+      const filters = ((_f = (_e = info == null ? void 0 : info.filters) == null ? void 0 : _e[col]) == null ? void 0 : _f.filters) || [];
+      const additionalProps = {};
+      if (component !== void 0) {
+        additionalProps.Header = (props) => utils$1.parseFromValuesOrFunc(component, { api, auth, mrtProps: props });
+      }
+      return {
+        accessorKey: col,
+        accessorFn: (row) => utils$1.getValue(row, col),
+        header: (_g = data == null ? void 0 : data.label_columns) == null ? void 0 : _g[col],
+        Filter: (props) => /* @__PURE__ */ jsxRuntime.jsx(
+          ColumnHeaderFilter.ColumnHeaderFilter,
+          {
+            enableFilterModes,
+            enableAdvancedFilters,
+            filterProps,
+            filterModeDescription,
+            filterMenu,
+            filters,
+            filterFn,
+            mrtProps: props,
+            children: filterComponent
+          }
+        ),
+        enableSorting: data == null ? void 0 : data.order_columns.includes(col),
+        filterFn: filters.length ? filterFn : void 0,
+        columnFilterModeOptions: filters.map((f) => utils.fromFilterToFilterFn(col, f.operator)),
+        Cell: ({ cell, table, column, ...restCellProps }) => {
+          const globalFilter = table.getState().globalFilter;
+          const columnTextFilter = column.getFilterValue() || "";
+          const { component: component2, separator, truncate } = utils.getProps(body, specialKey.all, col);
+          let highlight = [];
+          if (globalFilter) {
+            highlight.push(...globalFilter.split(textFilterSeparator).map((f) => f.trim()));
+          }
+          if (columnTextFilter && typeof columnTextFilter === "string") {
+            highlight.push(...columnTextFilter.split(textFilterSeparator).map((f) => f.trim()));
+          }
+          let value = cell.getValue();
+          if (typeof value === "number") {
+            value = value.toLocaleString();
+          } else if (value === null || value === void 0) {
+            value = "";
+          }
+          if (separator) {
+            value = value.split(separator);
+          }
+          let truncateObj = {};
+          if (truncate) {
+            if (Array.isArray(value)) {
+              truncateObj = value.map((v) => ({
+                original: v,
+                truncated: v.length > truncate ? `${v.slice(0, truncate)}...` : null
+              }));
+            } else {
+              truncateObj = {
+                original: value,
+                truncated: value.length > truncate ? `${value.slice(0, truncate)}...` : null
+              };
+            }
+          }
+          const functionProps = {
+            api,
+            auth,
+            data: cell.row.original,
+            highlight,
+            componentProps: { value },
+            mrtProps: { cell, table, column, ...restCellProps }
+          };
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            FallbackWrapper.FallbackWrapper,
+            {
+              fallback: /* @__PURE__ */ jsxRuntime.jsx(MultiLineHighlight.MultiLineHighlight, { highlight, truncate: truncateObj, children: value }),
+              functionProps,
+              children: component2
+            }
+          );
+        },
+        ...additionalProps,
+        ...utils.getProps(columnProps, specialKey.all, col)
+      };
+    })) || [],
+    [
+      data == null ? void 0 : data.list_columns,
+      data == null ? void 0 : data.label_columns,
+      data == null ? void 0 : data.order_columns,
+      info,
+      columnProps,
+      specialKey.all,
+      api,
+      auth,
+      header,
+      body,
+      textFilterSeparator
+    ]
+  );
+  const [simpleCache, setSimpleCache] = hooks.useSetState({});
+  React.useEffect(() => {
+    if (columns.length) {
+      setSimpleCache({ [data.path]: columns });
+    }
+  }, [columns]);
+  return { columns: columns.length ? columns : (simpleCache == null ? void 0 : simpleCache[path]) || columns, manualFiltering: true };
+}
+exports.useColumns = useColumns;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useColumns/utils.cjs

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const convertId = require("../../../../Wrappers/ApiProvider/utils/convertId.cjs");
+const HeaderBetweenInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderBetweenInput.cjs");
+const HeaderBooleanInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderBooleanInput.cjs");
+const HeaderDateInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderDateInput.cjs");
+const HeaderMultiSelectInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderMultiSelectInput.cjs");
+const HeaderSelectInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderSelectInput.cjs");
+const HeaderTagsInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderTagsInput.cjs");
+const HeaderTagsNumberInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderTagsNumberInput.cjs");
+const HeaderTextInput = require("./ColumnHeaderFilter/HeaderInputs/HeaderTextInput.cjs");
+const getBasicInput = (opr, schema) => {
+  if (!opr || !schema) {
+    return void 0;
+  }
+  switch (opr) {
+    case "tc":
+      return ({ componentProps }) => /* @__PURE__ */ jsxRuntime.jsx(HeaderTextInput.HeaderTextInput, { ...componentProps });
+    case "in":
+      switch (schema.type) {
+        case "Integer":
+          return ({ componentProps }) => /* @__PURE__ */ jsxRuntime.jsx(HeaderTagsNumberInput.HeaderTagsNumberInput, { ...componentProps });
+        case "Enum":
+          return ({ componentProps }) => /* @__PURE__ */ jsxRuntime.jsx(HeaderTagsNumberInput.HeaderTagsNumberInput, { data: schema.values, ...componentProps });
+      }
+      return ({ componentProps }) => /* @__PURE__ */ jsxRuntime.jsx(HeaderTagsInput.HeaderTagsInput, { ...componentProps });
+    case "bw":
+      switch (schema.type) {
+        case "Date":
+        case "DateTime":
+          return ({ componentProps }) => /* @__PURE__ */ jsxRuntime.jsx(HeaderDateInput.HeaderDateInput, { type: "range", ...componentProps });
+        default:
+          return ({ componentProps }) => /* @__PURE__ */ jsxRuntime.jsx(HeaderBetweenInput.HeaderBetweenInput, { ...componentProps });
+      }
+    case "eq":
+    case "neq":
+      switch (schema.type) {
+        case "Boolean":
+          return ({ componentProps }) => /* @__PURE__ */ jsxRuntime.jsx(HeaderBooleanInput.HeaderBooleanInput, { ...componentProps });
+      }
+      break;
+    case "rel_o_m":
+    case "nrel_o_m":
+      return ({ componentProps }) => /* @__PURE__ */ jsxRuntime.jsx(
+        HeaderSelectInput.HeaderSelectInput,
+        {
+          data: schema.values.map((item) => ({ value: String(convertId.convertId(item.id)), label: item.value })),
+          ...componentProps
+        }
+      );
+    case "rel_m_m":
+    case "nrel_m_m":
+      return ({ componentProps }) => /* @__PURE__ */ jsxRuntime.jsx(
+        HeaderMultiSelectInput.HeaderMultiSelectInput,
+        {
+          data: schema.values.map((item) => ({ value: String(convertId.convertId(item.id)), label: item.value })),
+          ...componentProps
+        }
+      );
+  }
+  switch (schema.type) {
+    case "Integer":
+      return ({ componentProps }) => /* @__PURE__ */ jsxRuntime.jsx(HeaderNumberInput, { ...componentProps });
+    case "Enum":
+      return ({ componentProps }) => /* @__PURE__ */ jsxRuntime.jsx(HeaderSelectInput.HeaderSelectInput, { data: schema.values, ...componentProps });
+    case "Date":
+    case "DateTime":
+      return ({ componentProps }) => /* @__PURE__ */ jsxRuntime.jsx(HeaderDateInput.HeaderDateInput, { ...componentProps });
+  }
+  return void 0;
+};
+exports.getBasicInput = getBasicInput;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useData.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useApi = require("../../../hooks/api/useApi.cjs");
+function useData() {
+  const { data, loading } = useApi.useApi();
+  return {
+    data: (data == null ? void 0 : data.result) || [],
+    rowCount: (data == null ? void 0 : data.count) || 0,
+    state: { showLoadingOverlay: loading }
+  };
+}
+exports.useData = useData;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useEvent.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useApi = require("../../../hooks/api/useApi.cjs");
+function useEvent(onClickEntry) {
+  const { data } = useApi.useApi();
+  if (!onClickEntry) {
+    return null;
+  }
+  return {
+    mantineTableBodyRowProps: ({ row }) => ({
+      onClick: () => {
+        const id = data.ids[row.id];
+        onClickEntry(id, row.original);
+      },
+      style: { cursor: "pointer" }
+    })
+  };
+}
+exports.useEvent = useEvent;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useFilters.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const useApi = require("../../../hooks/api/useApi.cjs");
+const utils = require("../utils.cjs");
+function useFilters() {
+  const { info } = useApi.useApi();
+  return {
+    filterFns: React.useMemo(
+      () => Object.entries((info == null ? void 0 : info.filters) || {}).reduce((acc, [key, value]) => {
+        value.filters.forEach((filter) => acc[utils.fromFilterToFilterFn(key, filter.operator)] = null);
+        return acc;
+      }, {}),
+      [info == null ? void 0 : info.filters]
+    )
+  };
+}
+exports.useFilters = useFilters;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useGlobalFilter.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const constants = require("fastapi-rtk/constants");
+const hooks = require("@mantine/hooks");
+const React = require("react");
+const useApi = require("../../../hooks/api/useApi.cjs");
+function useGlobalFilter() {
+  const { queryParams, setQueryParams } = useApi.useApi();
+  const existingGlobalFilter = React.useMemo(() => queryParams == null ? void 0 : queryParams.global_filter, [queryParams == null ? void 0 : queryParams.global_filter]);
+  const [globalFilter, setGlobalFilter] = React.useState(existingGlobalFilter || "");
+  const [debounced] = hooks.useDebouncedValue(globalFilter, constants.DEBOUNCE_DELAY);
+  hooks.useDidUpdate(() => {
+    if (existingGlobalFilter && existingGlobalFilter !== debounced) {
+      setGlobalFilter(existingGlobalFilter);
+    }
+  }, [existingGlobalFilter]);
+  hooks.useDidUpdate(() => {
+    if (debounced) {
+      setQueryParams({ page: 0, global_filter: debounced });
+    } else {
+      (queryParams == null ? void 0 : queryParams.global_filter) && setQueryParams({ page: 0, global_filter: void 0 });
+    }
+  }, [debounced]);
+  return {
+    manualFiltering: true,
+    onGlobalFilterChange: setGlobalFilter,
+    state: { globalFilter }
+  };
+}
+exports.useGlobalFilter = useGlobalFilter;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/usePagination.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const constants = require("fastapi-rtk/constants");
+const utils = require("fastapi-rtk/utils");
+const React = require("react");
+const useApi = require("../../../hooks/api/useApi.cjs");
+function usePagination(hidePagination) {
+  const { data, queryParams, setQueryParams } = useApi.useApi();
+  const pagination = React.useMemo(
+    () => ({
+      pageIndex: (queryParams == null ? void 0 : queryParams.page) || constants.DEFAULT_PAGE,
+      pageSize: (queryParams == null ? void 0 : queryParams.page_size) || constants.DEFAULT_PAGE_SIZE
+    }),
+    [queryParams == null ? void 0 : queryParams.page, queryParams == null ? void 0 : queryParams.page_size]
+  );
+  const onPaginationChange = React.useCallback(
+    (func) => {
+      const newPagination = func(pagination);
+      if (!(data == null ? void 0 : data.count) && newPagination.pageIndex === 0) {
+        return;
+      }
+      setQueryParams({
+        page: newPagination.pageIndex,
+        page_size: newPagination.pageSize
+      });
+    },
+    [data == null ? void 0 : data.count, pagination, setQueryParams]
+  );
+  const rowsPerPageOptions = React.useMemo(
+    () => [
+      ...constants.DEFAULT_PAGE_SIZE_OPTIONS,
+      ...utils.isTruthy(queryParams == null ? void 0 : queryParams.page_size) && !constants.DEFAULT_PAGE_SIZE_OPTIONS.includes(String(queryParams == null ? void 0 : queryParams.page_size)) ? [String(queryParams == null ? void 0 : queryParams.page_size)] : []
+    ],
+    [queryParams == null ? void 0 : queryParams.page_size]
+  );
+  return {
+    enablePagination: !hidePagination,
+    manualPagination: true,
+    state: { pagination },
+    onPaginationChange,
+    mantinePaginationProps: { rowsPerPageOptions }
+  };
+}
+exports.usePagination = usePagination;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useQueryParams.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const hooks = require("@mantine/hooks");
+const React = require("react");
+const useApi = require("../../../hooks/api/useApi.cjs");
+const utils = require("../utils.cjs");
+function useQueryParams(table, header) {
+  const { info, specialKey, setQueryParams } = useApi.useApi();
+  const filters = React.useMemo(() => {
+    const filters2 = [];
+    table.getState().columnFilters.forEach(({ id, value }) => {
+      var _a, _b, _c, _d, _e;
+      const { updateQueryParams = true, defaultOpr = ((_d = (_c = (_b = (_a = info == null ? void 0 : info.filters) == null ? void 0 : _a[id]) == null ? void 0 : _b.filters) == null ? void 0 : _c[0]) == null ? void 0 : _d.operator) || "" } = utils.getProps(
+        header,
+        specialKey.all,
+        id
+      );
+      if (!updateQueryParams) {
+        return;
+      }
+      let opr = (_e = table.getState().columnFilterFns) == null ? void 0 : _e[id];
+      if (opr) {
+        opr = utils.fromFilterFnToFilter(opr).operator;
+      } else {
+        opr = defaultOpr;
+      }
+      filters2.push({
+        id,
+        col: id,
+        opr,
+        value
+      });
+    });
+    return filters2;
+  }, [specialKey.all, table.getState().columnFilters]);
+  hooks.useDidUpdate(() => {
+    setQueryParams((prev) => ({
+      ...prev,
+      filters: [...(prev == null ? void 0 : prev.filters.filter((f) => !f.id)) ?? [], ...filters]
+    }));
+  }, [filters]);
+}
+exports.useQueryParams = useQueryParams;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useSize.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const hooks = require("@mantine/hooks");
+const React = require("react");
+function useSize(withBorder) {
+  const { ref: bottomToolbarRef, height: bottomToolbarHeight } = hooks.useElementSize();
+  const { ref: topToolbarRef, height: topToolbarHeight } = hooks.useElementSize();
+  const mantinePaperProps = React.useMemo(() => {
+    const props = { h: "100%", withBorder };
+    if (!withBorder) {
+      props.shadow = void 0;
+    }
+    return props;
+  }, [withBorder]);
+  const mantineTopToolbarProps = React.useMemo(() => ({ ref: topToolbarRef }), [topToolbarRef]);
+  const mantineBottomToolbarProps = React.useMemo(
+    () => ({ ref: bottomToolbarRef, pos: "sticky", bottom: 0 }),
+    [bottomToolbarRef]
+  );
+  const mantineTableContainerProps = React.useMemo(
+    () => ({
+      h: `calc(100% - ${topToolbarHeight + bottomToolbarHeight}px)`
+    }),
+    [topToolbarHeight, bottomToolbarHeight]
+  );
+  return {
+    mantinePaperProps,
+    mantineTopToolbarProps,
+    mantineBottomToolbarProps,
+    mantineTableContainerProps
+  };
+}
+exports.useSize = useSize;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useSorting.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const useApi = require("../../../hooks/api/useApi.cjs");
+function useSorting() {
+  const { queryParams, setQueryParams, data } = useApi.useApi();
+  const sorting = React.useMemo(
+    () => (queryParams == null ? void 0 : queryParams.order_column) ? [{ id: queryParams.order_column, desc: queryParams.order_direction === "desc" }] : [],
+    [queryParams == null ? void 0 : queryParams.order_column, queryParams == null ? void 0 : queryParams.order_direction]
+  );
+  const onSortingChange = React.useCallback(
+    (func) => {
+      const newSorting = func(sorting);
+      if (!newSorting.length) {
+        setQueryParams({
+          order_column: null,
+          order_direction: null
+        });
+        return;
+      }
+      const sortObj = newSorting[0];
+      setQueryParams({
+        order_column: data.order_columns.includes(sortObj.id) ? sortObj.id : `${sortObj.id}.id`,
+        order_direction: sortObj.desc ? "desc" : "asc"
+      });
+    },
+    [data == null ? void 0 : data.order_columns, setQueryParams, sorting]
+  );
+  return {
+    manualSorting: true,
+    state: { sorting },
+    onSortingChange
+  };
+}
+exports.useSorting = useSorting;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useToolbar/basicToolbars.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const index_esm = require("../../../../../../external/cjs/mantine-react-table@2.0.0-beta.9_@mantine_core@7.17.7_@mantine_dates@7.17.7_@mantine_hooks@7._dm3meh6s7t7wwl37at3cedg6gm/node_modules/mantine-react-table/dist/index.esm.cjs");
+const Add = require("../../../../ActionIcons/Add/Add.cjs");
+const Download = require("../../../../ActionIcons/Download/Download.cjs");
+const Refresh = require("../../../../ActionIcons/Refresh/Refresh.cjs");
+const Upload = require("../../../../ActionIcons/Upload/Upload.cjs");
+function getBasicToolbars(table, rules) {
+  return {
+    toggleGlobalFilter: /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ToggleGlobalFilterButton, { table, disabled: false }, "basic-toggleGlobalFilter"),
+    filter: /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ToggleFiltersButton, { table }, "basic-filter"),
+    refresh: /* @__PURE__ */ jsxRuntime.jsx(Refresh.Refresh, { tooltipProps: { label: table.options.localization.refresh } }, "basic-refresh"),
+    add: (rules == null ? void 0 : rules.add) && /* @__PURE__ */ jsxRuntime.jsx(Add.Add, { tooltipProps: { label: table.options.localization.add } }, "basic-add"),
+    download: (rules == null ? void 0 : rules.download) && /* @__PURE__ */ jsxRuntime.jsx(Download.Download, { tooltipProps: { label: table.options.localization.download } }, "basic-download"),
+    upload: (rules == null ? void 0 : rules.upload) && /* @__PURE__ */ jsxRuntime.jsx(Upload.Upload, { tooltipProps: { label: table.options.localization.upload } }, "basic-upload"),
+    showHideColumns: /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ShowHideColumnsButton, { table }, "basic-showHideColumns"),
+    toggleDensePadding: /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ToggleDensePaddingButton, { table }, "basic-toggleDensePadding"),
+    toggleFullScreen: /* @__PURE__ */ jsxRuntime.jsx(index_esm.MRT_ToggleFullScreenButton, { table }, "basic-toggleFullScreen")
+  };
+}
+exports.getBasicToolbars = getBasicToolbars;

package/dist/core/cjs/Tables/NextGenDataGrid/hooks/useToolbar/useToolbar.cjs

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@mantine/core");
+const React = require("react");
+const useApi = require("../../../../hooks/api/useApi.cjs");
+const useAuth = require("../../../../hooks/auth/useAuth.cjs");
+const FallbackWrapper = require("../../FallbackWrapper.cjs");
+const basicToolbars = require("./basicToolbars.cjs");
+function renderCustomizedToolbars(customizer, basicToolbarsObj, functionProps, custom) {
+  Object.entries(customizer || {}).forEach(([key, value]) => {
+    if (key in basicToolbarsObj) {
+      basicToolbarsObj[key] = /* @__PURE__ */ jsxRuntime.jsx(FallbackWrapper.FallbackWrapper, { fallback: basicToolbarsObj[key], functionProps, children: value }, `custom-${key}`);
+    }
+  });
+  let toolbars = Object.values(basicToolbarsObj);
+  Object.entries(custom || {}).forEach(([key, value]) => {
+    key = Number(key) - 1;
+    const Component = /* @__PURE__ */ jsxRuntime.jsx(FallbackWrapper.FallbackWrapper, { functionProps, children: value }, `order-${key}`);
+    if (key > toolbars.length) {
+      toolbars.push(Component);
+    } else {
+      toolbars = [...toolbars.slice(0, key), Component, ...toolbars.slice(key)];
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Flex, { gap: "0.125rem", align: "center", children: toolbars });
+}
+function useToolbar(toolbar = {}, quickFilters, hideToolbar) {
+  const { info, queryParams, setQueryParams } = useApi.useApi();
+  const api = useApi.useApi();
+  const auth = useAuth.useAuth();
+  const { customizer, custom, leftToolbar } = toolbar;
+  const data = React.useMemo(() => {
+    if (!quickFilters) {
+      return [];
+    }
+    return [
+      { label: "All", value: "[]" },
+      ...quickFilters.map((filter) => ({ label: filter.name, value: JSON.stringify(filter.value) }))
+    ];
+  }, [quickFilters]);
+  const quickFilterUI = React.useMemo(() => {
+    if (!data.length) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      core.SegmentedControl,
+      {
+        value: JSON.stringify((queryParams == null ? void 0 : queryParams.filters) || []),
+        onChange: (value) => setQueryParams({ filters: JSON.parse(value) }),
+        data
+      }
+    );
+  }, [queryParams == null ? void 0 : queryParams.filters, data, setQueryParams]);
+  const renderToolbarInternalActions = React.useCallback(
+    ({ table }) => {
+      const functionProps = {
+        api,
+        auth,
+        mrtProps: { table }
+      };
+      const rules = {
+        add: info == null ? void 0 : info.permissions.includes("can_post"),
+        download: info == null ? void 0 : info.permissions.includes("can_download"),
+        upload: info == null ? void 0 : info.permissions.includes("can_upload")
+      };
+      const basicToolbarsObj = basicToolbars.getBasicToolbars(table, rules);
+      return renderCustomizedToolbars(customizer, basicToolbarsObj, functionProps, custom);
+    },
+    [api, auth, custom, customizer, info == null ? void 0 : info.permissions]
+  );
+  return {
+    renderToolbarInternalActions,
+    enableTopToolbar: !hideToolbar,
+    enableFilters: (customizer == null ? void 0 : customizer.filter) !== null,
+    ...React.useMemo(() => {
+      if (quickFilterUI && leftToolbar) {
+        throw new Error("quickFilters and toolbar.leftToolbar are mutually exclusive, please use only one of them");
+      }
+      const props = {};
+      if (quickFilterUI) {
+        props.renderTopToolbarCustomActions = () => /* @__PURE__ */ jsxRuntime.jsx(core.Group, { justify: "space-between", children: /* @__PURE__ */ jsxRuntime.jsx(core.Box, { children: quickFilterUI }) });
+        props.positionToolbarAlertBanner = "bottom";
+      }
+      if (leftToolbar) {
+        const { custom: custom2 } = leftToolbar;
+        props.renderTopToolbarCustomActions = ({ table }) => {
+          const functionProps = {
+            api,
+            auth,
+            mrtProps: { table }
+          };
+          return renderCustomizedToolbars(void 0, {}, functionProps, custom2);
+        };
+        props.positionToolbarAlertBanner = "bottom";
+      }
+      return props;
+    }, [api, auth, leftToolbar, quickFilterUI])
+  };
+}
+exports.useToolbar = useToolbar;