@multiplatform.one/backoffice 6.4.3 → 6.7.0

package/dist/cjs/list/list-tools-sheet.native.js

@@ -0,0 +1,169 @@
+"use strict";
+
+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 list_tools_sheet_exports = {};
+__export(list_tools_sheet_exports, {
+  ListToolsButton: () => ListToolsButton
+});
+module.exports = __toCommonJS(list_tools_sheet_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+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.native.js");
+var import_filter_editor = require("./filter-editor.native.js");
+var import_filter_fields = require("./filter-fields.native.js");
+var import_filter_saved = require("./filter-saved.native.js");
+var import_filter_sort = require("./filter-sort.native.js");
+var import_filter_standard = require("./filter-standard.native.js");
+function SectionLabel(param) {
+  var {
+    children
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+    size: "$1",
+    fontWeight: "600",
+    color: "$color10",
+    textTransform: "uppercase",
+    children
+  });
+}
+function ListToolsButton(param) {
+  var {
+    doctype,
+    meta,
+    filters,
+    onFiltersChange,
+    sortField,
+    sortOrder,
+    onSortChange
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var [open, setOpen] = (0, import_react2.useState)(false);
+  var [openGen, setOpenGen] = (0, import_react2.useState)(0);
+  var quickFields = (0, import_react2.useMemo)(function () {
+    return (0, import_filter_fields.standardFiltersFromMeta)(meta);
+  }, [meta]);
+  var handleOpenChange = function handleOpenChange2(nextOpen) {
+    if (nextOpen) setOpenGen(function (generation) {
+      return generation + 1;
+    });
+    setOpen(nextOpen);
+  };
+  (0, import_react2.useEffect)(function () {
+    if (!import_components.isWeb || typeof document === "undefined" || !open) return;
+    var onKeyDown = function onKeyDown2(event) {
+      if (event.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return function () {
+      return document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [open]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+      size: "$3",
+      icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
+        size: 14,
+        weight: filters.length > 0 ? "fill" : "regular"
+      }),
+      onPress: function onPress() {
+        return handleOpenChange(true);
+      },
+      "aria-label": t("list.filters.filter", "Filter"),
+      children: filters.length > 0 ? t("list.filters.filterCount", "Filter ({{count}})", {
+        count: filters.length
+      }) : t("list.filters.filter", "Filter")
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SheetModal, {
+      open,
+      onOpenChange: handleOpenChange,
+      snapPoint: 85,
+      scrollable: true,
+      header: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+        size: "$6",
+        fontWeight: "700",
+        children: t("list.tools.title", "Filter & sort")
+      }),
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+        gap: "$4",
+        paddingBottom: "$4",
+        children: [onSortChange ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SectionLabel, {
+            children: t("list.sortBy", "Sort")
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_filter_sort.SortControl, {
+            inline: true,
+            meta,
+            sortField,
+            sortOrder,
+            onSortChange
+          })]
+        }) : null, quickFields.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SectionLabel, {
+            children: t("list.tools.quickFilters", "Quick filters")
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_filter_standard.StandardFilters, {
+            vertical: true,
+            meta,
+            filters,
+            onFiltersChange
+          })]
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SectionLabel, {
+            children: t("list.filters.filters", "Filters")
+          }),
+          /* Reseed the draft rows whenever the APPLIED filters change
+          outside the panel (quick filter / saved filter / sort commits
+          are live while the sheet stays open) — a stale draft Apply
+          would silently drop those commits. */
+          /* @__PURE__ */
+          (0, import_jsx_runtime.jsx)(import_filter_editor.FilterEditorPanel, {
+            meta,
+            filters,
+            onFiltersChange,
+            onDone: function onDone() {
+              return setOpen(false);
+            },
+            scrollRows: false
+          }, `${openGen}|${JSON.stringify(filters)}`)]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SectionLabel, {
+            children: t("list.filters.savedFilters", "Saved Filters")
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_filter_saved.SavedFiltersControl, {
+            inline: true,
+            doctype,
+            filters,
+            onFiltersChange
+          })]
+        })]
+      }, openGen)
+    })]
+  });
+}
+//# sourceMappingURL=list-tools-sheet.native.js.map

package/dist/cjs/list/list-tools-sheet.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","list_tools_sheet_exports","__export","ListToolsButton","module","exports","import_jsx_runtime","require","import_components","import_react","import_react2","import_react_i18next","import_i18n","import_filter_editor","import_filter_fields","import_filter_saved","import_filter_sort","import_filter_standard","SectionLabel","param","children","jsx","SizableText","size","fontWeight","color","textTransform","doctype","meta","filters","onFiltersChange","sortField","sortOrder","onSortChange","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","open","setOpen","useState","openGen","setOpenGen","quickFields","useMemo","standardFiltersFromMeta","handleOpenChange","handleOpenChange2","nextOpen","generation","useEffect","isWeb","document","onKeyDown","onKeyDown2","event","key","addEventListener","removeEventListener","jsxs","Fragment","Button","icon","FunnelIcon","weight","length","onPress","count","SheetModal","onOpenChange","snapPoint","scrollable","header","YStack","gap","paddingBottom","SortControl","inline","StandardFilters","vertical"],"sources":["../../../src/list/list-tools-sheet.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/list/listColumns.cjs

@@ -0,0 +1,257 @@
+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 listColumns_exports = {};
+__export(listColumns_exports, {
+  buildListColumns: () => buildListColumns
+});
+module.exports = __toCommonJS(listColumns_exports);
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_react = require("@phosphor-icons/react");
+var import_listFields = require("./listFields.cjs");
+var import_listFormat = require("./listFormat.cjs");
+var import_statusColors = require("./statusColors.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const NUMERIC_FIELDTYPES = /* @__PURE__ */new Set(["Currency", "Float", "Int", "Percent", "Duration"]);
+const RICH_TEXT_FIELDTYPES = /* @__PURE__ */new Set(["Text Editor", "HTML Editor", "HTML", "Markdown Editor", "Long Text", "Text", "Small Text"]);
+function cellPreview(value, fieldtype) {
+  const text = fieldtype && RICH_TEXT_FIELDTYPES.has(fieldtype) ? (0, import_listFormat.stripHtmlPreview)(value) : value;
+  return text.replace(/\s+/g, " ").trim();
+}
+function isStatusField(field, meta) {
+  if (field.fieldname === "status") return true;
+  if (field.fieldtype !== "Select") return false;
+  const stateTitles = new Set((meta?.states ?? []).map(state => (state.title ?? "").trim().toLowerCase()));
+  if (stateTitles.size === 0) return false;
+  const options = (field.options ?? "").split("\n").map(option => option.trim().toLowerCase());
+  return options.some(option => option && stateTitles.has(option));
+}
+function StatusPill({
+  value,
+  meta
+}) {
+  const colors = (0, import_statusColors.statusPillColors)(value, meta);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+    alignSelf: "flex-start",
+    backgroundColor: colors.background,
+    borderRadius: 999,
+    paddingHorizontal: "$2.5",
+    paddingVertical: "$1",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      color: colors.text,
+      fontSize: "$2",
+      fontWeight: "600",
+      children: value
+    })
+  });
+}
+function fieldCell(field, meta) {
+  return ({
+    getValue
+  }) => {
+    const raw = getValue();
+    if (raw === null || raw === void 0 || raw === "") return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      fontSize: "$3",
+      color: "$color8",
+      children: "\u2014"
+    });
+    const value = String(raw);
+    if (isStatusField(field, meta)) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StatusPill, {
+      value,
+      meta
+    });
+    switch (field.fieldtype) {
+      case "Check":
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          fontSize: "$3",
+          color: raw ? "$green11" : "$color8",
+          children: raw ? "\u2713" : "\u2014"
+        });
+      case "Date":
+      case "Datetime":
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          fontSize: "$3",
+          color: "$color11",
+          children: (0, import_listFormat.formatDateCell)(value)
+        });
+      case "Currency":
+      case "Float":
+      case "Int":
+      case "Percent":
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          fontSize: "$3",
+          color: "$color12",
+          textAlign: "right",
+          children: value
+        });
+      case "Link":
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          fontSize: "$3",
+          color: "$color11",
+          numberOfLines: 1,
+          flexShrink: 1,
+          minWidth: 0,
+          children: value
+        });
+      default:
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          fontSize: "$3",
+          color: "$color11",
+          numberOfLines: 1,
+          flexShrink: 1,
+          minWidth: 0,
+          children: cellPreview(value, field.fieldtype)
+        });
+    }
+  };
+}
+function buildListColumns({
+  meta,
+  t,
+  sessionUser,
+  onToggleLike,
+  likeOverrides,
+  permMatrix
+}) {
+  const titleField = meta?.title_field || "name";
+  const columns = [];
+  columns.push({
+    id: "_liked_by",
+    // Glyph header with a spoken name — a bare "♥" string gives the column
+    // an unpronounceable accessible name. Presentational glyph + aria-label.
+    header: () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      role: "img",
+      "aria-label": t("list.likedColumn", "Liked"),
+      color: "$color9",
+      fontSize: "$4",
+      children: "\u2665"
+    }),
+    accessorKey: "_liked_by",
+    sortable: false,
+    filterable: false,
+    width: 56,
+    maxWidth: 64,
+    align: "center",
+    cell: ({
+      row
+    }) => {
+      const doc = row.original;
+      const name = doc.name ?? "";
+      const likedBy = (0, import_listFormat.parseUserListField)(doc._liked_by);
+      const liked = likeOverrides?.[name] ?? (sessionUser ? likedBy.includes(sessionUser) : false);
+      const likeLabel = liked ? t("list.unlike", "Remove from liked") : t("list.like", "Add to liked");
+      if (!onToggleLike || !name) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          fontSize: "$4",
+          color: liked ? "$red10" : "$color8",
+          role: "img",
+          "aria-label": likeLabel,
+          children: liked ? "\u2665" : "\u2661"
+        });
+      }
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+        circular: true,
+        chromeless: true,
+        size: "$2",
+        col: liked ? "$red10" : "$color8",
+        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.HeartIcon, {
+          size: 16,
+          weight: liked ? "fill" : "regular"
+        }),
+        "aria-label": likeLabel,
+        "aria-pressed": liked,
+        onPress: event => {
+          event?.stopPropagation?.();
+          onToggleLike(name, !liked);
+        }
+      });
+    }
+  });
+  const titleMeta = meta?.fields?.find(field => field.fieldname === titleField);
+  columns.push({
+    id: titleField,
+    header: titleField === "name" ? t("list.idColumn", "ID") : titleMeta?.label || t("list.titleColumn", "Title"),
+    accessorKey: titleField,
+    minWidth: 180,
+    cell: ({
+      row,
+      getValue
+    }) => {
+      const raw = getValue();
+      const value = raw === null || raw === void 0 || raw === "" ? row.original.name ?? "" : String(raw);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        fontSize: "$3",
+        fontWeight: "600",
+        color: "$color12",
+        numberOfLines: 1,
+        flexShrink: 1,
+        minWidth: 0,
+        children: cellPreview(value, titleMeta?.fieldtype)
+      });
+    }
+  });
+  for (const field of (0, import_listFields.listViewFields)(meta, titleField, permMatrix)) {
+    columns.push({
+      id: field.fieldname,
+      header: field.label || field.fieldname,
+      accessorKey: field.fieldname,
+      ...(NUMERIC_FIELDTYPES.has(field.fieldtype) ? {
+        align: "right"
+      } : {}),
+      cell: fieldCell(field, meta)
+    });
+  }
+  if (titleField !== "name") {
+    columns.push({
+      id: "name",
+      header: t("list.idColumn", "ID"),
+      accessorKey: "name",
+      maxWidth: 160,
+      cell: ({
+        getValue
+      }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        fontSize: "$2",
+        color: "$color9",
+        numberOfLines: 1,
+        children: String(getValue() ?? "")
+      })
+    });
+  }
+  columns.push({
+    id: "modified",
+    header: t("list.lastUpdated", "Last Updated On"),
+    accessorKey: "modified",
+    maxWidth: 140,
+    cell: ({
+      getValue
+    }) => {
+      const raw = getValue();
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        fontSize: "$2",
+        color: "$color9",
+        children: raw ? (0, import_listFormat.formatTimeAgo)(String(raw)) : ""
+      });
+    }
+  });
+  return columns;
+}