@pinnacle0/web-ui 0.5.15 → 0.5.17

package/core/Animated/AnimatePresence.js

@@ -43,7 +43,7 @@ export var AnimatePresence = function (_a) {
     var elementMap = elementMapRef.current;
     validChildren.map(function (element) { return elementMap.set(getKey(element), React.cloneElement(element, { __removed: false, __onExited: undefined })); });
     var removedChildren = calculateRemovedChildren(validChildren, previousValidChildren);
-    removedChildren.map(function (element) {
+    removedChildren.forEach(function (element) {
         var key = getKey(element);
         elementMap.set(key, React.cloneElement(element, {
             __removed: true,
@@ -54,13 +54,23 @@ export var AnimatePresence = function (_a) {
             },
         }));
     });
+    var removedChildrenRenderListIndex = [];
+    elementMapRef.current.forEach(function (element, key) {
+        if (element.props.__removed) {
+            var index = renderedKeyList.current.findIndex(function (_) { return _ === key; });
+            if (index !== -1) {
+                removedChildrenRenderListIndex.push(index);
+            }
+        }
+    });
     var addedChildren = calculateAddedChildren(validChildren, previousValidChildren);
     addedChildren.forEach(function (_a) {
         var element = _a.element, index = _a.index;
         var key = getKey(element);
         if (renderedKeyList.current.includes(key))
             return;
-        renderedKeyList.current.splice(index, 0, getKey(element));
+        var numOfRemovedChildrenBefore = removedChildrenRenderListIndex.filter(function (_) { return _ <= index; }).length;
+        renderedKeyList.current.splice(index + numOfRemovedChildrenBefore, 0, getKey(element));
     });
     var childrenToRender = renderedKeyList.current.map(function (key) { return elementMap.get(key); });
     return React.createElement(React.Fragment, null, childrenToRender);

package/core/Animated/AnimatePresence.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatePresence.js","sourceRoot":"","sources":["../../../src/core/Animated/AnimatePresence.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAU1D;;;;GAIG;AACH,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAAiB;QAAhB,QAAQ,cAAA;IACrC,IAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACjD,IAAM,qBAAqB,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC;IACzD,IAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAc,aAAa,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,MAAM,CAAC,CAAC,CAAC,EAAT,CAAS,CAAC,CAAC,CAAC;IACrF,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,EAAiC,CAAC,CAAC;IAC7E,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;IAEzC,aAAa,CAAC,GAAG,CAAC,UAAA,OAAO,IAAI,OAAA,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,EAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAC,CAAC,CAAC,EAAvG,CAAuG,CAAC,CAAC;IAEtI,IAAM,eAAe,GAAG,wBAAwB,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC;IACvF,eAAe,CAAC,GAAG,CAAC,UAAA,OAAO;QACvB,IAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;QAC5B,UAAU,CAAC,GAAG,CACV,GAAG,EACH,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE;YACxB,SAAS,EAAE,IAAI;YACf,UAAU,EAAE;gBACR,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBAClC,eAAe,CAAC,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,GAAG,EAAT,CAAS,CAAC,CAAC;gBACzE,WAAW,EAAE,CAAC;YAClB,CAAC;SACJ,CAAC,CACL,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,IAAM,aAAa,GAAG,sBAAsB,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC;IACnF,aAAa,CAAC,OAAO,CAAC,UAAC,EAAgB;YAAf,OAAO,aAAA,EAAE,KAAK,WAAA;QAClC,IAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;QAC5B,IAAI,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,OAAO;QAClD,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,IAAM,gBAAgB,GAAyB,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,UAAA,GAAG,IAAI,OAAA,UAAU,CAAC,GAAG,CAAC,GAAG,CAAE,EAApB,CAAoB,CAAC,CAAC;IAExG,OAAO,oBAAC,KAAK,CAAC,QAAQ,QAAE,gBAAgB,CAAkB,CAAC;AAC/D,CAAC,CAAC;AAEF,SAAS,MAAM,CAAC,OAA2B;IACvC,SAAS,CAAC,OAAO,CAAC,GAAG,KAAK,IAAI,EAAE,8DAA8D,CAAC,CAAC;IAChG,OAAO,OAAO,CAAC,GAAG,CAAC;AACvB,CAAC;AAED,SAAS,wBAAwB,CAAC,eAAqC,EAAE,gBAAsC;;IAC3G,IAAM,WAAW,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,GAAG,EAAL,CAAK,CAAC,CAAC,CAAC;IAC7D,IAAM,eAAe,GAAyB,EAAE,CAAC;;QAEjD,KAA0B,IAAA,KAAA,SAAA,gBAAgB,CAAC,OAAO,EAAE,CAAA,gBAAA,4BAAE;YAA3C,IAAA,KAAA,mBAAW,EAAR,OAAO,QAAA;YACjB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE;gBACnC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;aACjC;SACJ;;;;;;;;;IAED,OAAO,eAAe,CAAC;AAC3B,CAAC;AAED,SAAS,sBAAsB,CAAC,eAAqC,EAAE,gBAAsC;;IACzG,IAAM,YAAY,GAAG,IAAI,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,GAAG,EAAL,CAAK,CAAC,CAAC,CAAC;IAC/D,IAAM,aAAa,GAAmB,EAAE,CAAC;;QAEzC,KAA+B,IAAA,KAAA,SAAA,eAAe,CAAC,OAAO,EAAE,CAAA,gBAAA,4BAAE;YAA/C,IAAA,KAAA,mBAAgB,EAAf,KAAK,QAAA,EAAE,OAAO,QAAA;YACtB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE;gBACpC,aAAa,CAAC,IAAI,CAAC,EAAC,OAAO,SAAA,EAAE,KAAK,OAAA,EAAC,CAAC,CAAC;aACxC;SACJ;;;;;;;;;IAED,OAAO,aAAa,CAAC;AACzB,CAAC;AAED,SAAS,gBAAgB,CAAC,QAAyB;IAC/C,IAAM,aAAa,GAAyB,EAAE,CAAC;IAE/C,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAA,OAAO;;QACpC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;YAAE,OAAO;QAC3C,SAAS,CACL,CAAA,MAAC,OAAO,CAAC,IAAY,0CAAE,oBAAoB,MAAK,IAAI,EACpD,WAAI,OAAO,CAAC,IAAI,0HAAuH,CAC1I,CAAC;QACF,SAAS,CAAC,OAAO,CAAC,GAAG,KAAK,IAAI,EAAE,4CAA4C,CAAC,CAAC;QAE9E,aAAa,CAAC,IAAI,CAAC,OAA6B,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,OAAO,aAAa,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,SAAc,EAAE,OAAe;IACrD,IAAI,SAAS,EAAE;QACX,OAAO;KACV;IACD,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;AAC7B,CAAC"}
+{"version":3,"file":"AnimatePresence.js","sourceRoot":"","sources":["../../../src/core/Animated/AnimatePresence.tsx"],"names":[],"mappings":"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"}

package/core/PagedList/index.d.ts

@@ -10,18 +10,6 @@ export interface Props<T extends object> {
     }>;
     itemWidth: number;
     pageSize: number;
+    onPageChange?: (pageIndex: number) => void;
 }
-interface State {
-    currentItemIndex: number;
-}
-export declare class PagedList<T extends object> extends React.PureComponent<Props<T>, State> {
-    static displayName: string;
-    constructor(props: Props<T>);
-    getUpperLimit: () => number;
-    goPreviousPage: () => void;
-    goNextPage: () => void;
-    goCurrentPage: () => void;
-    getRowKey: (record: T, index: number) => string | number;
-    render(): React.JSX.Element;
-}
-export {};
+export declare const PagedList: <T extends object>({ dataSource, rowKey, renderItem, itemWidth, pageSize, onPageChange }: Props<T>) => React.JSX.Element;

package/core/PagedList/index.js

@@ -1,81 +1,68 @@
-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;
+};
 import React from "react";
+import { ReactUtil } from "../../util/ReactUtil";
 import { classNames } from "../../util/ClassNames";
 import { i18n } from "../../internal/i18n/core";
 import "./index.less";
-export var PagedList = /** @class */ (function (_super) {
-    __extends(PagedList, _super);
-    function PagedList(props) {
-        var _this = _super.call(this, props) || this;
-        _this.getUpperLimit = function () { return _this.props.dataSource.length - _this.props.pageSize; };
-        _this.goPreviousPage = function () {
-            var pageSize = _this.props.pageSize;
-            var currentItemIndex = _this.state.currentItemIndex;
-            _this.setState({ currentItemIndex: Math.max(0, Math.min(currentItemIndex + pageSize, _this.getUpperLimit())) });
-        };
-        _this.goNextPage = function () {
-            var pageSize = _this.props.pageSize;
-            var currentItemIndex = _this.state.currentItemIndex;
-            _this.setState({ currentItemIndex: Math.max(0, currentItemIndex - pageSize) });
-        };
-        _this.goCurrentPage = function () { return _this.setState({ currentItemIndex: 0 }); };
-        _this.getRowKey = function (record, index) {
-            var rowKey = _this.props.rowKey;
-            if (rowKey === "index") {
-                return index;
-            }
-            else if (typeof rowKey === "function") {
-                return rowKey(record, index);
-            }
-            else {
-                return record[rowKey];
-            }
-        };
-        _this.state = {
-            currentItemIndex: 0,
-        };
-        return _this;
-    }
-    PagedList.prototype.render = function () {
-        var _a;
-        var _this = this;
-        var dataSource = (_a = this.props, _a.dataSource), renderItem = _a.renderItem, itemWidth = _a.itemWidth, pageSize = _a.pageSize;
-        var currentItemIndex = this.state.currentItemIndex;
-        var isNextDisabled = currentItemIndex === 0;
-        var isPreviousDisabled = currentItemIndex >= this.getUpperLimit();
-        var t = i18n();
-        var Component = renderItem;
-        return (React.createElement("div", { className: "g-paged-list" },
-            React.createElement("div", { className: "list-wrap", style: { width: itemWidth * pageSize } },
-                React.createElement("div", { className: "list", style: { transform: "translateX(".concat(currentItemIndex * itemWidth, "px)") } }, dataSource.map(function (_, index) { return (React.createElement("div", { style: { flex: "0 0 ".concat(itemWidth, "px") }, key: _this.getRowKey(_, index) },
-                    React.createElement(Component, { index: index, item: _ }))); })),
-                dataSource.length === 0 && React.createElement("div", { className: "no-data" }, t.noData)),
-            React.createElement("div", { className: "navigation" },
-                React.createElement("div", { onClick: isNextDisabled ? undefined : this.goNextPage, className: classNames({ disabled: isNextDisabled }) },
-                    React.createElement("div", { className: "next-button" }),
-                    React.createElement("div", null, t.nextPage)),
-                React.createElement("div", { onClick: isPreviousDisabled ? undefined : this.goPreviousPage, className: isPreviousDisabled ? "disabled" : "" },
-                    React.createElement("div", { className: "previous-button" }),
-                    React.createElement("div", null, t.prevPage)),
-                React.createElement("div", { onClick: isNextDisabled ? undefined : this.goCurrentPage, className: classNames({ disabled: isNextDisabled }) },
-                    React.createElement("div", { className: "current-button" }),
-                    React.createElement("div", null, t.currentPage)))));
+export var PagedList = ReactUtil.memo("PagedList", function (_a) {
+    var dataSource = _a.dataSource, rowKey = _a.rowKey, renderItem = _a.renderItem, itemWidth = _a.itemWidth, pageSize = _a.pageSize, onPageChange = _a.onPageChange;
+    var _b = __read(React.useState(0), 2), currentItemIndex = _b[0], setCurrentItemIndex = _b[1];
+    var t = i18n();
+    var Component = renderItem;
+    var isNextDisabled = currentItemIndex === 0;
+    var upperLimit = dataSource.length - pageSize;
+    var isPreviousDisabled = currentItemIndex >= upperLimit;
+    var currentPageIndex = React.useMemo(function () { return Math.floor(currentItemIndex / pageSize); }, [currentItemIndex, pageSize]);
+    var goPreviousPage = function () {
+        setCurrentItemIndex(Math.max(0, Math.min(currentItemIndex + pageSize, upperLimit)));
+    };
+    var goNextPage = function () {
+        setCurrentItemIndex(Math.max(0, currentItemIndex - pageSize));
+    };
+    var goCurrentPage = function () { return setCurrentItemIndex(0); };
+    var getRowKey = function (record, index) {
+        if (rowKey === "index") {
+            return index;
+        }
+        else if (typeof rowKey === "function") {
+            return rowKey(record, index);
+        }
+        else {
+            return record[rowKey];
+        }
     };
-    PagedList.displayName = "PagedList";
-    return PagedList;
-}(React.PureComponent));
+    React.useEffect(function () {
+        onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(currentPageIndex);
+    }, [currentPageIndex, onPageChange]);
+    return (React.createElement("div", { className: "g-paged-list" },
+        React.createElement("div", { className: "list-wrap", style: { width: itemWidth * pageSize } },
+            React.createElement("div", { className: "list", style: { transform: "translateX(".concat(currentItemIndex * itemWidth, "px)") } }, dataSource.map(function (_, index) { return (React.createElement("div", { style: { flex: "0 0 ".concat(itemWidth, "px") }, key: getRowKey(_, index) },
+                React.createElement(Component, { index: index, item: _ }))); })),
+            dataSource.length === 0 && React.createElement("div", { className: "no-data" }, t.noData)),
+        React.createElement("div", { className: "navigation" },
+            React.createElement("div", { onClick: isNextDisabled ? undefined : goNextPage, className: classNames({ disabled: isNextDisabled }) },
+                React.createElement("div", { className: "next-button" }),
+                React.createElement("div", null, t.nextPage)),
+            React.createElement("div", { onClick: isPreviousDisabled ? undefined : goPreviousPage, className: isPreviousDisabled ? "disabled" : "" },
+                React.createElement("div", { className: "previous-button" }),
+                React.createElement("div", null, t.prevPage)),
+            React.createElement("div", { onClick: isNextDisabled ? undefined : goCurrentPage, className: classNames({ disabled: isNextDisabled }) },
+                React.createElement("div", { className: "current-button" }),
+                React.createElement("div", null, t.currentPage)))));
+});
 //# sourceMappingURL=index.js.map

package/core/PagedList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/PagedList/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/PagedList/index.tsx"],"names":[],"mappings":"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"}

package/core/StyleProvider.d.ts

@@ -1,6 +1,4 @@
 import React from "react";
-import type { ThemeConfig } from "antd";
-export type Theme = ThemeConfig;
 export interface Props {
     children: React.ReactNode;
 }

package/core/StyleProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyleProvider.js","sourceRoot":"","sources":["../../src/core/StyleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAC,aAAa,IAAI,iBAAiB,EAAE,kCAAkC,EAAC,MAAM,qBAAqB,CAAC;AAS3G,MAAM,CAAC,IAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC,eAAe,EAAE,UAAC,EAAiB;QAAhB,QAAQ,cAAA;IACnE,OAAO,CACH,oBAAC,iBAAiB,IAAC,YAAY,EAAC,MAAM,EAAC,YAAY,EAAE,CAAC,kCAAkC,CAAC,IACpF,QAAQ,CACO,CACvB,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"file":"StyleProvider.js","sourceRoot":"","sources":["../../src/core/StyleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAC,aAAa,IAAI,iBAAiB,EAAE,kCAAkC,EAAC,MAAM,qBAAqB,CAAC;AAM3G,MAAM,CAAC,IAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC,eAAe,EAAE,UAAC,EAAiB;QAAhB,QAAQ,cAAA;IACnE,OAAO,CACH,oBAAC,iBAAiB,IAAC,YAAY,EAAC,MAAM,EAAC,YAAY,EAAE,CAAC,kCAAkC,CAAC,IACpF,QAAQ,CACO,CACvB,CAAC;AACN,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinnacle0/web-ui",
-  "version": "0.5.15",
+  "version": "0.5.17",
   "author": "Pinnacle",
   "license": "MIT",
   "sideEffects": [
@@ -51,8 +51,8 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-router-dom": "5.3.0",
-    "@pinnacle0/webpack-util": "0.5.0",
-    "@pinnacle0/devtool-util": "1.2.7"
+    "@pinnacle0/devtool-util": "1.2.7",
+    "@pinnacle0/webpack-util": "0.5.0"
   },
   "publishConfig": {
     "directory": "build",