@pinnacle0/web-ui 0.4.31 → 0.4.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/VerticalMarquee/index.d.ts +1 -6
- package/core/VerticalMarquee/index.js +14 -10
- package/core/VerticalMarquee/index.js.map +1 -1
- package/core/VerticalMarquee/index.less +8 -4
- package/core/VirtualList/index.d.ts +2 -1
- package/core/VirtualList/index.js +2 -2
- package/core/VirtualList/index.js.map +1 -1
- package/hooks/useBool.js +2 -2
- package/hooks/useBool.js.map +1 -1
- package/hooks/useDebounce.d.ts +1 -1
- package/hooks/useDebounce.js +13 -16
- package/hooks/useDebounce.js.map +1 -1
- package/hooks/usePrevious.js +4 -4
- package/hooks/usePrevious.js.map +1 -1
- package/hooks/useWillUnmountEffect.js +1 -1
- package/hooks/useWillUnmountEffect.js.map +1 -1
- package/package.json +3 -3
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import "./index.less";
|
|
3
3
|
export interface Props {
|
|
4
|
-
height: number;
|
|
5
4
|
children: React.ReactNode;
|
|
6
5
|
className?: string;
|
|
7
6
|
styles?: React.CSSProperties;
|
|
@@ -11,8 +10,4 @@ export interface State {
|
|
|
11
10
|
hasShadowChildren: boolean;
|
|
12
11
|
paused: boolean;
|
|
13
12
|
}
|
|
14
|
-
export declare const VerticalMarquee:
|
|
15
|
-
readonly type: ({ className: extraClassName, speed, height, styles, children }: Props) => JSX.Element;
|
|
16
|
-
} & {
|
|
17
|
-
displayName: string;
|
|
18
|
-
};
|
|
13
|
+
export declare const VerticalMarquee: ({ className: extraClassName, speed, styles, children }: Props) => JSX.Element;
|
|
@@ -26,12 +26,15 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
26
26
|
return ar;
|
|
27
27
|
};
|
|
28
28
|
import React from "react";
|
|
29
|
+
import { classNames } from "../../util/ClassNames";
|
|
29
30
|
import "./index.less";
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
var
|
|
33
|
-
var
|
|
31
|
+
import { ReactUtil } from "../../util/ReactUtil";
|
|
32
|
+
export var VerticalMarquee = ReactUtil.memo("VerticalMarquee", function (_a) {
|
|
33
|
+
var _b, _c;
|
|
34
|
+
var extraClassName = _a.className, speed = _a.speed, styles = _a.styles, children = _a.children;
|
|
35
|
+
var _d = __read(React.useState(0), 2), contentHeight = _d[0], setContentHeight = _d[1];
|
|
34
36
|
var animationSpeed = contentHeight / (speed || 30);
|
|
37
|
+
var containerRef = React.useRef(null);
|
|
35
38
|
var marqueeInnerRef = React.useCallback(function (node) {
|
|
36
39
|
if (!node) {
|
|
37
40
|
return;
|
|
@@ -42,10 +45,11 @@ export var VerticalMarquee = Object.assign(React.memo(function (_a) {
|
|
|
42
45
|
animation: "marquee ".concat(animationSpeed, "s linear infinite"),
|
|
43
46
|
transform: "translate(0, calc(-100% + ".concat(contentHeight / 2, "px))"),
|
|
44
47
|
}); }, [animationSpeed, contentHeight]);
|
|
45
|
-
var pageSize = contentHeight /
|
|
46
|
-
return (React.createElement("div", {
|
|
47
|
-
React.createElement("div", {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
48
|
+
var pageSize = contentHeight / (((_b = containerRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 1);
|
|
49
|
+
return (React.createElement("div", { ref: containerRef, className: "g-marquee-container" },
|
|
50
|
+
React.createElement("div", { className: classNames("g-marquee", extraClassName), style: __assign(__assign({}, styles), { height: (_c = containerRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight }) },
|
|
51
|
+
React.createElement("div", { ref: marqueeInnerRef, className: "inner", style: pageSize > 1 ? marqueeInnerAnimationStyle : undefined },
|
|
52
|
+
children,
|
|
53
|
+
children))));
|
|
54
|
+
});
|
|
51
55
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VerticalMarquee/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VerticalMarquee/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,cAAc,CAAC;AACtB,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAc/C,MAAM,CAAC,IAAM,eAAe,GAAG,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE,UAAC,EAA2D;;QAA/C,cAAc,eAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA;IAC3G,IAAA,KAAA,OAAoC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,EAApD,aAAa,QAAA,EAAE,gBAAgB,QAAqB,CAAC;IAC5D,IAAM,cAAc,GAAG,aAAa,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAErD,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAExD,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,IAA2B;QAClE,IAAI,CAAC,IAAI,EAAE;YACP,OAAO;SACV;QACD,gBAAgB,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,0BAA0B,GAAwB,KAAK,CAAC,OAAO,CACjE,cAAM,OAAA,CAAC;QACH,SAAS,EAAE,kBAAW,cAAc,sBAAmB;QACvD,SAAS,EAAE,oCAA6B,aAAa,GAAG,CAAC,SAAM;KAClE,CAAC,EAHI,CAGJ,EACF,CAAC,cAAc,EAAE,aAAa,CAAC,CAClC,CAAC;IAEF,IAAM,QAAQ,GAAG,aAAa,GAAG,CAAC,CAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,CAAC;IAE3E,OAAO,CACH,6BAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAC,qBAAqB;QACnD,6BAAK,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,cAAc,CAAC,EAAE,KAAK,wBAAM,MAAM,KAAE,MAAM,EAAE,MAAA,YAAY,CAAC,OAAO,0CAAE,YAAY;YAClH,6BAAK,GAAG,EAAE,eAAe,EAAE,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,SAAS;gBACpG,QAAQ;gBACR,QAAQ,CACP,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}
|
|
@@ -4,10 +4,14 @@
|
|
|
4
4
|
}
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.g-marquee {
|
|
8
|
-
|
|
7
|
+
.g-marquee-container {
|
|
8
|
+
height: 100%;
|
|
9
9
|
|
|
10
|
-
.
|
|
11
|
-
|
|
10
|
+
> .g-marquee {
|
|
11
|
+
overflow: hidden;
|
|
12
|
+
|
|
13
|
+
.inner:hover {
|
|
14
|
+
animation-play-state: paused !important;
|
|
15
|
+
}
|
|
12
16
|
}
|
|
13
17
|
}
|
|
@@ -24,10 +24,11 @@ export interface Props<T extends object> {
|
|
|
24
24
|
overscan?: number;
|
|
25
25
|
observeElementRect?: VirtualizerOptions<HTMLElement, HTMLElement>["observeElementRect"];
|
|
26
26
|
observeElementOffset?: VirtualizerOptions<HTMLElement, HTMLElement>["observeElementOffset"];
|
|
27
|
+
id?: string;
|
|
27
28
|
className?: string;
|
|
28
29
|
listRef?: React.Ref<VirtualListHandler>;
|
|
29
30
|
}
|
|
30
31
|
/**
|
|
31
32
|
* Efficiently rendering large lists and tabular data
|
|
32
33
|
*/
|
|
33
|
-
export declare function VirtualList<T extends object>({ data, rowKey, direction, renderItem: renderData, overscan, initialRect, observeElementOffset, fixedSize, observeElementRect, className, listRef, }: Props<T>): JSX.Element;
|
|
34
|
+
export declare function VirtualList<T extends object>({ data, rowKey, direction, renderItem: renderData, overscan, initialRect, observeElementOffset, fixedSize, observeElementRect, id, className, listRef, }: Props<T>): JSX.Element;
|
|
@@ -8,7 +8,7 @@ var DEFAULT_ITEM_SIZE = 100;
|
|
|
8
8
|
* Efficiently rendering large lists and tabular data
|
|
9
9
|
*/
|
|
10
10
|
export function VirtualList(_a) {
|
|
11
|
-
var data = _a.data, _b = _a.rowKey, rowKey = _b === void 0 ? "index" : _b, _c = _a.direction, direction = _c === void 0 ? "vertical" : _c, renderData = _a.renderItem, _d = _a.overscan, overscan = _d === void 0 ? 5 : _d, _e = _a.initialRect, initialRect = _e === void 0 ? { width: 0, height: 0 } : _e, observeElementOffset = _a.observeElementOffset, fixedSize = _a.fixedSize, observeElementRect = _a.observeElementRect, className = _a.className, listRef = _a.listRef;
|
|
11
|
+
var data = _a.data, _b = _a.rowKey, rowKey = _b === void 0 ? "index" : _b, _c = _a.direction, direction = _c === void 0 ? "vertical" : _c, renderData = _a.renderItem, _d = _a.overscan, overscan = _d === void 0 ? 5 : _d, _e = _a.initialRect, initialRect = _e === void 0 ? { width: 0, height: 0 } : _e, observeElementOffset = _a.observeElementOffset, fixedSize = _a.fixedSize, observeElementRect = _a.observeElementRect, id = _a.id, className = _a.className, listRef = _a.listRef;
|
|
12
12
|
var Item = renderData;
|
|
13
13
|
var parentRef = React.useRef(null);
|
|
14
14
|
var horizontal = direction === "horizontal";
|
|
@@ -33,7 +33,7 @@ export function VirtualList(_a) {
|
|
|
33
33
|
range: virtualizer.range,
|
|
34
34
|
}); });
|
|
35
35
|
var getItemKey = function (index) { return (rowKey === "index" ? index : data[index][rowKey]); };
|
|
36
|
-
return (React.createElement("div", { className: classNames("g-virtual-list", className, { horizontal: horizontal }), ref: parentRef },
|
|
36
|
+
return (React.createElement("div", { id: id, className: classNames("g-virtual-list", className, { horizontal: horizontal }), ref: parentRef },
|
|
37
37
|
React.createElement("div", { className: "g-virtual-list-inner", style: horizontal ? { width: virtualizer.getTotalSize() } : { height: virtualizer.getTotalSize() } }, virtualizer.getVirtualItems().map(function (virtualRow) { return (React.createElement("div", { className: "g-virtual-list-item", key: getItemKey(virtualRow.index), ref: virtualizer.measureElement, "data-index": virtualRow.index, style: { transform: horizontal ? "translateX(".concat(virtualRow.start, "px)") : "translateY(".concat(virtualRow.start, "px)") } },
|
|
38
38
|
React.createElement("div", { className: "g-virtual-list-item-wrapper" },
|
|
39
39
|
React.createElement(Item, { data: data[virtualRow.index], index: virtualRow.index })))); }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VirtualList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wCAAwC,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,cAAc,EAAE,oBAAoB,IAAI,2BAA2B,EAAE,kBAAkB,IAAI,yBAAyB,EAAC,MAAM,yBAAyB,CAAC;AAI7J,OAAO,cAAc,CAAC;AAEtB,IAAM,iBAAiB,GAAG,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VirtualList/index.tsx"],"names":[],"mappings":"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"}
|
package/hooks/useBool.js
CHANGED
|
@@ -27,8 +27,8 @@ import React from "react";
|
|
|
27
27
|
export function useBool(initialValue) {
|
|
28
28
|
if (initialValue === void 0) { initialValue = false; }
|
|
29
29
|
var _a = __read(React.useState(initialValue), 2), value = _a[0], setValue = _a[1];
|
|
30
|
-
var setValueToTrue = React.useCallback(function () { return setValue(true); }, [
|
|
31
|
-
var setValueToFalse = React.useCallback(function () { return setValue(false); }, [
|
|
30
|
+
var setValueToTrue = React.useCallback(function () { return setValue(true); }, []);
|
|
31
|
+
var setValueToFalse = React.useCallback(function () { return setValue(false); }, []);
|
|
32
32
|
return [value, setValueToTrue, setValueToFalse];
|
|
33
33
|
}
|
|
34
34
|
//# sourceMappingURL=useBool.js.map
|
package/hooks/useBool.js.map
CHANGED
|
@@ -1 +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,
|
|
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"}
|
package/hooks/useDebounce.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
type Callback<T extends any[]> = (...args: T) => void;
|
|
2
|
-
export declare
|
|
2
|
+
export declare function useDebounce<Param extends any[]>(callback: Callback<Param>, wait: number): (...args: Param) => void;
|
|
3
3
|
export {};
|
package/hooks/useDebounce.js
CHANGED
|
@@ -24,23 +24,20 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
24
24
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
25
25
|
};
|
|
26
26
|
import React from "react";
|
|
27
|
-
export
|
|
27
|
+
export function useDebounce(callback, wait) {
|
|
28
28
|
var idRef = React.useRef();
|
|
29
29
|
var callbackRef = React.useRef(callback);
|
|
30
30
|
callbackRef.current = callback;
|
|
31
|
-
var
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
React.useEffect(function () { return function () { return clearTimeout(idRef.current); }; }, []);
|
|
44
|
-
return React.useMemo(function () { return debounce(); }, [debounce]);
|
|
45
|
-
};
|
|
31
|
+
var waitRef = React.useRef(wait);
|
|
32
|
+
waitRef.current = wait;
|
|
33
|
+
React.useEffect(function () { return function () { return window.clearTimeout(idRef.current); }; }, []);
|
|
34
|
+
return React.useCallback(function () {
|
|
35
|
+
var args = [];
|
|
36
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
37
|
+
args[_i] = arguments[_i];
|
|
38
|
+
}
|
|
39
|
+
window.clearTimeout(idRef.current);
|
|
40
|
+
idRef.current = window.setTimeout(function () { return callbackRef.current.apply(callbackRef, __spreadArray([], __read(args), false)); }, waitRef.current);
|
|
41
|
+
}, []);
|
|
42
|
+
}
|
|
46
43
|
//# sourceMappingURL=useDebounce.js.map
|
package/hooks/useDebounce.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../src/hooks/useDebounce.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,
|
|
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"}
|
package/hooks/usePrevious.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export function usePrevious(value) {
|
|
3
3
|
var ref = React.useRef({
|
|
4
|
-
|
|
4
|
+
latest: value,
|
|
5
5
|
previous: value,
|
|
6
6
|
});
|
|
7
|
-
if (value !== ref.current.
|
|
7
|
+
if (value !== ref.current.latest) {
|
|
8
8
|
ref.current = {
|
|
9
|
-
|
|
10
|
-
previous: ref.current.
|
|
9
|
+
latest: value,
|
|
10
|
+
previous: ref.current.latest,
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
13
|
return ref.current.previous;
|
package/hooks/usePrevious.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePrevious.js","sourceRoot":"","sources":["../../src/hooks/usePrevious.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,WAAW,CAAI,KAAQ;IACnC,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC;QACrB,
|
|
1
|
+
{"version":3,"file":"usePrevious.js","sourceRoot":"","sources":["../../src/hooks/usePrevious.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,WAAW,CAAI,KAAQ;IACnC,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC;QACrB,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,KAAK;KAClB,CAAC,CAAC;IAEH,IAAI,KAAK,KAAK,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE;QAC9B,GAAG,CAAC,OAAO,GAAG;YACV,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,MAAM;SAC/B,CAAC;KACL;IAED,OAAO,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;AAChC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
export function useWillUnmountEffect(willUnmount) {
|
|
3
3
|
React.useEffect(function () {
|
|
4
4
|
return willUnmount;
|
|
5
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps -- this is intentional to emulate the
|
|
5
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps -- this is intentional to emulate the behavior of componentWillUnmount
|
|
6
6
|
}, []);
|
|
7
7
|
}
|
|
8
8
|
//# sourceMappingURL=useWillUnmountEffect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useWillUnmountEffect.js","sourceRoot":"","sources":["../../src/hooks/useWillUnmountEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,oBAAoB,CAAC,WAAuB;IACxD,KAAK,CAAC,SAAS,CAAC;QACZ,OAAO,WAAW,CAAC;QACnB
|
|
1
|
+
{"version":3,"file":"useWillUnmountEffect.js","sourceRoot":"","sources":["../../src/hooks/useWillUnmountEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,oBAAoB,CAAC,WAAuB;IACxD,KAAK,CAAC,SAAS,CAAC;QACZ,OAAO,WAAW,CAAC;QACnB,8HAA8H;IAClI,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pinnacle0/web-ui",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.33",
|
|
4
4
|
"author": "Pinnacle",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"sideEffects": [
|
|
@@ -52,8 +52,8 @@
|
|
|
52
52
|
"react-dom": "18.2.0",
|
|
53
53
|
"react-router-dom": "5.3.0",
|
|
54
54
|
"typescript": "4.9.5",
|
|
55
|
-
"@pinnacle0/
|
|
56
|
-
"@pinnacle0/
|
|
55
|
+
"@pinnacle0/webpack-util": "0.4.46",
|
|
56
|
+
"@pinnacle0/devtool-util": "1.2.2"
|
|
57
57
|
},
|
|
58
58
|
"publishConfig": {
|
|
59
59
|
"directory": "build"
|