@multiplatform.one/backoffice 6.4.3 → 6.6.0

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

@@ -0,0 +1,228 @@
+"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 filter_sort_exports = {};
+__export(filter_sort_exports, {
+  SortControl: () => SortControl,
+  sortFieldLabel: () => sortFieldLabel,
+  sortableFieldsFromMeta: () => sortableFieldsFromMeta
+});
+module.exports = __toCommonJS(filter_sort_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+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.native.js");
+var SORTABLE_FIELDTYPES = /* @__PURE__ */new Set(["Data", "Select", "Link", "Date", "Datetime", "Time", "Int", "Float", "Currency", "Percent", "Check", "Duration", "Rating", "Small Text"]);
+function sortableFieldsFromMeta(meta) {
+  var _ref;
+  var out = [{
+    fieldname: "modified",
+    label: "Last Updated On"
+  }, {
+    fieldname: "creation",
+    label: "Created On"
+  }, {
+    fieldname: "name",
+    label: "ID"
+  }];
+  var seen = new Set(out.map(function (option) {
+    return option.fieldname;
+  }));
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = ((_ref = meta === null || meta === void 0 ? void 0 : meta.fields) !== null && _ref !== void 0 ? _ref : [])[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var field = _step.value;
+      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
+      });
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return out;
+}
+function metaDefaultSortField(meta) {
+  var _ref, _ref1;
+  var _split_;
+  var raw = (_ref = (_split_ = ((_ref1 = meta === null || meta === void 0 ? void 0 : meta.sort_field) !== null && _ref1 !== void 0 ? _ref1 : "modified").split(",")[0]) === null || _split_ === void 0 ? void 0 : _split_.trim()) !== null && _ref !== void 0 ? _ref : "modified";
+  return raw.split(" ")[0] || "modified";
+}
+function sortFieldLabel(meta, fieldname, t) {
+  var _meta_fields;
+  var 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")
+  };
+  var standard = standardLabels[fieldname];
+  if (standard) return standard;
+  var metaField = meta === null || meta === void 0 ? void 0 : (_meta_fields = meta.fields) === null || _meta_fields === void 0 ? void 0 : _meta_fields.find(function (field) {
+    return field.fieldname === fieldname;
+  });
+  if (metaField === null || metaField === void 0 ? void 0 : metaField.label) return metaField.label;
+  var pretty = fieldname.replace(/^_+/, "").split("_").filter(Boolean).map(function (word) {
+    return word.charAt(0).toUpperCase() + word.slice(1);
+  }).join(" ");
+  return pretty || fieldname;
+}
+function metaDefaultSortOrder(meta) {
+  var _ref;
+  return ((_ref = meta === null || meta === void 0 ? void 0 : meta.sort_order) !== null && _ref !== void 0 ? _ref : "DESC").toLowerCase() === "asc" ? "asc" : "desc";
+}
+function SortControl(param) {
+  var {
+    meta,
+    sortField,
+    sortOrder,
+    onSortChange,
+    inline
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var options = (0, import_react2.useMemo)(function () {
+    return sortableFieldsFromMeta(meta).map(function (option) {
+      return {
+        ...option,
+        label: sortFieldLabel(meta, option.fieldname, t)
+      };
+    });
+  }, [meta, t]);
+  var field = sortField !== null && sortField !== void 0 ? sortField : metaDefaultSortField(meta);
+  var order = sortOrder !== null && sortOrder !== void 0 ? sortOrder : metaDefaultSortOrder(meta);
+  if (!onSortChange) return null;
+  var orderLabel = order === "asc" ? t("list.sort.ascending", "Ascending") : t("list.sort.descending", "Descending");
+  var currentInOptions = options.some(function (option) {
+    return option.fieldname === field;
+  });
+  var 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: [
+      /* Column wrapper: the field only stretches to the row's flexed
+      slot through a column cross-axis on native. */
+      /* @__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: function onChange(next) {
+            if (typeof next === "string" && next) onSortChange(next, order);
+          },
+          options: displayOptions.map(function (option) {
+            return {
+              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: function onPress() {
+          return onSortChange(field, order === "asc" ? "desc" : "asc");
+        },
+        "aria-label": t("list.sort.toggleOrder", "Toggle sort order ({{order}})", {
+          order: orderLabel
+        })
+      })]
+    });
+  }
+  var items = displayOptions.map(function (option) {
+    return {
+      key: option.fieldname,
+      label: option.label,
+      checked: option.fieldname === field,
+      onSelect: function onSelect() {
+        return 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: (/* Label channel, never the raw fieldname (parity audit pair 04). */
+        `${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: function onPress() {
+        return onSortChange(field, order === "asc" ? "desc" : "asc");
+      },
+      "aria-label": t("list.sort.toggleOrder", "Toggle sort order ({{order}})", {
+        order: orderLabel
+      })
+    })]
+  });
+}
+//# sourceMappingURL=filter-sort.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","filter_sort_exports","__export","SortControl","sortFieldLabel","sortableFieldsFromMeta","module","exports","import_jsx_runtime","require","import_components","import_forms","import_react","import_react2","import_react_i18next","import_i18n","SORTABLE_FIELDTYPES","Set","meta","_ref","out","fieldname","label","seen","map","option","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","fields","Symbol","iterator","_step","next","done","field","has","hidden","String","fieldtype","add","push","err","return","metaDefaultSortField","_ref1","_split_","raw","sort_field","split","trim","t","_meta_fields","standardLabels","modified","creation","name","owner","modified_by","_liked_by","_assign","_user_tags","_comments","standard","metaField","find","pretty","replace","filter","Boolean","word","charAt","toUpperCase","slice","join","metaDefaultSortOrder","sort_order","toLowerCase","param","sortField","sortOrder","onSortChange","inline","useTranslation","BACKOFFICE_I18N_NAMESPACE","options","useMemo","order","orderLabel","currentInOptions","some","displayOptions","jsxs","XStack","gap","alignItems","children","jsx","YStack","flex","minWidth","Select","onChange"],"sources":["../../../src/list/filter-sort.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,158 @@
+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_standard_exports = {};
+__export(filter_standard_exports, {
+  StandardFilters: () => StandardFilters
+});
+module.exports = __toCommonJS(filter_standard_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_react = require("react");
+var import_filter_fields = require("./filter-fields.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function StandardFilters({
+  meta,
+  filters,
+  onFiltersChange,
+  vertical
+}) {
+  const fields = (0, import_filter_fields.standardFiltersFromMeta)(meta);
+  if (!fields.length) return null;
+  const controls = fields.map(field => /* @__PURE__ */(0, import_jsx_runtime.jsx)(StandardFilterControl, {
+    field,
+    filters,
+    onFiltersChange,
+    vertical
+  }, field.fieldname));
+  if (vertical) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      gap: "$2",
+      children: controls
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+    gap: "$2",
+    flexWrap: "wrap",
+    alignItems: "center",
+    children: controls
+  });
+}
+function StandardFilterControl({
+  field,
+  filters,
+  onFiltersChange,
+  vertical
+}) {
+  const value = (0, import_filter_fields.quickFilterValue)(filters, field.fieldname);
+  const commit = tuple => onFiltersChange((0, import_filter_fields.setFieldFilter)(filters, field.fieldname, tuple));
+  switch (field.kind) {
+    case "select":
+      {
+        const select = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Select, {
+          value,
+          onChange: next => {
+            if (typeof next !== "string") return;
+            commit(next ? [field.fieldname, "=", next] : void 0);
+          },
+          options: (0, import_filter_fields.selectOptionsFromField)(field.options),
+          placeholder: field.label,
+          size: "$3",
+          compact: true,
+          "aria-label": field.label
+        });
+        return vertical ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          width: "100%",
+          children: select
+        }) : select;
+      }
+    case "link":
+      {
+        const link = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.Link, {
+          value,
+          onChange: next => commit(next ? [field.fieldname, "=", next] : void 0),
+          doctype: field.options ?? "",
+          placeholder: field.label,
+          compact: true
+        });
+        return vertical ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          width: "100%",
+          children: link
+        }) : link;
+      }
+    case "check":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+        label: field.label,
+        checked: value === "1" || value === "true",
+        onCheckedChange: checked => commit(checked === true ? [field.fieldname, "=", 1] : void 0)
+      });
+    default:
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DebouncedTextFilter, {
+        field,
+        externalValue: value,
+        commit,
+        vertical
+      });
+  }
+}
+function DebouncedTextFilter({
+  field,
+  externalValue,
+  commit,
+  vertical
+}) {
+  const [draft, setDraft] = (0, import_react.useState)(externalValue);
+  const committedRef = (0, import_react.useRef)(externalValue);
+  const commitRef = (0, import_react.useRef)(commit);
+  commitRef.current = commit;
+  (0, import_react.useEffect)(() => {
+    if (externalValue !== committedRef.current) {
+      committedRef.current = externalValue;
+      setDraft(externalValue);
+    }
+  }, [externalValue]);
+  (0, import_react.useEffect)(() => {
+    if (draft === committedRef.current) return;
+    const timer = setTimeout(() => {
+      committedRef.current = draft;
+      const text = draft.trim();
+      if (!text) commitRef.current(void 0);else if (field.kind === "text") commitRef.current([field.fieldname, "like", `%${text}%`]);else commitRef.current([field.fieldname, "=", text]);
+    }, 400);
+    return () => clearTimeout(timer);
+  }, [draft, field.fieldname, field.kind]);
+  const input = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+    value: draft,
+    onChangeText: setDraft,
+    placeholder: field.kind === "date" ? `${field.label} (YYYY-MM-DD)` : field.label,
+    size: "$3",
+    compact: true,
+    "aria-label": field.label,
+    ...(field.kind === "number" ? {
+      keyboardType: "numeric"
+    } : {})
+  });
+  return vertical ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+    width: "100%",
+    children: input
+  }) : input;
+}

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

@@ -0,0 +1,175 @@
+"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 filter_standard_exports = {};
+__export(filter_standard_exports, {
+  StandardFilters: () => StandardFilters
+});
+module.exports = __toCommonJS(filter_standard_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+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_react = require("react");
+var import_filter_fields = require("./filter-fields.native.js");
+function StandardFilters(param) {
+  var {
+    meta,
+    filters,
+    onFiltersChange,
+    vertical
+  } = param;
+  var fields = (0, import_filter_fields.standardFiltersFromMeta)(meta);
+  if (!fields.length) return null;
+  var controls = fields.map(function (field) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StandardFilterControl, {
+      field,
+      filters,
+      onFiltersChange,
+      vertical
+    }, field.fieldname);
+  });
+  if (vertical) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      gap: "$2",
+      children: controls
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+    gap: "$2",
+    flexWrap: "wrap",
+    alignItems: "center",
+    children: controls
+  });
+}
+function StandardFilterControl(param) {
+  var {
+    field,
+    filters,
+    onFiltersChange,
+    vertical
+  } = param;
+  var value = (0, import_filter_fields.quickFilterValue)(filters, field.fieldname);
+  var commit = function commit2(tuple) {
+    return onFiltersChange((0, import_filter_fields.setFieldFilter)(filters, field.fieldname, tuple));
+  };
+  switch (field.kind) {
+    case "select":
+      {
+        var select = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Select, {
+          value,
+          onChange: function onChange(next) {
+            if (typeof next !== "string") return;
+            commit(next ? [field.fieldname, "=", next] : void 0);
+          },
+          options: (0, import_filter_fields.selectOptionsFromField)(field.options),
+          placeholder: field.label,
+          size: "$3",
+          compact: true,
+          "aria-label": field.label
+        });
+        return vertical ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          width: "100%",
+          children: select
+        }) : select;
+      }
+    case "link":
+      {
+        var _field_options;
+        var link = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.Link, {
+          value,
+          onChange: function onChange(next) {
+            return commit(next ? [field.fieldname, "=", next] : void 0);
+          },
+          doctype: (_field_options = field.options) !== null && _field_options !== void 0 ? _field_options : "",
+          placeholder: field.label,
+          compact: true
+        });
+        return vertical ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          width: "100%",
+          children: link
+        }) : link;
+      }
+    case "check":
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
+        label: field.label,
+        checked: value === "1" || value === "true",
+        onCheckedChange: function onCheckedChange(checked) {
+          return commit(checked === true ? [field.fieldname, "=", 1] : void 0);
+        }
+      });
+    default:
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DebouncedTextFilter, {
+        field,
+        externalValue: value,
+        commit,
+        vertical
+      });
+  }
+}
+function DebouncedTextFilter(param) {
+  var {
+    field,
+    externalValue,
+    commit,
+    vertical
+  } = param;
+  var [draft, setDraft] = (0, import_react.useState)(externalValue);
+  var committedRef = (0, import_react.useRef)(externalValue);
+  var commitRef = (0, import_react.useRef)(commit);
+  commitRef.current = commit;
+  (0, import_react.useEffect)(function () {
+    if (externalValue !== committedRef.current) {
+      committedRef.current = externalValue;
+      setDraft(externalValue);
+    }
+  }, [externalValue]);
+  (0, import_react.useEffect)(function () {
+    if (draft === committedRef.current) return;
+    var timer = setTimeout(function () {
+      committedRef.current = draft;
+      var text = draft.trim();
+      if (!text) commitRef.current(void 0);else if (field.kind === "text") commitRef.current([field.fieldname, "like", `%${text}%`]);else commitRef.current([field.fieldname, "=", text]);
+    }, 400);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [draft, field.fieldname, field.kind]);
+  var input = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+    value: draft,
+    onChangeText: setDraft,
+    placeholder: field.kind === "date" ? `${field.label} (YYYY-MM-DD)` : field.label,
+    size: "$3",
+    compact: true,
+    "aria-label": field.label,
+    ...(field.kind === "number" ? {
+      keyboardType: "numeric"
+    } : {})
+  });
+  return vertical ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+    width: "100%",
+    children: input
+  }) : input;
+}
+//# sourceMappingURL=filter-standard.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","filter_standard_exports","__export","StandardFilters","module","exports","import_jsx_runtime","require","import_components","import_forms","import_frappe_ui","import_react","import_filter_fields","param","meta","filters","onFiltersChange","vertical","fields","standardFiltersFromMeta","length","controls","map","field","jsx","StandardFilterControl","fieldname","YStack","gap","children","XStack","flexWrap","alignItems","quickFilterValue","commit","commit2","tuple","setFieldFilter","kind","select","Select","onChange","next","options","selectOptionsFromField","placeholder","label","size","compact","width","_field_options","link","Link","doctype","Checkbox","checked","onCheckedChange","DebouncedTextFilter","externalValue","draft","setDraft","useState","committedRef","useRef","commitRef","current","useEffect","timer","setTimeout","text","trim"],"sources":["../../../src/list/filter-standard.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}