@pinnacle0/web-ui 0.5.84 → 0.6.0-beta.1

package/core/YearMonthSelector.js

@@ -1,84 +1,36 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import React from "react";
 import dayjs from "dayjs";
 import DatePicker from "antd/es/date-picker";
 import arraySupport from "dayjs/plugin/arraySupport";
 // load plugin when component is imported
 dayjs.extend(arraySupport);
-var YearMonthSelector = /** @class */ (function (_super) {
-    __extends(YearMonthSelector, _super);
-    function YearMonthSelector() {
-        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
-        _this.isDateDisabled = function (current) {
-            var _a, _b;
-            if (!current) {
-                return false;
-            }
-            /**
-             * This is for compatibility of MySQL.
-             * MySQL TIMESTAMP data type is used for values that contain both date and time parts.
-             * TIMESTAMP has a range of '1970-01-01 00:00:01' UTC to '2038-01-19 03:14:07' UTC.
-             */
-            if (current.valueOf() >= new Date(2038, 0).valueOf()) {
-                return true;
-            }
-            var diffMonthToThisMonth = Math.floor(current.diff(dayjs().startOf("month"), "month", true));
-            return ((_b = (_a = _this.props).disabledRange) === null || _b === void 0 ? void 0 : _b.call(_a, diffMonthToThisMonth, current.toDate())) || false;
-        };
-        _this.onChange = function (date, dateString) {
-            var _a = _this.props, onChange = _a.onChange, allowNull = _a.allowNull;
-            if (dateString || allowNull) {
-                var typedOnChange = onChange;
-                typedOnChange(date && [date.year(), date.month() + 1]);
-            }
-        };
-        return _this;
-    }
-    YearMonthSelector.prototype.render = function () {
-        var _a = this.props, value = _a.value, allowNull = _a.allowNull, disabled = _a.disabled, className = _a.className;
-        return (React.createElement(DatePicker, { picker: "month", className: className, disabledDate: this.isDateDisabled, value: value ? dayjs([value[0], value[1] - 1]) : null, onChange: this.onChange, allowClear: allowNull, disabled: disabled }));
+export class YearMonthSelector extends React.PureComponent {
+    static displayName = "DatePicker";
+    isDateDisabled = (current) => {
+        if (!current) {
+            return false;
+        }
+        /**
+         * This is for compatibility of MySQL.
+         * MySQL TIMESTAMP data type is used for values that contain both date and time parts.
+         * TIMESTAMP has a range of '1970-01-01 00:00:01' UTC to '2038-01-19 03:14:07' UTC.
+         */
+        if (current.valueOf() >= new Date(2038, 0).valueOf()) {
+            return true;
+        }
+        const diffMonthToThisMonth = Math.floor(current.diff(dayjs().startOf("month"), "month", true));
+        return this.props.disabledRange?.(diffMonthToThisMonth, current.toDate()) || false;
     };
-    YearMonthSelector.displayName = "DatePicker";
-    return YearMonthSelector;
-}(React.PureComponent));
-export { YearMonthSelector };
+    onChange = (date, dateString) => {
+        const { onChange, allowNull } = this.props;
+        if (dateString || allowNull) {
+            const typedOnChange = onChange;
+            typedOnChange(date && [date.year(), date.month() + 1]);
+        }
+    };
+    render() {
+        const { value, allowNull, disabled, className } = this.props;
+        return (React.createElement(DatePicker, { picker: "month", className: className, disabledDate: this.isDateDisabled, value: value ? dayjs([value[0], value[1] - 1]) : null, onChange: this.onChange, allowClear: allowNull, disabled: disabled }));
+    }
+}
 //# sourceMappingURL=YearMonthSelector.js.map

package/core/YearMonthSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"YearMonthSelector.js","sourceRoot":"","sources":["../../src/core/YearMonthSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAG7C,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAErD,yCAAyC;AACzC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;AAS3B;IAA0D,qCAA6B;IAAvF;;QAGI,oBAAc,GAAG,UAAC,OAAc;;YAC5B,IAAI,CAAC,OAAO,EAAE,CAAC;gBACX,OAAO,KAAK,CAAC;YACjB,CAAC;YAED;;;;eAIG;YACH,IAAI,OAAO,CAAC,OAAO,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;gBACnD,OAAO,IAAI,CAAC;YAChB,CAAC;YAED,IAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;YAC/F,OAAO,CAAA,MAAA,MAAA,KAAI,CAAC,KAAK,EAAC,aAAa,mDAAG,oBAAoB,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC,KAAI,KAAK,CAAC;QACvF,CAAC,CAAC;QAEF,cAAQ,GAAG,UAAC,IAAkB,EAAE,UAA6B;YACnD,IAAA,KAAwB,KAAI,CAAC,KAAK,EAAjC,QAAQ,cAAA,EAAE,SAAS,eAAc,CAAC;YACzC,IAAI,UAAU,IAAI,SAAS,EAAE,CAAC;gBAC1B,IAAM,aAAa,GAAG,QAAoD,CAAC;gBAC3E,aAAa,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;YAC3D,CAAC;QACL,CAAC,CAAC;;IAgBN,CAAC;IAdG,kCAAM,GAAN;QACU,IAAA,KAA0C,IAAI,CAAC,KAAK,EAAnD,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAc,CAAC;QAC3D,OAAO,CACH,oBAAC,UAAU,IACP,MAAM,EAAC,OAAO,EACd,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,IAAI,CAAC,cAAc,EACjC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EACrD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;IACN,CAAC;IAzCM,6BAAW,GAAG,YAAY,AAAf,CAAgB;IA0CtC,wBAAC;CAAA,AA3CD,CAA0D,KAAK,CAAC,aAAa,GA2C5E;SA3CY,iBAAiB"}
+{"version":3,"file":"YearMonthSelector.js","sourceRoot":"","sources":["../../src/core/YearMonthSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAG7C,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAErD,yCAAyC;AACzC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;AAS3B,MAAM,OAAO,iBAAqC,SAAQ,KAAK,CAAC,aAAuB;IACnF,MAAM,CAAC,WAAW,GAAG,YAAY,CAAC;IAElC,cAAc,GAAG,CAAC,OAAc,EAAW,EAAE;QACzC,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,OAAO,KAAK,CAAC;QACjB,CAAC;QAED;;;;WAIG;QACH,IAAI,OAAO,CAAC,OAAO,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;YACnD,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;QAC/F,OAAO,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC,oBAAoB,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC,IAAI,KAAK,CAAC;IACvF,CAAC,CAAC;IAEF,QAAQ,GAAG,CAAC,IAAkB,EAAE,UAA6B,EAAE,EAAE;QAC7D,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACzC,IAAI,UAAU,IAAI,SAAS,EAAE,CAAC;YAC1B,MAAM,aAAa,GAAG,QAAoD,CAAC;YAC3E,aAAa,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;QAC3D,CAAC;IACL,CAAC,CAAC;IAEF,MAAM;QACF,MAAM,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3D,OAAO,CACH,oBAAC,UAAU,IACP,MAAM,EAAC,OAAO,EACd,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,IAAI,CAAC,cAAc,EACjC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EACrD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;IACN,CAAC"}

package/hooks/useAPI.js

@@ -1,56 +1,20 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import React from "react";
 function reducer(state, action) {
     switch (action.type) {
         case "start":
-            return __assign(__assign({}, state), { loading: true, request: action.request });
+            return { ...state, loading: true, request: action.request };
         case "load":
-            return __assign(__assign({}, state), { loading: false, data: action.data });
+            return { ...state, loading: false, data: action.data };
     }
 }
 export function useAPI(api, initialRequest) {
-    var _a = __read(React.useReducer(reducer, { request: initialRequest, data: null, loading: false }), 2), _b = _a[0], loading = _b.loading, data = _b.data, request = _b.request, dispatch = _a[1];
-    var fetchData = React.useCallback(function (newRequest) { return dispatch({ type: "start", request: newRequest }); }, []);
-    React.useEffect(function () {
-        dispatch({ type: "start", request: request });
-        api.apply(void 0, __spreadArray([], __read(request), false)).then(function (data) { return dispatch({ type: "load", data: data }); });
+    const [{ loading, data, request }, dispatch] = React.useReducer(reducer, { request: initialRequest, data: null, loading: false });
+    const fetchData = React.useCallback((newRequest) => dispatch({ type: "start", request: newRequest }), []);
+    React.useEffect(() => {
+        dispatch({ type: "start", request });
+        api(...request).then(data => dispatch({ type: "load", data }));
         // TODO: Review if api change should trigger re-fetch
     }, [request, api, dispatch]);
-    return { loading: loading, request: request, response: data, refresh: fetchData };
+    return { loading, request, response: data, refresh: fetchData };
 }
 //# sourceMappingURL=useAPI.js.map

package/hooks/useAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAPI.js","sourceRoot":"","sources":["../../src/hooks/useAPI.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,SAAS,OAAO,CAAkC,KAA+B,EAAE,MAAiC;IAChH,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,OAAO;YACR,6BAAW,KAAK,KAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9D,KAAK,MAAM;YACP,6BAAW,KAAK,KAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,IAAE;IAC7D,CAAC;AACL,CAAC;AAED,MAAM,UAAU,MAAM,CAClB,GAA+C,EAC/C,cAAuB;IAEjB,IAAA,KAAA,OAAuC,KAAK,CAAC,UAAU,CAAC,OAAuE,EAAE,EAAC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC,IAAA,EAAtL,UAAwB,EAAvB,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAG,QAAQ,QAAoJ,CAAC;IAC9L,IAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,UAAmB,IAAW,OAAA,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAC,CAAC,EAA9C,CAA8C,EAAE,EAAE,CAAC,CAAC;IAEvH,KAAK,CAAC,SAAS,CAAC;QACZ,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,SAAA,EAAC,CAAC,CAAC;QACnC,GAAG,wCAAI,OAAO,WAAE,IAAI,CAAC,UAAA,IAAI,IAAI,OAAA,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,MAAA,EAAC,CAAC,EAA9B,CAA8B,CAAC,CAAC;QAC7D,qDAAqD;IACzD,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,OAAO,EAAC,OAAO,SAAA,EAAE,OAAO,SAAA,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAC,CAAC;AAClE,CAAC"}
+{"version":3,"file":"useAPI.js","sourceRoot":"","sources":["../../src/hooks/useAPI.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,SAAS,OAAO,CAAkC,KAA+B,EAAE,MAAiC;IAChH,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,OAAO;YACR,OAAO,EAAC,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAC,CAAC;QAC9D,KAAK,MAAM;YACP,OAAO,EAAC,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAC,CAAC;IAC7D,CAAC;AACL,CAAC;AAED,MAAM,UAAU,MAAM,CAClB,GAA+C,EAC/C,cAAuB;IAEvB,MAAM,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,OAAuE,EAAE,EAAC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;IAC9L,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,UAAmB,EAAQ,EAAE,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEvH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAC,CAAC,CAAC;QACnC,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;QAC7D,qDAAqD;IACzD,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAC,CAAC;AAClE,CAAC"}

package/hooks/useBool.js

@@ -1,19 +1,3 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 import React from "react";
 /**
  * Return an array of 3 element, representing:
@@ -24,11 +8,10 @@ import React from "react";
  * Example usage:
  * const [showModal, openModal, closeModal] = useBool();
  */
-export function useBool(initialValue) {
-    if (initialValue === void 0) { initialValue = false; }
-    var _a = __read(React.useState(initialValue), 2), value = _a[0], setValue = _a[1];
-    var setValueToTrue = React.useCallback(function () { return setValue(true); }, []);
-    var setValueToFalse = React.useCallback(function () { return setValue(false); }, []);
+export function useBool(initialValue = false) {
+    const [value, setValue] = React.useState(initialValue);
+    const setValueToTrue = React.useCallback(() => setValue(true), []);
+    const setValueToFalse = React.useCallback(() => setValue(false), []);
     return [value, setValueToTrue, setValueToFalse];
 }
 //# sourceMappingURL=useBool.js.map

package/hooks/useBool.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBool.js","sourceRoot":"","sources":["../../src/hooks/useBool.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;GAQG;AACH,MAAM,UAAU,OAAO,CAAC,YAA6B;IAA7B,6BAAA,EAAA,oBAA6B;IAC3C,IAAA,KAAA,OAAoB,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAA,EAA/C,KAAK,QAAA,EAAE,QAAQ,QAAgC,CAAC;IACvD,IAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,EAAE,EAAE,CAAC,CAAC;IACnE,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,cAAM,OAAA,QAAQ,CAAC,KAAK,CAAC,EAAf,CAAe,EAAE,EAAE,CAAC,CAAC;IAErE,OAAO,CAAC,KAAK,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC;AACpD,CAAC"}
+{"version":3,"file":"useBool.js","sourceRoot":"","sources":["../../src/hooks/useBool.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;GAQG;AACH,MAAM,UAAU,OAAO,CAAC,eAAwB,KAAK;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IACvD,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAErE,OAAO,CAAC,KAAK,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC;AACpD,CAAC"}

package/hooks/useCompositeRef.js

@@ -1,12 +1,8 @@
 import React from "react";
-export function useCompositeRef() {
-    var refs = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        refs[_i] = arguments[_i];
-    }
-    var refListRef = React.useRef(refs);
-    return React.useCallback(function (node) {
-        refListRef.current.forEach(function (ref) {
+export function useCompositeRef(...refs) {
+    const refListRef = React.useRef(refs);
+    return React.useCallback((node) => {
+        refListRef.current.forEach(ref => {
             if (!ref)
                 return;
             if (typeof ref === "function") {

package/hooks/useCompositeRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCompositeRef.js","sourceRoot":"","sources":["../../src/hooks/useCompositeRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,eAAe;IAAC,cAAuF;SAAvF,UAAuF,EAAvF,qBAAuF,EAAvF,IAAuF;QAAvF,yBAAuF;;IACnH,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtC,OAAO,KAAK,CAAC,WAAW,CAAC,UAAC,IAAiB;QACvC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,UAAA,GAAG;YAC1B,IAAI,CAAC,GAAG;gBAAE,OAAO;YACjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC5B,GAAG,CAAC,IAAI,CAAC,CAAC;YACd,CAAC;iBAAM,CAAC;gBACJ,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;YACvB,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC"}
+{"version":3,"file":"useCompositeRef.js","sourceRoot":"","sources":["../../src/hooks/useCompositeRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,eAAe,CAAC,GAAG,IAAoF;IACnH,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtC,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,IAAiB,EAAE,EAAE;QAC3C,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC7B,IAAI,CAAC,GAAG;gBAAE,OAAO;YACjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC5B,GAAG,CAAC,IAAI,CAAC,CAAC;YACd,CAAC;iBAAM,CAAC;gBACJ,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;YACvB,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC"}

package/hooks/useDebounce.js

@@ -1,43 +1,14 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import React from "react";
 export function useDebounce(callback, wait) {
-    var idRef = React.useRef();
-    var callbackRef = React.useRef(callback);
+    const idRef = React.useRef();
+    const callbackRef = React.useRef(callback);
     callbackRef.current = callback;
-    var waitRef = React.useRef(wait);
+    const waitRef = React.useRef(wait);
     waitRef.current = wait;
-    React.useEffect(function () { return function () { return window.clearTimeout(idRef.current); }; }, []);
-    return React.useCallback(function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
+    React.useEffect(() => () => window.clearTimeout(idRef.current), []);
+    return React.useCallback(function (...args) {
         window.clearTimeout(idRef.current);
-        idRef.current = window.setTimeout(function () { return callbackRef.current.apply(callbackRef, __spreadArray([], __read(args), false)); }, waitRef.current);
+        idRef.current = window.setTimeout(() => callbackRef.current(...args), waitRef.current);
     }, []);
 }
 //# sourceMappingURL=useDebounce.js.map

package/hooks/useDebounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../src/hooks/useDebounce.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,UAAU,WAAW,CAAsB,QAAyB,EAAE,IAAY;IACpF,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,EAAU,CAAC;IAErC,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3C,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IAEvB,KAAK,CAAC,SAAS,CAAC,cAAM,OAAA,cAAM,OAAA,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,EAAlC,CAAkC,EAAxC,CAAwC,EAAE,EAAE,CAAC,CAAC;IAEpE,OAAO,KAAK,CAAC,WAAW,CAAC;QAAU,cAAc;aAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;YAAd,yBAAc;;QAC7C,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACnC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,cAAM,OAAA,WAAW,CAAC,OAAO,OAAnB,WAAW,2BAAY,IAAI,YAA3B,CAA4B,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3F,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC"}
+{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../src/hooks/useDebounce.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,UAAU,WAAW,CAAsB,QAAyB,EAAE,IAAY;IACpF,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,EAAU,CAAC;IAErC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3C,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IAEvB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAEpE,OAAO,KAAK,CAAC,WAAW,CAAC,UAAU,GAAG,IAAW;QAC7C,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACnC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3F,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC"}

package/hooks/useDelayed.js

@@ -3,16 +3,15 @@ import { useForceUpdate } from "./useForceUpdate";
 /**
  * delay value update when value meet condition `when`
  */
-export function useDelayedWhen(value, when, exceeded) {
-    if (exceeded === void 0) { exceeded = 120; }
-    var forceUpdate = useForceUpdate();
-    var timerRef = React.useRef(undefined);
-    var delayedRef = React.useRef(value);
-    var previous = React.useRef(value);
+export function useDelayedWhen(value, when, exceeded = 120) {
+    const forceUpdate = useForceUpdate();
+    const timerRef = React.useRef(undefined);
+    const delayedRef = React.useRef(value);
+    const previous = React.useRef(value);
     if (value !== previous.current) {
         window.clearTimeout(timerRef.current);
         if (when(value)) {
-            timerRef.current = window.setTimeout(function () {
+            timerRef.current = window.setTimeout(() => {
                 timerRef.current = undefined;
                 delayedRef.current = value;
                 forceUpdate();
@@ -26,6 +25,6 @@ export function useDelayedWhen(value, when, exceeded) {
     return delayedRef.current;
 }
 export function useDelayed(value, exceeded) {
-    return useDelayedWhen(value, function () { return true; }, exceeded);
+    return useDelayedWhen(value, () => true, exceeded);
 }
 //# sourceMappingURL=useDelayed.js.map

package/hooks/useDelayed.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDelayed.js","sourceRoot":"","sources":["../../src/hooks/useDelayed.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD;;GAEG;AACH,MAAM,UAAU,cAAc,CAAI,KAAQ,EAAE,IAA2B,EAAE,QAAsB;IAAtB,yBAAA,EAAA,cAAsB;IAC3F,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAqB,SAAS,CAAC,CAAC;IAC7D,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAErC,IAAI,KAAK,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;QAC7B,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACd,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;gBACjC,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;gBAC7B,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;gBAC3B,WAAW,EAAE,CAAC;YAClB,CAAC,EAAE,QAAQ,CAAC,CAAC;QACjB,CAAC;aAAM,CAAC;YACJ,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;QAC/B,CAAC;IACL,CAAC;IAED,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,OAAO,UAAU,CAAC,OAAO,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,UAAU,CAAI,KAAQ,EAAE,QAAgB;IACpD,OAAO,cAAc,CAAI,KAAK,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI,EAAE,QAAQ,CAAC,CAAC;AAC1D,CAAC"}
+{"version":3,"file":"useDelayed.js","sourceRoot":"","sources":["../../src/hooks/useDelayed.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD;;GAEG;AACH,MAAM,UAAU,cAAc,CAAI,KAAQ,EAAE,IAA2B,EAAE,WAAmB,GAAG;IAC3F,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAqB,SAAS,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAErC,IAAI,KAAK,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;QAC7B,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACd,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBACtC,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;gBAC7B,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;gBAC3B,WAAW,EAAE,CAAC;YAClB,CAAC,EAAE,QAAQ,CAAC,CAAC;QACjB,CAAC;aAAM,CAAC;YACJ,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;QAC/B,CAAC;IACL,CAAC;IAED,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,OAAO,UAAU,CAAC,OAAO,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,UAAU,CAAI,KAAQ,EAAE,QAAgB;IACpD,OAAO,cAAc,CAAI,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC1D,CAAC"}

package/hooks/useDidMountEffect.js

@@ -1,6 +1,6 @@
 import React from "react";
 export function useDidMountEffect(onMount) {
-    React.useEffect(function () {
+    React.useEffect(() => {
         onMount();
         // eslint-disable-next-line react-hooks/exhaustive-deps -- this is intentional to emulate the behaviour of componentDidMount
     }, []);

package/hooks/useDidMountEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDidMountEffect.js","sourceRoot":"","sources":["../../src/hooks/useDidMountEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,iBAAiB,CAAC,OAAmB;IACjD,KAAK,CAAC,SAAS,CAAC;QACZ,OAAO,EAAE,CAAC;QACV,4HAA4H;IAChI,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC"}
+{"version":3,"file":"useDidMountEffect.js","sourceRoot":"","sources":["../../src/hooks/useDidMountEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,iBAAiB,CAAC,OAAmB;IACjD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,OAAO,EAAE,CAAC;QACV,4HAA4H;IAChI,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC"}

package/hooks/useDraggable/DragController.js

@@ -1,47 +1,39 @@
-var DragController = /** @class */ (function () {
-    function DragController() {
-        var _this = this;
-        this.dragStarted = false;
-        this.startPosition = [0, 0];
-        this.config = {};
-        this.createState = function (event) {
-            return {
-                delta: [event.clientX - _this.startPosition[0], event.clientY - _this.startPosition[1]],
-                event: event,
-            };
+export class DragController {
+    dragStarted = false;
+    startPosition = [0, 0];
+    config = {};
+    createState = (event) => {
+        return {
+            delta: [event.clientX - this.startPosition[0], event.clientY - this.startPosition[1]],
+            event,
         };
-        this.setStartPosition = function (x, y) {
-            _this.startPosition[0] = x;
-            _this.startPosition[1] = y;
-        };
-        this.onDrag = function (event) {
-            var _a, _b;
-            _this.dragStarted && ((_b = (_a = _this.config).onDrag) === null || _b === void 0 ? void 0 : _b.call(_a, _this.createState(event)));
-        };
-        this.onDragStart = function (event) {
-            var _a, _b;
-            // disable right click event
-            if (event.nativeEvent.button !== 0)
-                return;
-            if (event.currentTarget !== event.target)
-                return;
-            event.preventDefault();
-            _this.setStartPosition(event.clientX, event.clientY);
-            _this.dragStarted = true;
-            (_b = (_a = _this.config).onDragStart) === null || _b === void 0 ? void 0 : _b.call(_a, _this.createState(event.nativeEvent));
-        };
-        this.onDragEnd = function (event) {
-            var _a, _b;
-            if (_this.dragStarted) {
-                _this.dragStarted = false;
-                (_b = (_a = _this.config).onDragEnd) === null || _b === void 0 ? void 0 : _b.call(_a, _this.createState(event));
-            }
-        };
-        this.updateHandlers = function (config) {
-            _this.config = config;
-        };
-    }
-    return DragController;
-}());
-export { DragController };
+    };
+    setStartPosition = (x, y) => {
+        this.startPosition[0] = x;
+        this.startPosition[1] = y;
+    };
+    onDrag = (event) => {
+        this.dragStarted && this.config.onDrag?.(this.createState(event));
+    };
+    onDragStart = event => {
+        // disable right click event
+        if (event.nativeEvent.button !== 0)
+            return;
+        if (event.currentTarget !== event.target)
+            return;
+        event.preventDefault();
+        this.setStartPosition(event.clientX, event.clientY);
+        this.dragStarted = true;
+        this.config.onDragStart?.(this.createState(event.nativeEvent));
+    };
+    onDragEnd = (event) => {
+        if (this.dragStarted) {
+            this.dragStarted = false;
+            this.config.onDragEnd?.(this.createState(event));
+        }
+    };
+    updateHandlers = (config) => {
+        this.config = config;
+    };
+}
 //# sourceMappingURL=DragController.js.map

package/hooks/useDraggable/DragController.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragController.js","sourceRoot":"","sources":["../../../src/hooks/useDraggable/DragController.ts"],"names":[],"mappings":"AAEA;IAAA;QAAA,iBA0CC;QAzCW,gBAAW,GAAY,KAAK,CAAC;QAC7B,kBAAa,GAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC/B,WAAM,GAAe,EAAE,CAAC;QAExB,gBAAW,GAAG,UAAC,KAAiB;YACpC,OAAO;gBACH,KAAK,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,KAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,KAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;gBACrF,KAAK,OAAA;aACR,CAAC;QACN,CAAC,CAAC;QAEM,qBAAgB,GAAG,UAAC,CAAS,EAAE,CAAS;YAC5C,KAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YAC1B,KAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAC9B,CAAC,CAAC;QAEF,WAAM,GAAG,UAAC,KAAiB;;YACvB,KAAI,CAAC,WAAW,KAAI,MAAA,MAAA,KAAI,CAAC,MAAM,EAAC,MAAM,mDAAG,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAA,CAAC;QACtE,CAAC,CAAC;QAEF,gBAAW,GAA4B,UAAA,KAAK;;YACxC,4BAA4B;YAC5B,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO;YAC3C,IAAI,KAAK,CAAC,aAAa,KAAK,KAAK,CAAC,MAAM;gBAAE,OAAO;YAEjD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;YACpD,KAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YACxB,MAAA,MAAA,KAAI,CAAC,MAAM,EAAC,WAAW,mDAAG,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;QACnE,CAAC,CAAC;QAEF,cAAS,GAAG,UAAC,KAAiB;;YAC1B,IAAI,KAAI,CAAC,WAAW,EAAE,CAAC;gBACnB,KAAI,CAAC,WAAW,GAAG,KAAK,CAAC;gBACzB,MAAA,MAAA,KAAI,CAAC,MAAM,EAAC,SAAS,mDAAG,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;YACrD,CAAC;QACL,CAAC,CAAC;QAEF,mBAAc,GAAG,UAAC,MAAkB;YAChC,KAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACzB,CAAC,CAAC;IACN,CAAC;IAAD,qBAAC;AAAD,CAAC,AA1CD,IA0CC"}
+{"version":3,"file":"DragController.js","sourceRoot":"","sources":["../../../src/hooks/useDraggable/DragController.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,cAAc;IACf,WAAW,GAAY,KAAK,CAAC;IAC7B,aAAa,GAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC/B,MAAM,GAAe,EAAE,CAAC;IAExB,WAAW,GAAG,CAAC,KAAiB,EAAa,EAAE;QACnD,OAAO;YACH,KAAK,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;YACrF,KAAK;SACR,CAAC;IACN,CAAC,CAAC;IAEM,gBAAgB,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;QAChD,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC3B,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IACtE,CAAC,CAAC;IAEF,WAAW,GAA4B,KAAK,CAAC,EAAE;QAC3C,4BAA4B;QAC5B,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC3C,IAAI,KAAK,CAAC,aAAa,KAAK,KAAK,CAAC,MAAM;YAAE,OAAO;QAEjD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QACpD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACnE,CAAC,CAAC;IAEF,SAAS,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC9B,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;QACrD,CAAC;IACL,CAAC,CAAC;IAEF,cAAc,GAAG,CAAC,MAAkB,EAAE,EAAE;QACpC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC,CAAC;CACL"}

package/hooks/useDraggable/index.js

@@ -1,77 +1,49 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 import React from "react";
 import { NumberUtil } from "../../internal/NumberUtil";
 import { useDrag } from "./useDrag";
 import { useTransform } from "../useTransform";
-export var useDraggable = function (_a) {
-    var target = _a.target, disabled = _a.disabled, onDragStart = _a.onDragStart, onDrag = _a.onDrag, onDragEnd = _a.onDragEnd, _b = _a.gap, gap = _b === void 0 ? 0 : _b;
-    var start = React.useRef([0, 0]);
-    var bounds = React.useRef({ x: [0, 0], y: [0, 0] });
-    var transit = useTransform(target);
-    var boundedDelta = function (delta) {
-        var _a = __read(delta, 2), deltaX = _a[0], deltaY = _a[1];
-        var _b = __read(bounds.current.x, 2), minX = _b[0], maxX = _b[1];
-        var _c = __read(bounds.current.y, 2), minY = _c[0], maxY = _c[1];
+export const useDraggable = ({ target, disabled, onDragStart, onDrag, onDragEnd, gap = 0 }) => {
+    const start = React.useRef([0, 0]);
+    const bounds = React.useRef({ x: [0, 0], y: [0, 0] });
+    const transit = useTransform(target);
+    const boundedDelta = (delta) => {
+        const [deltaX, deltaY] = delta;
+        const [minX, maxX] = bounds.current.x;
+        const [minY, maxY] = bounds.current.y;
         return [NumberUtil.clamp(deltaX, minX, maxX), NumberUtil.clamp(deltaY, minY, maxY)];
     };
-    var bind = useDrag({
-        onDragStart: function (state) {
+    const bind = useDrag({
+        onDragStart: state => {
             if (target.current) {
                 // right & bottom from getBoundingClientRect() is not the same as css's right & bottom
                 // ref: https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect
-                var _a = target.current.getBoundingClientRect(), left = _a.left, right = _a.right, bottom = _a.bottom, top_1 = _a.top;
-                start.current = [left, top_1];
-                var minX = Math.min(0, -(left - gap));
-                var maxX = Math.max(0, window.innerWidth - right - gap);
-                var minY = Math.min(0, -(top_1 - gap));
-                var maxY = Math.max(0, window.innerHeight - bottom - gap);
+                const { left, right, bottom, top } = target.current.getBoundingClientRect();
+                start.current = [left, top];
+                const minX = Math.min(0, -(left - gap));
+                const maxX = Math.max(0, window.innerWidth - right - gap);
+                const minY = Math.min(0, -(top - gap));
+                const maxY = Math.max(0, window.innerHeight - bottom - gap);
                 bounds.current = { x: [minX, maxX], y: [minY, maxY] };
                 target.current.style.willChange = "transform";
-                onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(state);
+                onDragStart?.(state);
             }
         },
-        onDrag: function (state) {
+        onDrag: state => {
             if (target.current) {
-                var delta = boundedDelta(state.delta);
+                const delta = boundedDelta(state.delta);
                 !disabled && transit.to({ x: delta[0], y: delta[1] });
-                onDrag === null || onDrag === void 0 ? void 0 : onDrag(__assign(__assign({}, state), { delta: delta }));
+                onDrag?.({ ...state, delta });
             }
         },
-        onDragEnd: function (state) {
+        onDragEnd: state => {
             if (target.current) {
-                var delta = boundedDelta(state.delta);
+                const delta = boundedDelta(state.delta);
                 if (!disabled) {
-                    target.current.style.left = "".concat(start.current[0] + delta[0], "px");
-                    target.current.style.top = "".concat(start.current[1] + delta[1], "px");
+                    target.current.style.left = `${start.current[0] + delta[0]}px`;
+                    target.current.style.top = `${start.current[1] + delta[1]}px`;
                     transit.to({ x: 0, y: 0, immediate: true });
                 }
-                onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(__assign(__assign({}, state), { delta: delta }));
+                onDragEnd?.({ ...state, delta });
             }
         },
     });

package/hooks/useDraggable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useDraggable/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useDraggable/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAW7C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,GAAG,CAAC,EAAS,EAAE,EAAE;IAChG,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACnC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,EAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IAErC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAU,EAAE;QAC3C,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC;QAC/B,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QAEtC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IACxF,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC;QACjB,WAAW,EAAE,KAAK,CAAC,EAAE;YACjB,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACjB,sFAAsF;gBACtF,sFAAsF;gBACtF,MAAM,EAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAC,GAAG,MAAM,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;gBAC1E,KAAK,CAAC,OAAO,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;gBAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC;gBACxC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,UAAU,GAAG,KAAK,GAAG,GAAG,CAAC,CAAC;gBAC1D,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;gBACvC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,WAAW,GAAG,MAAM,GAAG,GAAG,CAAC,CAAC;gBAC5D,MAAM,CAAC,OAAO,GAAG,EAAC,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAAC,CAAC;gBACpD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC;gBAC9C,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACL,CAAC;QACD,MAAM,EAAE,KAAK,CAAC,EAAE;YACZ,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACjB,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBACxC,CAAC,QAAQ,IAAI,OAAO,CAAC,EAAE,CAAC,EAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC;gBACpD,MAAM,EAAE,CAAC,EAAC,GAAG,KAAK,EAAE,KAAK,EAAC,CAAC,CAAC;YAChC,CAAC;QACL,CAAC;QACD,SAAS,EAAE,KAAK,CAAC,EAAE;YACf,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACjB,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBACxC,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACZ,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;oBAC/D,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;oBAC9D,OAAO,CAAC,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;gBAC9C,CAAC;gBACD,SAAS,EAAE,CAAC,EAAC,GAAG,KAAK,EAAE,KAAK,EAAC,CAAC,CAAC;YACnC,CAAC;QACL,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC"}