@multiplatform.one/backoffice 6.4.3 → 6.7.0

package/dist/esm/views/report-controls.native.js

@@ -0,0 +1,350 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, DropdownMenu, Pagination, Text, XStack, YStack } from "@multiplatform.one/components";
+import { formatCurrency, formatNumber, formatPercent } from "@multiplatform.one/theme";
+import { ArrowSquareOutIcon } from "@phosphor-icons/react";
+import { useTranslation } from "react-i18next";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.native.js";
+var REPORT_NUMERIC_FIELDTYPES = /* @__PURE__ */new Set(["Int", "Float", "Currency", "Percent", "Rating", "Duration"]);
+var REPORT_PAGE_SIZES = [20, 100, 500];
+var AGGREGATIONS = ["count", "sum", "avg", "min", "max"];
+function filterChipLabel(param) {
+  var [fieldname, operator, value] = param;
+  var rendered = typeof value === "string" ? value.replace(/^%|%$/g, "") : Array.isArray(value) ? value.map(String).join(", ") : JSON.stringify(value);
+  return `${fieldname} ${operator} ${rendered}`;
+}
+function ReportToolbar(param) {
+  var {
+    columns,
+    onToggleColumn,
+    groupBy,
+    onGroupByChange,
+    pageSize,
+    onPageSizeChange,
+    filters,
+    onClearFilters
+  } = param;
+  var _ref, _ref1;
+  var {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  var enabledCount = columns.filter(function (column) {
+    return column.enabled;
+  }).length;
+  var numericColumns = columns.filter(function (column) {
+    return REPORT_NUMERIC_FIELDTYPES.has(column.fieldtype);
+  });
+  var groupByColumn = groupBy ? columns.find(function (column) {
+    return column.fieldname === groupBy.field;
+  }) : void 0;
+  var aggregationFieldColumn = (groupBy === null || groupBy === void 0 ? void 0 : groupBy.aggregationField) ? columns.find(function (column) {
+    return column.fieldname === groupBy.aggregationField;
+  }) : void 0;
+  var aggregationLabels = {
+    count: t("report.aggCount", "Count"),
+    sum: t("report.aggSum", "Sum"),
+    avg: t("report.aggAvg", "Average"),
+    min: t("report.aggMin", "Min"),
+    max: t("report.aggMax", "Max")
+  };
+  var selectGroupField = function selectGroupField2(fieldname) {
+    var _ref2;
+    if (!fieldname) {
+      onGroupByChange(null);
+      return;
+    }
+    onGroupByChange({
+      field: fieldname,
+      aggregation: (_ref2 = groupBy === null || groupBy === void 0 ? void 0 : groupBy.aggregation) !== null && _ref2 !== void 0 ? _ref2 : "count",
+      aggregationField: groupBy === null || groupBy === void 0 ? void 0 : groupBy.aggregationField
+    });
+  };
+  var selectAggregation = function selectAggregation2(aggregation) {
+    var _groupBy_aggregationField;
+    var _numericColumns_;
+    if (!groupBy) return;
+    onGroupByChange({
+      ...groupBy,
+      aggregation,
+      aggregationField: aggregation === "count" ? void 0 : (_groupBy_aggregationField = groupBy.aggregationField) !== null && _groupBy_aggregationField !== void 0 ? _groupBy_aggregationField : (_numericColumns_ = numericColumns[0]) === null || _numericColumns_ === void 0 ? void 0 : _numericColumns_.fieldname
+    });
+  };
+  return /* @__PURE__ */_jsxs(XStack, {
+    alignItems: "center",
+    flexWrap: "wrap",
+    gap: "$2",
+    children: [/* Column add/remove picker across all meta fields */
+    /* @__PURE__ */_jsxs(DropdownMenu, {
+      children: [/* @__PURE__ */_jsx(DropdownMenu.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */_jsx(Button, {
+          size: "$2",
+          chromeless: true,
+          children: t("report.columns", {
+            defaultValue: "Columns ({{enabled}}/{{total}})",
+            enabled: enabledCount,
+            total: columns.length
+          })
+        })
+      }), /* @__PURE__ */_jsxs(DropdownMenu.Content, {
+        maxHeight: 360,
+        children: [/* @__PURE__ */_jsx(DropdownMenu.Label, {
+          children: t("report.pickColumns", "Report columns")
+        }), columns.map(function (column) {
+          var lastEnabled = column.enabled && enabledCount === 1;
+          return /* @__PURE__ */_jsx(DropdownMenu.CheckboxItem, {
+            checked: column.enabled,
+            disabled: lastEnabled,
+            disabledReason: lastEnabled ? t("report.lastColumn", "At least one column stays visible") : void 0,
+            onCheckedChange: function onCheckedChange() {
+              return onToggleColumn(column.fieldname);
+            },
+            children: column.label
+          }, column.fieldname);
+        })]
+      })]
+    }), /* Group-by field */
+    /* @__PURE__ */_jsxs(DropdownMenu, {
+      children: [/* @__PURE__ */_jsx(DropdownMenu.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */_jsx(Button, {
+          size: "$2",
+          chromeless: true,
+          children: groupByColumn ? t("report.groupByActive", {
+            defaultValue: "Group by: {{field}}",
+            field: groupByColumn.label
+          }) : t("report.groupBy", "Group by")
+        })
+      }), /* @__PURE__ */_jsxs(DropdownMenu.Content, {
+        maxHeight: 360,
+        children: [/* @__PURE__ */_jsx(DropdownMenu.CheckboxItem, {
+          checked: !groupBy,
+          closeOnSelect: true,
+          onCheckedChange: function onCheckedChange() {
+            return selectGroupField(null);
+          },
+          children: t("report.groupByNone", "No grouping")
+        }), /* @__PURE__ */_jsx(DropdownMenu.Separator, {}), columns.map(function (column) {
+          return /* @__PURE__ */_jsx(DropdownMenu.CheckboxItem, {
+            checked: (groupBy === null || groupBy === void 0 ? void 0 : groupBy.field) === column.fieldname,
+            closeOnSelect: true,
+            onCheckedChange: function onCheckedChange() {
+              return selectGroupField(column.fieldname);
+            },
+            children: column.label
+          }, column.fieldname);
+        })]
+      })]
+    }), /* Aggregation (per-group summary rendered by ReportBuilder) */
+    groupBy && /* @__PURE__ */_jsxs(DropdownMenu, {
+      children: [/* @__PURE__ */_jsx(DropdownMenu.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */_jsx(Button, {
+          size: "$2",
+          chromeless: true,
+          children: aggregationLabels[groupBy.aggregation]
+        })
+      }), /* @__PURE__ */_jsx(DropdownMenu.Content, {
+        children: AGGREGATIONS.map(function (aggregation) {
+          var needsNumeric = aggregation !== "count" && numericColumns.length === 0;
+          return /* @__PURE__ */_jsx(DropdownMenu.CheckboxItem, {
+            checked: groupBy.aggregation === aggregation,
+            closeOnSelect: true,
+            disabled: needsNumeric,
+            disabledReason: needsNumeric ? t("report.noNumericFields", "No numeric fields to aggregate") : void 0,
+            onCheckedChange: function onCheckedChange() {
+              return selectAggregation(aggregation);
+            },
+            children: aggregationLabels[aggregation]
+          }, aggregation);
+        })
+      })]
+    }), /* Aggregated field (sum/avg/min/max) */
+    groupBy && groupBy.aggregation !== "count" && numericColumns.length > 0 && /* @__PURE__ */_jsxs(DropdownMenu, {
+      children: [/* @__PURE__ */_jsx(DropdownMenu.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */_jsx(Button, {
+          size: "$2",
+          chromeless: true,
+          children: t("report.aggregationOf", {
+            defaultValue: "of {{field}}",
+            field: (_ref = (_ref1 = aggregationFieldColumn === null || aggregationFieldColumn === void 0 ? void 0 : aggregationFieldColumn.label) !== null && _ref1 !== void 0 ? _ref1 : groupBy.aggregationField) !== null && _ref !== void 0 ? _ref : t("report.pickField", "field")
+          })
+        })
+      }), /* @__PURE__ */_jsx(DropdownMenu.Content, {
+        maxHeight: 360,
+        children: numericColumns.map(function (column) {
+          return /* @__PURE__ */_jsx(DropdownMenu.CheckboxItem, {
+            checked: groupBy.aggregationField === column.fieldname,
+            closeOnSelect: true,
+            onCheckedChange: function onCheckedChange() {
+              return onGroupByChange({
+                ...groupBy,
+                aggregationField: column.fieldname
+              });
+            },
+            children: column.label
+          }, column.fieldname);
+        })
+      })]
+    }), /* @__PURE__ */_jsx(XStack, {
+      flex: 1
+    }), /* Base filter chips (?f= URL param) */
+    filters.map(function (tuple, index) {
+      return /* @__PURE__ */_jsx(XStack, {
+        alignItems: "center",
+        backgroundColor: "$color3",
+        borderRadius: 999,
+        paddingHorizontal: "$2.5",
+        paddingVertical: "$1",
+        children: /* @__PURE__ */_jsx(Text, {
+          fontSize: "$2",
+          color: "$color11",
+          children: filterChipLabel(tuple)
+        })
+      }, `${tuple[0]}-${index}`);
+    }), onClearFilters && filters.length > 0 && /* @__PURE__ */_jsx(Button, {
+      size: "$2",
+      chromeless: true,
+      onPress: onClearFilters,
+      children: t("report.clearFilters", "Clear filters")
+    }), /* Page size (desk page lengths) */
+    /* @__PURE__ */_jsxs(DropdownMenu, {
+      children: [/* @__PURE__ */_jsx(DropdownMenu.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */_jsx(Button, {
+          size: "$2",
+          chromeless: true,
+          children: t("report.pageSize", {
+            defaultValue: "{{count}} / page",
+            count: pageSize
+          })
+        })
+      }), /* @__PURE__ */_jsx(DropdownMenu.Content, {
+        children: REPORT_PAGE_SIZES.map(function (size) {
+          return /* @__PURE__ */_jsx(DropdownMenu.CheckboxItem, {
+            checked: pageSize === size,
+            closeOnSelect: true,
+            onCheckedChange: function onCheckedChange() {
+              return onPageSizeChange(size);
+            },
+            children: String(size)
+          }, size);
+        })
+      })]
+    })]
+  });
+}
+var OPEN_MENU_LIMIT = 50;
+function formatTotalValue(value, fieldtype) {
+  switch (fieldtype) {
+    case "Currency":
+      return formatCurrency(value);
+    case "Int":
+      return formatNumber(Math.round(value), {
+        maximumFractionDigits: 0
+      });
+    case "Percent":
+      return formatPercent(value, {
+        precision: 1
+      });
+    default:
+      return formatNumber(value);
+  }
+}
+function ReportFooter(param) {
+  var {
+    page,
+    pageCount,
+    pageSize,
+    totalItems,
+    onPageChange,
+    records,
+    onOpenRecord,
+    totals
+  } = param;
+  var {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  var openRecords = records.slice(0, OPEN_MENU_LIMIT);
+  return /* @__PURE__ */_jsxs(YStack, {
+    gap: "$2",
+    children: [totals.length > 0 && /* @__PURE__ */_jsxs(XStack, {
+      alignItems: "center",
+      flexWrap: "wrap",
+      gap: "$3",
+      children: [/* @__PURE__ */_jsx(Text, {
+        fontSize: "$2",
+        fontWeight: "600",
+        color: "$color10",
+        children: t("report.totals", "Totals")
+      }), totals.map(function (total) {
+        return /* @__PURE__ */_jsxs(Text, {
+          fontSize: "$2",
+          color: "$color11",
+          children: [total.label, ":", " ", /* @__PURE__ */_jsx(Text, {
+            fontSize: "$2",
+            fontWeight: "600",
+            color: "$color12",
+            children: formatTotalValue(total.value, total.fieldtype)
+          })]
+        }, total.label);
+      })]
+    }), /* @__PURE__ */_jsxs(XStack, {
+      alignItems: "center",
+      flexWrap: "wrap",
+      gap: "$2",
+      children: [records.length > 0 && /* @__PURE__ */_jsxs(DropdownMenu, {
+        children: [/* @__PURE__ */_jsx(DropdownMenu.Trigger, {
+          asChild: true,
+          children: /* @__PURE__ */_jsx(Button, {
+            size: "$2",
+            chromeless: true,
+            icon: ArrowSquareOutIcon,
+            children: t("report.openRecord", "Open")
+          })
+        }), /* @__PURE__ */_jsxs(DropdownMenu.Content, {
+          maxHeight: 360,
+          children: [/* @__PURE__ */_jsx(DropdownMenu.Label, {
+            children: t("report.openRecordHint", "Open a record from this page")
+          }), openRecords.map(function (record) {
+            return /* @__PURE__ */_jsx(DropdownMenu.Item, {
+              shortcut: record.title !== record.name ? record.name : void 0,
+              onSelect: function onSelect() {
+                return onOpenRecord(record.name);
+              },
+              children: record.title
+            }, record.name);
+          }), records.length > OPEN_MENU_LIMIT && /* @__PURE__ */_jsx(DropdownMenu.Item, {
+            disabled: true,
+            disabledReason: t("report.openRecordOverflow", "Narrow with filters or a smaller page to reach the rest"),
+            children: t("report.moreRecords", {
+              defaultValue: "+{{count}} more on this page",
+              count: records.length - OPEN_MENU_LIMIT
+            })
+          })]
+        })]
+      }), /* @__PURE__ */_jsx(XStack, {
+        flex: 1
+      }), pageCount > 1 ? /* @__PURE__ */_jsx(Pagination, {
+        variant: "numbered",
+        total: pageCount,
+        page: page + 1,
+        onPageChange: function onPageChange1(nextPage) {
+          return onPageChange(nextPage - 1);
+        },
+        totalItems,
+        pageSize,
+        showSummary: true
+      }) : /* @__PURE__ */_jsx(Text, {
+        fontSize: "$2",
+        color: "$color10",
+        children: t("report.recordCount", {
+          defaultValue: "{{count}} record(s)",
+          count: totalItems
+        })
+      })]
+    })]
+  });
+}
+export { REPORT_NUMERIC_FIELDTYPES, REPORT_PAGE_SIZES, ReportFooter, ReportToolbar };
+//# sourceMappingURL=report-controls.native.js.map

package/dist/esm/views/report-controls.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","DropdownMenu","Pagination","Text","XStack","YStack","formatCurrency","formatNumber","formatPercent","ArrowSquareOutIcon","useTranslation","BACKOFFICE_I18N_NAMESPACE","REPORT_NUMERIC_FIELDTYPES","Set","REPORT_PAGE_SIZES","AGGREGATIONS","filterChipLabel","param","fieldname","operator","value","rendered","replace","Array","isArray","map","String","join","JSON","stringify","ReportToolbar","columns","onToggleColumn","groupBy","onGroupByChange","pageSize","onPageSizeChange","filters","onClearFilters","_ref","_ref1","t","enabledCount","filter","column","enabled","length","numericColumns","has","fieldtype","groupByColumn","find","field","aggregationFieldColumn","aggregationField","aggregationLabels","count","sum","avg","min","max","selectGroupField","selectGroupField2","_ref2","aggregation","selectAggregation","selectAggregation2","_groupBy_aggregationField","_numericColumns_","alignItems","flexWrap","gap","children","Trigger","asChild","size","chromeless","defaultValue","total","Content","maxHeight","Label","lastEnabled","CheckboxItem","checked","disabled","disabledReason","onCheckedChange","label","closeOnSelect","Separator","needsNumeric","flex","tuple","index","backgroundColor","borderRadius","paddingHorizontal","paddingVertical","fontSize","color","onPress"],"sources":["../../../src/views/report-controls.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/views/viewMeta.mjs

@@ -0,0 +1,64 @@
+import { useDoctypeMeta } from "../shared/useDoctypeMeta.mjs";
+function useViewMeta(doctype) {
+  const {
+    meta,
+    loading,
+    error,
+    reload
+  } = useDoctypeMeta(doctype);
+  return {
+    meta,
+    isLoading: loading,
+    error: error ?? null,
+    refetch: reload
+  };
+}
+const DATE_FIELD_TYPES = /* @__PURE__ */new Set(["Date", "Datetime"]);
+function isDateField(field) {
+  return DATE_FIELD_TYPES.has(field.fieldtype) && !field.hidden;
+}
+const DATE_PAIR_CONVENTIONS = [["starts_on", "ends_on"], ["start_date", "end_date"], ["from_date", "to_date"], ["start_datetime", "end_datetime"], ["start", "end"]];
+function detectDateFields(meta, override) {
+  const dateFields = new Map(meta.fields.filter(isDateField).map(f => [f.fieldname, f]));
+  if (override && dateFields.has(override)) {
+    const pair = DATE_PAIR_CONVENTIONS.find(([start]) => start === override);
+    return {
+      dateField: override,
+      endDateField: pair && dateFields.has(pair[1]) ? pair[1] : void 0
+    };
+  }
+  for (const [start, end] of DATE_PAIR_CONVENTIONS) {
+    if (dateFields.has(start)) {
+      return {
+        dateField: start,
+        endDateField: dateFields.has(end) ? end : void 0
+      };
+    }
+  }
+  const first = meta.fields.find(isDateField);
+  return first ? {
+    dateField: first.fieldname
+  } : {};
+}
+function detectSelectField(meta) {
+  return meta.fields.find(f => f.fieldtype === "Select" && !f.hidden && (f.options ?? "").trim().length > 0);
+}
+function selectFieldOptions(field) {
+  return (field.options ?? "").split("\n").map(option => option.trim()).filter(Boolean);
+}
+function detectImageField(meta) {
+  if (meta.image_field) return meta.image_field;
+  return meta.fields.find(f => f.fieldtype === "Attach Image" && !f.hidden)?.fieldname;
+}
+const LAYOUT_FIELD_TYPES = /* @__PURE__ */new Set(["Section Break", "Column Break", "Tab Break"]);
+function detectCardFields(meta, excludeFields = [], max = 2) {
+  const titleField = meta.title_field || "name";
+  const exclude = /* @__PURE__ */new Set([titleField, "name", ...excludeFields]);
+  const extraFields = meta.fields.filter(f => f.in_list_view && !f.hidden && !LAYOUT_FIELD_TYPES.has(f.fieldtype) && !exclude.has(f.fieldname)).slice(0, max).map(f => f.fieldname);
+  return {
+    titleField,
+    extraFields
+  };
+}
+export { detectCardFields, detectDateFields, detectImageField, detectSelectField, selectFieldOptions, useViewMeta };
+//# sourceMappingURL=viewMeta.mjs.map

package/dist/esm/views/viewMeta.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDoctypeMeta","useViewMeta","doctype","meta","loading","error","reload","isLoading","refetch","DATE_FIELD_TYPES","Set","isDateField","field","has","fieldtype","hidden","DATE_PAIR_CONVENTIONS","detectDateFields","override","dateFields","Map","fields","filter","map","f","fieldname","pair","find","start","dateField","endDateField","end","first","detectSelectField","options","trim","length","selectFieldOptions","split","option","Boolean","detectImageField","image_field","LAYOUT_FIELD_TYPES","detectCardFields","excludeFields","max","titleField","title_field","exclude","extraFields","in_list_view","slice"],"sources":["../../../src/views/viewMeta.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/views/viewMeta.native.js

@@ -0,0 +1,103 @@
+import { useDoctypeMeta } from "../shared/useDoctypeMeta.native.js";
+function useViewMeta(doctype) {
+  var {
+    meta,
+    loading,
+    error,
+    reload
+  } = useDoctypeMeta(doctype);
+  return {
+    meta,
+    isLoading: loading,
+    error: error !== null && error !== void 0 ? error : null,
+    refetch: reload
+  };
+}
+var DATE_FIELD_TYPES = /* @__PURE__ */new Set(["Date", "Datetime"]);
+function isDateField(field) {
+  return DATE_FIELD_TYPES.has(field.fieldtype) && !field.hidden;
+}
+var DATE_PAIR_CONVENTIONS = [["starts_on", "ends_on"], ["start_date", "end_date"], ["from_date", "to_date"], ["start_datetime", "end_datetime"], ["start", "end"]];
+function detectDateFields(meta, override) {
+  var dateFields = new Map(meta.fields.filter(isDateField).map(function (f) {
+    return [f.fieldname, f];
+  }));
+  if (override && dateFields.has(override)) {
+    var pair = DATE_PAIR_CONVENTIONS.find(function (param) {
+      var [start2] = param;
+      return start2 === override;
+    });
+    return {
+      dateField: override,
+      endDateField: pair && dateFields.has(pair[1]) ? pair[1] : void 0
+    };
+  }
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = DATE_PAIR_CONVENTIONS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var [start, end] = _step.value;
+      if (dateFields.has(start)) {
+        return {
+          dateField: start,
+          endDateField: dateFields.has(end) ? end : void 0
+        };
+      }
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  var first = meta.fields.find(isDateField);
+  return first ? {
+    dateField: first.fieldname
+  } : {};
+}
+function detectSelectField(meta) {
+  return meta.fields.find(function (f) {
+    var _f_options;
+    return f.fieldtype === "Select" && !f.hidden && ((_f_options = f.options) !== null && _f_options !== void 0 ? _f_options : "").trim().length > 0;
+  });
+}
+function selectFieldOptions(field) {
+  var _field_options;
+  return ((_field_options = field.options) !== null && _field_options !== void 0 ? _field_options : "").split("\n").map(function (option) {
+    return option.trim();
+  }).filter(Boolean);
+}
+function detectImageField(meta) {
+  var _meta_fields_find;
+  if (meta.image_field) return meta.image_field;
+  return (_meta_fields_find = meta.fields.find(function (f) {
+    return f.fieldtype === "Attach Image" && !f.hidden;
+  })) === null || _meta_fields_find === void 0 ? void 0 : _meta_fields_find.fieldname;
+}
+var LAYOUT_FIELD_TYPES = /* @__PURE__ */new Set(["Section Break", "Column Break", "Tab Break"]);
+function detectCardFields(meta) {
+  var excludeFields = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [],
+    max = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 2;
+  var titleField = meta.title_field || "name";
+  var exclude = /* @__PURE__ */new Set([titleField, "name", ...excludeFields]);
+  var extraFields = meta.fields.filter(function (f) {
+    return f.in_list_view && !f.hidden && !LAYOUT_FIELD_TYPES.has(f.fieldtype) && !exclude.has(f.fieldname);
+  }).slice(0, max).map(function (f) {
+    return f.fieldname;
+  });
+  return {
+    titleField,
+    extraFields
+  };
+}
+export { detectCardFields, detectDateFields, detectImageField, detectSelectField, selectFieldOptions, useViewMeta };
+//# sourceMappingURL=viewMeta.native.js.map

package/dist/esm/views/viewMeta.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDoctypeMeta","useViewMeta","doctype","meta","loading","error","reload","isLoading","refetch","DATE_FIELD_TYPES","Set","isDateField","field","has","fieldtype","hidden","DATE_PAIR_CONVENTIONS","detectDateFields","override","dateFields","Map","fields","filter","map","f","fieldname","pair","find","param","start2","dateField","endDateField"],"sources":["../../../src/views/viewMeta.ts"],"sourcesContent":[null],"mappings":"AAIA,SAASA,cAAA,QAA2D;AAE7D,SAASC,YAAYC,OAAA,EAK1B;EACA;IAAMC,IAAE;IAAAC,OAAM;IAAAC,KAAS;IAAAC;EAAO,IAAON,cAAI,CAAAE,OAAe;EACxD,OAAO;IACTC,IAAA;IAEAI,SAAM,EAAAH,OAAA;IAENC,KAAS,EAAAA,KAAA,KAAY,QAA8BA,KAAA,cAAAA,KAAA;IACjDG,OAAO,EAAAF;EACT;AAMA;AAAwE,IACrEG,gBAAa,kBAAS,IAAAC,GAAA,EACvB,MAAC,EACD,UAAC,CAAsB,CACvB;AAAiC,SAChCC,WAAcA,CAAAC,KAAA;EACjB,OAAAH,gBAAA,CAAAI,GAAA,CAAAD,KAAA,CAAAE,SAAA,MAAAF,KAAA,CAAAG,MAAA;AAYO;AACL,IAAAC,qBAAuB,IACvB,CACE,WAAM,EACN,SAAO,GACM,CAEb,cACF,WACA,EACE,CACE,WAAS,EACX,UACF,EACA,CACA,gBAAiB,EACnB,eAGO,EACL,CACE,OAAO,EACT,MACF,CAEO;AACL,SAAAC,gBAAcA,CAAAd,IAAW,EACtBe,QAAM,EAAI;EAGf,IAAAC,UAAA,OAAAC,GAAA,CAAAjB,IAAA,CAAAkB,MAAA,CAAAC,MAAA,CAAAX,WAAA,EAAAY,GAAA,WAAAC,CAAA;IAGO,OAAS,CACVA,CAAA,CAAAC,SAAK,EACTD,CAAA,CACF;EAEA;EAaO,IAAAN,QAAS,IAAAC,UACd,CAAAN,GACA,CAAAK,QAAA;IAGA,IAAMQ,IAAA,GAAAV,qBAAkB,CAAAW,IAAe,WAAAC,KAAA;MACvC,IAAM,CAAAC,MAAA,CAAU,GAAAD,KAAA;MAChB,OAAMC,MAAA,KAAcX,QAAK;IAErB,CAAC;IAMF,OAAM;MAETY,SAAS,EAAAZ,QAAY;MACvBa,YAAA,EAAAL,IAAA,IAAAP,UAAA,CAAAN,GAAA,CAAAa,IAAA,OAAAA,IAAA","ignoreList":[]}

package/dist/esm/workspace/WorkspaceGrid.mjs

@@ -1,13 +1,12 @@
 import { XStack, YStack } from "@multiplatform.one/components";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { getLayoutSizeClass, useResolvedKnobs } from "@multiplatform.one/theme";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-const NARROW_MAX = 640;
 const MEDIUM_MAX = 960;
 function effectiveSpan(raw, width) {
   const span = Math.min(Math.max(Math.round(raw ?? 12), 1), 12);
   if (width <= 0) return span;
-  if (width < NARROW_MAX) return 12;
+  if (getLayoutSizeClass(width) === "compact") return 12;
   if (width < MEDIUM_MAX) return span <= 6 ? 6 : 12;
   return span;
 }

package/dist/esm/workspace/WorkspaceGrid.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["XStack","YStack","useResolvedKnobs","useState","jsx","jsxs","NARROW_MAX","MEDIUM_MAX","effectiveSpan","raw","width","span","Math","min","max","round","WorkspaceGrid","items","stackProps","knobProps","setWidth","rows","current","used","item","col","length","push","gap","onLayout","event","nativeEvent","layout","children","map","row","rowIndex","rowUsed","reduce","sum","cell","alignItems","flexGrow","flexShrink","flexBasis","minWidth","node","key"],"sources":["../../../src/workspace/WorkspaceGrid.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,MAAA,EAAQC,MAAA,QAAgC;AACjD,SAASC,gBAAA,QAAwB;AACjC,SAASC,QAAA,QAAgC;AAuD/B,SAEIC,GAAA,EAFJC,IAAA;AApDV,MAAMC,UAAA,GAAa;AAEnB,MAAMC,UAAA,GAAa;AASnB,SAASC,cAAcC,GAAA,EAAyBC,KAAA,EAAuB;EACrE,MAAMC,IAAA,GAAOC,IAAA,CAAKC,GAAA,CAAID,IAAA,CAAKE,GAAA,CAAIF,IAAA,CAAKG,KAAA,CAAMN,GAAA,IAAO,EAAE,GAAG,CAAC,GAAG,EAAE;EAC5D,IAAIC,KAAA,IAAS,GAAG,OAAOC,IAAA;EACvB,IAAID,KAAA,GAAQJ,UAAA,EAAY,OAAO;EAC/B,IAAII,KAAA,GAAQH,UAAA,EAAY,OAAOI,IAAA,IAAQ,IAAI,IAAI;EAC/C,OAAOA,IAAA;AACT;AAMO,SAASK,cAAc;EAAEC,KAAA;EAAO,GAAGC;AAAW,GAAuB;EAC1E,MAAM;IAAEC;EAAU,IAAIjB,gBAAA,CAAiB;EACvC,MAAM,CAACQ,KAAA,EAAOU,QAAQ,IAAIjB,QAAA,CAAS,CAAC;EAGpC,MAAMkB,IAAA,GAAgE,EAAC;EACvE,IAAIC,OAAA,GAA4D,EAAC;EACjE,IAAIC,IAAA,GAAO;EACX,WAAWC,IAAA,IAAQP,KAAA,EAAO;IACxB,MAAMN,IAAA,GAAOH,aAAA,CAAcgB,IAAA,CAAKC,GAAA,EAAKf,KAAK;IAC1C,IAAIa,IAAA,GAAOZ,IAAA,GAAO,MAAMW,OAAA,CAAQI,MAAA,GAAS,GAAG;MAC1CL,IAAA,CAAKM,IAAA,CAAKL,OAAO;MACjBA,OAAA,GAAU,EAAC;MACXC,IAAA,GAAO;IACT;IACAD,OAAA,CAAQK,IAAA,CAAK;MAAEH,IAAA;MAAMb;IAAK,CAAC;IAC3BY,IAAA,IAAQZ,IAAA;EACV;EACA,IAAIW,OAAA,CAAQI,MAAA,GAAS,GAAGL,IAAA,CAAKM,IAAA,CAAKL,OAAO;EAEzC,OACE,eAAAlB,GAAA,CAACH,MAAA;IACE,GAAGkB,SAAA,CAAUS,GAAA;IACdC,QAAA,EAAWC,KAAA,IAAUV,QAAA,CAASU,KAAA,CAAMC,WAAA,CAAYC,MAAA,CAAOtB,KAAK;IAC3D,GAAGQ,UAAA;IAEHe,QAAA,EAAAZ,IAAA,CAAKa,GAAA,CAAI,CAACC,GAAA,EAAKC,QAAA,KAAa;MAC3B,MAAMC,OAAA,GAAUF,GAAA,CAAIG,MAAA,CAAO,CAACC,GAAA,EAAKC,IAAA,KAASD,GAAA,GAAMC,IAAA,CAAK7B,IAAA,EAAM,CAAC;MAC5D,OACE,eAAAN,IAAA,CAACL,MAAA;QAA2C,GAAGmB,SAAA,CAAUS,GAAA;QAAKa,UAAA,EAAW;QACtER,QAAA,GAAAE,GAAA,CAAID,GAAA,CAAI,CAAC;UAAEV,IAAA;UAAMb;QAAK,MACrB,eAAAP,GAAA,CAACH,MAAA;UAAsByC,QAAA,EAAU/B,IAAA;UAAMgC,UAAA,EAAY;UAAGC,SAAA,EAAW;UAAGC,QAAA,EAAU;UAC3EZ,QAAA,EAAAT,IAAA,CAAKsB;QAAA,GADKtB,IAAA,CAAKuB,GAElB,CACD,GAGAV,OAAA,GAAU,KAAK,eAAAjC,GAAA,CAACH,MAAA;UAAOyC,QAAA,EAAU,KAAKL,OAAA;UAASO,SAAA,EAAW;QAAA,CAAG,IAAK;MAAA,GARxDT,GAAA,CAAI,CAAC,GAAGX,IAAA,CAAKuB,GAAA,IAAOX,QASjC;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["XStack","YStack","getLayoutSizeClass","useResolvedKnobs","useState","jsx","jsxs","MEDIUM_MAX","effectiveSpan","raw","width","span","Math","min","max","round","WorkspaceGrid","items","stackProps","knobProps","setWidth","rows","current","used","item","col","length","push","gap","onLayout","event","nativeEvent","layout","children","map","row","rowIndex","rowUsed","reduce","sum","cell","alignItems","flexGrow","flexShrink","flexBasis","minWidth","node","key"],"sources":["../../../src/workspace/WorkspaceGrid.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,MAAA,EAAQC,MAAA,QAAgC;AACjD,SAASC,kBAAA,EAAoBC,gBAAA,QAAwB;AACrD,SAASC,QAAA,QAAgC;AAsD/B,SAEIC,GAAA,EAFJC,IAAA;AAnDV,MAAMC,UAAA,GAAa;AASnB,SAASC,cAAcC,GAAA,EAAyBC,KAAA,EAAuB;EACrE,MAAMC,IAAA,GAAOC,IAAA,CAAKC,GAAA,CAAID,IAAA,CAAKE,GAAA,CAAIF,IAAA,CAAKG,KAAA,CAAMN,GAAA,IAAO,EAAE,GAAG,CAAC,GAAG,EAAE;EAC5D,IAAIC,KAAA,IAAS,GAAG,OAAOC,IAAA;EAEvB,IAAIT,kBAAA,CAAmBQ,KAAK,MAAM,WAAW,OAAO;EACpD,IAAIA,KAAA,GAAQH,UAAA,EAAY,OAAOI,IAAA,IAAQ,IAAI,IAAI;EAC/C,OAAOA,IAAA;AACT;AAMO,SAASK,cAAc;EAAEC,KAAA;EAAO,GAAGC;AAAW,GAAuB;EAC1E,MAAM;IAAEC;EAAU,IAAIhB,gBAAA,CAAiB;EACvC,MAAM,CAACO,KAAA,EAAOU,QAAQ,IAAIhB,QAAA,CAAS,CAAC;EAGpC,MAAMiB,IAAA,GAAgE,EAAC;EACvE,IAAIC,OAAA,GAA4D,EAAC;EACjE,IAAIC,IAAA,GAAO;EACX,WAAWC,IAAA,IAAQP,KAAA,EAAO;IACxB,MAAMN,IAAA,GAAOH,aAAA,CAAcgB,IAAA,CAAKC,GAAA,EAAKf,KAAK;IAC1C,IAAIa,IAAA,GAAOZ,IAAA,GAAO,MAAMW,OAAA,CAAQI,MAAA,GAAS,GAAG;MAC1CL,IAAA,CAAKM,IAAA,CAAKL,OAAO;MACjBA,OAAA,GAAU,EAAC;MACXC,IAAA,GAAO;IACT;IACAD,OAAA,CAAQK,IAAA,CAAK;MAAEH,IAAA;MAAMb;IAAK,CAAC;IAC3BY,IAAA,IAAQZ,IAAA;EACV;EACA,IAAIW,OAAA,CAAQI,MAAA,GAAS,GAAGL,IAAA,CAAKM,IAAA,CAAKL,OAAO;EAEzC,OACE,eAAAjB,GAAA,CAACJ,MAAA;IACE,GAAGkB,SAAA,CAAUS,GAAA;IACdC,QAAA,EAAWC,KAAA,IAAUV,QAAA,CAASU,KAAA,CAAMC,WAAA,CAAYC,MAAA,CAAOtB,KAAK;IAC3D,GAAGQ,UAAA;IAEHe,QAAA,EAAAZ,IAAA,CAAKa,GAAA,CAAI,CAACC,GAAA,EAAKC,QAAA,KAAa;MAC3B,MAAMC,OAAA,GAAUF,GAAA,CAAIG,MAAA,CAAO,CAACC,GAAA,EAAKC,IAAA,KAASD,GAAA,GAAMC,IAAA,CAAK7B,IAAA,EAAM,CAAC;MAC5D,OACE,eAAAL,IAAA,CAACN,MAAA;QAA2C,GAAGmB,SAAA,CAAUS,GAAA;QAAKa,UAAA,EAAW;QACtER,QAAA,GAAAE,GAAA,CAAID,GAAA,CAAI,CAAC;UAAEV,IAAA;UAAMb;QAAK,MACrB,eAAAN,GAAA,CAACJ,MAAA;UAAsByC,QAAA,EAAU/B,IAAA;UAAMgC,UAAA,EAAY;UAAGC,SAAA,EAAW;UAAGC,QAAA,EAAU;UAC3EZ,QAAA,EAAAT,IAAA,CAAKsB;QAAA,GADKtB,IAAA,CAAKuB,GAElB,CACD,GAGAV,OAAA,GAAU,KAAK,eAAAhC,GAAA,CAACJ,MAAA;UAAOyC,QAAA,EAAU,KAAKL,OAAA;UAASO,SAAA,EAAW;QAAA,CAAG,IAAK;MAAA,GARxDT,GAAA,CAAI,CAAC,GAAGX,IAAA,CAAKuB,GAAA,IAAOX,QASjC;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/esm/workspace/WorkspaceGrid.native.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { XStack, YStack } from "@multiplatform.one/components";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { getLayoutSizeClass, useResolvedKnobs } from "@multiplatform.one/theme";
 import { useState } from "react";
-var NARROW_MAX = 640;
 var MEDIUM_MAX = 960;
 function effectiveSpan(raw, width) {
   var span = Math.min(Math.max(Math.round(raw !== null && raw !== void 0 ? raw : 12), 1), 12);
   if (width <= 0) return span;
-  if (width < NARROW_MAX) return 12;
+  if (getLayoutSizeClass(width) === "compact") return 12;
   if (width < MEDIUM_MAX) return span <= 6 ? 6 : 12;
   return span;
 }

package/dist/esm/workspace/WorkspaceGrid.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","YStack","useResolvedKnobs","useState","NARROW_MAX","MEDIUM_MAX","effectiveSpan","raw","width","span","Math","min","max","round","WorkspaceGrid","param","items","stackProps","knobProps","setWidth","rows","current","used","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","item","value","col","length","push","err","return"],"sources":["../../../src/workspace/WorkspaceGrid.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAAC,KAAgC;AACjD,SAASC,MAAA,EAAAC,MAAA,uCAAwB;AACjC,SAASC,gBAAgC;AAuD/B,SAEIC,QAFJ;AApDV,IAAAC,UAAM,MAAa;AAEnB,IAAAC,UAAM,MAAa;AASnB,SAASC,cAAcC,GAAA,EAAyBC,KAAA,EAAuB;EACrE,IAAAC,IAAM,GAAAC,IAAO,CAAAC,GAAK,CAAAD,IAAI,CAAAE,GAAK,CAAAF,IAAI,CAAAG,KAAK,CAAAN,GAAM,SAAS,IAAIA,GAAG,KAAE,SAAAA,GAAA;EAC5D,IAAIC,KAAA,IAAS,GAAG,OAAOC,IAAA;EACvB,IAAID,KAAA,GAAQJ,UAAA,EAAY,OAAO;EAC/B,IAAII,KAAA,GAAQH,UAAA,EAAY,OAAOI,IAAA,IAAQ,IAAI,IAAI;EAC/C,OAAOA,IAAA;AACT;AAMO,SAASK,cAAcC,KAAE;EAC9B;IAAMC,KAAE;IAAA,GAAAC;EAAc,IAAAF,KAAA;EACtB;IAAMG;EAAQ,IAAAhB,gBAAsB;EAGpC,KAAAM,KAAM,EAAAW,QAAiE,IAAAhB,QAAA;EACvE,IAAIiB,IAAA;EACJ,IAAIC,OAAO;EACX,IAAAC,IAAA,GAAW;EACT,IAAAC,yBAA2B,OAAK;IAAAC,iBAAU;IAAAC,cAAA;EAC1C;IACE,SAAKC,SAAK,GAAOV,KAAA,CAAAW,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;MACjB,IAAAS,IAAA,GAAWH,KAAA,CAAAI,KAAA;MACX,IAAAxB,IAAO,GAAAH,aAAA,CAAA0B,IAAA,CAAAE,GAAA,EAAA1B,KAAA;MACT,IAAAc,IAAA,GAAAb,IAAA,SAAAY,OAAA,CAAAc,MAAA;QACAf,IAAQ,CAAAgB,IAAK,CAAAf,OAAQ;QACrBA,OAAQ;QACVC,IAAA;MACI;MAEJD,OACE,CAAAe,IAAA;QAACJ,IAAA;QAAAvB;MACE;MACDa,IAAA,IAAAb,IAAW;IAAiD;EACxD,SAEH4B,GAAA;IACCb,iBAAM,GAAU,IAAI;IACpBC,cACE,GAAAY,GAAA;EACG;IAIA;MAGkE,KAAAd,yBARpC,IAAAG,SASjC,CAAAY,MAAA;QAEHZ,SAAA,CAAAY,MAAA;MAAA;IACH;MAEJ,IAAAd,iBAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","YStack","getLayoutSizeClass","useResolvedKnobs","useState","MEDIUM_MAX","effectiveSpan","raw","width","span","Math","min","max","round","WorkspaceGrid","param","items","stackProps","knobProps","setWidth","rows","current","used","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","item","value","col","length","push","err","return"],"sources":["../../../src/workspace/WorkspaceGrid.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAAC,KAAgC;AACjD,SAASC,MAAA,EAAAC,MAAA,QAAoB,+BAAwB;AACrD,SAASC,kBAAgC,EAAAC,gBAAA;AAsD/B,SAEIC,QAFJ;AAnDV,IAAAC,UAAM,MAAa;AASnB,SAASC,cAAcC,GAAA,EAAyBC,KAAA,EAAuB;EACrE,IAAAC,IAAM,GAAAC,IAAO,CAAAC,GAAK,CAAAD,IAAI,CAAAE,GAAK,CAAAF,IAAI,CAAAG,KAAK,CAAAN,GAAM,SAAS,IAAIA,GAAG,KAAE,SAAAA,GAAA;EAC5D,IAAIC,KAAA,IAAS,GAAG,OAAOC,IAAA;EAEvB,IAAIP,kBAAA,CAAmBM,KAAK,MAAM,WAAW,OAAO;EACpD,IAAIA,KAAA,GAAQH,UAAA,EAAY,OAAOI,IAAA,IAAQ,IAAI,IAAI;EAC/C,OAAOA,IAAA;AACT;AAMO,SAASK,cAAcC,KAAE;EAC9B;IAAMC,KAAE;IAAA,GAAAC;EAAc,IAAAF,KAAA;EACtB;IAAMG;EAAQ,IAAAf,gBAAsB;EAGpC,KAAAK,KAAM,EAAAW,QAAiE,IAAAf,QAAA;EACvE,IAAIgB,IAAA;EACJ,IAAIC,OAAO;EACX,IAAAC,IAAA,GAAW;EACT,IAAAC,yBAA2B,OAAK;IAAAC,iBAAU;IAAAC,cAAA;EAC1C;IACE,SAAKC,SAAK,GAAOV,KAAA,CAAAW,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;MACjB,IAAAS,IAAA,GAAWH,KAAA,CAAAI,KAAA;MACX,IAAAxB,IAAO,GAAAH,aAAA,CAAA0B,IAAA,CAAAE,GAAA,EAAA1B,KAAA;MACT,IAAAc,IAAA,GAAAb,IAAA,SAAAY,OAAA,CAAAc,MAAA;QACAf,IAAQ,CAAAgB,IAAK,CAAAf,OAAQ;QACrBA,OAAQ;QACVC,IAAA;MACI;MAEJD,OACE,CAAAe,IAAA;QAACJ,IAAA;QAAAvB;MACE;MACDa,IAAA,IAAAb,IAAW;IAAiD;EACxD,SAEH4B,GAAA;IACCb,iBAAM,GAAU,IAAI;IACpBC,cACE,GAAAY,GAAA;EACG;IAIA;MAGkE,KAAAd,yBARpC,IAAAG,SASjC,CAAAY,MAAA;QAEHZ,SAAA,CAAAY,MAAA;MAAA;IACH;MAEJ,IAAAd,iBAAA","ignoreList":[]}