@dreamcommerce/aurora 3.0.0-80 → 3.0.0-81

package/build/cjs/packages/aurora/src/hooks/use_effect_after_mount.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * uses effect only if component is allready mounted
+ * @param {Function} cb callback
+ * @param dependencies array of dependencies
+ * @returns {void} void
+ */
+function useEffectAfterMount(cb, dependencies) {
+  var justMounted = React.useRef(true);
+  React.useEffect(function () {
+    if (!justMounted.current) {
+      return cb();
+    }
+    justMounted.current = false;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, dependencies);
+}
+
+exports.useEffectAfterMount = useEffectAfterMount;
+//# sourceMappingURL=use_effect_after_mount.js.map

package/build/cjs/packages/aurora/src/hooks/use_effect_after_mount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/hooks/use_toggle.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var use_effect_after_mount = require('./use_effect_after_mount.js');
+
+/**
+ * Hook used for toggling dropdown
+ * @param defaultIsOpen should dropdown be opened at render
+ * @param onToggleCb callback onToggle
+ * @param closeAllDropdowns close all already opened dropdowns
+ * @returns {Array} tuple - open state and and method to change open state
+ */
+function useToggle() {
+  var defaultIsOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var onToggleCb = arguments.length > 1 ? arguments[1] : undefined;
+  var closeAllDropdowns = arguments.length > 2 ? arguments[2] : undefined;
+  var _useState = React.useState(defaultIsOpen),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var onToggle = React.useCallback(function () {
+    closeAllDropdowns && closeAllDropdowns();
+    setIsOpen(function (oldIsOpen) {
+      return !oldIsOpen;
+    });
+  }, []);
+  var open = React.useCallback(function () {
+    return setIsOpen(true);
+  }, []);
+  var close = React.useCallback(function () {
+    return setIsOpen(false);
+  }, []);
+  use_effect_after_mount.useEffectAfterMount(function () {
+    if (typeof onToggleCb === 'function') {
+      onToggleCb(isOpen);
+    }
+  }, [isOpen]);
+  return [isOpen, onToggle, open, close];
+}
+
+exports.useToggle = useToggle;
+//# sourceMappingURL=use_toggle.js.map

package/build/cjs/packages/aurora/src/hooks/use_toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/index.js

@@ -49,6 +49,7 @@ var badge_constants = require('./components/badge/badge_constants.js');
 var badge = require('./components/badge/badge.js');
 var sidebar_constants = require('./components/sidebar/sidebar_constants.js');
 var use_sidebar = require('./components/sidebar/hooks/use_sidebar.js');
+var use_click_outside = require('./hooks/use_click_outside.js');
 var sidebar = require('./components/sidebar/sidebar.js');
 var sidebar_toggle = require('./components/sidebar/components/sidebar_toggle.js');
 var tooltip = require('./components/tooltip/tooltip.js');
@@ -106,6 +107,7 @@ var xhr_image_picker = require('./components/xhr_image_picker/xhr_image_picker.j
 var xhr_image_picker_control = require('./components/controls/xhr_image_picker_control/xhr_image_picker_control.js');
 var values_syncer = require('./components/values_syncer/values_syncer.js');
 var values_syncer_control = require('./components/controls/values_syncer_control/values_syncer_control.js');
+var use_toggle = require('./hooks/use_toggle.js');
 
 
 
@@ -166,6 +168,7 @@ exports.Badge = badge.Badge;
 exports.SIDEBAR_SIDE = sidebar_constants.SIDEBAR_SIDE;
 exports.SIDEBAR_VARIANTS = sidebar_constants.SIDEBAR_VARIANTS;
 exports.useSidebar = use_sidebar.useSidebar;
+exports.useClickOutside = use_click_outside.useClickOutside;
 exports.Sidebar = sidebar.Sidebar;
 exports.SidebarToggle = sidebar_toggle.SidebarToggle;
 exports.Tooltip = tooltip.Tooltip;
@@ -231,4 +234,5 @@ exports.XhrImagePicker = xhr_image_picker.XhrImagePicker;
 exports.XhrImagePickerControl = xhr_image_picker_control.XhrImagePickerControl;
 exports.ValuesSyncer = values_syncer.ValuesSyncer;
 exports.ValuesSyncerControl = values_syncer_control.ValuesSyncerControl;
+exports.useToggle = use_toggle.useToggle;
 //# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/hooks/use_effect_after_mount.js

@@ -1,18 +1,21 @@
-import { useEffect, useRef } from 'react';
-/**
- * uses effect only if component is allready mounted
- * @param {Function} cb callback
- * @param dependencies array of dependencies
- * @returns {void} void
+import { useRef, useEffect } from 'react';
+
+/**
+ * uses effect only if component is allready mounted
+ * @param {Function} cb callback
+ * @param dependencies array of dependencies
+ * @returns {void} void
  */
-export function useEffectAfterMount(cb, dependencies) {
-    const justMounted = useRef(true);
-    useEffect(() => {
-        if (!justMounted.current) {
-            return cb();
-        }
-        justMounted.current = false;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, dependencies);
+function useEffectAfterMount(cb, dependencies) {
+  var justMounted = useRef(true);
+  useEffect(function () {
+    if (!justMounted.current) {
+      return cb();
+    }
+    justMounted.current = false;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, dependencies);
 }
-//# sourceMappingURL=use_effect_after_mount.js.map
+
+export { useEffectAfterMount };
+//# sourceMappingURL=use_effect_after_mount.js.map

package/build/esm/packages/aurora/src/hooks/use_effect_after_mount.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_effect_after_mount.js","sourceRoot":"","sources":["../../../../../../src/hooks/use_effect_after_mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAc,EAAE,YAAwB;IACxE,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO,EAAE,EAAE,CAAC;SACf;QACD,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;QAC5B,uDAAuD;IAC3D,CAAC,EAAE,YAAY,CAAC,CAAC;AACrB,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/hooks/use_toggle.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Hook used for toggling dropdown
+ * @param defaultIsOpen should dropdown be opened at render
+ * @param onToggleCb callback onToggle
+ * @param closeAllDropdowns close all already opened dropdowns
+ * @returns {Array} tuple - open state and and method to change open state
+ */
+export declare function useToggle(defaultIsOpen?: boolean, onToggleCb?: (isOpen: boolean) => void, closeAllDropdowns?: () => void): [boolean, () => void, () => void, () => void];

package/build/esm/packages/aurora/src/hooks/use_toggle.js

@@ -0,0 +1,41 @@
+import { useState, useCallback } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useEffectAfterMount } from './use_effect_after_mount.js';
+
+/**
+ * Hook used for toggling dropdown
+ * @param defaultIsOpen should dropdown be opened at render
+ * @param onToggleCb callback onToggle
+ * @param closeAllDropdowns close all already opened dropdowns
+ * @returns {Array} tuple - open state and and method to change open state
+ */
+function useToggle() {
+  var defaultIsOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var onToggleCb = arguments.length > 1 ? arguments[1] : undefined;
+  var closeAllDropdowns = arguments.length > 2 ? arguments[2] : undefined;
+  var _useState = useState(defaultIsOpen),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var onToggle = useCallback(function () {
+    closeAllDropdowns && closeAllDropdowns();
+    setIsOpen(function (oldIsOpen) {
+      return !oldIsOpen;
+    });
+  }, []);
+  var open = useCallback(function () {
+    return setIsOpen(true);
+  }, []);
+  var close = useCallback(function () {
+    return setIsOpen(false);
+  }, []);
+  useEffectAfterMount(function () {
+    if (typeof onToggleCb === 'function') {
+      onToggleCb(isOpen);
+    }
+  }, [isOpen]);
+  return [isOpen, onToggle, open, close];
+}
+
+export { useToggle };
+//# sourceMappingURL=use_toggle.js.map

package/build/esm/packages/aurora/src/hooks/use_toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/index.d.ts

@@ -108,3 +108,5 @@ export { XhrImagePickerControl } from "./components/controls/xhr_image_picker_co
 export { IImageEditorProps, TUploadedImageData } from "./components/xhr_image_picker/xhr_image_picker_types";
 export { ValuesSyncerControl } from "./components/controls/values_syncer_control/values_syncer_control";
 export { ValuesSyncer } from "./components/values_syncer/values_syncer";
+export { useToggle } from "./hooks/use_toggle";
+export { useClickOutside } from "./hooks/use_click_outside";

package/build/esm/packages/aurora/src/index.js

@@ -45,6 +45,7 @@ export { BADGE_VARIANTS } from './components/badge/badge_constants.js';
 export { Badge } from './components/badge/badge.js';
 export { SIDEBAR_SIDE, SIDEBAR_VARIANTS } from './components/sidebar/sidebar_constants.js';
 export { useSidebar } from './components/sidebar/hooks/use_sidebar.js';
+export { useClickOutside } from './hooks/use_click_outside.js';
 export { Sidebar } from './components/sidebar/sidebar.js';
 export { SidebarToggle } from './components/sidebar/components/sidebar_toggle.js';
 export { Tooltip } from './components/tooltip/tooltip.js';
@@ -102,4 +103,5 @@ export { XhrImagePicker } from './components/xhr_image_picker/xhr_image_picker.j
 export { XhrImagePickerControl } from './components/controls/xhr_image_picker_control/xhr_image_picker_control.js';
 export { ValuesSyncer } from './components/values_syncer/values_syncer.js';
 export { ValuesSyncerControl } from './components/controls/values_syncer_control/values_syncer_control.js';
+export { useToggle } from './hooks/use_toggle.js';
 //# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "3.0.0-80",
+  "version": "3.0.0-81",
   "description": "aurora",
   "author": "zefirek",
   "license": "MIT",