extra-react-hooks 0.1.10 → 0.1.13

package/lib/es2015/index.d.ts

@@ -2,6 +2,7 @@ export * from './use-increment';
 export * from './use-is-mounted';
 export * from './use-mount';
 export * from './use-single-selection';
+export * from './use-multiple-selection';
 export * from './use-state-cycle';
 export * from './use-toggle';
 export * from './use-resize-observer';

package/lib/es2015/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -14,6 +18,7 @@ __exportStar(require("./use-increment"), exports);
 __exportStar(require("./use-is-mounted"), exports);
 __exportStar(require("./use-mount"), exports);
 __exportStar(require("./use-single-selection"), exports);
+__exportStar(require("./use-multiple-selection"), exports);
 __exportStar(require("./use-state-cycle"), exports);
 __exportStar(require("./use-toggle"), exports);
 __exportStar(require("./use-resize-observer"), 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,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,8CAA2B;AAC3B,yDAAsC;AACtC,2DAAwC;AACxC,oDAAiC;AACjC,+CAA4B;AAC5B,wDAAqC;AACrC,6CAA0B;AAC1B,qDAAkC;AAClC,6DAA0C"}

package/lib/es2015/use-finite-state-machine.js

@@ -3,14 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFiniteStateMachine = exports.ObservableFiniteStateMachine = void 0;
 const react_1 = require("react");
 const structures_1 = require("@blackglory/structures");
-const observable_hooks_1 = require("observable-hooks");
 const use_force_update_1 = require("./use-force-update");
 var structures_2 = require("@blackglory/structures");
 Object.defineProperty(exports, "ObservableFiniteStateMachine", { enumerable: true, get: function () { return structures_2.ObservableFiniteStateMachine; } });
 function useFiniteStateMachine(schema, initialState) {
     const forceUpdate = (0, use_force_update_1.useForceUpdate)();
     const fsm = (0, react_1.useMemo)(() => new structures_1.ObservableFiniteStateMachine(schema, initialState), [schema]);
-    (0, observable_hooks_1.useSubscription)((0, observable_hooks_1.useObservable)(() => fsm.observeStateChanges(), [fsm]), forceUpdate);
+    (0, react_1.useEffect)(() => {
+        const observable = fsm.observeStateChanges();
+        const subscription = observable.subscribe(() => forceUpdate());
+        return () => subscription.unsubscribe();
+    }, [fsm]);
     return fsm;
 }
 exports.useFiniteStateMachine = useFiniteStateMachine;

package/lib/es2015/use-finite-state-machine.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-finite-state-machine.js","sourceRoot":"","sources":["../../src/use-finite-state-machine.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAC/B,uDAG+B;AAC/B,uDAAiE;AACjE,yDAAmD;AAEnD,qDAG+B;AAF7B,0HAAA,4BAA4B,OAAA;AAI9B,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,yCAA4B,CAAC,MAAM,EAAE,YAAY,CAAC,EAC5D,CAAC,MAAM,CAAC,CACT,CAAA;IACD,IAAA,kCAAe,EACb,IAAA,gCAAa,EAAC,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EACrD,WAAW,CACZ,CAAA;IACD,OAAO,GAAG,CAAA;AACZ,CAAC;AAdD,sDAcC"}
+{"version":3,"file":"use-finite-state-machine.js","sourceRoot":"","sources":["../../src/use-finite-state-machine.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,uDAG+B;AAC/B,yDAAmD;AAEnD,qDAG+B;AAF7B,0HAAA,4BAA4B,OAAA;AAI9B,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,yCAA4B,CAAC,MAAM,EAAE,YAAY,CAAC,EAC5D,CAAC,MAAM,CAAC,CACT,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"}

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

@@ -0,0 +1,13 @@
+interface IMultipleSelectionOption<T> {
+    value: T;
+    index: number;
+    selected: boolean;
+    select(): void;
+    unselect(): void;
+    toggle(): void;
+}
+export declare function useMultipleSelection<T>(values: T[], defaultSelectedIndexes?: number[]): {
+    values: T[];
+    options: Array<IMultipleSelectionOption<T>>;
+};
+export {};

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMultipleSelection = void 0;
+const react_1 = require("react");
+const errors_1 = require("@blackglory/errors");
+const iterable_operator_1 = require("iterable-operator");
+function useMultipleSelection(values, defaultSelectedIndexes = []) {
+    (0, errors_1.assert)(values.length > 0, 'The parameter values must be a non-empty array');
+    for (const index of 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])),
+        options: values.map((value, index) => {
+            const selected = selectedIndexes.has(index);
+            const select = () => {
+                const set = new Set(selectedIndexes);
+                set.add(index);
+                setSelectedIndexes(set);
+            };
+            const unselect = () => {
+                const set = new Set(selectedIndexes);
+                set.delete(index);
+                setSelectedIndexes(set);
+            };
+            return {
+                value,
+                index,
+                selected,
+                select,
+                unselect,
+                toggle: selected ? unselect : select
+            };
+        })
+    };
+}
+exports.useMultipleSelection = useMultipleSelection;
+//# sourceMappingURL=use-multiple-selection.js.map

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

@@ -0,0 +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"}

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

@@ -1,15 +1,14 @@
-interface IOption<T> {
+export interface ISingleSelectionOption<T> {
     value: T;
     index: number;
     selected: boolean;
-    select: () => void;
+    select(): void;
 }
-export declare function useSingleSelection<T>(values: T[], defaultIndex: number): {
+export declare function useSingleSelection<T>(values: T[], defaultSelectedIndex: number): {
     value: T;
-    options: Array<IOption<T>>;
+    options: Array<ISingleSelectionOption<T>>;
 };
 export declare function useSingleSelection<T>(values: T[]): {
     value: T | undefined;
-    options: Array<IOption<T>>;
+    options: Array<ISingleSelectionOption<T>>;
 };
-export {};

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

@@ -4,12 +4,12 @@ exports.useSingleSelection = void 0;
 const react_1 = require("react");
 const types_1 = require("@blackglory/types");
 const errors_1 = require("@blackglory/errors");
-function useSingleSelection(values, defaultIndex) {
+function useSingleSelection(values, defaultSelectedIndex) {
     (0, errors_1.assert)(values.length > 0, 'The parameter values must be a non-empty array');
-    if ((0, types_1.isntUndefined)(defaultIndex)) {
-        (0, errors_1.assert)(defaultIndex >= 0 && defaultIndex < values.length, 'The parameter defaultIndex must be in the range of 0 to values.length');
+    if ((0, types_1.isntUndefined)(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)(defaultIndex);
+    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(defaultSelectedIndex);
     return {
         value: (0, types_1.isUndefined)(selectedIndex) ? undefined : values[selectedIndex],
         options: values.map((value, index) => ({

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;AAiB3C,SAAgB,kBAAkB,CAAI,MAAW,EAAE,YAAqB;IACtE,IAAA,eAAM,EAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,IAAI,IAAA,qBAAa,EAAC,YAAY,CAAC,EAAE;QAC/B,IAAA,eAAM,EACJ,YAAY,IAAI,CAAC,IAAI,YAAY,GAAG,MAAM,CAAC,MAAM,EACjD,uEAAuE,CACxE,CAAA;KACF;IAED,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAqB,YAAY,CAAC,CAAA;IAEpF,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;AApBD,gDAoBC"}
+{"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"}

package/lib/es2018/index.d.ts

@@ -2,6 +2,7 @@ export * from './use-increment';
 export * from './use-is-mounted';
 export * from './use-mount';
 export * from './use-single-selection';
+export * from './use-multiple-selection';
 export * from './use-state-cycle';
 export * from './use-toggle';
 export * from './use-resize-observer';

package/lib/es2018/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -14,6 +18,7 @@ __exportStar(require("./use-increment"), exports);
 __exportStar(require("./use-is-mounted"), exports);
 __exportStar(require("./use-mount"), exports);
 __exportStar(require("./use-single-selection"), exports);
+__exportStar(require("./use-multiple-selection"), exports);
 __exportStar(require("./use-state-cycle"), exports);
 __exportStar(require("./use-toggle"), exports);
 __exportStar(require("./use-resize-observer"), 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,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,8CAA2B;AAC3B,yDAAsC;AACtC,2DAAwC;AACxC,oDAAiC;AACjC,+CAA4B;AAC5B,wDAAqC;AACrC,6CAA0B;AAC1B,qDAAkC;AAClC,6DAA0C"}

package/lib/es2018/use-finite-state-machine.js

@@ -3,14 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFiniteStateMachine = exports.ObservableFiniteStateMachine = void 0;
 const react_1 = require("react");
 const structures_1 = require("@blackglory/structures");
-const observable_hooks_1 = require("observable-hooks");
 const use_force_update_1 = require("./use-force-update");
 var structures_2 = require("@blackglory/structures");
 Object.defineProperty(exports, "ObservableFiniteStateMachine", { enumerable: true, get: function () { return structures_2.ObservableFiniteStateMachine; } });
 function useFiniteStateMachine(schema, initialState) {
     const forceUpdate = (0, use_force_update_1.useForceUpdate)();
     const fsm = (0, react_1.useMemo)(() => new structures_1.ObservableFiniteStateMachine(schema, initialState), [schema]);
-    (0, observable_hooks_1.useSubscription)((0, observable_hooks_1.useObservable)(() => fsm.observeStateChanges(), [fsm]), forceUpdate);
+    (0, react_1.useEffect)(() => {
+        const observable = fsm.observeStateChanges();
+        const subscription = observable.subscribe(() => forceUpdate());
+        return () => subscription.unsubscribe();
+    }, [fsm]);
     return fsm;
 }
 exports.useFiniteStateMachine = useFiniteStateMachine;

package/lib/es2018/use-finite-state-machine.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-finite-state-machine.js","sourceRoot":"","sources":["../../src/use-finite-state-machine.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAC/B,uDAG+B;AAC/B,uDAAiE;AACjE,yDAAmD;AAEnD,qDAG+B;AAF7B,0HAAA,4BAA4B,OAAA;AAI9B,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,yCAA4B,CAAC,MAAM,EAAE,YAAY,CAAC,EAC5D,CAAC,MAAM,CAAC,CACT,CAAA;IACD,IAAA,kCAAe,EACb,IAAA,gCAAa,EAAC,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EACrD,WAAW,CACZ,CAAA;IACD,OAAO,GAAG,CAAA;AACZ,CAAC;AAdD,sDAcC"}
+{"version":3,"file":"use-finite-state-machine.js","sourceRoot":"","sources":["../../src/use-finite-state-machine.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,uDAG+B;AAC/B,yDAAmD;AAEnD,qDAG+B;AAF7B,0HAAA,4BAA4B,OAAA;AAI9B,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,yCAA4B,CAAC,MAAM,EAAE,YAAY,CAAC,EAC5D,CAAC,MAAM,CAAC,CACT,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"}

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

@@ -0,0 +1,13 @@
+interface IMultipleSelectionOption<T> {
+    value: T;
+    index: number;
+    selected: boolean;
+    select(): void;
+    unselect(): void;
+    toggle(): void;
+}
+export declare function useMultipleSelection<T>(values: T[], defaultSelectedIndexes?: number[]): {
+    values: T[];
+    options: Array<IMultipleSelectionOption<T>>;
+};
+export {};

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMultipleSelection = void 0;
+const react_1 = require("react");
+const errors_1 = require("@blackglory/errors");
+const iterable_operator_1 = require("iterable-operator");
+function useMultipleSelection(values, defaultSelectedIndexes = []) {
+    (0, errors_1.assert)(values.length > 0, 'The parameter values must be a non-empty array');
+    for (const index of 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])),
+        options: values.map((value, index) => {
+            const selected = selectedIndexes.has(index);
+            const select = () => {
+                const set = new Set(selectedIndexes);
+                set.add(index);
+                setSelectedIndexes(set);
+            };
+            const unselect = () => {
+                const set = new Set(selectedIndexes);
+                set.delete(index);
+                setSelectedIndexes(set);
+            };
+            return {
+                value,
+                index,
+                selected,
+                select,
+                unselect,
+                toggle: selected ? unselect : select
+            };
+        })
+    };
+}
+exports.useMultipleSelection = useMultipleSelection;
+//# sourceMappingURL=use-multiple-selection.js.map

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

@@ -0,0 +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"}

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

@@ -1,15 +1,14 @@
-interface IOption<T> {
+export interface ISingleSelectionOption<T> {
     value: T;
     index: number;
     selected: boolean;
-    select: () => void;
+    select(): void;
 }
-export declare function useSingleSelection<T>(values: T[], defaultIndex: number): {
+export declare function useSingleSelection<T>(values: T[], defaultSelectedIndex: number): {
     value: T;
-    options: Array<IOption<T>>;
+    options: Array<ISingleSelectionOption<T>>;
 };
 export declare function useSingleSelection<T>(values: T[]): {
     value: T | undefined;
-    options: Array<IOption<T>>;
+    options: Array<ISingleSelectionOption<T>>;
 };
-export {};

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

@@ -4,12 +4,12 @@ exports.useSingleSelection = void 0;
 const react_1 = require("react");
 const types_1 = require("@blackglory/types");
 const errors_1 = require("@blackglory/errors");
-function useSingleSelection(values, defaultIndex) {
+function useSingleSelection(values, defaultSelectedIndex) {
     (0, errors_1.assert)(values.length > 0, 'The parameter values must be a non-empty array');
-    if ((0, types_1.isntUndefined)(defaultIndex)) {
-        (0, errors_1.assert)(defaultIndex >= 0 && defaultIndex < values.length, 'The parameter defaultIndex must be in the range of 0 to values.length');
+    if ((0, types_1.isntUndefined)(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)(defaultIndex);
+    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(defaultSelectedIndex);
     return {
         value: (0, types_1.isUndefined)(selectedIndex) ? undefined : values[selectedIndex],
         options: values.map((value, index) => ({

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;AAiB3C,SAAgB,kBAAkB,CAAI,MAAW,EAAE,YAAqB;IACtE,IAAA,eAAM,EAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,gDAAgD,CAAC,CAAA;IAC3E,IAAI,IAAA,qBAAa,EAAC,YAAY,CAAC,EAAE;QAC/B,IAAA,eAAM,EACJ,YAAY,IAAI,CAAC,IAAI,YAAY,GAAG,MAAM,CAAC,MAAM,EACjD,uEAAuE,CACxE,CAAA;KACF;IAED,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAqB,YAAY,CAAC,CAAA;IAEpF,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;AApBD,gDAoBC"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "extra-react-hooks",
-  "version": "0.1.10",
+  "version": "0.1.13",
   "description": "",
   "keywords": [],
   "files": [
@@ -38,48 +38,48 @@
     }
   },
   "devDependencies": {
-    "@blackglory/wait-for": "^0.4.1",
-    "@commitlint/cli": "^16.0.1",
-    "@commitlint/config-conventional": "^16.0.0",
-    "@rollup/plugin-commonjs": "^21.0.1",
+    "@blackglory/wait-for": "^0.5.1",
+    "@commitlint/cli": "^17.0.3",
+    "@commitlint/config-conventional": "^17.0.3",
+    "@rollup/plugin-commonjs": "^22.0.1",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.1.3",
-    "@rollup/plugin-replace": "^3.0.1",
-    "@rollup/plugin-typescript": "^8.3.0",
-    "@testing-library/react": "^12.1.2",
+    "@rollup/plugin-replace": "^4.0.0",
+    "@rollup/plugin-typescript": "^8.3.1",
+    "@testing-library/react": "^12.1.4",
     "@testing-library/react-hooks": "^7.0.2",
-    "@types/jasmine": "^3.10.3",
-    "@types/react": "^17.0.37",
-    "@typescript-eslint/eslint-plugin": "^5.9.0",
-    "@typescript-eslint/parser": "^5.9.0",
-    "eslint": "^8.6.0",
+    "@types/jasmine": "^4.0.0",
+    "@types/react": "^17.0.40",
+    "@typescript-eslint/eslint-plugin": "^5.30.7",
+    "@typescript-eslint/parser": "^5.30.7",
+    "eslint": "^8.20.0",
     "husky": "4",
-    "karma": "^6.3.9",
-    "karma-chrome-launcher": "^3.1.0",
-    "karma-jasmine": "^4.0.1",
+    "karma": "^6.3.17",
+    "karma-chrome-launcher": "^3.1.1",
+    "karma-jasmine": "^5.1.0",
     "karma-webpack": "^5.0.0",
     "npm-run-all": "^4.1.5",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2",
     "rimraf": "^3.0.2",
-    "rollup": "^2.63.0",
+    "rollup": "^2.77.0",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "standard-version": "^9.3.2",
-    "ts-loader": "^9.2.6",
+    "ts-loader": "^9.3.1",
     "tsconfig-paths-webpack-plugin": "^3.5.2",
     "tscpaths": "^0.0.9",
     "tslib": "^2.3.1",
-    "typescript": "^4.5.4",
-    "webpack": "^5.65.0"
+    "typescript": "^4.6.2",
+    "webpack": "^5.70.0"
   },
   "dependencies": {
-    "@blackglory/errors": "^1.1.2",
-    "@blackglory/structures": "^0.3.2",
-    "@blackglory/types": "^0.6.5",
-    "observable-hooks": "^4.2.0",
-    "rxjs": "^7.5.1"
+    "@blackglory/errors": "^2.2.1",
+    "@blackglory/structures": "^0.6.0",
+    "@blackglory/types": "^1.0.0",
+    "iterable-operator": "^1.1.0",
+    "rxjs": "^7.5.6"
   },
   "peerDependencies": {
     "react": ">= 16.8"