extra-react-hooks 0.1.13 → 0.2.0

package/lib/es2015/index.d.ts

@@ -1,6 +1,9 @@
 export * from './use-increment';
 export * from './use-is-mounted';
+export * from './use-is-first-render';
+export * from './use-render-counter';
 export * from './use-mount';
+export * from './use-update-effect';
 export * from './use-single-selection';
 export * from './use-multiple-selection';
 export * from './use-state-cycle';

package/lib/es2015/index.js

@@ -16,7 +16,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./use-increment"), exports);
 __exportStar(require("./use-is-mounted"), exports);
+__exportStar(require("./use-is-first-render"), exports);
+__exportStar(require("./use-render-counter"), exports);
 __exportStar(require("./use-mount"), exports);
+__exportStar(require("./use-update-effect"), exports);
 __exportStar(require("./use-single-selection"), exports);
 __exportStar(require("./use-multiple-selection"), exports);
 __exportStar(require("./use-state-cycle"), exports);

package/lib/es2015/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,mDAAgC;AAChC,8CAA2B;AAC3B,yDAAsC;AACtC,2DAAwC;AACxC,oDAAiC;AACjC,+CAA4B;AAC5B,wDAAqC;AACrC,6CAA0B;AAC1B,qDAAkC;AAClC,6DAA0C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,mDAAgC;AAChC,wDAAqC;AACrC,uDAAoC;AACpC,8CAA2B;AAC3B,sDAAmC;AACnC,yDAAsC;AACtC,2DAAwC;AACxC,oDAAiC;AACjC,+CAA4B;AAC5B,wDAAqC;AACrC,6CAA0B;AAC1B,qDAAkC;AAClC,6DAA0C"}

package/lib/es2015/use-is-first-render.d.ts

@@ -0,0 +1 @@
+export declare function useIsFirstRender(): () => boolean;

package/lib/es2015/use-is-first-render.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsFirstRender = void 0;
+const react_1 = require("react");
+var State;
+(function (State) {
+    State[State["InitialValue"] = 0] = "InitialValue";
+    State[State["First"] = 1] = "First";
+    State[State["NotFirst"] = 2] = "NotFirst";
+})(State || (State = {}));
+function useIsFirstRender() {
+    const state = (0, react_1.useRef)(State.InitialValue);
+    switch (state.current) {
+        case State.InitialValue:
+            state.current = State.First;
+            break;
+        case State.First:
+            state.current = State.NotFirst;
+            break;
+        case State.NotFirst: break;
+    }
+    return () => state.current === State.First;
+}
+exports.useIsFirstRender = useIsFirstRender;
+//# sourceMappingURL=use-is-first-render.js.map

package/lib/es2015/use-is-first-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-first-render.js","sourceRoot":"","sources":["../../src/use-is-first-render.ts"],"names":[],"mappings":";;;AAAA,iCAA8B;AAE9B,IAAK,KAIJ;AAJD,WAAK,KAAK;IACR,iDAAY,CAAA;IACZ,mCAAK,CAAA;IACL,yCAAQ,CAAA;AACV,CAAC,EAJI,KAAK,KAAL,KAAK,QAIT;AAED,SAAgB,gBAAgB;IAC9B,MAAM,KAAK,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,YAAY,CAAC,CAAA;IAExC,QAAQ,KAAK,CAAC,OAAO,EAAE;QACrB,KAAK,KAAK,CAAC,YAAY;YACrB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAA;YAC3B,MAAK;QACP,KAAK,KAAK,CAAC,KAAK;YACd,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;YAC9B,MAAK;QACP,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAK;KAC3B;IAED,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,KAAK,CAAC,KAAK,CAAA;AAC5C,CAAC;AAdD,4CAcC"}

package/lib/es2015/use-multiple-selection.d.ts

@@ -7,7 +7,7 @@ interface IMultipleSelectionOption<T> {
     toggle(): void;
 }
 export declare function useMultipleSelection<T>(values: T[], defaultSelectedIndexes?: number[]): {
-    values: T[];
+    selectedValues: T[];
     options: Array<IMultipleSelectionOption<T>>;
 };
 export {};

package/lib/es2015/use-multiple-selection.js

@@ -10,8 +10,8 @@ function useMultipleSelection(values, defaultSelectedIndexes = []) {
         (0, errors_1.assert)(index >= 0 && index < values.length, 'The index of parameter defaultSelectedIndexes must be in the range of 0 to values.length');
     }
     const [selectedIndexes, setSelectedIndexes] = (0, react_1.useState)(new Set(defaultSelectedIndexes));
-    return {
-        values: (0, iterable_operator_1.toArray)((0, iterable_operator_1.map)(selectedIndexes, i => values[i])),
+    return (0, react_1.useMemo)(() => ({
+        selectedValues: (0, iterable_operator_1.toArray)((0, iterable_operator_1.map)(selectedIndexes, i => values[i])),
         options: values.map((value, index) => {
             const selected = selectedIndexes.has(index);
             const select = () => {
@@ -33,7 +33,7 @@ function useMultipleSelection(values, defaultSelectedIndexes = []) {
                 toggle: selected ? unselect : select
             };
         })
-    };
+    }), [selectedIndexes]);
 }
 exports.useMultipleSelection = useMultipleSelection;
 //# sourceMappingURL=use-multiple-selection.js.map

package/lib/es2015/use-multiple-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-multiple-selection.js","sourceRoot":"","sources":["../../src/use-multiple-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,+CAA2C;AAC3C,yDAAgD;AAYhD,SAAgB,oBAAoB,CAClC,MAAW,EACX,yBAAmC,EAAE;IAKrC,IAAA,eAAM,EAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,KAAK,MAAM,KAAK,IAAI,sBAAsB,EAAE;QAC1C,IAAA,eAAM,EACJ,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,MAAM,CAAC,MAAM,EACnC,0FAA0F,CAC3F,CAAA;KACF;IAED,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAEvF,OAAO;QACL,MAAM,EAAE,IAAA,2BAAO,EAAC,IAAA,uBAAG,EAAC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACrD,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACnC,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YAC3C,MAAM,MAAM,GAAG,GAAG,EAAE;gBAClB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;gBACpC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;gBACd,kBAAkB,CAAC,GAAG,CAAC,CAAA;YACzB,CAAC,CAAA;YACD,MAAM,QAAQ,GAAG,GAAG,EAAE;gBACpB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;gBACpC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACjB,kBAAkB,CAAC,GAAG,CAAC,CAAA;YACzB,CAAC,CAAA;YAED,OAAO;gBACL,KAAK;gBACL,KAAK;gBACL,QAAQ;gBACR,MAAM;gBACN,QAAQ;gBACR,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;aACrC,CAAA;QACH,CAAC,CAAC;KACH,CAAA;AACH,CAAC;AA1CD,oDA0CC"}
+{"version":3,"file":"use-multiple-selection.js","sourceRoot":"","sources":["../../src/use-multiple-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAyC;AACzC,+CAA2C;AAC3C,yDAAgD;AAYhD,SAAgB,oBAAoB,CAClC,MAAW,EACX,yBAAmC,EAAE;IAKrC,IAAA,eAAM,EAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,KAAK,MAAM,KAAK,IAAI,sBAAsB,EAAE;QAC1C,IAAA,eAAM,EACJ,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,MAAM,CAAC,MAAM,EACnC,0FAA0F,CAC3F,CAAA;KACF;IAED,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAEvF,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC;QACpB,cAAc,EAAE,IAAA,2BAAO,EAAC,IAAA,uBAAG,EAAC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7D,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACnC,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YAC3C,MAAM,MAAM,GAAG,GAAG,EAAE;gBAClB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;gBACpC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;gBACd,kBAAkB,CAAC,GAAG,CAAC,CAAA;YACzB,CAAC,CAAA;YACD,MAAM,QAAQ,GAAG,GAAG,EAAE;gBACpB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;gBACpC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACjB,kBAAkB,CAAC,GAAG,CAAC,CAAA;YACzB,CAAC,CAAA;YAED,OAAO;gBACL,KAAK;gBACL,KAAK;gBACL,QAAQ;gBACR,MAAM;gBACN,QAAQ;gBACR,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;aACrC,CAAA;QACH,CAAC,CAAC;KACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;AACxB,CAAC;AA1CD,oDA0CC"}

package/lib/es2015/use-render-counter.d.ts

@@ -0,0 +1 @@
+export declare function useRenderCounter(): number;

package/lib/es2015/use-render-counter.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRenderCounter = void 0;
+const react_1 = require("react");
+function useRenderCounter() {
+    const counter = (0, react_1.useRef)(0);
+    counter.current++;
+    return counter.current;
+}
+exports.useRenderCounter = useRenderCounter;
+//# sourceMappingURL=use-render-counter.js.map

package/lib/es2015/use-render-counter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-render-counter.js","sourceRoot":"","sources":["../../src/use-render-counter.ts"],"names":[],"mappings":";;;AAAA,iCAA8B;AAE9B,SAAgB,gBAAgB;IAC9B,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAA;IAEzB,OAAO,CAAC,OAAO,EAAE,CAAA;IAEjB,OAAO,OAAO,CAAC,OAAO,CAAA;AACxB,CAAC;AAND,4CAMC"}

package/lib/es2015/use-single-selection.d.ts

@@ -5,10 +5,10 @@ export interface ISingleSelectionOption<T> {
     select(): void;
 }
 export declare function useSingleSelection<T>(values: T[], defaultSelectedIndex: number): {
-    value: T;
+    selectedValue: T;
     options: Array<ISingleSelectionOption<T>>;
 };
 export declare function useSingleSelection<T>(values: T[]): {
-    value: T | undefined;
+    selectedValue: T | undefined;
     options: Array<ISingleSelectionOption<T>>;
 };

package/lib/es2015/use-single-selection.js

@@ -10,15 +10,15 @@ function useSingleSelection(values, defaultSelectedIndex) {
         (0, errors_1.assert)(defaultSelectedIndex >= 0 && defaultSelectedIndex < values.length, 'The parameter defaultSelectedIndex must be in the range of 0 to values.length');
     }
     const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(defaultSelectedIndex);
-    return {
-        value: (0, types_1.isUndefined)(selectedIndex) ? undefined : values[selectedIndex],
+    return (0, react_1.useMemo)(() => ({
+        selectedValue: (0, types_1.isUndefined)(selectedIndex) ? undefined : values[selectedIndex],
         options: values.map((value, index) => ({
             value,
             index,
             selected: index === selectedIndex,
             select: () => setSelectedIndex(index)
         }))
-    };
+    }), [selectedIndex]);
 }
 exports.useSingleSelection = useSingleSelection;
 //# sourceMappingURL=use-single-selection.js.map

package/lib/es2015/use-single-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-single-selection.js","sourceRoot":"","sources":["../../src/use-single-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,6CAA8D;AAC9D,+CAA2C;AAqB3C,SAAgB,kBAAkB,CAChC,MAAW,EACX,oBAA6B;IAE7B,IAAA,eAAM,EAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,IAAI,IAAA,qBAAa,EAAC,oBAAoB,CAAC,EAAE;QACvC,IAAA,eAAM,EACJ,oBAAoB,IAAI,CAAC,IAAI,oBAAoB,GAAG,MAAM,CAAC,MAAM,EACjE,+EAA+E,CAChF,CAAA;KACF;IAED,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAqB,oBAAoB,CAAC,CAAA;IAE5F,OAAO;QACL,KAAK,EAAE,IAAA,mBAAW,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;QACrE,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YACrC,KAAK;YACL,KAAK;YACL,QAAQ,EAAE,KAAK,KAAK,aAAa;YACjC,MAAM,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC;SACtC,CAAC,CAAC;KACJ,CAAA;AACH,CAAC;AAvBD,gDAuBC"}
+{"version":3,"file":"use-single-selection.js","sourceRoot":"","sources":["../../src/use-single-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAyC;AACzC,6CAA8D;AAC9D,+CAA2C;AAqB3C,SAAgB,kBAAkB,CAChC,MAAW,EACX,oBAA6B;IAE7B,IAAA,eAAM,EAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,IAAI,IAAA,qBAAa,EAAC,oBAAoB,CAAC,EAAE;QACvC,IAAA,eAAM,EACJ,oBAAoB,IAAI,CAAC,IAAI,oBAAoB,GAAG,MAAM,CAAC,MAAM,EACjE,+EAA+E,CAChF,CAAA;KACF;IAED,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAqB,oBAAoB,CAAC,CAAA;IAE5F,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC;QACpB,aAAa,EAAE,IAAA,mBAAW,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;QAC7E,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YACrC,KAAK;YACL,KAAK;YACL,QAAQ,EAAE,KAAK,KAAK,aAAa;YACjC,MAAM,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC;SACtC,CAAC,CAAC;KACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;AACtB,CAAC;AAvBD,gDAuBC"}

package/lib/es2015/use-update-effect.d.ts

@@ -0,0 +1,2 @@
+import { EffectCallback } from 'react';
+export declare function useUpdateEffect(effect: EffectCallback, deps?: React.DependencyList): void;

package/lib/es2015/use-update-effect.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUpdateEffect = void 0;
+const react_1 = require("react");
+const use_is_first_render_1 = require("./use-is-first-render");
+function useUpdateEffect(effect, deps) {
+    const isFirstRender = (0, use_is_first_render_1.useIsFirstRender)();
+    (0, react_1.useEffect)(() => {
+        if (!isFirstRender()) {
+            return effect();
+        }
+    }, deps);
+}
+exports.useUpdateEffect = useUpdateEffect;
+//# sourceMappingURL=use-update-effect.js.map

package/lib/es2015/use-update-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-update-effect.js","sourceRoot":"","sources":["../../src/use-update-effect.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AACjD,+DAAwD;AAExD,SAAgB,eAAe,CAC7B,MAAsB,EACtB,IAA2B;IAE3B,MAAM,aAAa,GAAG,IAAA,sCAAgB,GAAE,CAAA;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,EAAE,EAAE;YACpB,OAAO,MAAM,EAAE,CAAA;SAChB;IACH,CAAC,EAAE,IAAI,CAAC,CAAA;AACV,CAAC;AAXD,0CAWC"}

package/lib/es2018/index.d.ts

@@ -1,6 +1,9 @@
 export * from './use-increment';
 export * from './use-is-mounted';
+export * from './use-is-first-render';
+export * from './use-render-counter';
 export * from './use-mount';
+export * from './use-update-effect';
 export * from './use-single-selection';
 export * from './use-multiple-selection';
 export * from './use-state-cycle';

package/lib/es2018/index.js

@@ -16,7 +16,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./use-increment"), exports);
 __exportStar(require("./use-is-mounted"), exports);
+__exportStar(require("./use-is-first-render"), exports);
+__exportStar(require("./use-render-counter"), exports);
 __exportStar(require("./use-mount"), exports);
+__exportStar(require("./use-update-effect"), exports);
 __exportStar(require("./use-single-selection"), exports);
 __exportStar(require("./use-multiple-selection"), exports);
 __exportStar(require("./use-state-cycle"), exports);

package/lib/es2018/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,mDAAgC;AAChC,8CAA2B;AAC3B,yDAAsC;AACtC,2DAAwC;AACxC,oDAAiC;AACjC,+CAA4B;AAC5B,wDAAqC;AACrC,6CAA0B;AAC1B,qDAAkC;AAClC,6DAA0C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,mDAAgC;AAChC,wDAAqC;AACrC,uDAAoC;AACpC,8CAA2B;AAC3B,sDAAmC;AACnC,yDAAsC;AACtC,2DAAwC;AACxC,oDAAiC;AACjC,+CAA4B;AAC5B,wDAAqC;AACrC,6CAA0B;AAC1B,qDAAkC;AAClC,6DAA0C"}

package/lib/es2018/use-is-first-render.d.ts

@@ -0,0 +1 @@
+export declare function useIsFirstRender(): () => boolean;

package/lib/es2018/use-is-first-render.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsFirstRender = void 0;
+const react_1 = require("react");
+var State;
+(function (State) {
+    State[State["InitialValue"] = 0] = "InitialValue";
+    State[State["First"] = 1] = "First";
+    State[State["NotFirst"] = 2] = "NotFirst";
+})(State || (State = {}));
+function useIsFirstRender() {
+    const state = (0, react_1.useRef)(State.InitialValue);
+    switch (state.current) {
+        case State.InitialValue:
+            state.current = State.First;
+            break;
+        case State.First:
+            state.current = State.NotFirst;
+            break;
+        case State.NotFirst: break;
+    }
+    return () => state.current === State.First;
+}
+exports.useIsFirstRender = useIsFirstRender;
+//# sourceMappingURL=use-is-first-render.js.map

package/lib/es2018/use-is-first-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-first-render.js","sourceRoot":"","sources":["../../src/use-is-first-render.ts"],"names":[],"mappings":";;;AAAA,iCAA8B;AAE9B,IAAK,KAIJ;AAJD,WAAK,KAAK;IACR,iDAAY,CAAA;IACZ,mCAAK,CAAA;IACL,yCAAQ,CAAA;AACV,CAAC,EAJI,KAAK,KAAL,KAAK,QAIT;AAED,SAAgB,gBAAgB;IAC9B,MAAM,KAAK,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,YAAY,CAAC,CAAA;IAExC,QAAQ,KAAK,CAAC,OAAO,EAAE;QACrB,KAAK,KAAK,CAAC,YAAY;YACrB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAA;YAC3B,MAAK;QACP,KAAK,KAAK,CAAC,KAAK;YACd,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;YAC9B,MAAK;QACP,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAK;KAC3B;IAED,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,KAAK,CAAC,KAAK,CAAA;AAC5C,CAAC;AAdD,4CAcC"}

package/lib/es2018/use-multiple-selection.d.ts

@@ -7,7 +7,7 @@ interface IMultipleSelectionOption<T> {
     toggle(): void;
 }
 export declare function useMultipleSelection<T>(values: T[], defaultSelectedIndexes?: number[]): {
-    values: T[];
+    selectedValues: T[];
     options: Array<IMultipleSelectionOption<T>>;
 };
 export {};

package/lib/es2018/use-multiple-selection.js

@@ -10,8 +10,8 @@ function useMultipleSelection(values, defaultSelectedIndexes = []) {
         (0, errors_1.assert)(index >= 0 && index < values.length, 'The index of parameter defaultSelectedIndexes must be in the range of 0 to values.length');
     }
     const [selectedIndexes, setSelectedIndexes] = (0, react_1.useState)(new Set(defaultSelectedIndexes));
-    return {
-        values: (0, iterable_operator_1.toArray)((0, iterable_operator_1.map)(selectedIndexes, i => values[i])),
+    return (0, react_1.useMemo)(() => ({
+        selectedValues: (0, iterable_operator_1.toArray)((0, iterable_operator_1.map)(selectedIndexes, i => values[i])),
         options: values.map((value, index) => {
             const selected = selectedIndexes.has(index);
             const select = () => {
@@ -33,7 +33,7 @@ function useMultipleSelection(values, defaultSelectedIndexes = []) {
                 toggle: selected ? unselect : select
             };
         })
-    };
+    }), [selectedIndexes]);
 }
 exports.useMultipleSelection = useMultipleSelection;
 //# sourceMappingURL=use-multiple-selection.js.map

package/lib/es2018/use-multiple-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-multiple-selection.js","sourceRoot":"","sources":["../../src/use-multiple-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,+CAA2C;AAC3C,yDAAgD;AAYhD,SAAgB,oBAAoB,CAClC,MAAW,EACX,yBAAmC,EAAE;IAKrC,IAAA,eAAM,EAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,KAAK,MAAM,KAAK,IAAI,sBAAsB,EAAE;QAC1C,IAAA,eAAM,EACJ,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,MAAM,CAAC,MAAM,EACnC,0FAA0F,CAC3F,CAAA;KACF;IAED,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAEvF,OAAO;QACL,MAAM,EAAE,IAAA,2BAAO,EAAC,IAAA,uBAAG,EAAC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACrD,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACnC,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YAC3C,MAAM,MAAM,GAAG,GAAG,EAAE;gBAClB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;gBACpC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;gBACd,kBAAkB,CAAC,GAAG,CAAC,CAAA;YACzB,CAAC,CAAA;YACD,MAAM,QAAQ,GAAG,GAAG,EAAE;gBACpB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;gBACpC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACjB,kBAAkB,CAAC,GAAG,CAAC,CAAA;YACzB,CAAC,CAAA;YAED,OAAO;gBACL,KAAK;gBACL,KAAK;gBACL,QAAQ;gBACR,MAAM;gBACN,QAAQ;gBACR,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;aACrC,CAAA;QACH,CAAC,CAAC;KACH,CAAA;AACH,CAAC;AA1CD,oDA0CC"}
+{"version":3,"file":"use-multiple-selection.js","sourceRoot":"","sources":["../../src/use-multiple-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAyC;AACzC,+CAA2C;AAC3C,yDAAgD;AAYhD,SAAgB,oBAAoB,CAClC,MAAW,EACX,yBAAmC,EAAE;IAKrC,IAAA,eAAM,EAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,KAAK,MAAM,KAAK,IAAI,sBAAsB,EAAE;QAC1C,IAAA,eAAM,EACJ,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,MAAM,CAAC,MAAM,EACnC,0FAA0F,CAC3F,CAAA;KACF;IAED,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAEvF,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC;QACpB,cAAc,EAAE,IAAA,2BAAO,EAAC,IAAA,uBAAG,EAAC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7D,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACnC,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YAC3C,MAAM,MAAM,GAAG,GAAG,EAAE;gBAClB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;gBACpC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;gBACd,kBAAkB,CAAC,GAAG,CAAC,CAAA;YACzB,CAAC,CAAA;YACD,MAAM,QAAQ,GAAG,GAAG,EAAE;gBACpB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;gBACpC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACjB,kBAAkB,CAAC,GAAG,CAAC,CAAA;YACzB,CAAC,CAAA;YAED,OAAO;gBACL,KAAK;gBACL,KAAK;gBACL,QAAQ;gBACR,MAAM;gBACN,QAAQ;gBACR,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;aACrC,CAAA;QACH,CAAC,CAAC;KACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;AACxB,CAAC;AA1CD,oDA0CC"}

package/lib/es2018/use-render-counter.d.ts

@@ -0,0 +1 @@
+export declare function useRenderCounter(): number;

package/lib/es2018/use-render-counter.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRenderCounter = void 0;
+const react_1 = require("react");
+function useRenderCounter() {
+    const counter = (0, react_1.useRef)(0);
+    counter.current++;
+    return counter.current;
+}
+exports.useRenderCounter = useRenderCounter;
+//# sourceMappingURL=use-render-counter.js.map

package/lib/es2018/use-render-counter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-render-counter.js","sourceRoot":"","sources":["../../src/use-render-counter.ts"],"names":[],"mappings":";;;AAAA,iCAA8B;AAE9B,SAAgB,gBAAgB;IAC9B,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAA;IAEzB,OAAO,CAAC,OAAO,EAAE,CAAA;IAEjB,OAAO,OAAO,CAAC,OAAO,CAAA;AACxB,CAAC;AAND,4CAMC"}

package/lib/es2018/use-single-selection.d.ts

@@ -5,10 +5,10 @@ export interface ISingleSelectionOption<T> {
     select(): void;
 }
 export declare function useSingleSelection<T>(values: T[], defaultSelectedIndex: number): {
-    value: T;
+    selectedValue: T;
     options: Array<ISingleSelectionOption<T>>;
 };
 export declare function useSingleSelection<T>(values: T[]): {
-    value: T | undefined;
+    selectedValue: T | undefined;
     options: Array<ISingleSelectionOption<T>>;
 };

package/lib/es2018/use-single-selection.js

@@ -10,15 +10,15 @@ function useSingleSelection(values, defaultSelectedIndex) {
         (0, errors_1.assert)(defaultSelectedIndex >= 0 && defaultSelectedIndex < values.length, 'The parameter defaultSelectedIndex must be in the range of 0 to values.length');
     }
     const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(defaultSelectedIndex);
-    return {
-        value: (0, types_1.isUndefined)(selectedIndex) ? undefined : values[selectedIndex],
+    return (0, react_1.useMemo)(() => ({
+        selectedValue: (0, types_1.isUndefined)(selectedIndex) ? undefined : values[selectedIndex],
         options: values.map((value, index) => ({
             value,
             index,
             selected: index === selectedIndex,
             select: () => setSelectedIndex(index)
         }))
-    };
+    }), [selectedIndex]);
 }
 exports.useSingleSelection = useSingleSelection;
 //# sourceMappingURL=use-single-selection.js.map

package/lib/es2018/use-single-selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-single-selection.js","sourceRoot":"","sources":["../../src/use-single-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,6CAA8D;AAC9D,+CAA2C;AAqB3C,SAAgB,kBAAkB,CAChC,MAAW,EACX,oBAA6B;IAE7B,IAAA,eAAM,EAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,IAAI,IAAA,qBAAa,EAAC,oBAAoB,CAAC,EAAE;QACvC,IAAA,eAAM,EACJ,oBAAoB,IAAI,CAAC,IAAI,oBAAoB,GAAG,MAAM,CAAC,MAAM,EACjE,+EAA+E,CAChF,CAAA;KACF;IAED,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAqB,oBAAoB,CAAC,CAAA;IAE5F,OAAO;QACL,KAAK,EAAE,IAAA,mBAAW,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;QACrE,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YACrC,KAAK;YACL,KAAK;YACL,QAAQ,EAAE,KAAK,KAAK,aAAa;YACjC,MAAM,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC;SACtC,CAAC,CAAC;KACJ,CAAA;AACH,CAAC;AAvBD,gDAuBC"}
+{"version":3,"file":"use-single-selection.js","sourceRoot":"","sources":["../../src/use-single-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAyC;AACzC,6CAA8D;AAC9D,+CAA2C;AAqB3C,SAAgB,kBAAkB,CAChC,MAAW,EACX,oBAA6B;IAE7B,IAAA,eAAM,EAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,IAAI,IAAA,qBAAa,EAAC,oBAAoB,CAAC,EAAE;QACvC,IAAA,eAAM,EACJ,oBAAoB,IAAI,CAAC,IAAI,oBAAoB,GAAG,MAAM,CAAC,MAAM,EACjE,+EAA+E,CAChF,CAAA;KACF;IAED,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAqB,oBAAoB,CAAC,CAAA;IAE5F,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC;QACpB,aAAa,EAAE,IAAA,mBAAW,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC;QAC7E,OAAO,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YACrC,KAAK;YACL,KAAK;YACL,QAAQ,EAAE,KAAK,KAAK,aAAa;YACjC,MAAM,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC;SACtC,CAAC,CAAC;KACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;AACtB,CAAC;AAvBD,gDAuBC"}

package/lib/es2018/use-update-effect.d.ts

@@ -0,0 +1,2 @@
+import { EffectCallback } from 'react';
+export declare function useUpdateEffect(effect: EffectCallback, deps?: React.DependencyList): void;

package/lib/es2018/use-update-effect.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUpdateEffect = void 0;
+const react_1 = require("react");
+const use_is_first_render_1 = require("./use-is-first-render");
+function useUpdateEffect(effect, deps) {
+    const isFirstRender = (0, use_is_first_render_1.useIsFirstRender)();
+    (0, react_1.useEffect)(() => {
+        if (!isFirstRender()) {
+            return effect();
+        }
+    }, deps);
+}
+exports.useUpdateEffect = useUpdateEffect;
+//# sourceMappingURL=use-update-effect.js.map

package/lib/es2018/use-update-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-update-effect.js","sourceRoot":"","sources":["../../src/use-update-effect.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AACjD,+DAAwD;AAExD,SAAgB,eAAe,CAC7B,MAAsB,EACtB,IAA2B;IAE3B,MAAM,aAAa,GAAG,IAAA,sCAAgB,GAAE,CAAA;IAExC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,EAAE,EAAE;YACpB,OAAO,MAAM,EAAE,CAAA;SAChB;IACH,CAAC,EAAE,IAAI,CAAC,CAAA;AACV,CAAC;AAXD,0CAWC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "extra-react-hooks",
-  "version": "0.1.13",
+  "version": "0.2.0",
   "description": "",
   "keywords": [],
   "files": [