esvn-react-barcode-print 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1745,24 +1745,25 @@ var ModalBarcodePrint = ({
1745
1745
  isOpen,
1746
1746
  toggle,
1747
1747
  className: "modal-dialog-centered modal-fullscreen",
1748
- contentClassName: "p-0",
1748
+ contentClassName: "p-0 d-flex flex-column",
1749
+ style: { height: "100vh", maxHeight: "100vh" },
1749
1750
  children: [
1750
- /* @__PURE__ */ jsxs4("div", { className: "modal-header d-flex align-items-center justify-content-between p-1 mb-0 border-bottom bg-white", children: [
1751
+ /* @__PURE__ */ jsxs4("div", { className: "modal-header d-flex align-items-center justify-content-between p-1 mb-0 border-bottom bg-white flex-shrink-0", children: [
1751
1752
  /* @__PURE__ */ jsxs4("div", { className: "d-flex align-items-center", children: [
1752
1753
  /* @__PURE__ */ jsx4(Icon3.Printer, { fontSize: 18, className: "text-primary me-50" }),
1753
1754
  /* @__PURE__ */ jsx4("h5", { className: "modal-title m-0 fw-bolder text-dark", children: t(title) })
1754
1755
  ] }),
1755
1756
  /* @__PURE__ */ jsx4("div", { className: "cursor-pointer", onClick: toggle, children: /* @__PURE__ */ jsx4(Icon3.X, { fontSize: 20 }) })
1756
1757
  ] }),
1757
- /* @__PURE__ */ jsx4(ModalBody2, { className: "p-1", style: { background: "#f8f9fa" }, children: /* @__PURE__ */ jsxs4(Row, { className: "g-1 h-100", children: [
1758
- /* @__PURE__ */ jsx4(Col, { lg: 4, md: 12, xs: 12, className: "h-100", children: /* @__PURE__ */ jsxs4(
1758
+ /* @__PURE__ */ jsx4(ModalBody2, { className: "p-1 flex-grow-1 overflow-hidden", style: { background: "#f8f9fa" }, children: /* @__PURE__ */ jsxs4(Row, { className: "g-1 h-100", children: [
1759
+ /* @__PURE__ */ jsx4(Col, { lg: 4, md: 12, xs: 12, className: "h-100 overflow-hidden", children: /* @__PURE__ */ jsxs4(
1759
1760
  "div",
1760
1761
  {
1761
1762
  className: "box d-flex flex-column h-100 p-1 border rounded",
1762
1763
  style: { background: "#fff" },
1763
1764
  children: [
1764
- /* @__PURE__ */ jsx4("h5", { className: "m-0 fw-bolder mb-1 pb-50 border-bottom", children: t("T\xF9y ch\u1EC9nh in") }),
1765
- /* @__PURE__ */ jsx4(
1765
+ /* @__PURE__ */ jsx4("h5", { className: "m-0 fw-bolder mb-1 pb-50 border-bottom flex-shrink-0", children: t("T\xF9y ch\u1EC9nh in") }),
1766
+ /* @__PURE__ */ jsx4("div", { className: "flex-grow-1 overflow-auto pe-50", children: /* @__PURE__ */ jsx4(
1766
1767
  SettingPrint,
1767
1768
  {
1768
1769
  control,
@@ -1772,18 +1773,18 @@ var ModalBarcodePrint = ({
1772
1773
  availableExtraFields,
1773
1774
  t
1774
1775
  }
1775
- )
1776
+ ) })
1776
1777
  ]
1777
1778
  }
1778
1779
  ) }),
1779
- /* @__PURE__ */ jsx4(Col, { lg: 8, md: 12, xs: 12, className: "h-100", children: /* @__PURE__ */ jsxs4(
1780
+ /* @__PURE__ */ jsx4(Col, { lg: 8, md: 12, xs: 12, className: "h-100 overflow-hidden", children: /* @__PURE__ */ jsxs4(
1780
1781
  "div",
1781
1782
  {
1782
1783
  className: "box d-flex flex-column h-100 p-1 border rounded",
1783
1784
  style: { background: "#fff" },
1784
1785
  children: [
1785
- /* @__PURE__ */ jsx4("h5", { className: "m-0 fw-bolder mb-1 pb-50 border-bottom", children: t("Danh s\xE1ch c\u1EA7n in m\xE3 v\u1EA1ch") }),
1786
- /* @__PURE__ */ jsx4("div", { className: "mt-50 flex-grow-1", children: renderTable ? renderTable({
1786
+ /* @__PURE__ */ jsx4("h5", { className: "m-0 fw-bolder mb-1 pb-50 border-bottom flex-shrink-0", children: t("Danh s\xE1ch c\u1EA7n in m\xE3 v\u1EA1ch") }),
1787
+ /* @__PURE__ */ jsx4("div", { className: "mt-50 flex-grow-1 overflow-hidden d-flex flex-column", children: renderTable ? renderTable({
1787
1788
  selectedItems: dataSelected,
1788
1789
  setSelectedItems: setDataSelected
1789
1790
  }) : children })
@@ -1794,7 +1795,7 @@ var ModalBarcodePrint = ({
1794
1795
  /* @__PURE__ */ jsx4(
1795
1796
  "div",
1796
1797
  {
1797
- className: "d-flex justify-content-end p-1 border-top",
1798
+ className: "d-flex justify-content-end p-1 border-top flex-shrink-0",
1798
1799
  style: { boxShadow: "0 4px 24px 0 rgb(34 41 47 / 10%)", background: "#fff" },
1799
1800
  children: renderFooterButtons()
1800
1801
  }