next-chessground 0.13.11 → 1.0.0

package/dist/index.es.js

@@ -5280,140 +5280,129 @@ const useChess = props => {
 var reactPureModal_min = createCommonjsModule(function (module, exports) {
 !function (e, t) {
   module.exports = t(React, require$$1);
-}(commonjsGlobal, function (e, t) {
-  return function (e) {
-    var t = {};
-    function o(n) {
-      if (t[n]) return t[n].exports;
-      var a = t[n] = {
-        i: n,
-        l: !1,
-        exports: {}
-      };
-      return e[n].call(a.exports, a, a.exports, o), a.l = !0, a.exports;
-    }
-    return o.m = e, o.c = t, o.d = function (e, t, n) {
-      o.o(e, t) || Object.defineProperty(e, t, {
-        enumerable: !0,
-        get: n
-      });
-    }, o.r = function (e) {
-      "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
-        value: "Module"
-      }), Object.defineProperty(e, "__esModule", {
-        value: !0
-      });
-    }, o.t = function (e, t) {
-      if (1 & t && (e = o(e)), 8 & t) return e;
-      if (4 & t && "object" == typeof e && e && e.__esModule) return e;
-      var n = Object.create(null);
-      if (o.r(n), Object.defineProperty(n, "default", {
-        enumerable: !0,
-        value: e
-      }), 2 & t && "string" != typeof e) for (var a in e) o.d(n, a, function (t) {
-        return e[t];
-      }.bind(null, a));
-      return n;
-    }, o.n = function (e) {
-      var t = e && e.__esModule ? function () {
-        return e.default;
-      } : function () {
-        return e;
-      };
-      return o.d(t, "a", t), t;
-    }, o.o = function (e, t) {
-      return Object.prototype.hasOwnProperty.call(e, t);
-    }, o.p = "", o(o.s = 3);
-  }([function (t, o) {
-    t.exports = e;
-  }, function (e, o) {
-    e.exports = t;
-  }, function (e, t, o) {}, function (e, t, o) {
-
-    o.r(t);
-    var n = o(0),
-      a = o.n(n),
-      r = o(1);
-    function c(e) {
+}(commonjsGlobal, (e, t) => (() => {
+  var o = {
+      494: () => {},
+      156: t => {
+
+        t.exports = e;
+      },
+      111: e => {
+
+        e.exports = t;
+      }
+    },
+    n = {};
+  function a(e) {
+    var t = n[e];
+    if (void 0 !== t) return t.exports;
+    var r = n[e] = {
+      exports: {}
+    };
+    return o[e](r, r.exports, a), r.exports;
+  }
+  a.n = e => {
+    var t = e && e.__esModule ? () => e.default : () => e;
+    return a.d(t, {
+      a: t
+    }), t;
+  }, a.d = (e, t) => {
+    for (var o in t) a.o(t, o) && !a.o(e, o) && Object.defineProperty(e, o, {
+      enumerable: !0,
+      get: t[o]
+    });
+  }, a.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t), a.r = e => {
+    "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
+      value: "Module"
+    }), Object.defineProperty(e, "__esModule", {
+      value: !0
+    });
+  };
+  var r = {};
+  return (() => {
+
+    a.r(r), a.d(r, {
+      default: () => s
+    });
+    var e = a(156),
+      t = a.n(e),
+      o = a(111);
+    function n(e) {
       const {
-        children: t,
-        replace: o,
-        bodyClass: n,
+        children: o,
+        replace: n,
+        bodyClass: a,
         header: r,
         footer: c,
-        onDragStart: u,
-        onDragEnd: l,
-        onClose: s,
+        onDragStart: l,
+        onDragEnd: s,
+        onClose: u,
         closeButton: i,
         closeButtonPosition: d
       } = e;
-      return o ? t : a.a.createElement("div", {
+      return n ? o : t().createElement("div", {
         className: "panel panel-default " + ("bottom" === d ? "additional-row" : "")
-      }, a.a.createElement("div", {
+      }, t().createElement("div", {
         className: "panel-heading",
-        onTouchStart: u,
-        onMouseDown: u,
-        onTouchEnd: l,
-        onMouseUp: l
-      }, r && a.a.createElement("h3", {
+        onTouchStart: l,
+        onMouseDown: l,
+        onTouchEnd: s,
+        onMouseUp: s
+      }, r && t().createElement("h3", {
         className: "panel-title"
-      }, r)), a.a.createElement("div", {
-        className: n
-      }, t), c && a.a.createElement("div", {
+      }, r)), t().createElement("div", {
+        className: a
+      }, o), c && t().createElement("div", {
         className: "panel-footer"
-      }, c), a.a.createElement("div", {
+      }, c), t().createElement("div", {
         className: "close",
-        onClick: s,
+        onClick: u,
         style: {
           position: "header" === d ? "absolute" : "static",
           margin: "bottom" === d ? "10px auto" : ""
         }
       }, i));
     }
-    c.defaultProps = {
+    n.defaultProps = {
       closeButton: "×",
       closeButtonPosition: "header",
       replace: !1,
       draggable: !1
     };
-    var u = c;
-    o(2);
-    function l(e) {
-      let t = Math.random().toString();
-      const [o, c] = Object(n.useState)(!1),
-        [l, s] = Object(n.useState)(null),
-        [i, d] = Object(n.useState)(null),
-        [f, p] = Object(n.useState)(0),
-        [m, b] = Object(n.useState)(0),
-        [g, v] = Object(n.useState)(0),
-        [h, y] = Object(n.useState)(0),
+    const c = n;
+    a(494);
+    function l(n) {
+      let a = Math.random().toString();
+      const [r, l] = (0, e.useState)(!1),
+        [s, u] = (0, e.useState)(null),
+        [i, d] = (0, e.useState)(null),
+        [p, m] = (0, e.useState)(0),
+        [f, g] = (0, e.useState)(0),
+        [h, v] = (0, e.useState)(0),
+        [b, y] = (0, e.useState)(0),
         {
-          isOpen: j,
-          onClose: E
-        } = e;
-      Object(n.useEffect)(() => (j && function (e) {
-        e && (e.stopPropagation(), e.preventDefault());
-        !function () {
-          document.addEventListener("keydown", O), document.activeElement instanceof HTMLElement && document.activeElement.blur();
-          document.body.classList.add("body-modal-fix");
-        }();
-      }(), () => {
-        j && x();
-      }), [j]);
-      const O = Object(n.useCallback)(e => {
-        const o = document.querySelectorAll(".pure-modal");
-        if (o.length && o[o.length - 1].classList.contains(t)) return !1;
-        27 === e.keyCode && document.activeElement && x(e);
-      }, []);
-      if (!j) return null;
-      function x(e) {
-        e && (e.stopPropagation(), e.preventDefault()), E && E(e ? {
-          isPassive: !0
-        } : {
-          isPassive: !1
-        }), document.removeEventListener("keydown", O), document.body.classList.remove("body-modal-fix"), s(null), d(null), p(0), b(0), v(0), y(0);
-      }
-      function S(e) {
+          isOpen: E,
+          onClose: S
+        } = n,
+        T = (0, e.useCallback)(() => {
+          document.body.classList.remove("body-modal-fix");
+        }, []);
+      (0, e.useEffect)(() => (E && (document.addEventListener("keydown", x), document.activeElement instanceof HTMLElement && document.activeElement.blur(), document.body.classList.add("body-modal-fix")), () => {
+        document.querySelector(".pure-modal") || (document.removeEventListener("keydown", x), T(), u(null), d(null), m(0), g(0), v(0), y(0));
+      }), [E]);
+      const x = (0, e.useCallback)(e => {
+        const t = document.querySelectorAll(".pure-modal"),
+          o = t.length > 1,
+          n = t[t.length - 1];
+        return !(o && !n.className.includes(a)) && !("Escape" !== e.key || !document.activeElement) && (P(e), !0);
+      }, [P, a]);
+      if (!E) return null;
+      function P(e) {
+        e && (e.stopPropagation(), e.preventDefault()), null == S || S({
+          isPassive: Boolean(e)
+        });
+      }
+      function M(e) {
         return e instanceof TouchEvent && e.changedTouches.length > 0 ? {
           pageX: e.changedTouches[0].pageX,
           pageY: e.changedTouches[0].pageY
@@ -5425,81 +5414,81 @@ var reactPureModal_min = createCommonjsModule(function (module, exports) {
           pageY: 0
         };
       }
-      function T(e) {
-        if (e instanceof TouchEvent && e.changedTouches && e.changedTouches.length > 1) return P();
+      function j(e) {
+        if (e instanceof TouchEvent && e.changedTouches && e.changedTouches.length > 1) return B();
         e.preventDefault();
         const {
           pageX: t,
           pageY: o
-        } = S(e);
-        "number" == typeof l && "number" == typeof i && (p(t - l - g), b(o - i - h));
+        } = M(e);
+        "number" == typeof s && "number" == typeof i && (m(t - s - h), g(o - i - b));
       }
-      function P() {
-        return c(!1);
+      function B() {
+        return l(!1);
       }
       const {
-        children: M,
-        replace: D = !1,
-        className: w,
-        header: B,
+        children: D,
+        replace: N = !1,
+        className: k,
+        header: w,
         footer: C,
-        scrollable: N = !0,
-        draggable: k = !1,
-        width: L,
-        closeButton: X,
-        closeButtonPosition: Y,
+        scrollable: X = !0,
+        draggable: Y = !1,
+        width: q,
+        closeButton: L,
+        closeButtonPosition: O,
         portal: _ = !1
-      } = e;
-      let q = ["pure-modal-backdrop"],
-        $ = ["pure-modal", t],
-        A = ["panel-body"];
-      w && ($ = $.concat(w)), N ? A = A.concat("scrollable") : (q = q.concat("scrollable"), $ = $.concat("auto-height")), k && (q = q.concat("backdrop-overflow-hidden"));
-      const H = a.a.createElement("div", {
-        className: q.join(" "),
+      } = n;
+      let $ = ["pure-modal-backdrop"],
+        A = ["pure-modal", a],
+        H = ["panel-body"];
+      k && (A = A.concat(k)), X ? H = H.concat("scrollable") : ($ = $.concat("scrollable"), A = A.concat("auto-height")), Y && ($ = $.concat("backdrop-overflow-hidden"));
+      const R = t().createElement("div", {
+        className: $.join(" "),
         onMouseDown: function (e) {
           if (e) {
             if (!e.target.classList.contains("pure-modal-backdrop")) return;
             e.stopPropagation(), e.preventDefault();
           }
-          x(e);
+          P(e);
         },
-        onTouchMove: o ? T : void 0,
-        onMouseMove: o ? T : void 0
-      }, a.a.createElement("div", {
-        className: $.join(" "),
+        onTouchMove: r ? j : void 0,
+        onMouseMove: r ? j : void 0
+      }, t().createElement("div", {
+        className: A.join(" "),
         style: {
-          transform: `translate(${f}px, ${m}px)`,
+          transform: `translate(${p}px, ${f}px)`,
           transition: "none",
-          width: L
+          width: q
         }
-      }, a.a.createElement(u, {
-        replace: D,
-        header: B,
+      }, t().createElement(c, {
+        replace: N,
+        header: w,
         footer: C,
-        onDragStart: k ? function (e) {
+        onDragStart: Y ? function (e) {
           if (e instanceof TouchEvent && e.changedTouches && e.changedTouches.length > 1) return;
           e.preventDefault();
           const {
               pageX: t,
               pageY: o
-            } = S(e),
+            } = M(e),
             {
               top: n,
               left: a
             } = e.currentTarget.getBoundingClientRect();
-          c(!0), s("number" == typeof l ? l : a), d("number" == typeof i ? i : n), v(t - a), y(o - n);
+          l(!0), u("number" == typeof s ? s : a), d("number" == typeof i ? i : n), v(t - a), y(o - n);
         } : void 0,
-        onDragEnd: k ? P : void 0,
-        onClose: x,
-        bodyClass: A.join(" "),
-        closeButton: X,
-        closeButtonPosition: Y
-      }, M)));
-      return _ ? Object(r.createPortal)(H, document.body) : H;
-    }
-    t.default = a.a.memo(l);
-  }]);
-});
+        onDragEnd: Y ? B : void 0,
+        onClose: P,
+        bodyClass: H.join(" "),
+        closeButton: L,
+        closeButtonPosition: O
+      }, D)));
+      return _ ? (0, o.createPortal)(R, document.body) : R;
+    }
+    const s = t().memo(l);
+  })(), r;
+})());
 });
 
 var Modal = /*@__PURE__*/getDefaultExportFromCjs(reactPureModal_min);
@@ -5584,6 +5573,19 @@ const useDisclosure = (initialState = false) => {
   };
 };
 
+const cleanShapes = shapes => {
+  try {
+    // Iterate over each shape and remove the ']' character from the dest string
+    shapes.forEach(shape => {
+      // Use a regular expression to remove all occurrences of ']'
+      shape.dest = shape.dest.replace(/\]/g, '');
+    });
+    return shapes;
+  } catch {
+    return shapes;
+  }
+};
+
 const cgProps = props => {
   const cgProps = {};
 
@@ -5611,6 +5613,11 @@ const cgProps = props => {
     };
   }
 
+  // fix shapes
+  if (cgProps.shapes) {
+    cgProps.shapes = cleanShapes(cgProps.shapes);
+  }
+
   // helper for Chessground editing mode
   if (props.editing) {
     cgProps.movable = {

package/dist/index.js

@@ -5289,140 +5289,129 @@ const useChess = props => {
 var reactPureModal_min = createCommonjsModule(function (module, exports) {
 !function (e, t) {
   module.exports = t(React__default["default"], require$$1__default["default"]);
-}(commonjsGlobal, function (e, t) {
-  return function (e) {
-    var t = {};
-    function o(n) {
-      if (t[n]) return t[n].exports;
-      var a = t[n] = {
-        i: n,
-        l: !1,
-        exports: {}
-      };
-      return e[n].call(a.exports, a, a.exports, o), a.l = !0, a.exports;
-    }
-    return o.m = e, o.c = t, o.d = function (e, t, n) {
-      o.o(e, t) || Object.defineProperty(e, t, {
-        enumerable: !0,
-        get: n
-      });
-    }, o.r = function (e) {
-      "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
-        value: "Module"
-      }), Object.defineProperty(e, "__esModule", {
-        value: !0
-      });
-    }, o.t = function (e, t) {
-      if (1 & t && (e = o(e)), 8 & t) return e;
-      if (4 & t && "object" == typeof e && e && e.__esModule) return e;
-      var n = Object.create(null);
-      if (o.r(n), Object.defineProperty(n, "default", {
-        enumerable: !0,
-        value: e
-      }), 2 & t && "string" != typeof e) for (var a in e) o.d(n, a, function (t) {
-        return e[t];
-      }.bind(null, a));
-      return n;
-    }, o.n = function (e) {
-      var t = e && e.__esModule ? function () {
-        return e.default;
-      } : function () {
-        return e;
-      };
-      return o.d(t, "a", t), t;
-    }, o.o = function (e, t) {
-      return Object.prototype.hasOwnProperty.call(e, t);
-    }, o.p = "", o(o.s = 3);
-  }([function (t, o) {
-    t.exports = e;
-  }, function (e, o) {
-    e.exports = t;
-  }, function (e, t, o) {}, function (e, t, o) {
-
-    o.r(t);
-    var n = o(0),
-      a = o.n(n),
-      r = o(1);
-    function c(e) {
+}(commonjsGlobal, (e, t) => (() => {
+  var o = {
+      494: () => {},
+      156: t => {
+
+        t.exports = e;
+      },
+      111: e => {
+
+        e.exports = t;
+      }
+    },
+    n = {};
+  function a(e) {
+    var t = n[e];
+    if (void 0 !== t) return t.exports;
+    var r = n[e] = {
+      exports: {}
+    };
+    return o[e](r, r.exports, a), r.exports;
+  }
+  a.n = e => {
+    var t = e && e.__esModule ? () => e.default : () => e;
+    return a.d(t, {
+      a: t
+    }), t;
+  }, a.d = (e, t) => {
+    for (var o in t) a.o(t, o) && !a.o(e, o) && Object.defineProperty(e, o, {
+      enumerable: !0,
+      get: t[o]
+    });
+  }, a.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t), a.r = e => {
+    "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
+      value: "Module"
+    }), Object.defineProperty(e, "__esModule", {
+      value: !0
+    });
+  };
+  var r = {};
+  return (() => {
+
+    a.r(r), a.d(r, {
+      default: () => s
+    });
+    var e = a(156),
+      t = a.n(e),
+      o = a(111);
+    function n(e) {
       const {
-        children: t,
-        replace: o,
-        bodyClass: n,
+        children: o,
+        replace: n,
+        bodyClass: a,
         header: r,
         footer: c,
-        onDragStart: u,
-        onDragEnd: l,
-        onClose: s,
+        onDragStart: l,
+        onDragEnd: s,
+        onClose: u,
         closeButton: i,
         closeButtonPosition: d
       } = e;
-      return o ? t : a.a.createElement("div", {
+      return n ? o : t().createElement("div", {
         className: "panel panel-default " + ("bottom" === d ? "additional-row" : "")
-      }, a.a.createElement("div", {
+      }, t().createElement("div", {
         className: "panel-heading",
-        onTouchStart: u,
-        onMouseDown: u,
-        onTouchEnd: l,
-        onMouseUp: l
-      }, r && a.a.createElement("h3", {
+        onTouchStart: l,
+        onMouseDown: l,
+        onTouchEnd: s,
+        onMouseUp: s
+      }, r && t().createElement("h3", {
         className: "panel-title"
-      }, r)), a.a.createElement("div", {
-        className: n
-      }, t), c && a.a.createElement("div", {
+      }, r)), t().createElement("div", {
+        className: a
+      }, o), c && t().createElement("div", {
         className: "panel-footer"
-      }, c), a.a.createElement("div", {
+      }, c), t().createElement("div", {
         className: "close",
-        onClick: s,
+        onClick: u,
         style: {
           position: "header" === d ? "absolute" : "static",
           margin: "bottom" === d ? "10px auto" : ""
         }
       }, i));
     }
-    c.defaultProps = {
+    n.defaultProps = {
       closeButton: "×",
       closeButtonPosition: "header",
       replace: !1,
       draggable: !1
     };
-    var u = c;
-    o(2);
-    function l(e) {
-      let t = Math.random().toString();
-      const [o, c] = Object(n.useState)(!1),
-        [l, s] = Object(n.useState)(null),
-        [i, d] = Object(n.useState)(null),
-        [f, p] = Object(n.useState)(0),
-        [m, b] = Object(n.useState)(0),
-        [g, v] = Object(n.useState)(0),
-        [h, y] = Object(n.useState)(0),
+    const c = n;
+    a(494);
+    function l(n) {
+      let a = Math.random().toString();
+      const [r, l] = (0, e.useState)(!1),
+        [s, u] = (0, e.useState)(null),
+        [i, d] = (0, e.useState)(null),
+        [p, m] = (0, e.useState)(0),
+        [f, g] = (0, e.useState)(0),
+        [h, v] = (0, e.useState)(0),
+        [b, y] = (0, e.useState)(0),
         {
-          isOpen: j,
-          onClose: E
-        } = e;
-      Object(n.useEffect)(() => (j && function (e) {
-        e && (e.stopPropagation(), e.preventDefault());
-        !function () {
-          document.addEventListener("keydown", O), document.activeElement instanceof HTMLElement && document.activeElement.blur();
-          document.body.classList.add("body-modal-fix");
-        }();
-      }(), () => {
-        j && x();
-      }), [j]);
-      const O = Object(n.useCallback)(e => {
-        const o = document.querySelectorAll(".pure-modal");
-        if (o.length && o[o.length - 1].classList.contains(t)) return !1;
-        27 === e.keyCode && document.activeElement && x(e);
-      }, []);
-      if (!j) return null;
-      function x(e) {
-        e && (e.stopPropagation(), e.preventDefault()), E && E(e ? {
-          isPassive: !0
-        } : {
-          isPassive: !1
-        }), document.removeEventListener("keydown", O), document.body.classList.remove("body-modal-fix"), s(null), d(null), p(0), b(0), v(0), y(0);
-      }
-      function S(e) {
+          isOpen: E,
+          onClose: S
+        } = n,
+        T = (0, e.useCallback)(() => {
+          document.body.classList.remove("body-modal-fix");
+        }, []);
+      (0, e.useEffect)(() => (E && (document.addEventListener("keydown", x), document.activeElement instanceof HTMLElement && document.activeElement.blur(), document.body.classList.add("body-modal-fix")), () => {
+        document.querySelector(".pure-modal") || (document.removeEventListener("keydown", x), T(), u(null), d(null), m(0), g(0), v(0), y(0));
+      }), [E]);
+      const x = (0, e.useCallback)(e => {
+        const t = document.querySelectorAll(".pure-modal"),
+          o = t.length > 1,
+          n = t[t.length - 1];
+        return !(o && !n.className.includes(a)) && !("Escape" !== e.key || !document.activeElement) && (P(e), !0);
+      }, [P, a]);
+      if (!E) return null;
+      function P(e) {
+        e && (e.stopPropagation(), e.preventDefault()), null == S || S({
+          isPassive: Boolean(e)
+        });
+      }
+      function M(e) {
         return e instanceof TouchEvent && e.changedTouches.length > 0 ? {
           pageX: e.changedTouches[0].pageX,
           pageY: e.changedTouches[0].pageY
@@ -5434,81 +5423,81 @@ var reactPureModal_min = createCommonjsModule(function (module, exports) {
           pageY: 0
         };
       }
-      function T(e) {
-        if (e instanceof TouchEvent && e.changedTouches && e.changedTouches.length > 1) return P();
+      function j(e) {
+        if (e instanceof TouchEvent && e.changedTouches && e.changedTouches.length > 1) return B();
         e.preventDefault();
         const {
           pageX: t,
           pageY: o
-        } = S(e);
-        "number" == typeof l && "number" == typeof i && (p(t - l - g), b(o - i - h));
+        } = M(e);
+        "number" == typeof s && "number" == typeof i && (m(t - s - h), g(o - i - b));
       }
-      function P() {
-        return c(!1);
+      function B() {
+        return l(!1);
       }
       const {
-        children: M,
-        replace: D = !1,
-        className: w,
-        header: B,
+        children: D,
+        replace: N = !1,
+        className: k,
+        header: w,
         footer: C,
-        scrollable: N = !0,
-        draggable: k = !1,
-        width: L,
-        closeButton: X,
-        closeButtonPosition: Y,
+        scrollable: X = !0,
+        draggable: Y = !1,
+        width: q,
+        closeButton: L,
+        closeButtonPosition: O,
         portal: _ = !1
-      } = e;
-      let q = ["pure-modal-backdrop"],
-        $ = ["pure-modal", t],
-        A = ["panel-body"];
-      w && ($ = $.concat(w)), N ? A = A.concat("scrollable") : (q = q.concat("scrollable"), $ = $.concat("auto-height")), k && (q = q.concat("backdrop-overflow-hidden"));
-      const H = a.a.createElement("div", {
-        className: q.join(" "),
+      } = n;
+      let $ = ["pure-modal-backdrop"],
+        A = ["pure-modal", a],
+        H = ["panel-body"];
+      k && (A = A.concat(k)), X ? H = H.concat("scrollable") : ($ = $.concat("scrollable"), A = A.concat("auto-height")), Y && ($ = $.concat("backdrop-overflow-hidden"));
+      const R = t().createElement("div", {
+        className: $.join(" "),
         onMouseDown: function (e) {
           if (e) {
             if (!e.target.classList.contains("pure-modal-backdrop")) return;
             e.stopPropagation(), e.preventDefault();
           }
-          x(e);
+          P(e);
         },
-        onTouchMove: o ? T : void 0,
-        onMouseMove: o ? T : void 0
-      }, a.a.createElement("div", {
-        className: $.join(" "),
+        onTouchMove: r ? j : void 0,
+        onMouseMove: r ? j : void 0
+      }, t().createElement("div", {
+        className: A.join(" "),
         style: {
-          transform: `translate(${f}px, ${m}px)`,
+          transform: `translate(${p}px, ${f}px)`,
           transition: "none",
-          width: L
+          width: q
         }
-      }, a.a.createElement(u, {
-        replace: D,
-        header: B,
+      }, t().createElement(c, {
+        replace: N,
+        header: w,
         footer: C,
-        onDragStart: k ? function (e) {
+        onDragStart: Y ? function (e) {
           if (e instanceof TouchEvent && e.changedTouches && e.changedTouches.length > 1) return;
           e.preventDefault();
           const {
               pageX: t,
               pageY: o
-            } = S(e),
+            } = M(e),
             {
               top: n,
               left: a
             } = e.currentTarget.getBoundingClientRect();
-          c(!0), s("number" == typeof l ? l : a), d("number" == typeof i ? i : n), v(t - a), y(o - n);
+          l(!0), u("number" == typeof s ? s : a), d("number" == typeof i ? i : n), v(t - a), y(o - n);
         } : void 0,
-        onDragEnd: k ? P : void 0,
-        onClose: x,
-        bodyClass: A.join(" "),
-        closeButton: X,
-        closeButtonPosition: Y
-      }, M)));
-      return _ ? Object(r.createPortal)(H, document.body) : H;
-    }
-    t.default = a.a.memo(l);
-  }]);
-});
+        onDragEnd: Y ? B : void 0,
+        onClose: P,
+        bodyClass: H.join(" "),
+        closeButton: L,
+        closeButtonPosition: O
+      }, D)));
+      return _ ? (0, o.createPortal)(R, document.body) : R;
+    }
+    const s = t().memo(l);
+  })(), r;
+})());
 });
 
 var Modal = /*@__PURE__*/getDefaultExportFromCjs(reactPureModal_min);
@@ -5593,6 +5582,19 @@ const useDisclosure = (initialState = false) => {
   };
 };
 
+const cleanShapes = shapes => {
+  try {
+    // Iterate over each shape and remove the ']' character from the dest string
+    shapes.forEach(shape => {
+      // Use a regular expression to remove all occurrences of ']'
+      shape.dest = shape.dest.replace(/\]/g, '');
+    });
+    return shapes;
+  } catch {
+    return shapes;
+  }
+};
+
 const cgProps = props => {
   const cgProps = {};
 
@@ -5620,6 +5622,11 @@ const cgProps = props => {
     };
   }
 
+  // fix shapes
+  if (cgProps.shapes) {
+    cgProps.shapes = cleanShapes(cgProps.shapes);
+  }
+
   // helper for Chessground editing mode
   if (props.editing) {
     cgProps.movable = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-chessground",
-  "version": "0.13.11",
+  "version": "1.0.0",
   "description": "React and Next wrapper for Chessground with chessboard and pieces out of the box",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -30,7 +30,7 @@
     "chess.js": "^0.12.0",
     "chessground": "^7.12.0",
     "merge-class-names": "^1.4.2",
-    "react-pure-modal": "^2.1.0",
+    "react-pure-modal": "^2.2.7",
     "store2": "^2.12.0"
   },
   "peerDependencies": {
@@ -48,8 +48,8 @@
     "eslint": "^7.11.0",
     "eslint-plugin-react": "^7.21.4",
     "prettier": "^2.1.2",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "rollup": "^2.32.1",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",