@nice2dev/ui-erp 1.0.12 → 1.0.14

package/dist/index.cjs

@@ -1476,13 +1476,30 @@ const NiceInvoiceView = React.forwardRef(
   }
 );
 function colorFor(occ, colors) {
-  if (occ <= 0.01) return colors.low;
-  if (occ < 0.5) return colors.low;
-  if (occ < 0.85) return colors.mid;
+  if (occ <= 0.01) {
+    return colors.low;
+  }
+  if (occ < 0.5) {
+    return colors.low;
+  }
+  if (occ < 0.85) {
+    return colors.mid;
+  }
   return colors.high;
 }
 const NiceWarehouseView = React.forwardRef(
-  function NiceWarehouseView2({ warehouseName, cells, colors = { low: "#dcfce7", mid: "#fde68a", high: "#fecaca" }, onCellClick, showLegend = true, cellSize = 48, aisleEvery = 4, className, style, id }, ref) {
+  function NiceWarehouseView2({
+    warehouseName,
+    cells,
+    colors = { low: "#dcfce7", mid: "#fde68a", high: "#fecaca" },
+    onCellClick,
+    showLegend = true,
+    cellSize = 48,
+    aisleEvery = 4,
+    className,
+    style,
+    id
+  }, ref) {
     const [hovered, setHovered] = React.useState(null);
     const grid = React.useMemo(() => {
       const rows = /* @__PURE__ */ new Map();
@@ -1575,17 +1592,36 @@ const STATUS_TINT = {
 function fmtMoney(amount, currency, locale) {
   const code = typeof currency === "string" ? currency : currency.code;
   const decimals = typeof currency === "string" ? 2 : currency.decimalPlaces ?? 2;
-  return new Intl.NumberFormat(locale, { style: "currency", currency: code }).format(amount / Math.pow(10, decimals));
+  return new Intl.NumberFormat(locale, { style: "currency", currency: code }).format(
+    amount / Math.pow(10, decimals)
+  );
 }
 function fmtDate(d, locale) {
-  if (!d) return "—";
+  if (!d) {
+    return "—";
+  }
   const dt = d instanceof Date ? d : new Date(d);
   return new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(dt);
 }
 const NicePurchaseOrder = React.forwardRef(
-  function NicePurchaseOrder2({ orders, selectable = true, initialSelectedId, locale, labels, readOnly, onOrderApprove, onReceiveItems, onOrderUpdate, className, style, id }, ref) {
+  function NicePurchaseOrder2({
+    orders,
+    selectable = true,
+    initialSelectedId,
+    locale,
+    labels,
+    readOnly,
+    onOrderApprove,
+    onReceiveItems,
+    onOrderUpdate,
+    className,
+    style,
+    id
+  }, ref) {
     var _a;
-    const [selectedId, setSelectedId] = React.useState(initialSelectedId ?? ((_a = orders[0]) == null ? void 0 : _a.id));
+    const [selectedId, setSelectedId] = React.useState(
+      initialSelectedId ?? ((_a = orders[0]) == null ? void 0 : _a.id)
+    );
     const L = {
       orderNumber: "PO #",
       supplier: "Supplier",
@@ -1639,57 +1675,77 @@ const NicePurchaseOrder = React.forwardRef(
           o.id
         )) })
       ] }),
-      selectable && selected && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "nice-purchase-order__detail", "aria-label": `${L.orderNumber} ${selected.orderNumber}`, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("h3", { children: [
-            selected.orderNumber,
-            " — ",
-            selected.supplier.name
-          ] }),
-          !readOnly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-purchase-order__actions", children: [
-            selected.status === "pending-approval" && onOrderApprove && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onOrderApprove(selected.id), children: L.approve }),
-            (selected.status === "ordered" || selected.status === "partially-received") && onReceiveItems && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => onReceiveItems(selected.id, selected.items.map((it) => ({ itemId: it.itemId, quantity: it.quantity - (it.receivedQuantity ?? 0) }))),
-                children: L.receive
-              }
-            ),
-            onOrderUpdate && selected.status === "draft" && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onOrderUpdate({ ...selected, status: "pending-approval" }), children: "Submit" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "nice-purchase-order__items", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.sku }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.name }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.qty }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.received }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.unitPrice }),
-            /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.lineTotal })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: selected.items.map((it) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { children: it.sku }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { children: it.itemName }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: it.quantity }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: it.receivedQuantity ?? 0 }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: fmtMoney(it.unitPrice.amount, it.unitPrice.currency, locale) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: fmtMoney(it.lineTotal.amount, it.lineTotal.currency, locale) })
-          ] }, it.itemId)) }),
-          /* @__PURE__ */ jsxRuntime.jsx("tfoot", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, className: "nice-num", children: L.total }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: fmtMoney(selected.total.amount, selected.total.currency, locale) }) })
-          ] }) })
-        ] }),
-        selected.notes && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "nice-purchase-order__notes", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
-            L.notes,
-            ":"
-          ] }),
-          " ",
-          selected.notes
-        ] })
-      ] })
+      selectable && selected && /* @__PURE__ */ jsxRuntime.jsxs(
+        "section",
+        {
+          className: "nice-purchase-order__detail",
+          "aria-label": `${L.orderNumber} ${selected.orderNumber}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("h3", { children: [
+                selected.orderNumber,
+                " — ",
+                selected.supplier.name
+              ] }),
+              !readOnly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nice-purchase-order__actions", children: [
+                selected.status === "pending-approval" && onOrderApprove && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onOrderApprove(selected.id), children: L.approve }),
+                (selected.status === "ordered" || selected.status === "partially-received") && onReceiveItems && /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onReceiveItems(
+                      selected.id,
+                      selected.items.map((it) => ({
+                        itemId: it.itemId,
+                        quantity: it.quantity - (it.receivedQuantity ?? 0)
+                      }))
+                    ),
+                    children: L.receive
+                  }
+                ),
+                onOrderUpdate && selected.status === "draft" && /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onOrderUpdate({ ...selected, status: "pending-approval" }),
+                    children: "Submit"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "nice-purchase-order__items", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.sku }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.name }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.qty }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.received }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.unitPrice }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.lineTotal })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: selected.items.map((it) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("td", { children: it.sku }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { children: it.itemName }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: it.quantity }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: it.receivedQuantity ?? 0 }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: fmtMoney(it.unitPrice.amount, it.unitPrice.currency, locale) }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: fmtMoney(it.lineTotal.amount, it.lineTotal.currency, locale) })
+              ] }, it.itemId)) }),
+              /* @__PURE__ */ jsxRuntime.jsx("tfoot", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, className: "nice-num", children: L.total }),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: fmtMoney(selected.total.amount, selected.total.currency, locale) }) })
+              ] }) })
+            ] }),
+            selected.notes && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "nice-purchase-order__notes", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+                L.notes,
+                ":"
+              ] }),
+              " ",
+              selected.notes
+            ] })
+          ]
+        }
+      )
     ] });
   }
 );
@@ -1799,19 +1855,26 @@ function useMockErpApi(options = {}) {
     setLoading(false);
   }, [latencyMs, errorRate]);
   React.useEffect(() => {
-    if (settledRef.current) return;
+    if (settledRef.current) {
+      return;
+    }
     settledRef.current = true;
     void refresh();
   }, [refresh]);
   const writeWith = React.useCallback(
     async (key, item) => {
       await wait(latencyMs);
-      if (Math.random() < errorRate) throw new Error("Mock ERP API: write failed");
+      if (Math.random() < errorRate) {
+        throw new Error("Mock ERP API: write failed");
+      }
       setData((d) => {
         const arr = [...d[key]];
         const idx = arr.findIndex((i) => i.id === item.id);
-        if (idx >= 0) arr[idx] = item;
-        else arr.push(item);
+        if (idx >= 0) {
+          arr[idx] = item;
+        } else {
+          arr.push(item);
+        }
         return { ...d, [key]: arr };
       });
     },
@@ -1836,60 +1899,111 @@ function useMockErpApi(options = {}) {
     [loading, error, data, refresh, writeWith]
   );
 }
-const NiceVatTable = React.forwardRef(
-  function NiceVatTable2({ country = "PL", rates, editable = false, onChange, onRemove, locale, labels, density = "comfortable", className, style, id }, ref) {
-    const [internal, setInternal] = React.useState(rates ?? NICE_VAT_PRESETS[country]);
-    const L = { code: "Code", rate: "Rate", label: "Label", description: "Description", add: "+ Add", remove: "Remove", ...labels };
-    const update = React.useCallback(
-      (next) => {
-        setInternal(next);
-        onChange == null ? void 0 : onChange(next);
-      },
-      [onChange]
-    );
-    const onCellEdit = (idx, key, raw) => {
-      const next = [...internal];
-      const r = { ...next[idx] };
-      if (key === "rate") {
-        const n = Number(raw.replace(",", "."));
-        if (!Number.isFinite(n)) return;
-        r.rate = n > 1 ? n / 100 : n;
-      } else if (key === "code" || key === "label" || key === "description") {
-        r[key] = raw;
+const NiceVatTable = React.forwardRef(function NiceVatTable2({
+  country = "PL",
+  rates,
+  editable = false,
+  onChange,
+  onRemove,
+  locale,
+  labels,
+  density = "comfortable",
+  className,
+  style,
+  id
+}, ref) {
+  const [internal, setInternal] = React.useState(rates ?? NICE_VAT_PRESETS[country]);
+  const L = {
+    code: "Code",
+    rate: "Rate",
+    label: "Label",
+    description: "Description",
+    add: "+ Add",
+    remove: "Remove",
+    ...labels
+  };
+  const update = React.useCallback(
+    (next) => {
+      setInternal(next);
+      onChange == null ? void 0 : onChange(next);
+    },
+    [onChange]
+  );
+  const onCellEdit = (idx, key, raw) => {
+    const next = [...internal];
+    const r = { ...next[idx] };
+    if (key === "rate") {
+      const n = Number(raw.replace(",", "."));
+      if (!Number.isFinite(n)) {
+        return;
       }
-      next[idx] = r;
-      update(next);
-    };
-    const addRow = () => {
-      update([...internal, { code: `NEW-${internal.length + 1}`, rate: 0, label: "0%" }]);
-    };
-    const removeRow = (idx) => {
-      const code = internal[idx].code;
-      const next = internal.filter((_, i) => i !== idx);
-      update(next);
-      onRemove == null ? void 0 : onRemove(code);
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, id, className: `nice-vat-table nice-vat-table--${density} ${className ?? ""}`, style, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("table", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.code }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.rate }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.label }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.description }),
-          editable && /* @__PURE__ */ jsxRuntime.jsx("th", { "aria-label": L.remove })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: internal.map((r, idx) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("td", { children: editable ? /* @__PURE__ */ jsxRuntime.jsx("input", { value: r.code, onChange: (e) => onCellEdit(idx, "code", e.target.value) }) : r.code }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: editable ? /* @__PURE__ */ jsxRuntime.jsx("input", { type: "number", step: "0.01", min: 0, max: 1, value: r.rate, onChange: (e) => onCellEdit(idx, "rate", e.target.value) }) : `${(r.rate * 100).toLocaleString(locale, { maximumFractionDigits: 2 })}%` }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { children: editable ? /* @__PURE__ */ jsxRuntime.jsx("input", { value: r.label ?? "", onChange: (e) => onCellEdit(idx, "label", e.target.value) }) : r.label ?? "" }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { children: editable ? /* @__PURE__ */ jsxRuntime.jsx("input", { value: r.description ?? "", onChange: (e) => onCellEdit(idx, "description", e.target.value) }) : r.description ?? "" }),
-          editable && /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => removeRow(idx), "aria-label": L.remove, children: "×" }) })
-        ] }, r.code)) })
-      ] }),
-      editable && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "nice-vat-table__add", onClick: addRow, children: L.add })
-    ] });
-  }
-);
+      r.rate = n > 1 ? n / 100 : n;
+    } else if (key === "code" || key === "label" || key === "description") {
+      r[key] = raw;
+    }
+    next[idx] = r;
+    update(next);
+  };
+  const addRow = () => {
+    update([...internal, { code: `NEW-${internal.length + 1}`, rate: 0, label: "0%" }]);
+  };
+  const removeRow = (idx) => {
+    const code = internal[idx].code;
+    const next = internal.filter((_, i) => i !== idx);
+    update(next);
+    onRemove == null ? void 0 : onRemove(code);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      id,
+      className: `nice-vat-table nice-vat-table--${density} ${className ?? ""}`,
+      style,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("table", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.code }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { className: "nice-num", children: L.rate }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("th", { children: L.description }),
+            editable && /* @__PURE__ */ jsxRuntime.jsx("th", { "aria-label": L.remove })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: internal.map((r, idx) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { children: editable ? /* @__PURE__ */ jsxRuntime.jsx("input", { value: r.code, onChange: (e) => onCellEdit(idx, "code", e.target.value) }) : r.code }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "nice-num", children: editable ? /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "number",
+                step: "0.01",
+                min: 0,
+                max: 1,
+                value: r.rate,
+                onChange: (e) => onCellEdit(idx, "rate", e.target.value)
+              }
+            ) : `${(r.rate * 100).toLocaleString(locale, { maximumFractionDigits: 2 })}%` }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { children: editable ? /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                value: r.label ?? "",
+                onChange: (e) => onCellEdit(idx, "label", e.target.value)
+              }
+            ) : r.label ?? "" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { children: editable ? /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                value: r.description ?? "",
+                onChange: (e) => onCellEdit(idx, "description", e.target.value)
+              }
+            ) : r.description ?? "" }),
+            editable && /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => removeRow(idx), "aria-label": L.remove, children: "×" }) })
+          ] }, r.code)) })
+        ] }),
+        editable && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "nice-vat-table__add", onClick: addRow, children: L.add })
+      ]
+    }
+  );
+});
 function pad(n) {
   return n < 10 ? `0${n}` : String(n);
 }
@@ -1912,14 +2026,20 @@ function defaultBuildXml(opts) {
   lines.push("  <Podmiot1>");
   lines.push(`    <NIP>${escapeXml(taxpayer.nip)}</NIP>`);
   lines.push(`    <PelnaNazwa>${escapeXml(taxpayer.name)}</PelnaNazwa>`);
-  if (taxpayer.regon) lines.push(`    <REGON>${escapeXml(taxpayer.regon)}</REGON>`);
+  if (taxpayer.regon) {
+    lines.push(`    <REGON>${escapeXml(taxpayer.regon)}</REGON>`);
+  }
   lines.push("  </Podmiot1>");
   for (const inv of invoices) {
     lines.push("  <Faktura>");
     lines.push(`    <NumerFaktury>${escapeXml(inv.invoiceNumber)}</NumerFaktury>`);
-    lines.push(`    <DataWystawienia>${isoDate(inv.issueDate instanceof Date ? inv.issueDate : new Date(inv.issueDate))}</DataWystawienia>`);
+    lines.push(
+      `    <DataWystawienia>${isoDate(inv.issueDate instanceof Date ? inv.issueDate : new Date(inv.issueDate))}</DataWystawienia>`
+    );
     lines.push(`    <NazwaNabywcy>${escapeXml(inv.buyer.name)}</NazwaNabywcy>`);
-    if (inv.buyer.vatId) lines.push(`    <NIPNabywcy>${escapeXml(inv.buyer.vatId)}</NIPNabywcy>`);
+    if (inv.buyer.vatId) {
+      lines.push(`    <NIPNabywcy>${escapeXml(inv.buyer.vatId)}</NIPNabywcy>`);
+    }
     let net = 0;
     let vat = 0;
     for (const ln of inv.lines) {
@@ -1937,12 +2057,34 @@ function defaultBuildXml(opts) {
   return lines.join("\n");
 }
 const NiceJpkExporter = React.forwardRef(
-  function NiceJpkExporter2({ invoices, taxpayer, defaultFormat = "JPK_V7M", defaultPeriod, buildXml = defaultBuildXml, onExport, filenameFor, labels, className, style, id }, ref) {
+  function NiceJpkExporter2({
+    invoices,
+    taxpayer,
+    defaultFormat = "JPK_V7M",
+    defaultPeriod,
+    buildXml = defaultBuildXml,
+    onExport,
+    filenameFor,
+    labels,
+    className,
+    style,
+    id
+  }, ref) {
     const today = /* @__PURE__ */ new Date();
     const [format, setFormat] = React.useState(defaultFormat);
-    const [from, setFrom] = React.useState(isoDate((defaultPeriod == null ? void 0 : defaultPeriod.from) ?? new Date(today.getFullYear(), today.getMonth(), 1)));
-    const [to, setTo] = React.useState(isoDate((defaultPeriod == null ? void 0 : defaultPeriod.to) ?? new Date(today.getFullYear(), today.getMonth() + 1, 0)));
-    const L = { format: "Format", from: "From", to: "To", export: "Export", ...labels };
+    const [from, setFrom] = React.useState(
+      isoDate((defaultPeriod == null ? void 0 : defaultPeriod.from) ?? new Date(today.getFullYear(), today.getMonth(), 1))
+    );
+    const [to, setTo] = React.useState(
+      isoDate((defaultPeriod == null ? void 0 : defaultPeriod.to) ?? new Date(today.getFullYear(), today.getMonth() + 1, 0))
+    );
+    const L = {
+      format: "Format",
+      from: "From",
+      to: "To",
+      export: "Export",
+      ...labels
+    };
     const exportNow = React.useCallback(() => {
       const opts = {
         format,
@@ -1968,11 +2110,18 @@ const NiceJpkExporter = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, id, className: `nice-jpk-exporter ${className ?? ""}`, style, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
         L.format,
-        /* @__PURE__ */ jsxRuntime.jsxs("select", { value: format, onChange: (e) => setFormat(e.target.value), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "JPK_V7M", children: "JPK_V7M" }),
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "JPK_V7K", children: "JPK_V7K" }),
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "JPK_FA", children: "JPK_FA" })
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "select",
+          {
+            value: format,
+            onChange: (e) => setFormat(e.target.value),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "JPK_V7M", children: "JPK_V7M" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "JPK_V7K", children: "JPK_V7K" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "JPK_FA", children: "JPK_FA" })
+            ]
+          }
+        )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
         L.from,