extra-react-hooks 0.1.14 → 0.2.1

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.
Files changed (58) hide show
  1. package/README.md +8 -3
  2. package/dist/es2015/index.min.mjs +2 -2
  3. package/dist/es2015/index.min.mjs.map +1 -1
  4. package/dist/es2015/index.mjs +1188 -449
  5. package/dist/es2015/index.mjs.map +1 -1
  6. package/dist/es2015/index.umd.js +1188 -448
  7. package/dist/es2015/index.umd.js.map +1 -1
  8. package/dist/es2015/index.umd.min.js +3 -3
  9. package/dist/es2015/index.umd.min.js.map +1 -1
  10. package/dist/es2018/index.min.mjs +2 -2
  11. package/dist/es2018/index.min.mjs.map +1 -1
  12. package/dist/es2018/index.mjs +1188 -449
  13. package/dist/es2018/index.mjs.map +1 -1
  14. package/dist/es2018/index.umd.js +1188 -448
  15. package/dist/es2018/index.umd.js.map +1 -1
  16. package/dist/es2018/index.umd.min.js +3 -3
  17. package/dist/es2018/index.umd.min.js.map +1 -1
  18. package/lib/es2015/index.d.ts +1 -0
  19. package/lib/es2015/index.js +1 -0
  20. package/lib/es2015/index.js.map +1 -1
  21. package/lib/es2015/use-increment.js +5 -5
  22. package/lib/es2015/use-increment.js.map +1 -1
  23. package/lib/es2015/use-multiple-selection.d.ts +1 -1
  24. package/lib/es2015/use-multiple-selection.js +3 -3
  25. package/lib/es2015/use-multiple-selection.js.map +1 -1
  26. package/lib/es2015/use-render-counter.d.ts +1 -0
  27. package/lib/es2015/use-render-counter.js +11 -0
  28. package/lib/es2015/use-render-counter.js.map +1 -0
  29. package/lib/es2015/use-single-selection.d.ts +2 -2
  30. package/lib/es2015/use-single-selection.js +3 -3
  31. package/lib/es2015/use-single-selection.js.map +1 -1
  32. package/lib/es2015/use-state-cycle.js +5 -5
  33. package/lib/es2015/use-state-cycle.js.map +1 -1
  34. package/lib/es2015/use-step.js +21 -23
  35. package/lib/es2015/use-step.js.map +1 -1
  36. package/lib/es2015/use-toggle.js +3 -1
  37. package/lib/es2015/use-toggle.js.map +1 -1
  38. package/lib/es2018/index.d.ts +1 -0
  39. package/lib/es2018/index.js +1 -0
  40. package/lib/es2018/index.js.map +1 -1
  41. package/lib/es2018/use-increment.js +5 -5
  42. package/lib/es2018/use-increment.js.map +1 -1
  43. package/lib/es2018/use-multiple-selection.d.ts +1 -1
  44. package/lib/es2018/use-multiple-selection.js +3 -3
  45. package/lib/es2018/use-multiple-selection.js.map +1 -1
  46. package/lib/es2018/use-render-counter.d.ts +1 -0
  47. package/lib/es2018/use-render-counter.js +11 -0
  48. package/lib/es2018/use-render-counter.js.map +1 -0
  49. package/lib/es2018/use-single-selection.d.ts +2 -2
  50. package/lib/es2018/use-single-selection.js +3 -3
  51. package/lib/es2018/use-single-selection.js.map +1 -1
  52. package/lib/es2018/use-state-cycle.js +5 -5
  53. package/lib/es2018/use-state-cycle.js.map +1 -1
  54. package/lib/es2018/use-step.js +21 -23
  55. package/lib/es2018/use-step.js.map +1 -1
  56. package/lib/es2018/use-toggle.js +3 -1
  57. package/lib/es2018/use-toggle.js.map +1 -1
  58. package/package.json +3 -2
@@ -1,6 +1,7 @@
1
1
  export * from './use-increment';
2
2
  export * from './use-is-mounted';
3
3
  export * from './use-is-first-render';
4
+ export * from './use-render-counter';
4
5
  export * from './use-mount';
5
6
  export * from './use-update-effect';
6
7
  export * from './use-single-selection';
@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
17
17
  __exportStar(require("./use-increment"), exports);
18
18
  __exportStar(require("./use-is-mounted"), exports);
19
19
  __exportStar(require("./use-is-first-render"), exports);
20
+ __exportStar(require("./use-render-counter"), exports);
20
21
  __exportStar(require("./use-mount"), exports);
21
22
  __exportStar(require("./use-update-effect"), exports);
22
23
  __exportStar(require("./use-single-selection"), exports);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,mDAAgC;AAChC,wDAAqC;AACrC,8CAA2B;AAC3B,sDAAmC;AACnC,yDAAsC;AACtC,2DAAwC;AACxC,oDAAiC;AACjC,+CAA4B;AAC5B,wDAAqC;AACrC,6CAA0B;AAC1B,qDAAkC;AAClC,6DAA0C"}
1
+ {"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"}
@@ -4,13 +4,13 @@ exports.useIncrement = void 0;
4
4
  const react_1 = require("react");
5
5
  function useIncrement(initialValue) {
6
6
  const [value, setValue] = (0, react_1.useState)(initialValue);
7
- const increment = (0, react_1.useCallback)((step = 1) => {
7
+ return [value, increment, reset];
8
+ function increment(step = 1) {
8
9
  setValue(value => value + step);
9
- }, []);
10
- const reset = (0, react_1.useCallback)(() => {
10
+ }
11
+ function reset() {
11
12
  setValue(initialValue);
12
- }, []);
13
- return [value, increment, reset];
13
+ }
14
14
  }
15
15
  exports.useIncrement = useIncrement;
16
16
  //# sourceMappingURL=use-increment.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-increment.js","sourceRoot":"","sources":["../../src/use-increment.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAE7C,SAAgB,YAAY,CAC1B,YAAoB;IAEpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAE,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,CAAC,OAAe,CAAC,EAAE,EAAE;QACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;IACjC,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC7B,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;AAClC,CAAC;AAZD,oCAYC"}
1
+ {"version":3,"file":"use-increment.js","sourceRoot":"","sources":["../../src/use-increment.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,YAAY,CAC1B,YAAoB;IAEpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAE,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IAC/C,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEhC,SAAS,SAAS,CAAC,OAAe,CAAC;QACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;IACjC,CAAC;IAED,SAAS,KAAK;QACZ,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC;AACH,CAAC;AAbD,oCAaC"}
@@ -7,7 +7,7 @@ interface IMultipleSelectionOption<T> {
7
7
  toggle(): void;
8
8
  }
9
9
  export declare function useMultipleSelection<T>(values: T[], defaultSelectedIndexes?: number[]): {
10
- values: T[];
10
+ selectedValues: T[];
11
11
  options: Array<IMultipleSelectionOption<T>>;
12
12
  };
13
13
  export {};
@@ -10,8 +10,8 @@ function useMultipleSelection(values, defaultSelectedIndexes = []) {
10
10
  (0, errors_1.assert)(index >= 0 && index < values.length, 'The index of parameter defaultSelectedIndexes must be in the range of 0 to values.length');
11
11
  }
12
12
  const [selectedIndexes, setSelectedIndexes] = (0, react_1.useState)(new Set(defaultSelectedIndexes));
13
- return {
14
- values: (0, iterable_operator_1.toArray)((0, iterable_operator_1.map)(selectedIndexes, i => values[i])),
13
+ return (0, react_1.useMemo)(() => ({
14
+ selectedValues: (0, iterable_operator_1.toArray)((0, iterable_operator_1.map)(selectedIndexes, i => values[i])),
15
15
  options: values.map((value, index) => {
16
16
  const selected = selectedIndexes.has(index);
17
17
  const select = () => {
@@ -33,7 +33,7 @@ function useMultipleSelection(values, defaultSelectedIndexes = []) {
33
33
  toggle: selected ? unselect : select
34
34
  };
35
35
  })
36
- };
36
+ }), [selectedIndexes]);
37
37
  }
38
38
  exports.useMultipleSelection = useMultipleSelection;
39
39
  //# sourceMappingURL=use-multiple-selection.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -0,0 +1 @@
1
+ export declare function useRenderCounter(): number;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useRenderCounter = void 0;
4
+ const react_1 = require("react");
5
+ function useRenderCounter() {
6
+ const counter = (0, react_1.useRef)(0);
7
+ counter.current++;
8
+ return counter.current;
9
+ }
10
+ exports.useRenderCounter = useRenderCounter;
11
+ //# sourceMappingURL=use-render-counter.js.map
@@ -0,0 +1 @@
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"}
@@ -5,10 +5,10 @@ export interface ISingleSelectionOption<T> {
5
5
  select(): void;
6
6
  }
7
7
  export declare function useSingleSelection<T>(values: T[], defaultSelectedIndex: number): {
8
- value: T;
8
+ selectedValue: T;
9
9
  options: Array<ISingleSelectionOption<T>>;
10
10
  };
11
11
  export declare function useSingleSelection<T>(values: T[]): {
12
- value: T | undefined;
12
+ selectedValue: T | undefined;
13
13
  options: Array<ISingleSelectionOption<T>>;
14
14
  };
@@ -10,15 +10,15 @@ function useSingleSelection(values, defaultSelectedIndex) {
10
10
  (0, errors_1.assert)(defaultSelectedIndex >= 0 && defaultSelectedIndex < values.length, 'The parameter defaultSelectedIndex must be in the range of 0 to values.length');
11
11
  }
12
12
  const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(defaultSelectedIndex);
13
- return {
14
- value: (0, types_1.isUndefined)(selectedIndex) ? undefined : values[selectedIndex],
13
+ return (0, react_1.useMemo)(() => ({
14
+ selectedValue: (0, types_1.isUndefined)(selectedIndex) ? undefined : values[selectedIndex],
15
15
  options: values.map((value, index) => ({
16
16
  value,
17
17
  index,
18
18
  selected: index === selectedIndex,
19
19
  select: () => setSelectedIndex(index)
20
20
  }))
21
- };
21
+ }), [selectedIndex]);
22
22
  }
23
23
  exports.useSingleSelection = useSingleSelection;
24
24
  //# sourceMappingURL=use-single-selection.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -4,17 +4,17 @@ exports.useStateCycle = void 0;
4
4
  const react_1 = require("react");
5
5
  function useStateCycle(stateList, initialStateIndex = 0) {
6
6
  const [index, setIndex] = (0, react_1.useState)(initialStateIndex);
7
- return [
8
- stateList[index],
9
- () => setIndex(index => {
7
+ return [stateList[index], next];
8
+ function next() {
9
+ setIndex(index => {
10
10
  if (index + 1 < stateList.length) {
11
11
  return index + 1;
12
12
  }
13
13
  else {
14
14
  return 0;
15
15
  }
16
- })
17
- ];
16
+ });
17
+ }
18
18
  }
19
19
  exports.useStateCycle = useStateCycle;
20
20
  //# sourceMappingURL=use-state-cycle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-state-cycle.js","sourceRoot":"","sources":["../../src/use-state-cycle.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,aAAa,CAC3B,SAAsB,EACtB,oBAA4B,CAAC;IAE7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,iBAAiB,CAAC,CAAA;IAErD,OAAO;QACL,SAAS,CAAC,KAAK,CAAC;QAChB,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YACrB,IAAI,KAAK,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE;gBAChC,OAAO,KAAK,GAAG,CAAC,CAAA;aACjB;iBAAM;gBACL,OAAO,CAAC,CAAA;aACT;QACH,CAAC,CAAC;KACH,CAAA;AACH,CAAC;AAhBD,sCAgBC"}
1
+ {"version":3,"file":"use-state-cycle.js","sourceRoot":"","sources":["../../src/use-state-cycle.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,aAAa,CAC3B,SAAsB,EACtB,oBAA4B,CAAC;IAE7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,iBAAiB,CAAC,CAAA;IAErD,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;IAE/B,SAAS,IAAI;QACX,QAAQ,CAAC,KAAK,CAAC,EAAE;YACf,IAAI,KAAK,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE;gBAChC,OAAO,KAAK,GAAG,CAAC,CAAA;aACjB;iBAAM;gBACL,OAAO,CAAC,CAAA;aACT;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;AACH,CAAC;AAjBD,sCAiBC"}
@@ -4,29 +4,27 @@ exports.useStep = void 0;
4
4
  const react_1 = require("react");
5
5
  function useStep(steps, initialStepIndex = 0) {
6
6
  const [index, setIndex] = (0, react_1.useState)(initialStepIndex);
7
- return [
8
- steps[index],
9
- () => {
10
- setIndex(index => {
11
- if (index === steps.length - 1) {
12
- return index;
13
- }
14
- else {
15
- return index + 1;
16
- }
17
- });
18
- },
19
- () => {
20
- setIndex(index => {
21
- if (index === 0) {
22
- return index;
23
- }
24
- else {
25
- return index - 1;
26
- }
27
- });
28
- }
29
- ];
7
+ return [steps[index], next, previous];
8
+ function next() {
9
+ setIndex(index => {
10
+ if (index === steps.length - 1) {
11
+ return index;
12
+ }
13
+ else {
14
+ return index + 1;
15
+ }
16
+ });
17
+ }
18
+ function previous() {
19
+ setIndex(index => {
20
+ if (index === 0) {
21
+ return index;
22
+ }
23
+ else {
24
+ return index - 1;
25
+ }
26
+ });
27
+ }
30
28
  }
31
29
  exports.useStep = useStep;
32
30
  //# sourceMappingURL=use-step.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-step.js","sourceRoot":"","sources":["../../src/use-step.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,OAAO,CACrB,KAAkB,EAClB,mBAA2B,CAAC;IAE5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAA;IAEpD,OAAO;QACL,KAAK,CAAC,KAAK,CAAC;QACZ,GAAG,EAAE;YACH,QAAQ,CAAC,KAAK,CAAC,EAAE;gBACf,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC9B,OAAO,KAAK,CAAA;iBACb;qBAAM;oBACL,OAAO,KAAK,GAAG,CAAC,CAAA;iBACjB;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;QACD,GAAG,EAAE;YACH,QAAQ,CAAC,KAAK,CAAC,EAAE;gBACf,IAAI,KAAK,KAAK,CAAC,EAAE;oBACf,OAAO,KAAK,CAAA;iBACb;qBAAM;oBACL,OAAO,KAAK,GAAG,CAAC,CAAA;iBACjB;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;KACF,CAAA;AACH,CAAC;AA3BD,0BA2BC"}
1
+ {"version":3,"file":"use-step.js","sourceRoot":"","sources":["../../src/use-step.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,OAAO,CACrB,KAAkB,EAClB,mBAA2B,CAAC;IAE5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAA;IAEpD,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAA;IAErC,SAAS,IAAI;QACX,QAAQ,CAAC,KAAK,CAAC,EAAE;YACf,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC9B,OAAO,KAAK,CAAA;aACb;iBAAM;gBACL,OAAO,KAAK,GAAG,CAAC,CAAA;aACjB;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,QAAQ;QACf,QAAQ,CAAC,KAAK,CAAC,EAAE;YACf,IAAI,KAAK,KAAK,CAAC,EAAE;gBACf,OAAO,KAAK,CAAA;aACb;iBAAM;gBACL,OAAO,KAAK,GAAG,CAAC,CAAA;aACjB;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;AACH,CAAC;AA3BD,0BA2BC"}
@@ -4,8 +4,10 @@ exports.useToggle = void 0;
4
4
  const react_1 = require("react");
5
5
  function useToggle(initialState = false) {
6
6
  const [state, setState] = (0, react_1.useState)(initialState);
7
- const toggle = () => setState(state => !state);
8
7
  return [state, toggle];
8
+ function toggle() {
9
+ setState(state => !state);
10
+ }
9
11
  }
10
12
  exports.useToggle = useToggle;
11
13
  //# sourceMappingURL=use-toggle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-toggle.js","sourceRoot":"","sources":["../../src/use-toggle.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,SAAS,CAAC,eAAwB,KAAK;IAErD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IAChD,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;IAE9C,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;AACxB,CAAC;AAND,8BAMC"}
1
+ {"version":3,"file":"use-toggle.js","sourceRoot":"","sources":["../../src/use-toggle.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,SAAS,CAAC,eAAwB,KAAK;IAErD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IAChD,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IAEtB,SAAS,MAAM;QACb,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;IAC3B,CAAC;AACH,CAAC;AARD,8BAQC"}
@@ -1,6 +1,7 @@
1
1
  export * from './use-increment';
2
2
  export * from './use-is-mounted';
3
3
  export * from './use-is-first-render';
4
+ export * from './use-render-counter';
4
5
  export * from './use-mount';
5
6
  export * from './use-update-effect';
6
7
  export * from './use-single-selection';
@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
17
17
  __exportStar(require("./use-increment"), exports);
18
18
  __exportStar(require("./use-is-mounted"), exports);
19
19
  __exportStar(require("./use-is-first-render"), exports);
20
+ __exportStar(require("./use-render-counter"), exports);
20
21
  __exportStar(require("./use-mount"), exports);
21
22
  __exportStar(require("./use-update-effect"), exports);
22
23
  __exportStar(require("./use-single-selection"), exports);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,mDAAgC;AAChC,wDAAqC;AACrC,8CAA2B;AAC3B,sDAAmC;AACnC,yDAAsC;AACtC,2DAAwC;AACxC,oDAAiC;AACjC,+CAA4B;AAC5B,wDAAqC;AACrC,6CAA0B;AAC1B,qDAAkC;AAClC,6DAA0C"}
1
+ {"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"}
@@ -4,13 +4,13 @@ exports.useIncrement = void 0;
4
4
  const react_1 = require("react");
5
5
  function useIncrement(initialValue) {
6
6
  const [value, setValue] = (0, react_1.useState)(initialValue);
7
- const increment = (0, react_1.useCallback)((step = 1) => {
7
+ return [value, increment, reset];
8
+ function increment(step = 1) {
8
9
  setValue(value => value + step);
9
- }, []);
10
- const reset = (0, react_1.useCallback)(() => {
10
+ }
11
+ function reset() {
11
12
  setValue(initialValue);
12
- }, []);
13
- return [value, increment, reset];
13
+ }
14
14
  }
15
15
  exports.useIncrement = useIncrement;
16
16
  //# sourceMappingURL=use-increment.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-increment.js","sourceRoot":"","sources":["../../src/use-increment.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAE7C,SAAgB,YAAY,CAC1B,YAAoB;IAEpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAE,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,CAAC,OAAe,CAAC,EAAE,EAAE;QACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;IACjC,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC7B,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;AAClC,CAAC;AAZD,oCAYC"}
1
+ {"version":3,"file":"use-increment.js","sourceRoot":"","sources":["../../src/use-increment.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,YAAY,CAC1B,YAAoB;IAEpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAE,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IAC/C,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEhC,SAAS,SAAS,CAAC,OAAe,CAAC;QACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;IACjC,CAAC;IAED,SAAS,KAAK;QACZ,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC;AACH,CAAC;AAbD,oCAaC"}
@@ -7,7 +7,7 @@ interface IMultipleSelectionOption<T> {
7
7
  toggle(): void;
8
8
  }
9
9
  export declare function useMultipleSelection<T>(values: T[], defaultSelectedIndexes?: number[]): {
10
- values: T[];
10
+ selectedValues: T[];
11
11
  options: Array<IMultipleSelectionOption<T>>;
12
12
  };
13
13
  export {};
@@ -10,8 +10,8 @@ function useMultipleSelection(values, defaultSelectedIndexes = []) {
10
10
  (0, errors_1.assert)(index >= 0 && index < values.length, 'The index of parameter defaultSelectedIndexes must be in the range of 0 to values.length');
11
11
  }
12
12
  const [selectedIndexes, setSelectedIndexes] = (0, react_1.useState)(new Set(defaultSelectedIndexes));
13
- return {
14
- values: (0, iterable_operator_1.toArray)((0, iterable_operator_1.map)(selectedIndexes, i => values[i])),
13
+ return (0, react_1.useMemo)(() => ({
14
+ selectedValues: (0, iterable_operator_1.toArray)((0, iterable_operator_1.map)(selectedIndexes, i => values[i])),
15
15
  options: values.map((value, index) => {
16
16
  const selected = selectedIndexes.has(index);
17
17
  const select = () => {
@@ -33,7 +33,7 @@ function useMultipleSelection(values, defaultSelectedIndexes = []) {
33
33
  toggle: selected ? unselect : select
34
34
  };
35
35
  })
36
- };
36
+ }), [selectedIndexes]);
37
37
  }
38
38
  exports.useMultipleSelection = useMultipleSelection;
39
39
  //# sourceMappingURL=use-multiple-selection.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -0,0 +1 @@
1
+ export declare function useRenderCounter(): number;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useRenderCounter = void 0;
4
+ const react_1 = require("react");
5
+ function useRenderCounter() {
6
+ const counter = (0, react_1.useRef)(0);
7
+ counter.current++;
8
+ return counter.current;
9
+ }
10
+ exports.useRenderCounter = useRenderCounter;
11
+ //# sourceMappingURL=use-render-counter.js.map
@@ -0,0 +1 @@
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"}
@@ -5,10 +5,10 @@ export interface ISingleSelectionOption<T> {
5
5
  select(): void;
6
6
  }
7
7
  export declare function useSingleSelection<T>(values: T[], defaultSelectedIndex: number): {
8
- value: T;
8
+ selectedValue: T;
9
9
  options: Array<ISingleSelectionOption<T>>;
10
10
  };
11
11
  export declare function useSingleSelection<T>(values: T[]): {
12
- value: T | undefined;
12
+ selectedValue: T | undefined;
13
13
  options: Array<ISingleSelectionOption<T>>;
14
14
  };
@@ -10,15 +10,15 @@ function useSingleSelection(values, defaultSelectedIndex) {
10
10
  (0, errors_1.assert)(defaultSelectedIndex >= 0 && defaultSelectedIndex < values.length, 'The parameter defaultSelectedIndex must be in the range of 0 to values.length');
11
11
  }
12
12
  const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(defaultSelectedIndex);
13
- return {
14
- value: (0, types_1.isUndefined)(selectedIndex) ? undefined : values[selectedIndex],
13
+ return (0, react_1.useMemo)(() => ({
14
+ selectedValue: (0, types_1.isUndefined)(selectedIndex) ? undefined : values[selectedIndex],
15
15
  options: values.map((value, index) => ({
16
16
  value,
17
17
  index,
18
18
  selected: index === selectedIndex,
19
19
  select: () => setSelectedIndex(index)
20
20
  }))
21
- };
21
+ }), [selectedIndex]);
22
22
  }
23
23
  exports.useSingleSelection = useSingleSelection;
24
24
  //# sourceMappingURL=use-single-selection.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -4,17 +4,17 @@ exports.useStateCycle = void 0;
4
4
  const react_1 = require("react");
5
5
  function useStateCycle(stateList, initialStateIndex = 0) {
6
6
  const [index, setIndex] = (0, react_1.useState)(initialStateIndex);
7
- return [
8
- stateList[index],
9
- () => setIndex(index => {
7
+ return [stateList[index], next];
8
+ function next() {
9
+ setIndex(index => {
10
10
  if (index + 1 < stateList.length) {
11
11
  return index + 1;
12
12
  }
13
13
  else {
14
14
  return 0;
15
15
  }
16
- })
17
- ];
16
+ });
17
+ }
18
18
  }
19
19
  exports.useStateCycle = useStateCycle;
20
20
  //# sourceMappingURL=use-state-cycle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-state-cycle.js","sourceRoot":"","sources":["../../src/use-state-cycle.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,aAAa,CAC3B,SAAsB,EACtB,oBAA4B,CAAC;IAE7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,iBAAiB,CAAC,CAAA;IAErD,OAAO;QACL,SAAS,CAAC,KAAK,CAAC;QAChB,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YACrB,IAAI,KAAK,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE;gBAChC,OAAO,KAAK,GAAG,CAAC,CAAA;aACjB;iBAAM;gBACL,OAAO,CAAC,CAAA;aACT;QACH,CAAC,CAAC;KACH,CAAA;AACH,CAAC;AAhBD,sCAgBC"}
1
+ {"version":3,"file":"use-state-cycle.js","sourceRoot":"","sources":["../../src/use-state-cycle.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,aAAa,CAC3B,SAAsB,EACtB,oBAA4B,CAAC;IAE7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,iBAAiB,CAAC,CAAA;IAErD,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;IAE/B,SAAS,IAAI;QACX,QAAQ,CAAC,KAAK,CAAC,EAAE;YACf,IAAI,KAAK,GAAG,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE;gBAChC,OAAO,KAAK,GAAG,CAAC,CAAA;aACjB;iBAAM;gBACL,OAAO,CAAC,CAAA;aACT;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;AACH,CAAC;AAjBD,sCAiBC"}
@@ -4,29 +4,27 @@ exports.useStep = void 0;
4
4
  const react_1 = require("react");
5
5
  function useStep(steps, initialStepIndex = 0) {
6
6
  const [index, setIndex] = (0, react_1.useState)(initialStepIndex);
7
- return [
8
- steps[index],
9
- () => {
10
- setIndex(index => {
11
- if (index === steps.length - 1) {
12
- return index;
13
- }
14
- else {
15
- return index + 1;
16
- }
17
- });
18
- },
19
- () => {
20
- setIndex(index => {
21
- if (index === 0) {
22
- return index;
23
- }
24
- else {
25
- return index - 1;
26
- }
27
- });
28
- }
29
- ];
7
+ return [steps[index], next, previous];
8
+ function next() {
9
+ setIndex(index => {
10
+ if (index === steps.length - 1) {
11
+ return index;
12
+ }
13
+ else {
14
+ return index + 1;
15
+ }
16
+ });
17
+ }
18
+ function previous() {
19
+ setIndex(index => {
20
+ if (index === 0) {
21
+ return index;
22
+ }
23
+ else {
24
+ return index - 1;
25
+ }
26
+ });
27
+ }
30
28
  }
31
29
  exports.useStep = useStep;
32
30
  //# sourceMappingURL=use-step.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-step.js","sourceRoot":"","sources":["../../src/use-step.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,OAAO,CACrB,KAAkB,EAClB,mBAA2B,CAAC;IAE5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAA;IAEpD,OAAO;QACL,KAAK,CAAC,KAAK,CAAC;QACZ,GAAG,EAAE;YACH,QAAQ,CAAC,KAAK,CAAC,EAAE;gBACf,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC9B,OAAO,KAAK,CAAA;iBACb;qBAAM;oBACL,OAAO,KAAK,GAAG,CAAC,CAAA;iBACjB;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;QACD,GAAG,EAAE;YACH,QAAQ,CAAC,KAAK,CAAC,EAAE;gBACf,IAAI,KAAK,KAAK,CAAC,EAAE;oBACf,OAAO,KAAK,CAAA;iBACb;qBAAM;oBACL,OAAO,KAAK,GAAG,CAAC,CAAA;iBACjB;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;KACF,CAAA;AACH,CAAC;AA3BD,0BA2BC"}
1
+ {"version":3,"file":"use-step.js","sourceRoot":"","sources":["../../src/use-step.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,OAAO,CACrB,KAAkB,EAClB,mBAA2B,CAAC;IAE5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAA;IAEpD,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAA;IAErC,SAAS,IAAI;QACX,QAAQ,CAAC,KAAK,CAAC,EAAE;YACf,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC9B,OAAO,KAAK,CAAA;aACb;iBAAM;gBACL,OAAO,KAAK,GAAG,CAAC,CAAA;aACjB;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,QAAQ;QACf,QAAQ,CAAC,KAAK,CAAC,EAAE;YACf,IAAI,KAAK,KAAK,CAAC,EAAE;gBACf,OAAO,KAAK,CAAA;aACb;iBAAM;gBACL,OAAO,KAAK,GAAG,CAAC,CAAA;aACjB;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;AACH,CAAC;AA3BD,0BA2BC"}
@@ -4,8 +4,10 @@ exports.useToggle = void 0;
4
4
  const react_1 = require("react");
5
5
  function useToggle(initialState = false) {
6
6
  const [state, setState] = (0, react_1.useState)(initialState);
7
- const toggle = () => setState(state => !state);
8
7
  return [state, toggle];
8
+ function toggle() {
9
+ setState(state => !state);
10
+ }
9
11
  }
10
12
  exports.useToggle = useToggle;
11
13
  //# sourceMappingURL=use-toggle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-toggle.js","sourceRoot":"","sources":["../../src/use-toggle.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,SAAS,CAAC,eAAwB,KAAK;IAErD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IAChD,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;IAE9C,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;AACxB,CAAC;AAND,8BAMC"}
1
+ {"version":3,"file":"use-toggle.js","sourceRoot":"","sources":["../../src/use-toggle.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,SAAS,CAAC,eAAwB,KAAK;IAErD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IAChD,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IAEtB,SAAS,MAAM;QACb,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;IAC3B,CAAC;AACH,CAAC;AARD,8BAQC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "extra-react-hooks",
3
- "version": "0.1.14",
3
+ "version": "0.2.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "files": [
@@ -53,6 +53,7 @@
53
53
  "@typescript-eslint/eslint-plugin": "^5.30.7",
54
54
  "@typescript-eslint/parser": "^5.30.7",
55
55
  "eslint": "^8.20.0",
56
+ "eslint-plugin-react-hooks": "^4.6.0",
56
57
  "husky": "4",
57
58
  "karma": "^6.3.17",
58
59
  "karma-chrome-launcher": "^3.1.1",
@@ -77,7 +78,7 @@
77
78
  "dependencies": {
78
79
  "@blackglory/errors": "^2.2.1",
79
80
  "@blackglory/structures": "^0.6.0",
80
- "@blackglory/types": "^1.0.0",
81
+ "@blackglory/types": "^1.2.0",
81
82
  "iterable-operator": "^1.1.0",
82
83
  "rxjs": "^7.5.6"
83
84
  },