@dreamcommerce/aurora 3.0.0-80 → 3.0.0-82

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/build/esm/packages/aurora/src/typings/general.d.ts

@@ -1,7 +1,8 @@
 import { HORIZONTAL_POSITION, VERTICAL_POSITION } from "../constants/positions";
-import { DIRECTION } from "../constants/directions";
-import { Any } from 'ts-toolbelt';
 import { TCssPaddingTokens, TCssScreenTokens, TCssSpacingTokens } from "../constants/css_tokens/css_tokens_types";
+import { Any } from 'ts-toolbelt';
+import { DIRECTION } from "../constants/directions";
+import { ReactNode } from 'react';
 export declare type THorizontalPosition = Any.Keys<typeof HORIZONTAL_POSITION>;
 export declare type TVerticalPosition = Any.Keys<typeof VERTICAL_POSITION>;
 export declare type TCssPositions = {
@@ -13,3 +14,6 @@ export declare type TCssPositions = {
 export declare type TDirection = Any.Keys<typeof DIRECTION>;
 export declare type TPaddings = Record<TCssPaddingTokens, TCssSpacingTokens>;
 export declare type TMargins = Record<TCssSpacingTokens, TCssSpacingTokens> | Record<TCssScreenTokens, Record<TCssSpacingTokens, TCssSpacingTokens>>;
+export declare type TPropsWithChildren<P = {}> = P & {
+    children?: ReactNode;
+};

package/build/esm/packages/aurora/src/typings/general.js

@@ -1,5 +1,6 @@
 import '@auroraConstants/positions';
-import '@auroraConstants/directions';
-import 'ts-toolbelt';
 import '@auroraConstants/css_tokens/css_tokens_types';
+import 'ts-toolbelt';
+import '@auroraConstants/directions';
+import 'react';
 //# sourceMappingURL=general.js.map

package/build/esm/packages/aurora/src/typings/general.js.map

@@ -1 +1 @@
-{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../../../src/typings/general.ts"],"names":[],"mappings":"AAAA,OAAuD,4BAA4B,CAAC;AACpF,OAA0B,6BAA6B,CAAC;AACxD,OAAoB,aAAa,CAAC;AAClC,OAAuE,8CAA8C,CAAC"}
+{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../../../src/typings/general.ts"],"names":[],"mappings":"AAAA,OAAuD,4BAA4B,CAAC;AACpF,OAAuE,8CAA8C,CAAC;AAEtH,OAAoB,aAAa,CAAC;AAClC,OAA0B,6BAA6B,CAAC;AACxD,OAA0B,OAAO,CAAC"}