@dreamcommerce/aurora 3.1.30 → 3.1.31

package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.js

@@ -0,0 +1,33 @@
+import React__default, { useEffect } from 'react';
+import { RESIZE_HANDLE_VARIANTS } from '../resizable_container_constants.js';
+import { useResizableContext } from '../hooks/use_resizable_context.js';
+import { ResizableContainer } from './resizable_container.js';
+
+var ResizablePure = function ResizablePure(_ref) {
+  var children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? RESIZE_HANDLE_VARIANTS.left : _ref$variant,
+    widthConfig = _ref.widthConfig,
+    onResize = _ref.onResize,
+    className = _ref.className;
+  var _useResizableContext = useResizableContext(),
+    currentWidth = _useResizableContext.currentWidth,
+    handleResizing = _useResizableContext.handleResizing,
+    isResizing = _useResizableContext.isResizing;
+  useEffect(function () {
+    onResize === null || onResize === void 0 ? void 0 : onResize(currentWidth, isResizing);
+  }, [currentWidth, isResizing, onResize]);
+  return /*#__PURE__*/React__default.createElement(ResizableContainer, {
+    className: className || '',
+    style: {
+      width: currentWidth,
+      minWidth: widthConfig.min,
+      maxWidth: widthConfig.max
+    },
+    variant: variant,
+    onResize: handleResizing
+  }, children);
+};
+
+export { ResizablePure };
+//# sourceMappingURL=resizable_pure.js.map

package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.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;"}

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.d.ts

@@ -0,0 +1,7 @@
+import type { TContainerWidthConfig, TResizerVariant, TResizingDirection } from '../resizable_container_types';
+declare const useResizable: (name: string, variant: TResizerVariant, widthConfig: TContainerWidthConfig) => {
+    isResizing: boolean;
+    currentWidth: number;
+    handleResizing: (e: React.MouseEvent, direction: TResizingDirection) => void;
+};
+export default useResizable;

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.js

@@ -0,0 +1,75 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { RESIZING_DIRECTIONS } from '../resizable_container_constants.js';
+import { getInitialWidth, removeEventListeners, saveWidthToStorage, addEventListeners } from '../resizable_utils.js';
+
+var useResizable = function useResizable(name, variant, widthConfig) {
+  var storageKey = "sve_resizable_".concat(name, "_width");
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isResizing = _useState2[0],
+    setIsResizing = _useState2[1];
+  var isResizingRef = useRef(false);
+  var resizingDirection = useRef(RESIZING_DIRECTIONS.left);
+  var initialMouseX = useRef(0);
+  var initialWidth = useRef(0);
+  var _useState3 = useState(function () {
+      return getInitialWidth(storageKey, widthConfig);
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    width = _useState4[0],
+    setWidth = _useState4[1];
+  var widthRef = useRef(width);
+  var handleMouseMove = useCallback(function (e) {
+    if (!isResizingRef.current) return;
+    var direction = variant === 'horizontal' ? resizingDirection.current : variant;
+    var newWidth = calculateNewWidth(e.clientX, direction, widthConfig, initialMouseX.current, initialWidth.current);
+    widthRef.current = newWidth;
+    setWidth(newWidth);
+  }, []);
+  var handleMouseUp = useCallback(function () {
+    if (!isResizingRef.current) return;
+    isResizingRef.current = false;
+    setIsResizing(false);
+    removeEventListeners({
+      mousemove: handleMouseMove,
+      mouseup: handleMouseUp
+    });
+    saveWidthToStorage(storageKey, widthRef.current);
+  }, []);
+  var handleResizing = useCallback(function (e, direction) {
+    e.preventDefault();
+    isResizingRef.current = true;
+    setIsResizing(true);
+    resizingDirection.current = direction;
+    initialMouseX.current = e.clientX;
+    initialWidth.current = widthRef.current;
+    addEventListeners({
+      mousemove: handleMouseMove,
+      mouseup: handleMouseUp
+    });
+  }, []);
+  var calculateNewWidth = function calculateNewWidth(clientX, direction, widthConfig, initialMouseX, initialWidth) {
+    var min = widthConfig.min,
+      max = widthConfig.max;
+    var mouseDelta = clientX - initialMouseX;
+    var newWidth = direction === RESIZING_DIRECTIONS.left ? initialWidth - mouseDelta : initialWidth + mouseDelta;
+    return Math.min(Math.max(newWidth, min), max);
+  };
+  useEffect(function () {
+    return function () {
+      removeEventListeners({
+        mousemove: handleMouseMove,
+        mouseup: handleMouseUp
+      });
+    };
+  }, []);
+  return {
+    isResizing: isResizing,
+    currentWidth: width,
+    handleResizing: handleResizing
+  };
+};
+
+export default useResizable;
+//# sourceMappingURL=use_resizable.js.map

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.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;AACA;AACA;AACA;AACA;AACA;AACA;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/components/resizable/hooks/use_resizable_context.d.ts

@@ -0,0 +1,2 @@
+import type { IResizableContextProps } from '../resizable_container_types';
+export declare function useResizableContext(): IResizableContextProps;

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.js

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { ResizableContext } from '../resizable_context.js';
+
+function useResizableContext() {
+  var context = useContext(ResizableContext);
+  if (!context) {
+    throw new Error("Resizable component cannot be rendered outside the ResizableProvider component");
+  }
+  return context;
+}
+
+export { useResizableContext };
+//# sourceMappingURL=use_resizable_context.js.map

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.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;"}

package/build/esm/packages/aurora/src/components/resizable/resizable.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IResizableProps } from './resizable_container_types';
+export declare const Resizable: React.FC<IResizableProps>;

package/build/esm/packages/aurora/src/components/resizable/resizable.js

@@ -0,0 +1,36 @@
+import React__default, { useMemo } from 'react';
+import useResizable from './hooks/use_resizable.js';
+import { ResizableContext } from './resizable_context.js';
+import { ResizablePure } from './components/resizable_pure.js';
+
+var Resizable = function Resizable(_ref) {
+  var name = _ref.name,
+    children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'left' : _ref$variant,
+    widthConfig = _ref.widthConfig,
+    onResize = _ref.onResize,
+    className = _ref.className;
+  var _useResizable = useResizable(name, variant, widthConfig),
+    isResizing = _useResizable.isResizing,
+    currentWidth = _useResizable.currentWidth,
+    handleResizing = _useResizable.handleResizing;
+  var contextVal = useMemo(function () {
+    return {
+      isResizing: isResizing,
+      currentWidth: currentWidth,
+      handleResizing: handleResizing
+    };
+  }, [isResizing, currentWidth, handleResizing]);
+  return /*#__PURE__*/React__default.createElement(ResizableContext.Provider, {
+    value: contextVal
+  }, /*#__PURE__*/React__default.createElement(ResizablePure, {
+    className: className || '',
+    variant: variant,
+    widthConfig: widthConfig,
+    onResize: onResize
+  }, children));
+};
+
+export { Resizable };
+//# sourceMappingURL=resizable.js.map

package/build/esm/packages/aurora/src/components/resizable/resizable.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;"}

package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.d.ts

@@ -0,0 +1,11 @@
+export declare const RESIZE_HANDLE_VARIANTS: {
+    readonly left: "left";
+    readonly right: "right";
+    readonly horizontal: "horizontal";
+};
+export declare const RESIZING_DIRECTIONS: {
+    readonly left: "left";
+    readonly right: "right";
+};
+export declare const HANDLE_HOVER_SPACE = 8;
+export declare const RESIZABLE_CONTAINER_RESIZER_CLASS = "js__resizable-container-resizer";

package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.js

@@ -0,0 +1,14 @@
+var RESIZE_HANDLE_VARIANTS = {
+  left: 'left',
+  right: 'right',
+  horizontal: 'horizontal'
+};
+var RESIZING_DIRECTIONS = {
+  left: 'left',
+  right: 'right'
+};
+var HANDLE_HOVER_SPACE = 8;
+var RESIZABLE_CONTAINER_RESIZER_CLASS = 'js__resizable-container-resizer';
+
+export { HANDLE_HOVER_SPACE, RESIZABLE_CONTAINER_RESIZER_CLASS, RESIZE_HANDLE_VARIANTS, RESIZING_DIRECTIONS };
+//# sourceMappingURL=resizable_container_constants.js.map

package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.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;"}

package/build/esm/packages/aurora/src/components/resizable/resizable_context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IResizableContextProps } from './resizable_container_types';
+export declare const ResizableContext: import("react").Context<IResizableContextProps>;

package/build/esm/packages/aurora/src/components/resizable/resizable_context.js

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+
+var ResizableContext = /*#__PURE__*/createContext({
+  isResizing: false,
+  currentWidth: 0,
+  handleResizing: function handleResizing() {}
+});
+
+export { ResizableContext };
+//# sourceMappingURL=resizable_context.js.map

package/build/esm/packages/aurora/src/components/resizable/resizable_context.js.map

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

package/build/esm/packages/aurora/src/components/resizable/resizable_utils.d.ts

@@ -0,0 +1,5 @@
+import type { TContainerWidthConfig } from './resizable_container_types';
+export declare const getInitialWidth: (name: string, widthConfig: TContainerWidthConfig) => number;
+export declare const saveWidthToStorage: (name: string, width: number) => void;
+export declare const addEventListeners: (events: Record<string, EventListener>) => void;
+export declare const removeEventListeners: (events: Record<string, EventListener>) => void;

package/build/esm/packages/aurora/src/components/resizable/resizable_utils.js

@@ -0,0 +1,30 @@
+import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+
+var getInitialWidth = function getInitialWidth(name, widthConfig) {
+  if (typeof window === 'undefined' || typeof localStorage === 'undefined') return widthConfig.default;
+  var saved = localStorage.getItem(name);
+  return saved ? Number(saved) : widthConfig.default;
+};
+var saveWidthToStorage = function saveWidthToStorage(name, width) {
+  if (typeof window === 'undefined' || typeof localStorage === 'undefined') return;
+  localStorage.setItem(name, width.toString());
+};
+var addEventListeners = function addEventListeners(events) {
+  Object.entries(events).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      eventType = _ref2[0],
+      handler = _ref2[1];
+    document.addEventListener(eventType, handler);
+  });
+};
+var removeEventListeners = function removeEventListeners(events) {
+  Object.entries(events).forEach(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      eventType = _ref4[0],
+      handler = _ref4[1];
+    document.removeEventListener(eventType, handler);
+  });
+};
+
+export { addEventListeners, getInitialWidth, removeEventListeners, saveWidthToStorage };
+//# sourceMappingURL=resizable_utils.js.map

package/build/esm/packages/aurora/src/components/resizable/resizable_utils.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;"}

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

@@ -134,4 +134,5 @@ export { TToastType } from "./components/toast/components/toast_components_types
 export { AnchorPresets } from "./components/anchor_presets/anchor_presets";
 export { AnchorPresetsControl } from "./components/controls/anchor_presets_control/anchor_presets_control";
 export { ANCHOR_PRESETS_VALUES } from "./components/anchor_presets/anchor_presets_constants";
+export { Resizable } from "./components/resizable/resizable";
 export { fuzzySearch } from "./utilities/fuzzy_search";

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

@@ -127,4 +127,5 @@ export { ToastViewport } from './components/toast/components/toast_viewport.js';
 export { ANCHOR_PRESETS_VALUES } from './components/anchor_presets/anchor_presets_constants.js';
 export { AnchorPresets } from './components/anchor_presets/anchor_presets.js';
 export { AnchorPresetsControl } from './components/controls/anchor_presets_control/anchor_presets_control.js';
+export { Resizable } from './components/resizable/resizable.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;AACA;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;"}