bpr-library 0.0.14 → 0.0.16

package/dist/components/data-table/DataTable.d.ts

@@ -14,7 +14,7 @@ interface BaseDataTableProps<T> {
     data: (T & {
         id: number;
     })[];
-    actions?: (row: T) => React.ReactNode;
+    actions?: (row: T, close?: () => void) => React.ReactNode;
     sortedBy?: IColumnSort<T>;
     handleSort?: (data?: IColumnSort<T>) => void;
     useContext?: boolean;

package/dist/index.js

@@ -524,7 +524,7 @@ function D0() {
             return l.displayName || "Context";
           case k:
             return (l._context.displayName || "Context") + ".Consumer";
-          case T:
+          case L:
             var f = l.render;
             return l = l.displayName, l || (l = f.displayName || f.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
           case W:
@@ -601,7 +601,7 @@ function D0() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), l = this.props.ref, l !== void 0 ? l : null;
     }
-    function d(l, f, g, C, t0, m0) {
+    function h(l, f, g, C, t0, m0) {
       var S = g.ref;
       return l = {
         $$typeof: z,
@@ -634,7 +634,7 @@ function D0() {
         value: m0
       }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function h(l, f, g, C, t0, m0) {
+    function d(l, f, g, C, t0, m0) {
       var S = f.children;
       if (S !== void 0)
         if (C)
@@ -673,7 +673,7 @@ React keys must be passed directly to JSX without using spread:
       return S && w(
         g,
         typeof l == "function" ? l.displayName || l.name || "Unknown" : l
-      ), d(
+      ), h(
         l,
         S,
         g,
@@ -688,7 +688,7 @@ React keys must be passed directly to JSX without using spread:
     function p(l) {
       return typeof l == "object" && l !== null && l.$$typeof === z;
     }
-    var u = T0, z = /* @__PURE__ */ Symbol.for("react.transitional.element"), x = /* @__PURE__ */ Symbol.for("react.portal"), b = /* @__PURE__ */ Symbol.for("react.fragment"), a = /* @__PURE__ */ Symbol.for("react.strict_mode"), _ = /* @__PURE__ */ Symbol.for("react.profiler"), k = /* @__PURE__ */ Symbol.for("react.consumer"), N = /* @__PURE__ */ Symbol.for("react.context"), T = /* @__PURE__ */ Symbol.for("react.forward_ref"), F = /* @__PURE__ */ Symbol.for("react.suspense"), B = /* @__PURE__ */ Symbol.for("react.suspense_list"), W = /* @__PURE__ */ Symbol.for("react.memo"), j = /* @__PURE__ */ Symbol.for("react.lazy"), J = /* @__PURE__ */ Symbol.for("react.activity"), d0 = /* @__PURE__ */ Symbol.for("react.client.reference"), U = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, h0 = Array.isArray, v = console.createTask ? console.createTask : function() {
+    var u = T0, z = /* @__PURE__ */ Symbol.for("react.transitional.element"), x = /* @__PURE__ */ Symbol.for("react.portal"), b = /* @__PURE__ */ Symbol.for("react.fragment"), a = /* @__PURE__ */ Symbol.for("react.strict_mode"), _ = /* @__PURE__ */ Symbol.for("react.profiler"), k = /* @__PURE__ */ Symbol.for("react.consumer"), N = /* @__PURE__ */ Symbol.for("react.context"), L = /* @__PURE__ */ Symbol.for("react.forward_ref"), F = /* @__PURE__ */ Symbol.for("react.suspense"), B = /* @__PURE__ */ Symbol.for("react.suspense_list"), W = /* @__PURE__ */ Symbol.for("react.memo"), j = /* @__PURE__ */ Symbol.for("react.lazy"), J = /* @__PURE__ */ Symbol.for("react.activity"), d0 = /* @__PURE__ */ Symbol.for("react.client.reference"), U = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, h0 = Array.isArray, v = console.createTask ? console.createTask : function() {
       return null;
     };
     u = {
@@ -702,7 +702,7 @@ React keys must be passed directly to JSX without using spread:
     )(), f0 = v(o(i)), M0 = {};
     Q.Fragment = b, Q.jsx = function(l, f, g) {
       var C = 1e4 > U.recentlyCreatedOwnerStacks++;
-      return h(
+      return d(
         l,
         f,
         g,
@@ -712,7 +712,7 @@ React keys must be passed directly to JSX without using spread:
       );
     }, Q.jsxs = function(l, f, g) {
       var C = 1e4 > U.recentlyCreatedOwnerStacks++;
-      return h(
+      return d(
         l,
         f,
         g,
@@ -850,10 +850,10 @@ function i0({
   y: i,
   style: s
 }) {
-  const [w, m] = H(c?.current ? c.current.getBoundingClientRect().width : 0), d = O(null);
+  const [w, m] = H(c?.current ? c.current.getBoundingClientRect().width : 0), h = O(null);
   return A(() => {
-    let h = null, M = null;
-    if (typeof n == "number" && typeof i == "number" && d.current) {
+    let d = null, M = null;
+    if (typeof n == "number" && typeof i == "number" && h.current) {
       const p = {
         getBoundingClientRect: () => ({
           x: n,
@@ -867,37 +867,37 @@ function i0({
           toJSON: () => {
           }
         }),
-        contextElement: d.current
+        contextElement: h.current
       };
-      h = b0(p, d.current, {
+      d = b0(p, h.current, {
         placement: "bottom-start",
         modifiers: [
           { name: "flip", options: { fallbackPlacements: ["top-start"] } },
           { name: "preventOverflow", options: { boundary: "viewport" } }
         ]
       });
-    } else c?.current && d.current && (h = b0(c.current, d.current, {
+    } else c?.current && h.current && (d = b0(c.current, h.current, {
       placement: "bottom-start",
       modifiers: [
         { name: "flip", options: { fallbackPlacements: ["top-start"] } },
         { name: "preventOverflow", options: { boundary: "viewport" } }
       ]
     }), M = new ResizeObserver(() => {
-      m(c.current.getBoundingClientRect().width), h.update();
+      m(c.current.getBoundingClientRect().width), d.update();
     }), M.observe(c.current));
     return () => {
-      M && c?.current && M.disconnect(), h && h.destroy();
+      M && c?.current && M.disconnect(), d && d.destroy();
     };
   }, [c?.current, n, i]), A(() => {
-    const h = (M) => {
-      d.current && !d.current.contains(M.target) && (c?.current && c.current.contains(M.target) || t());
+    const d = (M) => {
+      h.current && !h.current.contains(M.target) && (c?.current && c.current.contains(M.target) || t());
     };
-    return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
+    return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, [t, c?.current]), $0(
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        ref: d,
+        ref: h,
         className: f1.container,
         style: typeof n == "number" && typeof i == "number" ? { minWidth: "unset", position: "fixed", ...s } : { minWidth: o ? "unset" : `${w}px`, ...s },
         tabIndex: -1,
@@ -918,19 +918,19 @@ const o3 = ({
   error: w = !1,
   // freeSolo = false,
   fullWidth: m = !1,
-  customMenuItemRenderer: d,
-  isLoading: h,
+  customMenuItemRenderer: h,
+  isLoading: d,
   className: M = "",
   handleSearch: p
 }) => {
-  const [u, z] = H(!1), [x, b] = H(-1), [a, _] = H(""), k = O(null), N = O(null), T = O(null), F = O({}), B = z0(() => i ? t || [] : t ? [t] : [], [t, i]), W = (v) => v.title || v.content || v.name || "", j = z0(() => c.filter((v) => W(v).toLowerCase().includes(a.toLowerCase())), [c, a]), J = a0((v, y) => {
+  const [u, z] = H(!1), [x, b] = H(-1), [a, _] = H(""), k = O(null), N = O(null), L = O(null), F = O({}), B = z0(() => i ? t || [] : t ? [t] : [], [t, i]), W = (v) => v.title || v.content || v.name || "", j = z0(() => c.filter((v) => W(v).toLowerCase().includes(a.toLowerCase())), [c, a]), J = a0((v, y) => {
     F.current[v] = y;
   }, []);
   A(() => {
     u && setTimeout(() => {
       const v = B[0]?.id, y = F.current[v];
-      y && T.current && T.current.scrollTo({
-        top: y.offsetTop - T.current.offsetTop,
+      y && L.current && L.current.scrollTo({
+        top: y.offsetTop - L.current.offsetTop,
         behavior: "smooth"
       });
     }, 100);
@@ -985,7 +985,7 @@ const o3 = ({
         width: m ? "100%" : "min-content"
       },
       children: [
-        h && /* @__PURE__ */ e.jsx(_0, {}),
+        d && /* @__PURE__ */ e.jsx(_0, {}),
         /* @__PURE__ */ e.jsxs("div", { className: V.select_container, children: [
           B.length > 0 && /* @__PURE__ */ e.jsx("ul", { className: V.selected_list, children: B.map((v) => /* @__PURE__ */ e.jsxs(
             "li",
@@ -1053,7 +1053,7 @@ const o3 = ({
             handleClose: () => {
               z(!1);
             },
-            children: /* @__PURE__ */ e.jsx("ul", { className: V.menu_list, ref: T, children: j.length === 0 ? /* @__PURE__ */ e.jsx("li", { className: V.no_options, children: "No options" }) : j.map((v, y) => {
+            children: /* @__PURE__ */ e.jsx("ul", { className: V.menu_list, ref: L, children: j.length === 0 ? /* @__PURE__ */ e.jsx("li", { className: V.no_options, children: "No options" }) : j.map((v, y) => {
               const P = B.some((D) => D.id === v.id);
               return /* @__PURE__ */ e.jsx(
                 "li",
@@ -1068,7 +1068,7 @@ const o3 = ({
                     D.stopPropagation(), P ? q(v) : U(v);
                   },
                   onMouseEnter: () => b(y),
-                  children: d ? d(v, P) : W(v)
+                  children: h ? h(v, P) : W(v)
                 },
                 v.id
               );
@@ -1104,8 +1104,8 @@ function v0({
   onFileSelect: s,
   multipleFile: w = !1,
   onClick: m,
-  className: d,
-  disabled: h,
+  className: h,
+  disabled: d,
   ...M
 }) {
   const p = O(null), u = (x) => {
@@ -1122,10 +1122,10 @@ function v0({
                 ${R.btn} 
                 ${R[o]} ${c ? R.icon_padding : ""} 
                 ${n ? R.active : ""}
-                ${h ? R.disabled : ""}
-                ${d}
+                ${d ? R.disabled : ""}
+                ${h}
             `,
-      disabled: h,
+      disabled: d,
       onClick: s ? z : m,
       children: [
         t,
@@ -1155,7 +1155,7 @@ function v0({
             multiple: w,
             ref: p,
             onChange: u,
-            disabled: h
+            disabled: d
           }
         )
       ]
@@ -1172,8 +1172,8 @@ function Y({
   onFileSelect: s,
   onClick: w,
   children: m,
-  style: d,
-  ...h
+  style: h,
+  ...d
 }) {
   const M = O(null), p = (z) => {
     z.target.files && s && s(z.target.files);
@@ -1183,12 +1183,12 @@ function Y({
   return /* @__PURE__ */ e.jsxs(
     "button",
     {
-      ...h,
+      ...d,
       type: r,
       className: `${R.icon_btn} ${R[o]} ${n ? R.active : ""} ${i}`,
       onClick: s ? u : w,
       style: {
-        ...d,
+        ...h,
         width: t,
         height: t
       },
@@ -1286,9 +1286,9 @@ function Y1({
         });
       }
     return u;
-  }, [n]), d = () => {
+  }, [n]), h = () => {
     i(s ? new Date(n.getFullYear() + 1, n.getMonth(), 1) : new Date(n.getFullYear(), n.getMonth() + 1, 1));
-  }, h = () => {
+  }, d = () => {
     i(s ? new Date(n.getFullYear() - 1, n.getMonth(), 1) : new Date(n.getFullYear(), n.getMonth() - 1, 1));
   }, M = (p) => {
     s && (i(new Date(n.getFullYear(), p, 1)), w(!1));
@@ -1300,7 +1300,7 @@ function Y1({
         {
           icon: "arrow-left",
           variant: "secondary",
-          onClick: h
+          onClick: d
         }
       ),
       s ? /* @__PURE__ */ e.jsx("p", { className: E.month, children: n.getFullYear() }) : /* @__PURE__ */ e.jsxs(
@@ -1323,7 +1323,7 @@ function Y1({
         {
           icon: "arrow-right",
           variant: "secondary",
-          onClick: d
+          onClick: h
         }
       )
     ] }),
@@ -1469,14 +1469,14 @@ function h2(c) {
 }
 const m2 = (c, t = {}) => (r, o, n) => {
   const { enabled: i, anonymousActionType: s, store: w, ...m } = t;
-  let d;
+  let h;
   try {
-    d = (i ?? (j0 ? "production" : void 0) !== "production") && window.__REDUX_DEVTOOLS_EXTENSION__;
+    h = (i ?? (j0 ? "production" : void 0) !== "production") && window.__REDUX_DEVTOOLS_EXTENSION__;
   } catch {
   }
-  if (!d)
+  if (!h)
     return c(r, o, n);
-  const { connection: h, ...M } = s2(w, d, m);
+  const { connection: d, ...M } = s2(w, h, m);
   let p = !0;
   n.setState = ((x, b, a) => {
     const _ = r(x, b);
@@ -1484,7 +1484,7 @@ const m2 = (c, t = {}) => (r, o, n) => {
     const k = a === void 0 ? {
       type: s || h2(new Error().stack) || "anonymous"
     } : typeof a == "string" ? { type: a } : a;
-    return w === void 0 ? (h?.send(k, o()), _) : (h?.send(
+    return w === void 0 ? (d?.send(k, o()), _) : (d?.send(
       {
         ...k,
         type: `${w}/${k.type}`
@@ -1496,14 +1496,14 @@ const m2 = (c, t = {}) => (r, o, n) => {
     ), _);
   }), n.devtools = {
     cleanup: () => {
-      h && typeof h.unsubscribe == "function" && h.unsubscribe(), i2(m.name, w);
+      d && typeof d.unsubscribe == "function" && d.unsubscribe(), i2(m.name, w);
     }
   };
   const u = (...x) => {
     const b = p;
     p = !1, r(...x), p = b;
   }, z = c(n.setState, o, n);
-  if (M.type === "untracked" ? h?.init(z) : (M.stores[M.store] = n, h?.init(
+  if (M.type === "untracked" ? d?.init(z) : (M.stores[M.store] = n, d?.init(
     Object.fromEntries(
       Object.entries(M.stores).map(([x, b]) => [
         x,
@@ -1519,7 +1519,7 @@ const m2 = (c, t = {}) => (r, o, n) => {
       ), x = !0), b(...a);
     };
   }
-  return h.subscribe((x) => {
+  return d.subscribe((x) => {
     var b;
     switch (x.type) {
       case "ACTION":
@@ -1556,20 +1556,20 @@ const m2 = (c, t = {}) => (r, o, n) => {
       case "DISPATCH":
         switch (x.payload.type) {
           case "RESET":
-            return u(z), w === void 0 ? h?.init(n.getState()) : h?.init(o0(m.name));
+            return u(z), w === void 0 ? d?.init(n.getState()) : d?.init(o0(m.name));
           case "COMMIT":
             if (w === void 0) {
-              h?.init(n.getState());
+              d?.init(n.getState());
               return;
             }
-            return h?.init(o0(m.name));
+            return d?.init(o0(m.name));
           case "ROLLBACK":
             return w0(x.state, (a) => {
               if (w === void 0) {
-                u(a), h?.init(n.getState());
+                u(a), d?.init(n.getState());
                 return;
               }
-              u(a[w]), h?.init(o0(m.name));
+              u(a[w]), d?.init(o0(m.name));
             });
           case "JUMP_TO_STATE":
           case "JUMP_TO_ACTION":
@@ -1583,7 +1583,7 @@ const m2 = (c, t = {}) => (r, o, n) => {
           case "IMPORT_STATE": {
             const { nextLiftedState: a } = x.payload, _ = (b = a.computedStates.slice(-1)[0]) == null ? void 0 : b.state;
             if (!_) return;
-            u(w === void 0 ? _ : _[w]), h?.send(
+            u(w === void 0 ? _ : _[w]), d?.send(
               null,
               // FIXME no-any
               a
@@ -1636,8 +1636,8 @@ const m2 = (c, t = {}) => (r, o, n) => {
   type: s = "side",
   title: w,
   className: m,
-  disabledTitle: d = !1,
-  blockBackdrop: h = !1,
+  disabledTitle: h = !1,
+  blockBackdrop: d = !1,
   skeleton: M
 }) => {
   const [p] = H(() => Math.floor(Math.random() * 1e9)), [u, z] = H(!1), x = O(null), b = O(null), {
@@ -1645,14 +1645,14 @@ const m2 = (c, t = {}) => (r, o, n) => {
     addModal: _,
     getModalIndex: k,
     removeModal: N,
-    isTopModal: T
+    isTopModal: L
   } = p2();
   A(() => {
     const j = document.body.classList.contains("no-scroll");
     a.length > 0 && !j ? document.body.classList.add("no-scroll") : a.length === 0 && j && document.body.classList.remove("no-scroll");
   }, [a]), A(() => {
     const j = (J) => {
-      J.key === "Escape" && T(p) && (t(), J.stopPropagation());
+      J.key === "Escape" && L(p) && (t(), J.stopPropagation());
     };
     return document.addEventListener("keydown", j), () => {
       document.removeEventListener("keydown", j);
@@ -1661,7 +1661,7 @@ const m2 = (c, t = {}) => (r, o, n) => {
     c && _(p);
   }, [c]);
   const F = (j) => {
-    T(p) && t(), j.stopPropagation();
+    L(p) && t(), j.stopPropagation();
   };
   A(() => () => {
     k(p) !== -1 && (console.log("closed", p), N(p));
@@ -1691,7 +1691,7 @@ const m2 = (c, t = {}) => (r, o, n) => {
               ref: b,
               className: $.backdrop,
               style: { zIndex: B - 1 },
-              onClick: h ? () => {
+              onClick: d ? () => {
               } : F
             }
           )
@@ -1726,7 +1726,7 @@ const m2 = (c, t = {}) => (r, o, n) => {
                 ...i
               },
               children: [
-                s === "center" && !d && /* @__PURE__ */ e.jsxs("div", { className: $.title_block, children: [
+                s === "center" && !h && /* @__PURE__ */ e.jsxs("div", { className: $.title_block, children: [
                   /* @__PURE__ */ e.jsx("h2", { className: $.title, children: w }),
                   /* @__PURE__ */ e.jsx(
                     Y,
@@ -1809,7 +1809,7 @@ function s3({
     }
   );
 }
-const z2 = "_table_container_1nvod_1", b2 = "_table_head_1nvod_7", y2 = "_title_1nvod_24", k2 = "_table_body_1nvod_34", g2 = "_hover_row_1nvod_39", C2 = "_content_1nvod_45", S2 = "_column_filter_list_1nvod_52", j2 = "_item_1nvod_59", N2 = "_label_1nvod_64", L = {
+const z2 = "_table_container_1nvod_1", b2 = "_table_head_1nvod_7", y2 = "_title_1nvod_24", k2 = "_table_body_1nvod_34", g2 = "_hover_row_1nvod_39", C2 = "_content_1nvod_45", S2 = "_column_filter_list_1nvod_52", j2 = "_item_1nvod_59", N2 = "_label_1nvod_64", T = {
   table_container: z2,
   table_head: b2,
   title: y2,
@@ -1842,13 +1842,13 @@ function i3({
   handleSort: i,
   useContext: s = !1
 }) {
-  const [w, m] = H(!1), [d, h] = H(), {
+  const [w, m] = H(!1), [h, d] = H(), {
     visibleColumns: M,
     setVisibleColumns: p
   } = B2(c, t.map((a) => String(a.key))), u = O(null), z = t.filter(
     (a) => M.includes(String(a.key))
   ), x = (a, _) => {
-    o && s && (a.preventDefault(), a.stopPropagation(), h({ position: { x: a.clientX, y: a.clientY }, element: _ }));
+    o && s && (a.preventDefault(), a.stopPropagation(), d({ position: { x: a.clientX, y: a.clientY }, element: _ }));
   }, b = (a) => {
     if (i)
       if (n?.key === a.key) {
@@ -1858,8 +1858,8 @@ function i3({
         i({ key: a.key, direction: "asc" });
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("table", { className: L.table_container, children: [
-      /* @__PURE__ */ e.jsx("thead", { className: L.table_head, children: /* @__PURE__ */ e.jsxs("tr", { children: [
+    /* @__PURE__ */ e.jsxs("table", { className: T.table_container, children: [
+      /* @__PURE__ */ e.jsx("thead", { className: T.table_head, children: /* @__PURE__ */ e.jsxs("tr", { children: [
         /* @__PURE__ */ e.jsx("th", { style: { width: "40px" }, children: /* @__PURE__ */ e.jsx("div", { ref: u, children: /* @__PURE__ */ e.jsx(
           Y,
           {
@@ -1869,8 +1869,8 @@ function i3({
             }
           }
         ) }) }),
-        z.map((a) => /* @__PURE__ */ e.jsx("th", { style: { width: a.width }, children: /* @__PURE__ */ e.jsxs("div", { className: `${L.title} ${i ? L.sortable : ""}`, onClick: () => b(a), children: [
-          /* @__PURE__ */ e.jsx("p", { className: L.label, children: a.label }),
+        z.map((a) => /* @__PURE__ */ e.jsx("th", { style: { width: a.width }, children: /* @__PURE__ */ e.jsxs("div", { className: `${T.title} ${i ? T.sortable : ""}`, onClick: () => b(a), children: [
+          /* @__PURE__ */ e.jsx("p", { className: T.label, children: a.label }),
           n?.key === a.key && /* @__PURE__ */ e.jsx(
             I,
             {
@@ -1879,29 +1879,32 @@ function i3({
               name: n.direction === "asc" ? "arrow-up" : "arrow-down"
             }
           )
-        ] }) }, String(a.key)))
+        ] }) }, String(a.key))),
+        o && !s && /* @__PURE__ */ e.jsx("th", { style: { width: "0" }, children: /* @__PURE__ */ e.jsx("div", { className: T.title, children: "Дії" }) })
       ] }) }),
-      /* @__PURE__ */ e.jsx("tbody", { className: L.table_body, children: r.map((a) => /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ e.jsx("tbody", { className: T.table_body, children: r.map((a) => /* @__PURE__ */ e.jsxs(
         "tr",
         {
           onContextMenu: (_) => s ? x(_, a) : null,
-          className: `${o && s ? L.hover_row : ""}`,
+          className: `${o && s ? T.hover_row : ""}`,
           children: [
             /* @__PURE__ */ e.jsx("td", { style: { width: "40px" } }),
-            z.map((_) => /* @__PURE__ */ e.jsx("td", { style: { width: _.width }, children: /* @__PURE__ */ e.jsx("div", { className: L.content, children: _.render ? _.render(a[_.key], a) : String(a[_.key] ?? "-") }) }, String(_.key))),
-            o && !s && /* @__PURE__ */ e.jsx("td", { style: { width: "0" }, children: /* @__PURE__ */ e.jsx("div", { className: L.content, children: o(a) }) })
+            z.map((_) => /* @__PURE__ */ e.jsx("td", { style: { width: _.width }, children: /* @__PURE__ */ e.jsx("div", { className: T.content, children: _.render ? _.render(a[_.key], a) : String(a[_.key] ?? "-") }) }, String(_.key))),
+            o && !s && /* @__PURE__ */ e.jsx("td", { style: { width: "0" }, children: /* @__PURE__ */ e.jsx("div", { className: T.content, children: o(a) }) })
           ]
         },
         a.id
       )) })
     ] }),
-    d && /* @__PURE__ */ e.jsx(
+    h && /* @__PURE__ */ e.jsx(
       i0,
       {
-        handleClose: () => h(void 0),
-        x: d.position.x,
-        y: d.position.y,
-        children: o && o(d.element)
+        handleClose: () => d(void 0),
+        x: h.position.x,
+        y: h.position.y,
+        children: o && o(h.element, () => {
+          d(void 0);
+        })
       }
     ),
     w && /* @__PURE__ */ e.jsx(
@@ -1911,9 +1914,9 @@ function i3({
         handleClose: () => {
           m(!1);
         },
-        children: /* @__PURE__ */ e.jsx("ul", { className: L.column_filter_list, children: t.map((a) => {
+        children: /* @__PURE__ */ e.jsx("ul", { className: T.column_filter_list, children: t.map((a) => {
           const _ = a.key;
-          return /* @__PURE__ */ e.jsxs("li", { className: L.item, children: [
+          return /* @__PURE__ */ e.jsxs("li", { className: T.item, children: [
             /* @__PURE__ */ e.jsx(
               G1,
               {
@@ -1921,12 +1924,12 @@ function i3({
                 onChange: (k) => {
                   const N = k.target.checked;
                   p(
-                    (T) => N ? [...T, _] : T.filter((F) => F !== _)
+                    (L) => N ? [...L, _] : L.filter((F) => F !== _)
                   );
                 }
               }
             ),
-            /* @__PURE__ */ e.jsx("p", { className: L.label, children: a.label })
+            /* @__PURE__ */ e.jsx("p", { className: T.label, children: a.label })
           ] }, String(a.key));
         }) })
       }
@@ -1944,9 +1947,9 @@ function a3({
   blockPastDates: o = !1,
   type: n = "date"
 }) {
-  const [i, s] = H(!1), w = O(null), m = (d) => {
-    const h = d.getDate().toString().padStart(2, "0"), M = (d.getMonth() + 1).toString().padStart(2, "0"), p = d.getFullYear();
-    return `${h}.${M}.${p}`;
+  const [i, s] = H(!1), w = O(null), m = (h) => {
+    const d = h.getDate().toString().padStart(2, "0"), M = (h.getMonth() + 1).toString().padStart(2, "0"), p = h.getFullYear();
+    return `${d}.${M}.${p}`;
   };
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -1963,8 +1966,8 @@ function a3({
           {
             variant: "secondary",
             icon: "my-calendar",
-            onClick: (d) => {
-              d.stopPropagation(), r || s(!0);
+            onClick: (h) => {
+              h.stopPropagation(), r || s(!0);
             }
           }
         ),
@@ -2041,24 +2044,24 @@ function h3({
   ), w = a0(() => {
     const m = [];
     if (n <= 6) {
-      for (let d = 1; d <= n; d++)
-        m.push(s(d));
+      for (let h = 1; h <= n; h++)
+        m.push(s(h));
       return m;
     }
     if (i < 5) {
-      for (let d = 1; d <= 5; d++)
-        m.push(s(d));
+      for (let h = 1; h <= 5; h++)
+        m.push(s(h));
       return m.push(/* @__PURE__ */ e.jsx("span", { className: K.dots, children: "..." }, "dots2")), m.push(s(n)), m;
     }
     if (i > n - 5) {
       m.push(s(1)), m.push(/* @__PURE__ */ e.jsx("span", { className: K.dots, children: "..." }, "dots1"));
-      for (let d = n - 4; d <= n; d++)
-        m.push(s(d));
+      for (let h = n - 4; h <= n; h++)
+        m.push(s(h));
       return m;
     }
     m.push(s(1)), m.push(/* @__PURE__ */ e.jsx("span", { className: K.dots, children: "..." }, "dots1"));
-    for (let d = i - 1; d <= i + 1 && d <= n; d++)
-      m.push(s(d));
+    for (let h = i - 1; h <= i + 1 && h <= n; h++)
+      m.push(s(h));
     return m.push(/* @__PURE__ */ e.jsx("span", { className: K.dots, children: "..." }, "dots2")), m.push(s(n)), m;
   }, [i, n]);
   return /* @__PURE__ */ e.jsxs("div", { className: K.pagination, style: { ...o }, children: [
@@ -2099,19 +2102,19 @@ function m3({
   ...i
 }) {
   const s = (m) => {
-    const d = m.replace(/\D/g, "");
-    let h = d.startsWith("380") ? d.slice(3) : d;
-    h = h.slice(0, 9);
-    const M = h.slice(0, 2), p = h.slice(2, 5), u = h.slice(5, 7), z = h.slice(7, 9);
+    const h = m.replace(/\D/g, "");
+    let d = h.startsWith("380") ? h.slice(3) : h;
+    d = d.slice(0, 9);
+    const M = d.slice(0, 2), p = d.slice(2, 5), u = d.slice(5, 7), z = d.slice(7, 9);
     let x = "+380";
     return M && (x += ` (${M}`), M.length === 2 && (x += ")"), p && (x += ` ${p}`), u && (x += `-${u}`), z && (x += `-${z}`), x;
   }, w = (m) => {
-    let d = m.target.value.replace(/\D/g, "");
-    d.startsWith("380") && (d = d.slice(3)), d = d.slice(0, 9);
-    const h = `+380${d}`;
+    let h = m.target.value.replace(/\D/g, "");
+    h.startsWith("380") && (h = h.slice(3)), h = h.slice(0, 9);
+    const d = `+380${h}`;
     t && t({
       ...m,
-      target: { ...m.target, value: h }
+      target: { ...m.target, value: d }
     });
   };
   return /* @__PURE__ */ e.jsx(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpr-library",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "type": "module",
   "module": "dist/index.es.js",
   "main": "./dist/index.js",