@pinnacle0/web-ui 0.5.9 → 0.5.11

package/core/Animated/AnimatePresence.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface Props {
+    children: React.ReactNode;
+}
+/**
+ * Presence exit animation of the element
+ * All direct children of AnimatePresence must be <Animated />, and each one must have a unique key (index will NOT work)
+ * Caveat: insert and remove element by index during animation do not work as expected
+ */
+export declare const AnimatePresence: ({ children }: Props) => React.JSX.Element;
+export declare function invariant(condition: any, message: string): asserts condition;

package/core/Animated/AnimatePresence.js

@@ -0,0 +1,132 @@
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+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 { usePrevious } from "../../hooks/usePrevious";
+import { useForceUpdate } from "../../hooks/useForceUpdate";
+/**
+ * Presence exit animation of the element
+ * All direct children of AnimatePresence must be <Animated />, and each one must have a unique key (index will NOT work)
+ * Caveat: insert and remove element by index during animation do not work as expected
+ */
+export var AnimatePresence = function (_a) {
+    var children = _a.children;
+    var validChildren = getValidChildren(children);
+    var previousValidChildren = usePrevious(validChildren);
+    var renderedListKey = React.useRef(validChildren.map(function (_) { return getKey(_); }));
+    var elementMapRef = React.useRef(new Map());
+    var forceUpdate = useForceUpdate();
+    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) {
+        var key = getKey(element);
+        elementMap.set(key, React.cloneElement(element, {
+            __removed: true,
+            __onExited: function () {
+                elementMapRef.current.delete(key);
+                renderedListKey.current = renderedListKey.current.filter(function (_) { return _ !== key; });
+                forceUpdate();
+            },
+        }));
+    });
+    var addedChildren = calculateAddedChildren(validChildren, previousValidChildren);
+    addedChildren.forEach(function (_a) {
+        var element = _a.element, index = _a.index;
+        var key = getKey(element);
+        if (elementMap.has(key))
+            return;
+        renderedListKey.current.splice(index, 0, getKey(element));
+    });
+    var childrenToRender = renderedListKey.current.map(function (key) { return elementMap.get(key); });
+    return React.createElement("div", { className: "g-animate-presence" }, childrenToRender);
+};
+function getKey(element) {
+    invariant(element.key !== null, "Child of AnimatePresence has neither defined or assigned key");
+    return element.key;
+}
+function calculateRemovedChildren(currentChildren, previousChildren) {
+    var e_1, _a;
+    var currentKeys = new Set(currentChildren.map(function (_) { return _.key; }));
+    var removedChildren = [];
+    try {
+        for (var _b = __values(previousChildren.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var _d = __read(_c.value, 2), element = _d[1];
+            if (!currentKeys.has(getKey(element))) {
+                removedChildren.push(element);
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return removedChildren;
+}
+function calculateAddedChildren(currentChildren, previousChildren) {
+    var e_2, _a;
+    var previousKeys = new Set(previousChildren.map(function (_) { return _.key; }));
+    var addedChildren = [];
+    try {
+        for (var _b = __values(currentChildren.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var _d = __read(_c.value, 2), index = _d[0], element = _d[1];
+            if (!previousKeys.has(getKey(element))) {
+                addedChildren.push({ element: element, index: index });
+            }
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_2) throw e_2.error; }
+    }
+    return addedChildren;
+}
+function getValidChildren(children) {
+    var validElements = [];
+    React.Children.forEach(children, function (element) {
+        var _a;
+        if (!React.isValidElement(element))
+            return;
+        invariant(((_a = element.type) === null || _a === void 0 ? void 0 : _a.$isAnimatedComponent) === true, "<".concat(element.type, "> is not a Animated element. All children of <AnimatePresence> should be created from Animated, e.g. <Animated.div />"));
+        invariant(element.key !== null, "Animated element must have a specified key");
+        validElements.push(element);
+    });
+    return validElements;
+}
+export function invariant(condition, message) {
+    if (condition) {
+        return;
+    }
+    throw new Error(message);
+}
+//# sourceMappingURL=AnimatePresence.js.map

package/core/Animated/AnimatePresence.js.map

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

package/core/Animated/createAnimatedComponent.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface AnimationKeyframe {
+    frames: Keyframe[] | PropertyIndexedKeyframes;
+    options?: KeyframeAnimationOptions;
+}
+export interface AnimatedBaseProps {
+    enter?: AnimationKeyframe | (() => AnimationKeyframe);
+    exit?: AnimationKeyframe | (() => AnimationKeyframe);
+    onEntering?: () => void;
+    onEntered?: () => void;
+    onExiting?: () => void;
+    onExited?: () => void;
+}
+export declare function createAnimatedComponent(element: keyof React.JSX.IntrinsicElements): React.FunctionComponent<any>;

package/core/Animated/createAnimatedComponent.js

@@ -0,0 +1,80 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { useCompositeRef } from "../../hooks/useCompositeRef";
+export function createAnimatedComponent(element) {
+    function Animated(props) {
+        var _a = props, children = _a.children, ref = _a.ref, enter = _a.enter, exit = _a.exit, onEntered = _a.onEntered, onEntering = _a.onEntering, onExited = _a.onExited, onExiting = _a.onExiting, __removed = _a.__removed, __onExited = _a.__onExited, restProps = __rest(_a, ["children", "ref", "enter", "exit", "onEntered", "onEntering", "onExited", "onExiting", "__removed", "__onExited"]);
+        var exited = function () {
+            __onExited === null || __onExited === void 0 ? void 0 : __onExited();
+            onExited === null || onExited === void 0 ? void 0 : onExited();
+        };
+        var animationSettings = { enter: enter, exit: exit, onEntered: onEntered, onEntering: onEntering, onExiting: onExiting, exited: exited };
+        var elementRef = React.useRef(null);
+        var compositeRef = useCompositeRef(elementRef, typeof ref === "string" ? null : ref);
+        var animationSettingsRef = React.useRef(animationSettings);
+        animationSettingsRef.current = animationSettings;
+        React.useLayoutEffect(function () {
+            var element = elementRef.current;
+            if (!element)
+                return;
+            var _a = animationSettingsRef.current, enter = _a.enter, onEntered = _a.onEntered, onEntering = _a.onEntering;
+            if (!enter) {
+                onEntered === null || onEntered === void 0 ? void 0 : onEntered();
+                return;
+            }
+            var keyframe = typeof enter === "function" ? enter() : enter;
+            onEntering === null || onEntering === void 0 ? void 0 : onEntering();
+            var animation = element.animate(keyframe.frames, keyframe.options);
+            if (onEntered)
+                animation.onfinish = onEntered;
+            return function () {
+                animation.onfinish = null;
+                animation.cancel();
+            };
+        }, []);
+        React.useLayoutEffect(function () {
+            var element = elementRef.current;
+            if (typeof __removed !== "boolean" || __removed === false || !element)
+                return;
+            var _a = animationSettingsRef.current, exit = _a.exit, onExiting = _a.onExiting, exited = _a.exited;
+            if (!exit) {
+                exited();
+                return;
+            }
+            var keyframe = typeof exit === "function" ? exit() : exit;
+            onExiting === null || onExiting === void 0 ? void 0 : onExiting();
+            var animation = element.animate(keyframe.frames, keyframe.options);
+            if (exited)
+                animation.onfinish = exited;
+            return function () {
+                animation.cancel();
+                animation.onfinish = null;
+            };
+        }, [__removed]);
+        return React.createElement(element, __assign(__assign({}, restProps), { ref: compositeRef }), children);
+    }
+    Animated.$isAnimatedComponent = true;
+    return Animated;
+}
+//# sourceMappingURL=createAnimatedComponent.js.map

package/core/Animated/createAnimatedComponent.js.map

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

package/core/Animated/index.d.ts

@@ -0,0 +1,14 @@
+import type React from "react";
+import { type AnimatedBaseProps } from "./createAnimatedComponent";
+export type AnimatedType<T extends keyof React.JSX.IntrinsicElements = keyof React.JSX.IntrinsicElements> = {
+    [key in T]: React.ComponentType<React.JSX.IntrinsicElements[key] & AnimatedBaseProps>;
+};
+export declare const RawAnimated: any;
+/**
+ * Why favour <Animated.div/> over <Animated variant="div" /> ?
+ * LATER ONE IS SLOW. The intellisense (code completion) will be so slow that it completely destroy DX, especially in IDEA
+ * Seem like the LSP will try to calculate the props type base on all key of React.JSX.IntrinsicElements
+ * Don't know exactly why. But it's slow as hell
+ */
+export declare const Animated: AnimatedType;
+export { AnimatePresence } from "./AnimatePresence";

package/core/Animated/index.js

@@ -0,0 +1,21 @@
+import { createAnimatedComponent } from "./createAnimatedComponent";
+var componentCache = new Map();
+export var RawAnimated = new Proxy({}, {
+    get: function (_, key) {
+        var component = componentCache.get(key);
+        if (!component) {
+            component = createAnimatedComponent(key);
+            componentCache.set(key, component);
+        }
+        return component;
+    },
+});
+/**
+ * Why favour <Animated.div/> over <Animated variant="div" /> ?
+ * LATER ONE IS SLOW. The intellisense (code completion) will be so slow that it completely destroy DX, especially in IDEA
+ * Seem like the LSP will try to calculate the props type base on all key of React.JSX.IntrinsicElements
+ * Don't know exactly why. But it's slow as hell
+ */
+export var Animated = RawAnimated;
+export { AnimatePresence } from "./AnimatePresence";
+//# sourceMappingURL=index.js.map

package/core/Animated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Animated/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,uBAAuB,EAAyB,MAAM,2BAA2B,CAAC;AAM1F,IAAM,cAAc,GAAG,IAAI,GAAG,EAAoB,CAAC;AACnD,MAAM,CAAC,IAAM,WAAW,GAAQ,IAAI,KAAK,CACrC,EAAE,EACF;IACI,GAAG,YAAC,CAAC,EAAE,GAAW;QACd,IAAI,SAAS,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACxC,IAAI,CAAC,SAAS,EAAE;YACZ,SAAS,GAAG,uBAAuB,CAAC,GAAU,CAAC,CAAC;YAChD,cAAc,CAAC,GAAG,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;SACtC;QACD,OAAO,SAAS,CAAC;IACrB,CAAC;CACJ,CACJ,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAiB,WAA2B,CAAC;AAClE,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC"}

package/core/Resizable/index.js

@@ -24,18 +24,12 @@ import React from "react";
 import { Resizer } from "./Resizer";
 import { classNames } from "../../util/ClassNames";
 import "./index.less";
+import { useCompositeRef } from "../../hooks/useCompositeRef";
 export var Resizable = React.forwardRef(function (_a, ref) {
     var initialHeight = _a.initialHeight, initialWidth = _a.initialWidth, x = _a.x, y = _a.y, className = _a.className, style = _a.style, gap = _a.gap, children = _a.children, _b = _a.maxHeight, maxHeight = _b === void 0 ? window.innerHeight : _b, _c = _a.maxWidth, maxWidth = _c === void 0 ? window.innerWidth : _c, _d = _a.minHeight, minHeight = _d === void 0 ? 0 : _d, _e = _a.minWidth, minWidth = _e === void 0 ? 0 : _e, restProps = __rest(_a, ["initialHeight", "initialWidth", "x", "y", "className", "style", "gap", "children", "maxHeight", "maxWidth", "minHeight", "minWidth"]);
     var resizableRef = React.useRef(null);
     var startRect = React.useRef({ top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 });
-    var compositeRef = function (node) {
-        if (node) {
-            if (ref) {
-                typeof ref === "function" ? ref(node) : (ref.current = node);
-            }
-            resizableRef.current = node;
-        }
-    };
+    var compositeRef = useCompositeRef(resizableRef, ref);
     var onResizeStart = function () {
         if (resizableRef.current) {
             var _a = resizableRef.current.getBoundingClientRect(), top_1 = _a.top, right = _a.right, bottom = _a.bottom, left = _a.left, width = _a.width, height = _a.height;

package/core/Resizable/index.js.map

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

package/core/StyleProvider.d.ts

@@ -3,6 +3,5 @@ import type { ThemeConfig } from "antd";
 export type Theme = ThemeConfig;
 export interface Props {
     children: React.ReactNode;
-    theme?: Theme;
 }
-export declare const StyleProvider: ({ children, theme }: Props) => React.JSX.Element;
+export declare const StyleProvider: ({ children }: Props) => React.JSX.Element;

package/core/StyleProvider.js

@@ -1,10 +1,8 @@
 import React from "react";
 import { ReactUtil } from "../util/ReactUtil";
-import ConfigProvider from "antd/es/config-provider";
 import { StyleProvider as StyleProviderBase, legacyLogicalPropertiesTransformer } from "@ant-design/cssinjs";
 export var StyleProvider = ReactUtil.memo("StyleProvider", function (_a) {
-    var children = _a.children, theme = _a.theme;
-    return (React.createElement(StyleProviderBase, { hashPriority: "high", transformers: [legacyLogicalPropertiesTransformer] },
-        React.createElement(ConfigProvider, { theme: theme }, children)));
+    var children = _a.children;
+    return (React.createElement(StyleProviderBase, { hashPriority: "high", transformers: [legacyLogicalPropertiesTransformer] }, children));
 });
 //# sourceMappingURL=StyleProvider.js.map

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,cAAc,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAC,aAAa,IAAI,iBAAiB,EAAE,kCAAkC,EAAC,MAAM,qBAAqB,CAAC;AAU3G,MAAM,CAAC,IAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC,eAAe,EAAE,UAAC,EAAwB;QAAvB,QAAQ,cAAA,EAAE,KAAK,WAAA;IAC1E,OAAO,CACH,oBAAC,iBAAiB,IAAC,YAAY,EAAC,MAAM,EAAC,YAAY,EAAE,CAAC,kCAAkC,CAAC;QACrF,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAkB,CACzC,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;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"}

package/hooks/useCompositeRef.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function useCompositeRef(...refs: Array<React.MutableRefObject<any> | React.RefCallback<any> | undefined | null>): (node: Node | null) => void;

package/hooks/useCompositeRef.js

@@ -0,0 +1,21 @@
+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) {
+            if (!ref)
+                return;
+            if (typeof ref === "function") {
+                ref(node);
+            }
+            else {
+                ref.current = node;
+            }
+        });
+    }, []);
+}
+//# sourceMappingURL=useCompositeRef.js.map

package/hooks/useCompositeRef.js.map

@@ -0,0 +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;gBAC3B,GAAG,CAAC,IAAI,CAAC,CAAC;aACb;iBAAM;gBACH,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;aACtB;QACL,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinnacle0/web-ui",
-  "version": "0.5.9",
+  "version": "0.5.11",
   "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/devtool-util": "1.2.6",
-    "@pinnacle0/webpack-util": "0.4.57"
+    "@pinnacle0/devtool-util": "1.2.7",
+    "@pinnacle0/webpack-util": "0.4.60"
   },
   "publishConfig": {
     "directory": "build",