@aiszlab/relax 1.2.62 → 1.2.64

package/dist/_virtual/_rollupPluginBabelHelpers.js

@@ -93,26 +93,6 @@ function _nonIterableRest() {
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _objectWithoutProperties(e, t) {
-  if (null == e) return {};
-  var o,
-    r,
-    i = _objectWithoutPropertiesLoose(e, t);
-  if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-  }
-  return i;
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
 function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
@@ -150,4 +130,4 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _arrayWithoutHoles as arrayWithoutHoles, _assertClassBrand as assertClassBrand, _checkPrivateRedeclaration as checkPrivateRedeclaration, _classCallCheck as classCallCheck, _classPrivateFieldGet2 as classPrivateFieldGet2, _classPrivateFieldInitSpec as classPrivateFieldInitSpec, _classPrivateFieldSet2 as classPrivateFieldSet2, _classPrivateMethodInitSpec as classPrivateMethodInitSpec, _construct as construct, _createClass as createClass, _isNativeReflectConstruct as isNativeReflectConstruct, _iterableToArray as iterableToArray, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _nonIterableSpread as nonIterableSpread, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _slicedToArray as slicedToArray, _toConsumableArray as toConsumableArray, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _typeof as typeof, _unsupportedIterableToArray as unsupportedIterableToArray };
+export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _arrayWithoutHoles as arrayWithoutHoles, _assertClassBrand as assertClassBrand, _checkPrivateRedeclaration as checkPrivateRedeclaration, _classCallCheck as classCallCheck, _classPrivateFieldGet2 as classPrivateFieldGet2, _classPrivateFieldInitSpec as classPrivateFieldInitSpec, _classPrivateFieldSet2 as classPrivateFieldSet2, _classPrivateMethodInitSpec as classPrivateMethodInitSpec, _construct as construct, _createClass as createClass, _isNativeReflectConstruct as isNativeReflectConstruct, _iterableToArray as iterableToArray, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _nonIterableSpread as nonIterableSpread, _slicedToArray as slicedToArray, _toConsumableArray as toConsumableArray, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _typeof as typeof, _unsupportedIterableToArray as unsupportedIterableToArray };

package/dist/hooks/use-click-away.js

@@ -12,9 +12,9 @@ var useClickAway = function useClickAway(onClickAway, target) {
     onClickAway(event);
   });
   useEffect(function () {
-    window.addEventListener("click", clickAway);
+    document.addEventListener("click", clickAway);
     return function () {
-      window.removeEventListener("click", clickAway);
+      document.removeEventListener("click", clickAway);
     };
   }, []);
 };

package/dist/hooks/use-togglable.d.ts

@@ -19,7 +19,7 @@ type TogglableKey = {
  * @description
  * extra options
  */
-type Options = {
+type UseTogglableOptions = {
     /**
      * @description
      * default toggled
@@ -35,12 +35,17 @@ type Options = {
      * on toggle callback
      */
     onToggle?: (keys: Key[]) => void;
+    /**
+     * @description
+     * default toggled keys
+     */
+    defaultToggledKeys?: Key[];
 };
 /**
  * @description
  * toggle able
  */
-export declare const useTogglable: (togglableKeys: TogglableKey[], { onToggle, ...options }?: Options) => {
+export declare const useTogglable: (togglableKeys: TogglableKey[], { onToggle, defaultToggledKeys, isDefaultToggled, toggledKeys }?: UseTogglableOptions) => {
     toggledKeys: Set<Key>;
     isToggled: (key: Key) => boolean;
     toggle: (key: Key) => void;

package/dist/hooks/use-togglable.js

@@ -1,9 +1,8 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, createClass as _createClass, classPrivateFieldGet2 as _classPrivateFieldGet2, classCallCheck as _classCallCheck, classPrivateFieldInitSpec as _classPrivateFieldInitSpec, classPrivateFieldSet2 as _classPrivateFieldSet2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, createClass as _createClass, classPrivateFieldGet2 as _classPrivateFieldGet2, classCallCheck as _classCallCheck, classPrivateFieldInitSpec as _classPrivateFieldInitSpec, classPrivateFieldSet2 as _classPrivateFieldSet2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { useMemo, useCallback } from 'react';
 import { useControlledState } from './use-controlled-state.js';
 import { useEvent } from './use-event.js';
 
-var _excluded = ["onToggle"];
 var _groupedLeaves = /*#__PURE__*/new WeakMap();
 var Tree = /*#__PURE__*/function () {
   function Tree() {
@@ -41,13 +40,21 @@ var Tree = /*#__PURE__*/function () {
     }
   }, {
     key: "toggleBy",
-    value: function toggleBy(key, isToggled, toggledKeys) {
+    value: function toggleBy(key, isToggled, _toggledKeys) {
       var _classPrivateFieldGet2$1;
+      var toggledKeys = new Set(_toggledKeys);
+      // toggle current leaf
+      if (isToggled) {
+        toggledKeys.add(key);
+      } else {
+        toggledKeys["delete"](key);
+      }
       return Array.from((_classPrivateFieldGet2$1 = _classPrivateFieldGet2(_groupedLeaves, this).get(key)) !== null && _classPrivateFieldGet2$1 !== void 0 ? _classPrivateFieldGet2$1 : []).reduce(function (prev, leaf) {
         // deep fall, add or remove child key
+        return leaf.rise(
         // deep rise, add or remove parent key
-        return leaf.rise(isToggled, leaf.fall(isToggled, prev));
-      }, new Set(toggledKeys));
+        leaf.fall(isToggled, prev));
+      }, toggledKeys);
     }
   }]);
 }();
@@ -92,17 +99,19 @@ var Leaf = /*#__PURE__*/function () {
     }
   }, {
     key: "rise",
-    value: function rise(isToggled, toggledKeys) {
-      var rised = new Set(toggledKeys);
-      if (isToggled) {
-        rised.add(_classPrivateFieldGet2(_key, this));
+    value: function rise(_toggledKeys) {
+      var rised = new Set(_toggledKeys);
+      if (!_classPrivateFieldGet2(_parent, this)) return rised;
+      var isChildrenToggled = _classPrivateFieldGet2(_children, _classPrivateFieldGet2(_parent, this)).every(function (child) {
+        return rised.has(child.key);
+      });
+      if (isChildrenToggled) {
+        rised.add(_classPrivateFieldGet2(_parent, this).key);
       } else {
-        rised["delete"](_classPrivateFieldGet2(_key, this));
-      }
-      if (_classPrivateFieldGet2(_parent, this)) {
-        return _classPrivateFieldGet2(_parent, this).rise(isToggled, rised);
+        rised["delete"](_classPrivateFieldGet2(_parent, this).key);
       }
-      return rised;
+      // go on parent
+      return _classPrivateFieldGet2(_parent, this).rise(rised);
     }
   }, {
     key: "fall",
@@ -129,36 +138,34 @@ var Leaf = /*#__PURE__*/function () {
 var useTogglable = function useTogglable(togglableKeys) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     onToggle = _ref.onToggle,
-    options = _objectWithoutProperties(_ref, _excluded);
-  /// re-create tree when togglable keys changed
+    _ref$defaultToggledKe = _ref.defaultToggledKeys,
+    defaultToggledKeys = _ref$defaultToggledKe === void 0 ? [] : _ref$defaultToggledKe,
+    isDefaultToggled = _ref.isDefaultToggled,
+    toggledKeys = _ref.toggledKeys;
+  // re-create tree when togglable keys changed
   var tree = useMemo(function () {
     return togglableKeys.reduce(function (_tree, togglable) {
       return _tree.grow(togglable);
     }, new Tree());
   }, [togglableKeys]);
-  /// use controlled state to record toggled keys
-  var _useControlledState = useControlledState(options.toggledKeys, {
+  // use controlled state to record toggled keys
+  var _useControlledState = useControlledState(toggledKeys, {
       defaultState: function defaultState() {
-        return options.isDefaultToggled ? Array.from(Array.from(tree.groupedLeaves.values()).reduce(function (prev, leaves) {
-          leaves.forEach(function (leaf) {
-            return prev.add(leaf.key);
-          });
-          return prev;
-        }, new Set())) : [];
+        return isDefaultToggled ? Array.from(tree.groupedLeaves.keys()) : defaultToggledKeys;
       }
     }),
     _useControlledState2 = _slicedToArray(_useControlledState, 2),
     _toggledKeys = _useControlledState2[0],
     _setToggledKeys = _useControlledState2[1];
-  /// use set for toggled keys to make it read-only
+  // use set for toggled keys to make it read easily
   var readableToggledKeys = useMemo(function () {
     return new Set(_toggledKeys);
   }, [_toggledKeys]);
-  /// check current key is toggled
+  // check current key is toggled
   var isToggled = useCallback(function (key) {
-    return !readableToggledKeys || readableToggledKeys.has(key);
+    return readableToggledKeys.has(key);
   }, [readableToggledKeys]);
-  /// toggle one key
+  // toggle one key
   var toggle = useEvent(function (key) {
     // get new toggled keys by toggle current key
     var _toggledKeys = Array.from(tree.toggle(key, readableToggledKeys));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.2.62",
+  "version": "1.2.64",
   "description": "react utils collection",
   "type": "module",
   "exports": {