extra-react-hooks 0.3.0 → 0.3.2
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/README.md +2 -2
- package/dist/es2015/index.min.mjs +3 -3
- package/dist/es2015/index.min.mjs.map +1 -1
- package/dist/es2015/index.mjs +10181 -8963
- package/dist/es2015/index.mjs.map +1 -1
- package/dist/es2015/index.umd.js +10180 -8962
- package/dist/es2015/index.umd.js.map +1 -1
- package/dist/es2015/index.umd.min.js +3 -3
- package/dist/es2015/index.umd.min.js.map +1 -1
- package/dist/es2018/index.min.mjs +3 -3
- package/dist/es2018/index.min.mjs.map +1 -1
- package/dist/es2018/index.mjs +10181 -8963
- package/dist/es2018/index.mjs.map +1 -1
- package/dist/es2018/index.umd.js +10180 -8962
- package/dist/es2018/index.umd.js.map +1 -1
- package/dist/es2018/index.umd.min.js +3 -3
- package/dist/es2018/index.umd.min.js.map +1 -1
- package/lib/es2015/use-finite-state-machine.d.ts +2 -2
- package/lib/es2015/use-finite-state-machine.js +3 -5
- package/lib/es2015/use-finite-state-machine.js.map +1 -1
- package/lib/es2015/use-multiple-selection.js +1 -1
- package/lib/es2015/use-multiple-selection.js.map +1 -1
- package/lib/es2018/use-finite-state-machine.d.ts +2 -2
- package/lib/es2018/use-finite-state-machine.js +3 -5
- package/lib/es2018/use-finite-state-machine.js.map +1 -1
- package/lib/es2018/use-multiple-selection.js +1 -1
- package/lib/es2018/use-multiple-selection.js.map +1 -1
- package/package.json +6 -6
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { ObservableFiniteStateMachine, IFiniteStateMachineSchema } from '
|
|
2
|
-
export { ObservableFiniteStateMachine, IFiniteStateMachineSchema } from '
|
|
1
|
+
import { ObservableFiniteStateMachine, IFiniteStateMachineSchema } from 'extra-fsm';
|
|
2
|
+
export type { ObservableFiniteStateMachine, IFiniteStateMachineSchema } from 'extra-fsm';
|
|
3
3
|
export declare function useFiniteStateMachine<State extends string, Event extends string>(schema: IFiniteStateMachineSchema<State, Event>, initialState: State): ObservableFiniteStateMachine<State, Event>;
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useFiniteStateMachine =
|
|
3
|
+
exports.useFiniteStateMachine = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
const
|
|
5
|
+
const extra_fsm_1 = require("extra-fsm");
|
|
6
6
|
const use_force_update_1 = require("./use-force-update");
|
|
7
|
-
var structures_2 = require("@blackglory/structures");
|
|
8
|
-
Object.defineProperty(exports, "ObservableFiniteStateMachine", { enumerable: true, get: function () { return structures_2.ObservableFiniteStateMachine; } });
|
|
9
7
|
function useFiniteStateMachine(schema, initialState) {
|
|
10
8
|
const forceUpdate = (0, use_force_update_1.useForceUpdate)();
|
|
11
|
-
const fsm = (0, react_1.useMemo)(() => new
|
|
9
|
+
const fsm = (0, react_1.useMemo)(() => new extra_fsm_1.ObservableFiniteStateMachine(schema, initialState), [schema, initialState]);
|
|
12
10
|
(0, react_1.useEffect)(() => {
|
|
13
11
|
const observable = fsm.observeStateChanges();
|
|
14
12
|
const subscription = observable.subscribe(() => forceUpdate());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-finite-state-machine.js","sourceRoot":"","sources":["../../src/use-finite-state-machine.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"use-finite-state-machine.js","sourceRoot":"","sources":["../../src/use-finite-state-machine.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,yCAAmF;AACnF,yDAAmD;AAOnD,SAAgB,qBAAqB,CACnC,MAA+C,EAC/C,YAAmB;IAEnB,MAAM,WAAW,GAAG,IAAA,iCAAc,GAAE,CAAA;IACpC,MAAM,GAAG,GAAG,IAAA,eAAO,EACjB,GAAG,EAAE,CAAC,IAAI,wCAA4B,CAAC,MAAM,EAAE,YAAY,CAAC,EAC5D,CAAC,MAAM,EAAE,YAAY,CAAC,CACvB,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,GAAG,CAAC,mBAAmB,EAAE,CAAA;QAC5C,MAAM,YAAY,GAAG,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QAE9D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAA;IACzC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,GAAG,CAAA;AACZ,CAAC;AAlBD,sDAkBC"}
|
|
@@ -15,7 +15,7 @@ function useMultipleSelection(options, defaultSelectedIndexes = []) {
|
|
|
15
15
|
return {
|
|
16
16
|
selectedIndexes: (0, react_1.useMemo)(() => (0, iterable_operator_1.toArray)(selectedIndexes), [selectedIndexes]),
|
|
17
17
|
optionStates: (0, react_1.useMemo)(createOptionStates, [options, selectedIndexes]),
|
|
18
|
-
toggle: (0, react_1.useCallback)(toggle, []),
|
|
18
|
+
toggle: (0, react_1.useCallback)(toggle, [selectedIndexes]),
|
|
19
19
|
select: (0, react_1.useCallback)(select, []),
|
|
20
20
|
unselect: (0, react_1.useCallback)(unselect, [])
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-multiple-selection.js","sourceRoot":"","sources":["../../src/use-multiple-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAsD;AACtD,+CAA2C;AAC3C,yDAA2C;AAG3C,4CAAuC;AAEvC,SAAgB,oBAAoB,CAClC,OAAyB,EACzB,yBAAmC,EAAE;IAQrC,IAAA,kBAAO,EAAC,GAAG,EAAE;QACX,KAAK,MAAM,KAAK,IAAI,sBAAsB,EAAE;YAC1C,IAAA,eAAM,EACJ,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,EACpC,0FAA0F,CAC3F,CAAA;SACF;IACH,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAE5B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAEvF,OAAO;QACL,eAAe,EAAE,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,2BAAO,EAAC,eAAe,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;QAC3E,YAAY,EAAE,IAAA,eAAO,EAAC,kBAAkB,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;QACrE,MAAM,EAAE,IAAA,mBAAW,EAAC,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"use-multiple-selection.js","sourceRoot":"","sources":["../../src/use-multiple-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAsD;AACtD,+CAA2C;AAC3C,yDAA2C;AAG3C,4CAAuC;AAEvC,SAAgB,oBAAoB,CAClC,OAAyB,EACzB,yBAAmC,EAAE;IAQrC,IAAA,kBAAO,EAAC,GAAG,EAAE;QACX,KAAK,MAAM,KAAK,IAAI,sBAAsB,EAAE;YAC1C,IAAA,eAAM,EACJ,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,EACpC,0FAA0F,CAC3F,CAAA;SACF;IACH,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAE5B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAEvF,OAAO;QACL,eAAe,EAAE,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,2BAAO,EAAC,eAAe,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;QAC3E,YAAY,EAAE,IAAA,eAAO,EAAC,kBAAkB,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;QACrE,MAAM,EAAE,IAAA,mBAAW,EAAC,MAAM,EAAE,CAAC,eAAe,CAAC,CAAC;QAC9C,MAAM,EAAE,IAAA,mBAAW,EAAC,MAAM,EAAE,EAAE,CAAC;QAC/B,QAAQ,EAAE,IAAA,mBAAW,EAAC,QAAQ,EAAE,EAAE,CAAC;KACpC,CAAA;IAED,SAAS,kBAAkB;QACzB,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YAC9B,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAClC,OAAO,EAAE,QAAQ,EAAE,CAAA;QACrB,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,UAAU,CAAC,KAAa;QAC/B,OAAO,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IACnC,CAAC;IAED,SAAS,MAAM,CAAC,KAAa;QAC3B,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE;YACrB,QAAQ,CAAC,KAAK,CAAC,CAAA;SAChB;aAAM;YACL,MAAM,CAAC,KAAK,CAAC,CAAA;SACd;IACH,CAAC;IAED,SAAS,MAAM,CAAC,KAAa;QAC3B,kBAAkB,CAAC,eAAe,CAAC,EAAE;YACnC,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;YACvC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACjB,OAAO,MAAM,CAAA;QACf,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,QAAQ,CAAC,KAAa;QAC7B,kBAAkB,CAAC,eAAe,CAAC,EAAE;YACnC,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;YACvC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACpB,OAAO,MAAM,CAAA;QACf,CAAC,CAAC,CAAA;IACJ,CAAC;AACH,CAAC;AA/DD,oDA+DC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { ObservableFiniteStateMachine, IFiniteStateMachineSchema } from '
|
|
2
|
-
export { ObservableFiniteStateMachine, IFiniteStateMachineSchema } from '
|
|
1
|
+
import { ObservableFiniteStateMachine, IFiniteStateMachineSchema } from 'extra-fsm';
|
|
2
|
+
export type { ObservableFiniteStateMachine, IFiniteStateMachineSchema } from 'extra-fsm';
|
|
3
3
|
export declare function useFiniteStateMachine<State extends string, Event extends string>(schema: IFiniteStateMachineSchema<State, Event>, initialState: State): ObservableFiniteStateMachine<State, Event>;
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useFiniteStateMachine =
|
|
3
|
+
exports.useFiniteStateMachine = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
const
|
|
5
|
+
const extra_fsm_1 = require("extra-fsm");
|
|
6
6
|
const use_force_update_1 = require("./use-force-update");
|
|
7
|
-
var structures_2 = require("@blackglory/structures");
|
|
8
|
-
Object.defineProperty(exports, "ObservableFiniteStateMachine", { enumerable: true, get: function () { return structures_2.ObservableFiniteStateMachine; } });
|
|
9
7
|
function useFiniteStateMachine(schema, initialState) {
|
|
10
8
|
const forceUpdate = (0, use_force_update_1.useForceUpdate)();
|
|
11
|
-
const fsm = (0, react_1.useMemo)(() => new
|
|
9
|
+
const fsm = (0, react_1.useMemo)(() => new extra_fsm_1.ObservableFiniteStateMachine(schema, initialState), [schema, initialState]);
|
|
12
10
|
(0, react_1.useEffect)(() => {
|
|
13
11
|
const observable = fsm.observeStateChanges();
|
|
14
12
|
const subscription = observable.subscribe(() => forceUpdate());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-finite-state-machine.js","sourceRoot":"","sources":["../../src/use-finite-state-machine.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"use-finite-state-machine.js","sourceRoot":"","sources":["../../src/use-finite-state-machine.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,yCAAmF;AACnF,yDAAmD;AAOnD,SAAgB,qBAAqB,CACnC,MAA+C,EAC/C,YAAmB;IAEnB,MAAM,WAAW,GAAG,IAAA,iCAAc,GAAE,CAAA;IACpC,MAAM,GAAG,GAAG,IAAA,eAAO,EACjB,GAAG,EAAE,CAAC,IAAI,wCAA4B,CAAC,MAAM,EAAE,YAAY,CAAC,EAC5D,CAAC,MAAM,EAAE,YAAY,CAAC,CACvB,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,GAAG,CAAC,mBAAmB,EAAE,CAAA;QAC5C,MAAM,YAAY,GAAG,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QAE9D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,CAAA;IACzC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,GAAG,CAAA;AACZ,CAAC;AAlBD,sDAkBC"}
|
|
@@ -15,7 +15,7 @@ function useMultipleSelection(options, defaultSelectedIndexes = []) {
|
|
|
15
15
|
return {
|
|
16
16
|
selectedIndexes: (0, react_1.useMemo)(() => (0, iterable_operator_1.toArray)(selectedIndexes), [selectedIndexes]),
|
|
17
17
|
optionStates: (0, react_1.useMemo)(createOptionStates, [options, selectedIndexes]),
|
|
18
|
-
toggle: (0, react_1.useCallback)(toggle, []),
|
|
18
|
+
toggle: (0, react_1.useCallback)(toggle, [selectedIndexes]),
|
|
19
19
|
select: (0, react_1.useCallback)(select, []),
|
|
20
20
|
unselect: (0, react_1.useCallback)(unselect, [])
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-multiple-selection.js","sourceRoot":"","sources":["../../src/use-multiple-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAsD;AACtD,+CAA2C;AAC3C,yDAA2C;AAG3C,4CAAuC;AAEvC,SAAgB,oBAAoB,CAClC,OAAyB,EACzB,yBAAmC,EAAE;IAQrC,IAAA,kBAAO,EAAC,GAAG,EAAE;QACX,KAAK,MAAM,KAAK,IAAI,sBAAsB,EAAE;YAC1C,IAAA,eAAM,EACJ,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,EACpC,0FAA0F,CAC3F,CAAA;SACF;IACH,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAE5B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAEvF,OAAO;QACL,eAAe,EAAE,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,2BAAO,EAAC,eAAe,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;QAC3E,YAAY,EAAE,IAAA,eAAO,EAAC,kBAAkB,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;QACrE,MAAM,EAAE,IAAA,mBAAW,EAAC,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"use-multiple-selection.js","sourceRoot":"","sources":["../../src/use-multiple-selection.ts"],"names":[],"mappings":";;;AAAA,iCAAsD;AACtD,+CAA2C;AAC3C,yDAA2C;AAG3C,4CAAuC;AAEvC,SAAgB,oBAAoB,CAClC,OAAyB,EACzB,yBAAmC,EAAE;IAQrC,IAAA,kBAAO,EAAC,GAAG,EAAE;QACX,KAAK,MAAM,KAAK,IAAI,sBAAsB,EAAE;YAC1C,IAAA,eAAM,EACJ,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,EACpC,0FAA0F,CAC3F,CAAA;SACF;IACH,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAE5B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAA;IAEvF,OAAO;QACL,eAAe,EAAE,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,2BAAO,EAAC,eAAe,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;QAC3E,YAAY,EAAE,IAAA,eAAO,EAAC,kBAAkB,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;QACrE,MAAM,EAAE,IAAA,mBAAW,EAAC,MAAM,EAAE,CAAC,eAAe,CAAC,CAAC;QAC9C,MAAM,EAAE,IAAA,mBAAW,EAAC,MAAM,EAAE,EAAE,CAAC;QAC/B,QAAQ,EAAE,IAAA,mBAAW,EAAC,QAAQ,EAAE,EAAE,CAAC;KACpC,CAAA;IAED,SAAS,kBAAkB;QACzB,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YAC9B,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;YAClC,OAAO,EAAE,QAAQ,EAAE,CAAA;QACrB,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,UAAU,CAAC,KAAa;QAC/B,OAAO,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IACnC,CAAC;IAED,SAAS,MAAM,CAAC,KAAa;QAC3B,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE;YACrB,QAAQ,CAAC,KAAK,CAAC,CAAA;SAChB;aAAM;YACL,MAAM,CAAC,KAAK,CAAC,CAAA;SACd;IACH,CAAC;IAED,SAAS,MAAM,CAAC,KAAa;QAC3B,kBAAkB,CAAC,eAAe,CAAC,EAAE;YACnC,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;YACvC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACjB,OAAO,MAAM,CAAA;QACf,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,QAAQ,CAAC,KAAa;QAC7B,kBAAkB,CAAC,eAAe,CAAC,EAAE;YACnC,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,CAAA;YACvC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACpB,OAAO,MAAM,CAAA;QACf,CAAC,CAAC,CAAA;IACJ,CAAC;AACH,CAAC;AA/DD,oDA+DC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "extra-react-hooks",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"files": [
|
|
@@ -76,11 +76,11 @@
|
|
|
76
76
|
"webpack": "^5.70.0"
|
|
77
77
|
},
|
|
78
78
|
"dependencies": {
|
|
79
|
-
"@blackglory/errors": "^2.2.
|
|
80
|
-
"@blackglory/
|
|
81
|
-
"
|
|
82
|
-
"iterable-operator": "^1.1
|
|
83
|
-
"justypes": "^
|
|
79
|
+
"@blackglory/errors": "^2.2.2",
|
|
80
|
+
"@blackglory/types": "^1.3.0",
|
|
81
|
+
"extra-fsm": "^0.1.0",
|
|
82
|
+
"iterable-operator": "^1.2.1",
|
|
83
|
+
"justypes": "^3.0.0",
|
|
84
84
|
"rxjs": "^7.5.6"
|
|
85
85
|
},
|
|
86
86
|
"peerDependencies": {
|