@multiplatform.one/backoffice 6.4.2 → 6.6.0

package/dist/cjs/list/filter-saved.cjs

@@ -0,0 +1,172 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var filter_saved_exports = {};
+__export(filter_saved_exports, {
+  SavedFiltersControl: () => SavedFiltersControl
+});
+module.exports = __toCommonJS(filter_saved_exports);
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_table = require("@multiplatform.one/table");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.cjs");
+var import_useFrappeApp = require("../shared/useFrappeApp.cjs");
+var import_useSessionUserId = require("../shared/useSessionUserId.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function useListFilterStorage(doctype) {
+  const config = (0, import_frappe_ui.useFrappeConfig)();
+  const app = (0, import_useFrappeApp.useFrappeApp)();
+  const fixtureMode = Boolean(config?.fixtures);
+  return (0, import_react.useMemo)(() => {
+    if (!app || fixtureMode) return void 0;
+    const storage = {
+      load: async () => {
+        const res = await app.call().get("frappe.client.get_list", {
+          doctype: "List Filter",
+          filters: JSON.stringify([["reference_doctype", "=", doctype]]),
+          fields: JSON.stringify(["name", "filter_name", "for_user", "filters"]),
+          limit_page_length: 0
+        });
+        return res.payload?.message ?? [];
+      },
+      save: async filter => {
+        await app.call().post("frappe.client.insert", {
+          doc: {
+            doctype: "List Filter",
+            reference_doctype: doctype,
+            filter_name: filter.filter_name ?? "",
+            for_user: filter.for_user ?? "",
+            filters: filter.filters ?? "[]"
+          }
+        });
+      },
+      remove: async name => {
+        await app.call().post("frappe.client.delete", {
+          doctype: "List Filter",
+          name
+        });
+      }
+    };
+    return storage;
+  }, [app, fixtureMode, doctype]);
+}
+function SavedFiltersControl({
+  doctype,
+  filters,
+  onFiltersChange,
+  inline,
+  onFilterSaved
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const storage = useListFilterStorage(doctype);
+  const user = (0, import_useSessionUserId.useSessionUserId)();
+  const {
+    filters: savedFilters,
+    saveFilter,
+    deleteFilter
+  } = (0, import_table.useSavedFilters)({
+    storage,
+    userId: user
+  });
+  const [selected, setSelected] = (0, import_react.useState)(null);
+  const [draftName, setDraftName] = (0, import_react.useState)("");
+  const dropdown = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.SavedFilterDropdown, {
+    filters: savedFilters,
+    selectedFilter: selected,
+    onSelectFilter: filter => {
+      setSelected(filter);
+      if (filter) onFiltersChange(filter.filters);
+    },
+    onDeleteFilter: name => void deleteFilter(name),
+    placeholder: t("list.filters.savedFilters", "Saved Filters")
+  });
+  if (inline) {
+    const handleInlineSave = () => {
+      const name = draftName.trim();
+      if (!name || filters.length === 0) return;
+      void Promise.resolve(saveFilter(name, filters, false)).then(() => {
+        setDraftName("");
+        onFilterSaved?.({
+          name,
+          isGlobal: false,
+          filters
+        });
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      gap: "$2",
+      children: [savedFilters.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+        width: "100%",
+        children: dropdown
+      }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flex: 1,
+          minWidth: 0,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+            value: draftName,
+            onChangeText: setDraftName,
+            placeholder: t("list.filters.filterName", "Filter name"),
+            size: "$3",
+            compact: true,
+            "aria-label": t("list.filters.filterName", "Filter name")
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: "$3",
+          disabled: filters.length === 0 || !draftName.trim(),
+          disabledReason: filters.length === 0 ? t("list.filters.saveNeedsFilters", "Apply filters to save them") : !draftName.trim() ? t("list.filters.saveNeedsName", "Name the filter to save it") : void 0,
+          onPress: handleInlineSave,
+          children: t("list.filters.saveFilter", "Save Filter")
+        })]
+      })]
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    gap: "$2",
+    alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      maxWidth: 220,
+      children: dropdown
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.FilterManager, {
+      currentFilters: filters,
+      canCreateGlobal: true,
+      disabledReasonPlacement: "inline",
+      onSaveFilter: (filterName, isGlobal) => {
+        const result = saveFilter(filterName, filters, isGlobal);
+        void Promise.resolve(result).then(() => {
+          onFilterSaved?.({
+            name: filterName,
+            isGlobal,
+            filters
+          });
+        });
+        return result;
+      }
+    })]
+  });
+}

package/dist/cjs/list/filter-saved.native.js

@@ -0,0 +1,199 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var filter_saved_exports = {};
+__export(filter_saved_exports, {
+  SavedFiltersControl: () => SavedFiltersControl
+});
+module.exports = __toCommonJS(filter_saved_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_table = require("@multiplatform.one/table");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.native.js");
+var import_useFrappeApp = require("../shared/useFrappeApp.native.js");
+var import_useSessionUserId = require("../shared/useSessionUserId.native.js");
+function useListFilterStorage(doctype) {
+  var config = (0, import_frappe_ui.useFrappeConfig)();
+  var app = (0, import_useFrappeApp.useFrappeApp)();
+  var fixtureMode = Boolean(config === null || config === void 0 ? void 0 : config.fixtures);
+  return (0, import_react2.useMemo)(function () {
+    if (!app || fixtureMode) return void 0;
+    var storage = {
+      load: async function load() {
+        var _ref;
+        var _res_payload;
+        var res = await app.call().get("frappe.client.get_list", {
+          doctype: "List Filter",
+          filters: JSON.stringify([["reference_doctype", "=", doctype]]),
+          fields: JSON.stringify(["name", "filter_name", "for_user", "filters"]),
+          limit_page_length: 0
+        });
+        return (_ref = (_res_payload = res.payload) === null || _res_payload === void 0 ? void 0 : _res_payload.message) !== null && _ref !== void 0 ? _ref : [];
+      },
+      save: async function save(filter) {
+        var _filter_filter_name, _filter_for_user, _filter_filters;
+        await app.call().post("frappe.client.insert", {
+          doc: {
+            doctype: "List Filter",
+            reference_doctype: doctype,
+            filter_name: (_filter_filter_name = filter.filter_name) !== null && _filter_filter_name !== void 0 ? _filter_filter_name : "",
+            for_user: (_filter_for_user = filter.for_user) !== null && _filter_for_user !== void 0 ? _filter_for_user : "",
+            filters: (_filter_filters = filter.filters) !== null && _filter_filters !== void 0 ? _filter_filters : "[]"
+          }
+        });
+      },
+      remove: async function remove(name) {
+        await app.call().post("frappe.client.delete", {
+          doctype: "List Filter",
+          name
+        });
+      }
+    };
+    return storage;
+  }, [app, fixtureMode, doctype]);
+}
+function SavedFiltersControl(param) {
+  var {
+    doctype,
+    filters,
+    onFiltersChange,
+    inline,
+    onFilterSaved
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var storage = useListFilterStorage(doctype);
+  var user = (0, import_useSessionUserId.useSessionUserId)();
+  var {
+    filters: savedFilters,
+    saveFilter,
+    deleteFilter
+  } = (0, import_table.useSavedFilters)({
+    storage,
+    userId: user
+  });
+  var [selected, setSelected] = (0, import_react2.useState)(null);
+  var [draftName, setDraftName] = (0, import_react2.useState)("");
+  var dropdown = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.SavedFilterDropdown, {
+    filters: savedFilters,
+    selectedFilter: selected,
+    onSelectFilter: function onSelectFilter(filter) {
+      setSelected(filter);
+      if (filter) onFiltersChange(filter.filters);
+    },
+    onDeleteFilter: function onDeleteFilter(name) {
+      return void deleteFilter(name);
+    },
+    placeholder: t("list.filters.savedFilters", "Saved Filters")
+  });
+  if (inline) {
+    var handleInlineSave = function handleInlineSave2() {
+      var name = draftName.trim();
+      if (!name || filters.length === 0) return;
+      void Promise.resolve(saveFilter(name, filters, false)).then(function () {
+        setDraftName("");
+        onFilterSaved === null || onFilterSaved === void 0 ? void 0 : onFilterSaved({
+          name,
+          isGlobal: false,
+          filters
+        });
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      gap: "$2",
+      children: [
+      /* Column wrappers stretch the fields to full width on native (a
+      row wrapper leaves them at intrinsic width — sliver bug). */
+      savedFilters.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+        width: "100%",
+        children: dropdown
+      }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          flex: 1,
+          minWidth: 0,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+            value: draftName,
+            onChangeText: setDraftName,
+            placeholder: t("list.filters.filterName", "Filter name"),
+            size: "$3",
+            compact: true,
+            "aria-label": t("list.filters.filterName", "Filter name")
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: "$3",
+          disabled: filters.length === 0 || !draftName.trim(),
+          disabledReason: filters.length === 0 ? t("list.filters.saveNeedsFilters", "Apply filters to save them") : !draftName.trim() ? t("list.filters.saveNeedsName", "Name the filter to save it") : void 0,
+          onPress: handleInlineSave,
+          children: t("list.filters.saveFilter", "Save Filter")
+        })]
+      })]
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    gap: "$2",
+    alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+      maxWidth: 220,
+      children: dropdown
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table.FilterManager, {
+      currentFilters: filters,
+      canCreateGlobal: true,
+      // Toolbar row: the reason rides the control line — stacked-below
+      // broke the filter row's shared 44px height into a cramped
+      // two-line cluster (Button contract, DG-ST-03).
+      disabledReasonPlacement: "inline",
+      onSaveFilter: function onSaveFilter(filterName, isGlobal) {
+        var result = saveFilter(filterName, filters, isGlobal);
+        void Promise.resolve(result).then(function () {
+          onFilterSaved === null || onFilterSaved === void 0 ? void 0 : onFilterSaved({
+            name: filterName,
+            isGlobal,
+            filters
+          });
+        });
+        return result;
+      }
+    })]
+  });
+}
+//# sourceMappingURL=filter-saved.native.js.map

package/dist/cjs/list/filter-saved.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","filter_saved_exports","__export","SavedFiltersControl","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_frappe_ui","import_table","import_react2","import_react_i18next","import_i18n","import_useFrappeApp","import_useSessionUserId","useListFilterStorage","doctype","config","useFrappeConfig","app","useFrappeApp","fixtureMode","Boolean","fixtures","useMemo","storage","load","_ref","_res_payload","res","call","get","filters","JSON","stringify","fields","limit_page_length","payload","message","save","filter","_filter_filter_name","_filter_for_user","_filter_filters","post","doc","reference_doctype","filter_name","for_user","remove","name","param","onFiltersChange","inline","onFilterSaved","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","user","useSessionUserId","savedFilters","saveFilter","deleteFilter","useSavedFilters","userId","selected","setSelected","useState","draftName","setDraftName","dropdown","jsx","SavedFilterDropdown","selectedFilter","onSelectFilter","onDeleteFilter","placeholder","handleInlineSave","handleInlineSave2","trim","length","Promise","resolve","then","isGlobal","jsxs","YStack","gap","children","width","XStack","alignItems","flex","minWidth"],"sources":["../../../src/list/filter-saved.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/list/filter-sort.cjs

@@ -0,0 +1,173 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var filter_sort_exports = {};
+__export(filter_sort_exports, {
+  SortControl: () => SortControl,
+  sortFieldLabel: () => sortFieldLabel,
+  sortableFieldsFromMeta: () => sortableFieldsFromMeta
+});
+module.exports = __toCommonJS(filter_sort_exports);
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const SORTABLE_FIELDTYPES = /* @__PURE__ */new Set(["Data", "Select", "Link", "Date", "Datetime", "Time", "Int", "Float", "Currency", "Percent", "Check", "Duration", "Rating", "Small Text"]);
+function sortableFieldsFromMeta(meta) {
+  const out = [{
+    fieldname: "modified",
+    label: "Last Updated On"
+  }, {
+    fieldname: "creation",
+    label: "Created On"
+  }, {
+    fieldname: "name",
+    label: "ID"
+  }];
+  const seen = new Set(out.map(option => option.fieldname));
+  for (const field of meta?.fields ?? []) {
+    if (!field.fieldname || seen.has(field.fieldname)) continue;
+    if (field.hidden === 1 || !SORTABLE_FIELDTYPES.has(String(field.fieldtype))) continue;
+    seen.add(field.fieldname);
+    out.push({
+      fieldname: field.fieldname,
+      label: field.label || field.fieldname
+    });
+  }
+  return out;
+}
+function metaDefaultSortField(meta) {
+  const raw = (meta?.sort_field ?? "modified").split(",")[0]?.trim() ?? "modified";
+  return raw.split(" ")[0] || "modified";
+}
+function sortFieldLabel(meta, fieldname, t) {
+  const standardLabels = {
+    modified: t("list.lastUpdated", "Last Updated On"),
+    creation: t("list.createdOn", "Created On"),
+    name: t("list.idColumn", "ID"),
+    owner: t("list.createdBy", "Created By"),
+    modified_by: t("list.lastUpdatedBy", "Last Updated By"),
+    _liked_by: t("list.likedBy", "Liked By"),
+    _assign: t("list.assignedTo", "Assigned To"),
+    _user_tags: t("list.tags", "Tags"),
+    _comments: t("list.comments", "Comments")
+  };
+  const standard = standardLabels[fieldname];
+  if (standard) return standard;
+  const metaField = meta?.fields?.find(field => field.fieldname === fieldname);
+  if (metaField?.label) return metaField.label;
+  const pretty = fieldname.replace(/^_+/, "").split("_").filter(Boolean).map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+  return pretty || fieldname;
+}
+function metaDefaultSortOrder(meta) {
+  return (meta?.sort_order ?? "DESC").toLowerCase() === "asc" ? "asc" : "desc";
+}
+function SortControl({
+  meta,
+  sortField,
+  sortOrder,
+  onSortChange,
+  inline
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const options = (0, import_react2.useMemo)(() => sortableFieldsFromMeta(meta).map(option => ({
+    ...option,
+    label: sortFieldLabel(meta, option.fieldname, t)
+  })), [meta, t]);
+  const field = sortField ?? metaDefaultSortField(meta);
+  const order = sortOrder ?? metaDefaultSortOrder(meta);
+  if (!onSortChange) return null;
+  const orderLabel = order === "asc" ? t("list.sort.ascending", "Ascending") : t("list.sort.descending", "Descending");
+  const currentInOptions = options.some(option => option.fieldname === field);
+  const displayOptions = currentInOptions ? options : [{
+    fieldname: field,
+    label: sortFieldLabel(meta, field, t)
+  }, ...options];
+  if (inline) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      gap: "$2",
+      alignItems: "center",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+        flex: 1,
+        minWidth: 0,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Select, {
+          value: field,
+          onChange: next => {
+            if (typeof next === "string" && next) onSortChange(next, order);
+          },
+          options: displayOptions.map(option => ({
+            value: option.fieldname,
+            label: option.label
+          })),
+          size: "$3",
+          compact: true,
+          "aria-label": t("list.sortBy", "Sort")
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        size: "$3",
+        circular: true,
+        chromeless: true,
+        icon: order === "asc" ? import_react.SortAscendingIcon : import_react.SortDescendingIcon,
+        onPress: () => onSortChange(field, order === "asc" ? "desc" : "asc"),
+        "aria-label": t("list.sort.toggleOrder", "Toggle sort order ({{order}})", {
+          order: orderLabel
+        })
+      })]
+    });
+  }
+  const items = displayOptions.map(option => ({
+    key: option.fieldname,
+    label: option.label,
+    checked: option.fieldname === field,
+    onSelect: () => onSortChange(option.fieldname, order)
+  }));
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    gap: "$1",
+    alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu, {
+      items,
+      placement: "bottom-end",
+      maxHeight: 360,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        size: "$3",
+        chromeless: true,
+        iconAfter: import_react.CaretDownIcon,
+        "aria-label": t("list.sortBy", "Sort"),
+        children: `${t("list.sortBy", "Sort")}: ${sortFieldLabel(meta, field, t)}`
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+      size: "$3",
+      circular: true,
+      chromeless: true,
+      icon: order === "asc" ? import_react.SortAscendingIcon : import_react.SortDescendingIcon,
+      onPress: () => onSortChange(field, order === "asc" ? "desc" : "asc"),
+      "aria-label": t("list.sort.toggleOrder", "Toggle sort order ({{order}})", {
+        order: orderLabel
+      })
+    })]
+  });
+}