bpr-library 0.0.15 → 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

@@ -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,
@@ -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,8 +918,8 @@ const o3 = ({
   error: w = !1,
   // freeSolo = false,
   fullWidth: m = !1,
-  customMenuItemRenderer: d,
-  isLoading: h,
+  customMenuItemRenderer: h,
+  isLoading: d,
   className: M = "",
   handleSearch: p
 }) => {
@@ -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",
@@ -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), {
@@ -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,
@@ -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) {
@@ -1896,13 +1896,15 @@ function i3({
         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(
@@ -1945,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",
@@ -1964,8 +1966,8 @@ function a3({
           {
             variant: "secondary",
             icon: "my-calendar",
-            onClick: (d) => {
-              d.stopPropagation(), r || s(!0);
+            onClick: (h) => {
+              h.stopPropagation(), r || s(!0);
             }
           }
         ),
@@ -2042,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: [
@@ -2100,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.15",
+  "version": "0.0.16",
   "type": "module",
   "module": "dist/index.es.js",
   "main": "./dist/index.js",