@dreamcommerce/aurora 3.1.25-3 → 3.1.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/build/cjs/packages/aurora/src/index.js +0 -2
  2. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  3. package/build/esm/packages/aurora/src/index.d.ts +0 -1
  4. package/build/esm/packages/aurora/src/index.js +0 -1
  5. package/build/esm/packages/aurora/src/index.js.map +1 -1
  6. package/build/index.css +1 -1
  7. package/package.json +1 -1
  8. package/build/cjs/packages/aurora/src/components/resizable/components/resizable_container.js +0 -46
  9. package/build/cjs/packages/aurora/src/components/resizable/components/resizable_container.js.map +0 -1
  10. package/build/cjs/packages/aurora/src/components/resizable/components/resizable_handle.js +0 -41
  11. package/build/cjs/packages/aurora/src/components/resizable/components/resizable_handle.js.map +0 -1
  12. package/build/cjs/packages/aurora/src/components/resizable/components/resizable_pure.js +0 -42
  13. package/build/cjs/packages/aurora/src/components/resizable/components/resizable_pure.js.map +0 -1
  14. package/build/cjs/packages/aurora/src/components/resizable/hooks/use_resizable.js +0 -79
  15. package/build/cjs/packages/aurora/src/components/resizable/hooks/use_resizable.js.map +0 -1
  16. package/build/cjs/packages/aurora/src/components/resizable/hooks/use_resizable_context.js +0 -17
  17. package/build/cjs/packages/aurora/src/components/resizable/hooks/use_resizable_context.js.map +0 -1
  18. package/build/cjs/packages/aurora/src/components/resizable/resizable.js +0 -46
  19. package/build/cjs/packages/aurora/src/components/resizable/resizable.js.map +0 -1
  20. package/build/cjs/packages/aurora/src/components/resizable/resizable_container_constants.js +0 -13
  21. package/build/cjs/packages/aurora/src/components/resizable/resizable_container_constants.js.map +0 -1
  22. package/build/cjs/packages/aurora/src/components/resizable/resizable_context.js +0 -14
  23. package/build/cjs/packages/aurora/src/components/resizable/resizable_context.js.map +0 -1
  24. package/build/cjs/packages/aurora/src/components/resizable/resizable_utils.js +0 -37
  25. package/build/cjs/packages/aurora/src/components/resizable/resizable_utils.js.map +0 -1
  26. package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.d.ts +0 -3
  27. package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.js +0 -38
  28. package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.js.map +0 -1
  29. package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.d.ts +0 -9
  30. package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.js +0 -33
  31. package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.js.map +0 -1
  32. package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.d.ts +0 -3
  33. package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.js +0 -34
  34. package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.js.map +0 -1
  35. package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.d.ts +0 -7
  36. package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.js +0 -75
  37. package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.js.map +0 -1
  38. package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.d.ts +0 -2
  39. package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.js +0 -13
  40. package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.js.map +0 -1
  41. package/build/esm/packages/aurora/src/components/resizable/resizable.d.ts +0 -3
  42. package/build/esm/packages/aurora/src/components/resizable/resizable.js +0 -38
  43. package/build/esm/packages/aurora/src/components/resizable/resizable.js.map +0 -1
  44. package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.d.ts +0 -10
  45. package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.js +0 -8
  46. package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.js.map +0 -1
  47. package/build/esm/packages/aurora/src/components/resizable/resizable_context.d.ts +0 -3
  48. package/build/esm/packages/aurora/src/components/resizable/resizable_context.js +0 -10
  49. package/build/esm/packages/aurora/src/components/resizable/resizable_context.js.map +0 -1
  50. package/build/esm/packages/aurora/src/components/resizable/resizable_utils.d.ts +0 -5
  51. package/build/esm/packages/aurora/src/components/resizable/resizable_utils.js +0 -30
  52. package/build/esm/packages/aurora/src/components/resizable/resizable_utils.js.map +0 -1
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "3.1.25-3",
5
+ "version": "3.1.25",
6
6
  "description": "aurora",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
@@ -1,46 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var resizable_handle = require('./resizable_handle.js');
7
-
8
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
-
10
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
-
12
- var ResizableContainer = function ResizableContainer(_ref) {
13
- var className = _ref.className,
14
- style = _ref.style,
15
- variant = _ref.variant,
16
- handleHoverSpacePx = _ref.handleHoverSpacePx,
17
- handleResizing = _ref.handleResizing,
18
- children = _ref.children;
19
- return /*#__PURE__*/React__default['default'].createElement("div", {
20
- className: "aurora-flex aurora-relative ".concat(className),
21
- style: style
22
- }, variant === 'horizontal' ? (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(resizable_handle.ResizableHandle, {
23
- position: "left",
24
- hoverGutterSizePx: handleHoverSpacePx,
25
- onMouseDown: function onMouseDown(e) {
26
- return handleResizing(e, 'left');
27
- }
28
- }), /*#__PURE__*/React__default['default'].createElement(resizable_handle.ResizableHandle, {
29
- position: "right",
30
- hoverGutterSizePx: handleHoverSpacePx,
31
- onMouseDown: function onMouseDown(e) {
32
- return handleResizing(e, 'right');
33
- }
34
- }))) : (/*#__PURE__*/React__default['default'].createElement(resizable_handle.ResizableHandle, {
35
- position: variant,
36
- hoverGutterSizePx: handleHoverSpacePx,
37
- onMouseDown: function onMouseDown(e) {
38
- return handleResizing(e, variant);
39
- }
40
- })), /*#__PURE__*/React__default['default'].createElement("div", {
41
- className: "aurora-flex-1"
42
- }, children));
43
- };
44
-
45
- exports.ResizableContainer = ResizableContainer;
46
- //# sourceMappingURL=resizable_container.js.map
@@ -1 +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;"}
@@ -1,41 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var cn = require('../../../utilities/cn.js');
7
- var resizable_container_constants = require('../resizable_container_constants.js');
8
- var use_resizable_context = require('../hooks/use_resizable_context.js');
9
-
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
-
14
- var ResizableHandle = function ResizableHandle(_ref) {
15
- var position = _ref.position,
16
- _ref$hoverGutterSizeP = _ref.hoverGutterSizePx,
17
- hoverGutterSizePx = _ref$hoverGutterSizeP === void 0 ? 8 : _ref$hoverGutterSizeP,
18
- className = _ref.className,
19
- onMouseDown = _ref.onMouseDown;
20
- var _useResizableContext = use_resizable_context.useResizableContext(),
21
- isResizing = _useResizableContext.isResizing;
22
- return /*#__PURE__*/React__default['default'].createElement("div", {
23
- className: cn.cn("".concat(resizable_container_constants.RESIZABLE_CONTAINER_RESIZER_CLASS, " ").concat(className, " aurora-absolute aurora-top-0 aurora-bottom-0 aurora-cursor-col-resize aurora-transition-opacity aurora-duration-200 aurora-z-[99999] aurora-opacity-0 hover:aurora-opacity-100"), {
24
- 'aurora-opacity-100': isResizing
25
- }),
26
- style: {
27
- paddingLeft: "".concat(hoverGutterSizePx, "px"),
28
- paddingRight: "".concat(hoverGutterSizePx, "px"),
29
- left: position === 'left' ? "-".concat(hoverGutterSizePx, "px") : '',
30
- right: position === 'right' ? "-".concat(hoverGutterSizePx, "px") : ''
31
- },
32
- onMouseDown: onMouseDown
33
- }, /*#__PURE__*/React__default['default'].createElement("div", {
34
- className: cn.cn('aurora-w-[2px] aurora-h-full aurora-bg-primary', {
35
- 'aurora-bg-primary-hover': isResizing
36
- })
37
- }));
38
- };
39
-
40
- exports.ResizableHandle = ResizableHandle;
41
- //# sourceMappingURL=resizable_handle.js.map
@@ -1 +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;"}
@@ -1,42 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var use_resizable_context = require('../hooks/use_resizable_context.js');
7
- var resizable_container = require('./resizable_container.js');
8
-
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
-
11
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
-
13
- var ResizablePure = function ResizablePure(_ref) {
14
- var children = _ref.children,
15
- _ref$variant = _ref.variant,
16
- variant = _ref$variant === void 0 ? 'left' : _ref$variant,
17
- handleHoverSpacePx = _ref.handleHoverSpacePx,
18
- widthConfig = _ref.widthConfig,
19
- onResize = _ref.onResize,
20
- className = _ref.className;
21
- var _useResizableContext = use_resizable_context.useResizableContext(),
22
- currentWidth = _useResizableContext.currentWidth,
23
- handleResizing = _useResizableContext.handleResizing,
24
- isResizing = _useResizableContext.isResizing;
25
- React.useEffect(function () {
26
- onResize === null || onResize === void 0 ? void 0 : onResize(currentWidth, isResizing);
27
- }, [currentWidth, isResizing, onResize]);
28
- return /*#__PURE__*/React__default['default'].createElement(resizable_container.ResizableContainer, {
29
- className: className || '',
30
- style: {
31
- width: currentWidth,
32
- minWidth: widthConfig.min,
33
- maxWidth: widthConfig.max
34
- },
35
- variant: variant,
36
- handleHoverSpacePx: handleHoverSpacePx,
37
- handleResizing: handleResizing
38
- }, children);
39
- };
40
-
41
- exports.ResizablePure = ResizablePure;
42
- //# sourceMappingURL=resizable_pure.js.map
@@ -1 +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;"}
@@ -1,79 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
- var resizable_container_constants = require('../resizable_container_constants.js');
8
- var resizable_utils = require('../resizable_utils.js');
9
-
10
- var useResizable = function useResizable(name, variant, widthConfig) {
11
- var storageKey = "sve_resizable_".concat(name, "_width");
12
- var _useState = React.useState(false),
13
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
14
- isResizing = _useState2[0],
15
- setIsResizing = _useState2[1];
16
- var isResizingRef = React.useRef(false);
17
- var resizingDirection = React.useRef(resizable_container_constants.RESIZING_DIRECTIONS.left);
18
- var initialMouseX = React.useRef(0);
19
- var initialWidth = React.useRef(0);
20
- var _useState3 = React.useState(function () {
21
- return resizable_utils.getInitialWidth(storageKey, widthConfig);
22
- }),
23
- _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
24
- width = _useState4[0],
25
- setWidth = _useState4[1];
26
- var widthRef = React.useRef(width);
27
- var handleMouseMove = React.useCallback(function (e) {
28
- if (!isResizingRef.current) return;
29
- var direction = variant === 'horizontal' ? resizingDirection.current : variant;
30
- var newWidth = calculateNewWidth(e.clientX, direction, widthConfig, initialMouseX.current, initialWidth.current);
31
- widthRef.current = newWidth;
32
- setWidth(newWidth);
33
- }, []);
34
- var handleMouseUp = React.useCallback(function () {
35
- if (!isResizingRef.current) return;
36
- isResizingRef.current = false;
37
- setIsResizing(false);
38
- resizable_utils.removeEventListeners({
39
- mousemove: handleMouseMove,
40
- mouseup: handleMouseUp
41
- });
42
- resizable_utils.saveWidthToStorage(storageKey, widthRef.current);
43
- }, []);
44
- var handleResizing = React.useCallback(function (e, direction) {
45
- e.preventDefault();
46
- isResizingRef.current = true;
47
- setIsResizing(true);
48
- resizingDirection.current = direction;
49
- initialMouseX.current = e.clientX;
50
- initialWidth.current = widthRef.current;
51
- resizable_utils.addEventListeners({
52
- mousemove: handleMouseMove,
53
- mouseup: handleMouseUp
54
- });
55
- }, []);
56
- var calculateNewWidth = function calculateNewWidth(clientX, direction, widthConfig, initialMouseX, initialWidth) {
57
- var min = widthConfig.min,
58
- max = widthConfig.max;
59
- var mouseDelta = clientX - initialMouseX;
60
- var newWidth = direction === resizable_container_constants.RESIZING_DIRECTIONS.left ? initialWidth - mouseDelta : initialWidth + mouseDelta;
61
- return Math.min(Math.max(newWidth, min), max);
62
- };
63
- React.useEffect(function () {
64
- return function () {
65
- resizable_utils.removeEventListeners({
66
- mousemove: handleMouseMove,
67
- mouseup: handleMouseUp
68
- });
69
- };
70
- }, []);
71
- return {
72
- isResizing: isResizing,
73
- currentWidth: width,
74
- handleResizing: handleResizing
75
- };
76
- };
77
-
78
- exports.default = useResizable;
79
- //# sourceMappingURL=use_resizable.js.map
@@ -1 +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;AACA;AACA;AACA;AACA;"}
@@ -1,17 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var resizable_context = require('../resizable_context.js');
7
-
8
- function useResizableContext() {
9
- var context = React.useContext(resizable_context.ResizableContext);
10
- if (Object.keys(context).length === 0 && context.constructor === Object) {
11
- throw new Error("Resizable component cannot be rendered outside the ResizableProvider component");
12
- }
13
- return context;
14
- }
15
-
16
- exports.useResizableContext = useResizableContext;
17
- //# sourceMappingURL=use_resizable_context.js.map
@@ -1 +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;"}
@@ -1,46 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var use_resizable = require('./hooks/use_resizable.js');
7
- var resizable_context = require('./resizable_context.js');
8
- var resizable_pure = require('./components/resizable_pure.js');
9
-
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
-
14
- var Resizable = function Resizable(_ref) {
15
- var name = _ref.name,
16
- children = _ref.children,
17
- _ref$variant = _ref.variant,
18
- variant = _ref$variant === void 0 ? 'left' : _ref$variant,
19
- handleHoverSpacePx = _ref.handleHoverSpacePx,
20
- widthConfig = _ref.widthConfig,
21
- onResize = _ref.onResize,
22
- className = _ref.className;
23
- var _useResizable = use_resizable['default'](name, variant, widthConfig),
24
- isResizing = _useResizable.isResizing,
25
- currentWidth = _useResizable.currentWidth,
26
- handleResizing = _useResizable.handleResizing;
27
- var contextVal = React.useMemo(function () {
28
- return {
29
- isResizing: isResizing,
30
- currentWidth: currentWidth,
31
- handleResizing: handleResizing
32
- };
33
- }, [isResizing, currentWidth, handleResizing]);
34
- return /*#__PURE__*/React__default['default'].createElement(resizable_context.ResizableContext.Provider, {
35
- value: contextVal
36
- }, /*#__PURE__*/React__default['default'].createElement(resizable_pure.ResizablePure, {
37
- className: className || '',
38
- variant: variant,
39
- handleHoverSpacePx: handleHoverSpacePx,
40
- widthConfig: widthConfig,
41
- onResize: onResize
42
- }, children));
43
- };
44
-
45
- exports.Resizable = Resizable;
46
- //# sourceMappingURL=resizable.js.map
@@ -1 +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;"}
@@ -1,13 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var RESIZING_DIRECTIONS = {
6
- left: 'left',
7
- right: 'right'
8
- };
9
- var RESIZABLE_CONTAINER_RESIZER_CLASS = 'js__resizable-container-resizer';
10
-
11
- exports.RESIZABLE_CONTAINER_RESIZER_CLASS = RESIZABLE_CONTAINER_RESIZER_CLASS;
12
- exports.RESIZING_DIRECTIONS = RESIZING_DIRECTIONS;
13
- //# sourceMappingURL=resizable_container_constants.js.map
@@ -1 +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;"}
@@ -1,14 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
-
7
- var ResizableContext = /*#__PURE__*/React.createContext({
8
- isResizing: false,
9
- currentWidth: 0,
10
- handleResizing: function handleResizing() {}
11
- });
12
-
13
- exports.ResizableContext = ResizableContext;
14
- //# sourceMappingURL=resizable_context.js.map
@@ -1 +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;"}
@@ -1,37 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
6
-
7
- var getInitialWidth = function getInitialWidth(name, widthConfig) {
8
- if (typeof window === 'undefined' || typeof localStorage === 'undefined') return widthConfig.default;
9
- var saved = localStorage.getItem(name);
10
- return saved ? Number(saved) : widthConfig.default;
11
- };
12
- var saveWidthToStorage = function saveWidthToStorage(name, width) {
13
- if (typeof window === 'undefined' || typeof localStorage === 'undefined') return;
14
- localStorage.setItem(name, width.toString());
15
- };
16
- var addEventListeners = function addEventListeners(events) {
17
- Object.entries(events).forEach(function (_ref) {
18
- var _ref2 = _rollupPluginBabelHelpers.slicedToArray(_ref, 2),
19
- eventType = _ref2[0],
20
- handler = _ref2[1];
21
- document.addEventListener(eventType, handler);
22
- });
23
- };
24
- var removeEventListeners = function removeEventListeners(events) {
25
- Object.entries(events).forEach(function (_ref3) {
26
- var _ref4 = _rollupPluginBabelHelpers.slicedToArray(_ref3, 2),
27
- eventType = _ref4[0],
28
- handler = _ref4[1];
29
- document.removeEventListener(eventType, handler);
30
- });
31
- };
32
-
33
- exports.addEventListeners = addEventListeners;
34
- exports.getInitialWidth = getInitialWidth;
35
- exports.removeEventListeners = removeEventListeners;
36
- exports.saveWidthToStorage = saveWidthToStorage;
37
- //# sourceMappingURL=resizable_utils.js.map
@@ -1 +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;"}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import type { IResizableContainerProps } from '../resizable_container_types';
3
- export declare const ResizableContainer: React.FC<IResizableContainerProps>;
@@ -1,38 +0,0 @@
1
- import React from 'react';
2
- import { ResizableHandle } from './resizable_handle.js';
3
-
4
- var ResizableContainer = function ResizableContainer(_ref) {
5
- var className = _ref.className,
6
- style = _ref.style,
7
- variant = _ref.variant,
8
- handleHoverSpacePx = _ref.handleHoverSpacePx,
9
- handleResizing = _ref.handleResizing,
10
- children = _ref.children;
11
- return /*#__PURE__*/React.createElement("div", {
12
- className: "aurora-flex aurora-relative ".concat(className),
13
- style: style
14
- }, variant === 'horizontal' ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResizableHandle, {
15
- position: "left",
16
- hoverGutterSizePx: handleHoverSpacePx,
17
- onMouseDown: function onMouseDown(e) {
18
- return handleResizing(e, 'left');
19
- }
20
- }), /*#__PURE__*/React.createElement(ResizableHandle, {
21
- position: "right",
22
- hoverGutterSizePx: handleHoverSpacePx,
23
- onMouseDown: function onMouseDown(e) {
24
- return handleResizing(e, 'right');
25
- }
26
- }))) : (/*#__PURE__*/React.createElement(ResizableHandle, {
27
- position: variant,
28
- hoverGutterSizePx: handleHoverSpacePx,
29
- onMouseDown: function onMouseDown(e) {
30
- return handleResizing(e, variant);
31
- }
32
- })), /*#__PURE__*/React.createElement("div", {
33
- className: "aurora-flex-1"
34
- }, children));
35
- };
36
-
37
- export { ResizableContainer };
38
- //# sourceMappingURL=resizable_container.js.map
@@ -1 +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;"}
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- interface IResizableHandleProps {
3
- position: 'left' | 'right';
4
- hoverGutterSizePx?: number;
5
- className?: string;
6
- onMouseDown: (e: React.MouseEvent) => void;
7
- }
8
- export declare const ResizableHandle: React.FC<IResizableHandleProps>;
9
- export {};
@@ -1,33 +0,0 @@
1
- import React from 'react';
2
- import { cn } from '../../../utilities/cn.js';
3
- import { RESIZABLE_CONTAINER_RESIZER_CLASS } from '../resizable_container_constants.js';
4
- import { useResizableContext } from '../hooks/use_resizable_context.js';
5
-
6
- var ResizableHandle = function ResizableHandle(_ref) {
7
- var position = _ref.position,
8
- _ref$hoverGutterSizeP = _ref.hoverGutterSizePx,
9
- hoverGutterSizePx = _ref$hoverGutterSizeP === void 0 ? 8 : _ref$hoverGutterSizeP,
10
- className = _ref.className,
11
- onMouseDown = _ref.onMouseDown;
12
- var _useResizableContext = useResizableContext(),
13
- isResizing = _useResizableContext.isResizing;
14
- return /*#__PURE__*/React.createElement("div", {
15
- className: cn("".concat(RESIZABLE_CONTAINER_RESIZER_CLASS, " ").concat(className, " aurora-absolute aurora-top-0 aurora-bottom-0 aurora-cursor-col-resize aurora-transition-opacity aurora-duration-200 aurora-z-[99999] aurora-opacity-0 hover:aurora-opacity-100"), {
16
- 'aurora-opacity-100': isResizing
17
- }),
18
- style: {
19
- paddingLeft: "".concat(hoverGutterSizePx, "px"),
20
- paddingRight: "".concat(hoverGutterSizePx, "px"),
21
- left: position === 'left' ? "-".concat(hoverGutterSizePx, "px") : '',
22
- right: position === 'right' ? "-".concat(hoverGutterSizePx, "px") : ''
23
- },
24
- onMouseDown: onMouseDown
25
- }, /*#__PURE__*/React.createElement("div", {
26
- className: cn('aurora-w-[2px] aurora-h-full aurora-bg-primary', {
27
- 'aurora-bg-primary-hover': isResizing
28
- })
29
- }));
30
- };
31
-
32
- export { ResizableHandle };
33
- //# sourceMappingURL=resizable_handle.js.map
@@ -1 +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;"}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import type { IResizablePureProps } from '../resizable_container_types';
3
- export declare const ResizablePure: React.FC<IResizablePureProps>;
@@ -1,34 +0,0 @@
1
- import React, { useEffect } from 'react';
2
- import { useResizableContext } from '../hooks/use_resizable_context.js';
3
- import { ResizableContainer } from './resizable_container.js';
4
-
5
- var ResizablePure = function ResizablePure(_ref) {
6
- var children = _ref.children,
7
- _ref$variant = _ref.variant,
8
- variant = _ref$variant === void 0 ? 'left' : _ref$variant,
9
- handleHoverSpacePx = _ref.handleHoverSpacePx,
10
- widthConfig = _ref.widthConfig,
11
- onResize = _ref.onResize,
12
- className = _ref.className;
13
- var _useResizableContext = useResizableContext(),
14
- currentWidth = _useResizableContext.currentWidth,
15
- handleResizing = _useResizableContext.handleResizing,
16
- isResizing = _useResizableContext.isResizing;
17
- useEffect(function () {
18
- onResize === null || onResize === void 0 ? void 0 : onResize(currentWidth, isResizing);
19
- }, [currentWidth, isResizing, onResize]);
20
- return /*#__PURE__*/React.createElement(ResizableContainer, {
21
- className: className || '',
22
- style: {
23
- width: currentWidth,
24
- minWidth: widthConfig.min,
25
- maxWidth: widthConfig.max
26
- },
27
- variant: variant,
28
- handleHoverSpacePx: handleHoverSpacePx,
29
- handleResizing: handleResizing
30
- }, children);
31
- };
32
-
33
- export { ResizablePure };
34
- //# sourceMappingURL=resizable_pure.js.map
@@ -1 +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;"}
@@ -1,7 +0,0 @@
1
- import type { TContainerWidthConfig, TResizerVariant, TResizingDirection } from '../resizable_container_types';
2
- declare const useResizable: (name: string, variant: TResizerVariant, widthConfig: TContainerWidthConfig) => {
3
- isResizing: boolean;
4
- currentWidth: number;
5
- handleResizing: (e: React.MouseEvent, direction: TResizingDirection) => void;
6
- };
7
- export default useResizable;
@@ -1,75 +0,0 @@
1
- import { useState, useRef, useCallback, useEffect } from 'react';
2
- import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
- import { RESIZING_DIRECTIONS } from '../resizable_container_constants.js';
4
- import { getInitialWidth, removeEventListeners, saveWidthToStorage, addEventListeners } from '../resizable_utils.js';
5
-
6
- var useResizable = function useResizable(name, variant, widthConfig) {
7
- var storageKey = "sve_resizable_".concat(name, "_width");
8
- var _useState = useState(false),
9
- _useState2 = _slicedToArray(_useState, 2),
10
- isResizing = _useState2[0],
11
- setIsResizing = _useState2[1];
12
- var isResizingRef = useRef(false);
13
- var resizingDirection = useRef(RESIZING_DIRECTIONS.left);
14
- var initialMouseX = useRef(0);
15
- var initialWidth = useRef(0);
16
- var _useState3 = useState(function () {
17
- return getInitialWidth(storageKey, widthConfig);
18
- }),
19
- _useState4 = _slicedToArray(_useState3, 2),
20
- width = _useState4[0],
21
- setWidth = _useState4[1];
22
- var widthRef = useRef(width);
23
- var handleMouseMove = useCallback(function (e) {
24
- if (!isResizingRef.current) return;
25
- var direction = variant === 'horizontal' ? resizingDirection.current : variant;
26
- var newWidth = calculateNewWidth(e.clientX, direction, widthConfig, initialMouseX.current, initialWidth.current);
27
- widthRef.current = newWidth;
28
- setWidth(newWidth);
29
- }, []);
30
- var handleMouseUp = useCallback(function () {
31
- if (!isResizingRef.current) return;
32
- isResizingRef.current = false;
33
- setIsResizing(false);
34
- removeEventListeners({
35
- mousemove: handleMouseMove,
36
- mouseup: handleMouseUp
37
- });
38
- saveWidthToStorage(storageKey, widthRef.current);
39
- }, []);
40
- var handleResizing = useCallback(function (e, direction) {
41
- e.preventDefault();
42
- isResizingRef.current = true;
43
- setIsResizing(true);
44
- resizingDirection.current = direction;
45
- initialMouseX.current = e.clientX;
46
- initialWidth.current = widthRef.current;
47
- addEventListeners({
48
- mousemove: handleMouseMove,
49
- mouseup: handleMouseUp
50
- });
51
- }, []);
52
- var calculateNewWidth = function calculateNewWidth(clientX, direction, widthConfig, initialMouseX, initialWidth) {
53
- var min = widthConfig.min,
54
- max = widthConfig.max;
55
- var mouseDelta = clientX - initialMouseX;
56
- var newWidth = direction === RESIZING_DIRECTIONS.left ? initialWidth - mouseDelta : initialWidth + mouseDelta;
57
- return Math.min(Math.max(newWidth, min), max);
58
- };
59
- useEffect(function () {
60
- return function () {
61
- removeEventListeners({
62
- mousemove: handleMouseMove,
63
- mouseup: handleMouseUp
64
- });
65
- };
66
- }, []);
67
- return {
68
- isResizing: isResizing,
69
- currentWidth: width,
70
- handleResizing: handleResizing
71
- };
72
- };
73
-
74
- export default useResizable;
75
- //# sourceMappingURL=use_resizable.js.map
@@ -1 +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;"}
@@ -1,2 +0,0 @@
1
- import type { IResizableContextProps } from '../resizable_container_types';
2
- export declare function useResizableContext(): IResizableContextProps;
@@ -1,13 +0,0 @@
1
- import { useContext } from 'react';
2
- import { ResizableContext } from '../resizable_context.js';
3
-
4
- function useResizableContext() {
5
- var context = useContext(ResizableContext);
6
- if (Object.keys(context).length === 0 && context.constructor === Object) {
7
- throw new Error("Resizable component cannot be rendered outside the ResizableProvider component");
8
- }
9
- return context;
10
- }
11
-
12
- export { useResizableContext };
13
- //# sourceMappingURL=use_resizable_context.js.map
@@ -1 +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;"}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import type { IResizableProps } from './resizable_container_types';
3
- export declare const Resizable: React.FC<IResizableProps>;