esvn-react-barcode-print 1.0.1 → 1.0.2

package/dist/index.js

@@ -1779,24 +1779,25 @@ var ModalBarcodePrint = ({
         isOpen,
         toggle,
         className: "modal-dialog-centered modal-fullscreen",
-        contentClassName: "p-0",
+        contentClassName: "p-0 d-flex flex-column",
+        style: { height: "100vh", maxHeight: "100vh" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "modal-header d-flex align-items-center justify-content-between p-1 mb-0 border-bottom bg-white", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "modal-header d-flex align-items-center justify-content-between p-1 mb-0 border-bottom bg-white flex-shrink-0", children: [
             /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "d-flex align-items-center", children: [
               /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon3.Printer, { fontSize: 18, className: "text-primary me-50" }),
               /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h5", { className: "modal-title m-0 fw-bolder text-dark", children: t(title) })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cursor-pointer", onClick: toggle, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon3.X, { fontSize: 20 }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_reactstrap3.ModalBody, { className: "p-1", style: { background: "#f8f9fa" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_reactstrap3.Row, { className: "g-1 h-100", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_reactstrap3.Col, { lg: 4, md: 12, xs: 12, className: "h-100", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_reactstrap3.ModalBody, { className: "p-1 flex-grow-1 overflow-hidden", style: { background: "#f8f9fa" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_reactstrap3.Row, { className: "g-1 h-100", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_reactstrap3.Col, { lg: 4, md: 12, xs: 12, className: "h-100 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
               "div",
               {
                 className: "box d-flex flex-column h-100 p-1 border rounded",
                 style: { background: "#fff" },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h5", { className: "m-0 fw-bolder mb-1 pb-50 border-bottom", children: t("T\xF9y ch\u1EC9nh in") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h5", { className: "m-0 fw-bolder mb-1 pb-50 border-bottom flex-shrink-0", children: t("T\xF9y ch\u1EC9nh in") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex-grow-1 overflow-auto pe-50", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                     SettingPrint,
                     {
                       control,
@@ -1806,18 +1807,18 @@ var ModalBarcodePrint = ({
                       availableExtraFields,
                       t
                     }
-                  )
+                  ) })
                 ]
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_reactstrap3.Col, { lg: 8, md: 12, xs: 12, className: "h-100", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_reactstrap3.Col, { lg: 8, md: 12, xs: 12, className: "h-100 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
               "div",
               {
                 className: "box d-flex flex-column h-100 p-1 border rounded",
                 style: { background: "#fff" },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h5", { className: "m-0 fw-bolder mb-1 pb-50 border-bottom", children: t("Danh s\xE1ch c\u1EA7n in m\xE3 v\u1EA1ch") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mt-50 flex-grow-1", children: renderTable ? renderTable({
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mt-50 flex-grow-1 overflow-hidden d-flex flex-column", children: renderTable ? renderTable({
                     selectedItems: dataSelected,
                     setSelectedItems: setDataSelected
                   }) : children })
@@ -1828,7 +1829,7 @@ var ModalBarcodePrint = ({
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "div",
             {
-              className: "d-flex justify-content-end p-1 border-top",
+              className: "d-flex justify-content-end p-1 border-top flex-shrink-0",
               style: { boxShadow: "0 4px 24px 0 rgb(34 41 47 / 10%)", background: "#fff" },
               children: renderFooterButtons()
             }